/* Hides troubleshooting information. Do not touch */
sip-troubleshooting-information {
 display: none;
}
/*
#installmentSection {
	display: none;
}
*/

/*-- changing the pdp descriptions paragraph font size from 14px to be 16px to match the unordered list */
.product-details-content-wrapper p {
    font-size: 16px !important;
	line-height: 1.5 !important;
}



/*-- To change the star rating colour from yellow to blue  requested by Clive Adjei and added by Ehsan Ghafourian on 05/06/23--*/

.star-ratings-css-top[_ngcontent-storefront-c169]{
	color: #0057ad !important;
}

.star-ratings-css-top[_ngcontent-storefront-c219] {
	color: #0057ad !important;
}

.star-ratings-css-bottom {
  white-space: inherit;
}

span.color {
background-size: cover !important;
}

#theMenu > li > ul > li {
display:block;
font-size: 12px;
}

@media (max-width: 1024px) {
  #theMenu > li {
    border-bottom: 1px solid #eee;
  }

  #theMenu li.topmenu .costco-icons {
    padding-top: 0;
  }

  #theMenu > li > ul > li {
    float: left;
    border-bottom: 1px solid #eee;
    min-width: 100%;
  }

  .customWarehouseMenu .yCmsComponent {
    display: none;
    padding: 0 !important;
  }
}

@media screen and (min-width: 1024px) {
  #theMenu > li > ul > li .show-sub-menu, #theMenu > li > ul > li > a {
    font-weight: 700;
    line-height: 2rem;
    font-size: 18px;
    padding: 10px 10px 10px 0px;
    text-transform: capitalize;
  }

  #theMenu > li > ul > li {
    float: left;
    border-bottom: 1px solid #b4b4b4;
    min-width: 90%;
  }
}

/*--	I’ve added this block of code to hide the wishlist promo messages as it was done on pp2. added by Ehsan on 23/02/24	--*/

.accountBodyContentSlot .product-list-item .product-info-wrapper .price-panel .promo {
	display: none;
}


/*--    to make the corders round for all the banners and category spots on homepage added by Ehsan on 18/01/24     --*/
[_nghost-storefront-c150] .featured-content-component img {
	border-radius: 10px !important;
}

.simple-responsive-banner-component img {
	border-radius: 10px !important;
}





/*-- To add padding for Variable weight items paragraph on UK Site added by Ehsan on 24/05/23 --*/

.pdp-messages-wrapper {
	padding-bottom: 20px !important;
}


/*-- To deactivate the Reject all button on UK Site added by Ehsan on 15/02/23 --*/
/*
#gdprMessage
	.gdpr-reject { 
	display: none; 
}
*/


/*-- FIXING THE MOBILE MAIN HEADER COVERED BY THE SEARCH BAR by Ehsan on 20/12/22 --*/

@media screen and (max-width: 767px){

	header.main-header .sm-navigation{
		padding-top: 10px !important;
	}
}


/*-- FIXING THE MOBILE MAIN HEADER COVERED BY THE SEARCH BAR by Ehsan on 20/12/22 

@media screen and (max-width: 767px){
		header .mobile-nav .cart-link-container, header .nav-icons-links-container .cart-link-container {
			width: 67px !important;
		}
		
		header.main-header .mobile-nav .link-with-media {
			padding-right: 0.2em !important;
    		padding-left: 0.2em !important;
		}
		
}
*/


/*img {
	max-width: 100%;
    height: auto;
}*/

/*.price-panel:nth-child(2) {
    display: none;
}*/


.compared-product-item__product-list-warehouse-only { display: none; }

.compared-product-item__promo-container {
	display: none;
}

.product-item-wishlist .product-info-wrapper .price-panel .promo {
    display: none;
}

@media screen and (min-width: 1024px) {
    .product-gallery .image-gallery .gallery-image .owl-wrapper .owl-item {
        min-height: 638px;
    }

    .carousel.gallery-image.js-gallery-image {
        min-height: 638px;
    }
}

@media screen and (max-width: 1024px) {
	.tracking-link > .btn-primary {
		width: auto;
	}
}

#cookieConsentModal {
    z-index: 9999 !important;
}

.gdpr-modal-left {
    margin: 10px !important;
}

.login-section-container .login-box-container .costco-custom-checkbox {
    width: auto !important;
    float: none !important;
}

.star-ratings-css {
    height: auto;
    width: auto;
}

/*--	this style Removed because it was making shipping address modal to be displayed on top left corner of the page rather than to be in content 	--*/
/*
#chooseAddressModal > .modal-dialog {
    margin: 0 !important;
}
*/

#chooseAddressForm > .modal-body {
    padding: 5px 10px !important;
}

.page-tiresearch .container .page .tire-search-content .container .vehicle-validation-message.emptyResults, .page-tiresearch .container .page .tire-search-content .container .regNo-validation-message.emptyResults {
    color: #e51937;
}

.costco-icon-member-only {
    color: #e51937 !important;
}

.homepage .featured-content-component a {
	display: block;
}

.homepage .featured-content-component a p {
	padding-top: 5px;
	font-size: 18px;
}

.delivery-indent > li {
	list-style: none !important;
}

#theMenu > li:nth-child(2), #theMenu > li:nth-child(3), #theMenu > li:nth-child(4), #theMenu > li:nth-child(5), #theMenu > li:nth-child(6) {
	font-weight: bold;
}

 #theMenu > li > a:nth-child(6) {
	font-weight: bold;
}

.mobile-bnr {
	display: none;
	margin: 10px 0;
}

.desktop-bnr {
	display: block;
	margin: 10px 0;
}

@media only screen and (max-width: 480px) {
	.desktop-bnr {
		display: none;
	}

	.mobile-bnr {
		display: block;
	}
}

.nav-grocery ul:first-child > li:first-child, .nav-grocery ul:first-child > li:nth-child(2), .nav-grocery ul:first-child > li:nth-child(3), .nav-grocery ul:first-child > li:nth-child(4), .nav-grocery ul:nth-child(3) > li:last-child {
    font-weight: bold;
}

.nav-grocery ul:last-child > li:nth-child(9) {
    font-weight: bold;
}

.list-item__cancel {
	display: none;
}

.delivery-dsc-wrapper {
    background-color: #f5f5f5;
    padding: 2rem 4rem 4rem 4rem;
    font-size: 18px;
    border-bottom: 2rem #fff solid;
    width: 100%;
}

.delivery-title {
    font-size: 22px;
    font-weight: 700;
    display: inline-block;
    text-align: left;
    margin: 2rem 0rem 3rem 0rem;
}

.margin-right-2 {
    margin-right: 2rem;
}

.delivery-dsc {
    font-size: 16px;
    text-align: left;
}

.delivery-indent {
    text-indent: -1em;
    padding-left: 2em;
}

.glyphicon {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-ok:before {
    content: "\e013";
}

#notification {
	background-color: #fff8d2;
    border: 1px solid #ffcc00;
    padding: 4%;
}

.yellow-notification {
	color: #333;
    line-height: 1.8;
}

#productInterestNotifyMeBtn {
	display: none;
}

.product-info-wrapper > .product-list-delivery + .price-panel > * .free-shipping,
.product-info-wrapper > .product-list-delivery + .variant-options-buttons-container + .price-panel > * .free-shipping,
.product-info-wrapper > .product-list-delivery + .variant-section + .variant-options-buttons-container + .price-panel > * .free-shipping,
.checkout-shipping > .col-xs-12 > .col-xs-12 > .row ~ div > .review-cart-list > .cart-list > li > .row > .col-md-9 > .row > .details > .product-item-price > .price-panel > div ~ div > * .including-shipping,
.cart-list #cart-expedited-section ~ li > * .including-shipping,
.cart-list #cart-expedited-section ~ li > * .including-shipping,
.row + .multiple-address-container > * .including-shipping {
	display: none;
}

.costco-carousel-component {
    border-top: 2px solid #a2a2a2;
}


/* DECAL ON POSITION 4 - POSITION TOP FIX ON HOMEPAGE CARAUSEL - ADDED BY EHSAN ON 08/02/22 */
.carousel .item .decal-position-4 {
position: absolute;
top: 70px!important;
left: 10px;
}


/* CHANGED THE COLOR TO GREEN FOR DISCOUNT MESSAGE - ADDED BY EHSAN ON 15/03/22 */
.discount-row-message {
    color: #008000;
}


/*-- FIXING THE Sign up for BLACK FRIDAY offers via email POP UP MESSAGE by Ehsan */
div#wcpopupmodal-modal.wcpopup-banner.mini-banner, div#wcpopupmodal.wcpopup-banner.mini-banner {
	height: 200px !important;
	bottom: 0 !important;
	top: auto !important;
}


/*-- HOMEPAGE CAROUSELS MARGIN AND MIN-HIGHT FIX BY EHSAN ON 30/10/22 --*/
	[_nghost-storefront-c44] .page.homepage .costco-carousel-component {
    margin: 20px auto !important;
}


	
	[_nghost-storefront-c44] sip-product-carousel.has-title {
    min-height: 40px !important;
}
	[_nghost-storefront-c44] sip-product-carousel {
    min-height: 40px !important;
}

@media screen and (max-width: 767px){
	[_nghost-storefront-c44] sip-product-carousel {
    min-height: 40px !important;
	}
}
	


.page-tiresearch .container .page .tire-search-container .simple-responsive-banner-component img {
    min-height: 600px !important;
}

.country-select-dropdown:before {
    content: '';
    display: none;
}

.top-header .country-select-dropdown {
    padding: 0 30px 30px 15px;
}

/* BRACKET FIX MOBILE */
@media only screen and (max-width: 767px) and (orientation: portrait){
    .page-search .search-page-container{
        margin: 40px 0 0 0 !important;
    }
}

/* BRACKET FIX MOBILE END */
.cms-nav-component-wrapper .nbc-container > li {
    margin-right: 1em !important;
}

.align-left {
    text-align: left;
}

.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
		position: relative;
		min-height: 1px;
	}

	@media (min-width: 1025px) {
		.col-xl-1 {
			width: 8.33333%
		}
		.col-xl-2 {
			width: 16.66667%
		}
		.col-xl-3 {
			width: 25%
		}
		.col-xl-4 {
			width: 33.33333%
		}
		.col-xl-5 {
			width: 41.66667%
		}
		.col-xl-6 {
			width: 50%
		}
		.col-xl-7 {
			width: 58.33333%
		}
		.col-xl-8 {
			width: 66.66667%
		}
		.col-xl-9 {
			width: 75%
		}
		.col-xl-10 {
			width: 83.33333%
		}
		.col-xl-11 {
			width: 91.66667%
		}
		.col-xl-12 {
			width: 100%
		}
		.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
			float: left;
		}
	}

.general-notification {
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    padding: 15px;
    background-color: #eff7fb;
    margin: 20px 0 20px 0;
}

/*removing display none to show "Where did you first hear about us" on onlineregister/steps page - done by Ehsan on 08/11/2023 */
/*.my-account-interests {
    display: none;
}
*/

/*adding display none to hide "select all checkbox" on onlineregister/steps page where did you hear about us - done by Ehsan on 13/11/2023 */
.my-account-section-select-all.form-group {
    display: none;
}

.control-label {
    font-weight: bold;
}

#transactionalPreferences, #marketingPreferences {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

#transactionalPreferences-heading, #marketingPreferences-heading {
    background-color: #fafafa;
    color: #333;
    padding: 10px 15px;
    margin: 0;
    border-bottom: 1px solid #ddd;
    font-size: 20px;
}

.preferences-section-checkbox-transactional, .preferences-section-checkbox-marketing {
    display: inline-block;
    padding: 15px;
}

.cms-nav-component-wrapper .nbc-container > li > a {
    font-size: 1.19em;
}

header.main-header .menu-trigger .menu-font-size {
    font-size: 1.19em;
}

li.country-flags__label.no-flag {
    display: none;
}

/*removing display none to show "Where did you first hear about us" on onlineregister/steps page - done by Ehsan on 08/11/2023 */
#interestsForm {
/*    display: none;*/
}


/* DRFIX - Remove 'Terms and Conditions' Modal Link on Marketing Prefs */
#showModalLink {
    display: none;
}


/* FIX FOR BULLET POINTS? */
.wrapper_itemDes .container_itemDes .txt_itemDes ul.bullet_point {
	position: relative;
	clear: both;
	width: 100%;
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
	text-align: left;
	padding: 0px 0px 0px 30px;
}

ol.bullets, ul.bullets {
    margin: 10px 20px;
    line-height: 24px;
    padding: 0;
}

li.bullets {
    font-size: 16px;
    list-style-type: disc;
    padding-top: 1%;
}

li.numbers {
    font-size: 16px;
    list-style-type: decimal;
    padding-top: 1%;
}

/* END FIX FOR BULLET POINTS */


/* GDPR Message */
.gdpr-message-item .gdpr-message-item_content p {
	font-size: 16px;
	font-weight: 400;
}


/*
.gdpr-message-item .gdpr-buttons {
	width: 60px;
}
*/

.gdpr-message-item .gdpr-message-item_content {
	max-width: 100%;
}


.my-account-communicationPreferences > .panel-default {
   display: none;
}


/* DRFIX - Removal of Marketing Prefs */
.my-account-communicationPreferences .row:nth-child(3) {
    display: none;
}


/* DRFIX - Login Page */
.login-section-container .register-text {
	font-size: 20px;
	font-weight: bold;
}

.login-section-container .signup-text {
	font-size: 20px;
	font-weight: bold;
}

.login-section-container .login-box-container .costco-custom-checkbox {
	width: 50%;
	float: left;
}

@media screen and (max-width: 767px) {
	#loginForm {
		padding-top: 0;
	}

	.product-listing.product-grid .product-item {
		width: 49.5%;
	}
}
/* END DRFIX - Login Page */


/* DRFIX - Gender / My Account */
#updateMemberInfoForm > .member-info-container > .form-group {
	display: none;
}
/* END DRFIX - Gender / My Account */


.membership-info > .declaration {
	display: none;
}


/* DRFIX - a fix for all the links that have been capitalized for some reason */
.shlink {
	text-transform: none !important;
}
/* END DRFIX - a fix for all the links that have been capitalized for some reason */


html[lang="en_GB"] a, html[lang="en_CA"] a, html[lang="en_US"] a, html.translated-ltr a, html[lang="en_GB"] button, html[lang="en_CA"] button, html[lang="en_US"] button, html.translated-ltr button, html[lang="en_GB"] .btn, html[lang="en_CA"] .btn, html[lang="en_US"] .btn, html.translated-ltr .btn, html[lang="en_GB"] .headline, html[lang="en_CA"] .headline, html[lang="en_US"] .headline, html.translated-ltr .headline, html[lang="en_GB"] .h1, html[lang="en_CA"] .h1, html[lang="en_US"] .h1, html.translated-ltr .h1, html[lang="en_GB"] .h2, html[lang="en_CA"] .h2, html[lang="en_US"] .h2, html.translated-ltr .h2, html[lang="en_GB"] .breadcrumb li, html[lang="en_CA"] .breadcrumb li, html[lang="en_US"] .breadcrumb li, html.translated-ltr .breadcrumb li, html[lang="en_GB"] .account-address-header, html[lang="en_CA"] .account-address-header, html[lang="en_US"] .account-address-header, html.translated-ltr .account-address-header, html[lang="en_GB"] .costco-custom-radio label, html[lang="en_CA"] .costco-custom-radio label, html[lang="en_US"] .costco-custom-radio label, html.translated-ltr .costco-custom-radio label

{ text-transform: none; !important }


/* Size Variant Drop Down */
.variant-section .variant-selector .variant-select {
	padding: 6px 16px;
}


/* DRFIX - Second row of featured content components on mobile - fixed spacing related to one line vs two line titles*/
@media screen and (max-width: 768px) {
	.hpfs {
		padding-bottom: 55px !important;
	}
}
/* END DRFIX - Second row of featured content components on mobile - fixed spacing related to one line vs two line titles*/


/* Remove double scroll */
#chooseAddressModalContainer .choose-shipping-address-popup .modal-body, #chooseAddressModalContainer .choose-billing-address-popup .modal-body {
    overflow-y: scroll;
}


/* Store Finder Opening Hours */
.panel-group .panel.panel-default .panel-body h4, .panel-group .panel.panel-default .panel-body p {
	margin-top: 10px;
}


.store-finder-details-info-address .store-openings li span {
	width: 32%;
}

.warehouse-locator-single-pos .opening-hours-desc {
}


/* Hides Prefix Suffix & Middle Initial COSINT-6511 */
#newInlineMem-membership-memberInfoForm .form-group #suffix
{
    display: none;
}

#newInlineMem-membership-memberInfoForm label[for="suffix"] {
	display: none;
}

#newInlineMem-membership-memberInfoForm .form-group #middleName
{
    display: none;
}

#newInlineMem-membership-memberInfoForm label[for="middleName"] {
	display: none;
}

/*.col-xs-6.col-sm-3.col-md-2 {
	display: none;
}
*/

#newInlineMem-membership-memberInfoForm .membership-prefix-field {
	display: none;
}


/* Checkout */
.cart-total .checkout-ajax, .cart-total .paymentinfo-btn-submit {
	height: 100%;
	white-space: normal;
}


/* COSINT-6413 */
.choose-shipping-address-popup.modal, .choose-billing-address-popup.modal {
       overflow: hidden;
}

.choose-shipping-address-popup .ship-to, .choose-billing-address-popup .ship-to {
	margin: 0;
}

.choose-shipping-address-popup .group-address-list,
.choose-billing-address-popup .group-address-list {
     overflow-y: auto;
	/*Removed by Dylan to fix shipping address issue*/
    /*max-height: calc(100vh - 260px);*/
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.choose-shipping-address-popup .group-address-list,
        .choose-billing-address-popup .group-address-list {

   		max-height: calc(100vh - 300px);
	}
}

/* COSINT-6413 END */



/* PDP */
.product-name-container .lister-name, .lister-name-en {
	max-height: 62px;
	-webkit-line-clamp: 3;
}


	footer#footer-widget ul.footer-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.product-details-content-wrapper ul {
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
	padding: 0px 0px 0px 30px;
}

.product-details-content-wrapper ul > li {
	list-style-type: disc !important;
}

.panel-group .panel.panel-default .panel-body ul li {
	list-style-type: disc !important;
	margin:  1% 2%;
	display: list-item;
}

.panel-group .panel.panel-default .panel-body .pdp-pdf-bullets {
	list-style: none;
	margin: 0;
}


@media screen and (max-width: 640px) {


.panel-group .panel.panel-default .panel-body ul li {
	list-style-type: disc;
	margin:  1% 5%;
	display: list-item;
}


}


/* --- FIX FOR BANNER MARGIN ON TYRE SEARCH PAGE ADDED BY EHSAN ---*/
.why-costco sip-banner {
	margin-top: 10px;
	}
/* --- FINISHED BY EHSAN ---*/


/* --- FIX FOR BANNER MARGIN ON MAIN CATEGORY ADDED BY EHSAN ---

sip-banner.ng-star-inserted {
    margin-top: 10px;
}*/
/* --- FINISHED BY EHSAN ---*/



/* --- FIX TO REMOVE {{0}} FROM MATH TABLE ON PDP PAGES ADDED BY EHSAN ---*/
.from-text ng-star-inserted {
	color: white !important;
}

.adobe-pdf-icon {
	max-width: 20px;
}

/* PDP - Colour Variant Content */
.product-variants-options .variant-selector > ul.variant-list:after {
    content: "Please select a colour";
	font-weight: bold;
}



/* online register and membership purchase and my account */
#onlineregister-memberInfoForm .my-account-communicationPreferences > .account-label {
display: none;
}

#onlineregister-memberInfoForm .my-account-communicationPreferences > dev.email-radio-container{
	padding-top: 30px;
	margin-top: 30px;
}

#newInlineMem-membership-memberInfoForm .my-account-communicationPreferences > .account-label {
display: none;
}

#newInlineMem-membership-memberInfoForm .my-account-communicationPreferences >  dev.email-radio-container{
	padding-top: 30px;
	margin-top: 30px;
}

#onlineregister-memberInfoForm .row .membership-form-info-container + .col-sm-push-1:not(.membership-preferences-display-wrapper):not(.col-sm-pull-1) {
    display: none;
}

#onlineregister-memberInfoForm .row:nth-child(2):after, #onlineregister-memberInfoForm .row:nth-child(3):after {
    clear: none;
}

#newInlineMem-membership-memberInfoForm .row .membership-form-info-container + .col-sm-push-1:not(.membership-preferences-display-wrapper):not(.col-sm-pull-1) {
    display: none;
}

#newInlineMem-membership-memberInfoForm #newInlineMem-membership-inputform-addonSection + .row:after
{
  clear: none;
}

.homepage .featured-content-component p {
	padding-top: 5px !important;
}


/* Homepage - added to UK Featured Category Title Component

.homepage .featured-content-component h1 {
	padding-top: 5px;
}

.homepage .featured-content-component h3 {
	padding-top: 5px;
}

.homepage .featured-content-component h4 {
	display: none;
}

.homepage-banners {
	border-bottom:0px;
}
*/


/* Registration */

.membership-section-content .consent-section-box .consent-section-box-content {
	max-height: 500px;
}

.membership-section-content .content-section-title {
	margin: 0px 0 10px;
}


/* Tyres */

/*
.page-tiresearch .container .page .tire-search-content {
	background-color: #2f383d;
}
*/

/* Main Navigation */

.cms-nav-component-wrapper .nbc-container > li {
	margin-right: 2em;
}


@media screen and (min-width: 0px) and (max-width: 640px) {

	.page-tiresearch .container .page .cms-slot .simple-responsive-banner-component > img {
		height: 0px;!important;
	}
}


/* Category Menu */
#theMenu > li > ul > li .show-sub-menu, #theMenu > li > ul > li > a {
	font-size: 18px;
	text-transform: none;
}

#theMenu > li > ul > li > ul > li a {
	font-size: 16px;
}


#theMenu > li > ul > li {
	/* display:block; */
	font-size: 12px;
}

#theMenu > li > ul {
	width: 980px;
}


 #theMenu ul ul a {
   padding: 3px 0;
}




@media screen and (min-width: 0px) and (max-width: 1023px) {


#theMenu > li > ul > li .show-sub-menu, #theMenu > li > ul > li > a {
	font-size: 16px;
}



#theMenu > li > ul {
	width: 100%;
}
}




@media screen and (min-width: 1024px) {
	#theMenu > li > ul > li {
		min-width: 120px;
		max-width: calc(756px/4);
	  }



	.wrapper_itemDes {
		width: 95%;
		display: inline-block;
		margin: 0px auto;
	}

	.wrapper_itemDes h1 {
		width: 100%;
		display: inline-block;
		clear: both;
		font-size: 1.5em;
		font-weight: 600;
		margin-top: 30px;
		color: #333333;
	}

	.container_itemDes {
		position: relative;
		width: 100%;
		display: inline-block;
		clear: both;
		margin-top: 30px;
	}

	.container_itemDes .img_itemDes_L {
		position: relative;
		float: left;
		width: 35%;
		display: inline-block;
	}

	.container_itemDes .img_itemDes_R {
		position: relative;
		float: right;
		width: 35%;
		display: inline-block;
	}

	.container_itemDes .img_itemDes_L img {
		width: 100%;
		max-width: 440px;
	}

	.container_itemDes .img_itemDes_R img {
		width: 100%;
		max-width: 440px;
	}

	.container_itemDes .tbl_itemDes_L {
		position: relative;
		float: left;
		width: 60%;
		display: inline-block;
	}

	.container_itemDes .tbl_itemDes_R {
		position: relative;
		float: right;
		width: 60%;
		display: inline-block;
	}

	.container_itemDes .txt_itemDes_L {
		position: relative;
		float: left;
		width: 60%;
		display: inline-block;
		text-align: left;
	}

	.container_itemDes .txt_itemDes_R {
		position: relative;
		float: right;
		width: 60%;
		display: inline-block;
		text-align: left;
	}

	.container_itemDes h2 {
		clear: both;
		font-size: 1.2em;
		font-weight: 600;
		line-height: 150%;
		color: #333333;
		line-height: 1.5em;
		margin-top: 15px;
	}

	.container_itemDes p {
		clear: both;
		font-size: 0.9em;
		font-weight: 500;
		margin-top: 15px;
		line-height: 150%;
		color: #333333;
	}

	caption {
		position: absolute;
		visibility: hidden;
		font-size: 0;
	}

	table.tbl_gray {
		border-collapse: collapse;
		width: 100%;
		margin: 0px;
		font-size: 13px;
		position: relative;
	}

	table.tbl_gray th {
		border: 1px solid #d1d1d1;
	}

	table.tbl_gray td {
		border: 1px solid #d1d1d1;
		font-weight: none;
		text-align: center;
		padding: 6px 6px 5px 12px;
		line-height: 160%;
		color: #333333;
	}

	table.tbl_gray thead {
		font-weight: normal;
		text-align: center;
	}

	table.tbl_gray thead th {
		background: #d1d1d1;
		border-bottom: 0px;
		color: #555;
		font-weight: 500;
		text-align: center;
		vertical-align: middle;
		padding: 5px 7px 4px 11px;
		line-height: 160%;
	}

	table.tbl_gray tbody th {
		background: #f5f5f5;
		color: #555;
		font-weight: 500;
		text-align: right;
		vertical-align: middle;
		padding: 5px 7px 4px 11px;
		line-height: 160%;
	}

	table.tbl_gray td img {
		vertical-align: middle;
	}

	ul.bullet_point {
		position: relative;
		clear: both;
		width: 100%;
		display: block;
		list-style-type: disc;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 40px;
		text-align: left;
		padding: 0px 0px 0px 30px;
	}

	ul.bullet_point>li {
		text-indent: 8px;
		font-size: 0.98em;
		font-weight: 500;
		line-height: 150%;
		color: #333333;
		list-style: inherit;
	}

}



@media screen and (min-width: 1024px) {


/*	header #theMenu {
		min-height: calc(100vh - 180px);
		min-width: calc(100vh - 800px);
	}




	#theMenu > li > ul {
		width: 1100px;
		-webkit-column-count: 6;
		-moz-column-count: 6;
		column-count: 6;
		padding: 10px;

	}
	#theMenu > li > ul > li {
		min-width: 90px;
		max-width: calc(1100px/5);

	}

	#theMenu > li > ul > li > ul > li a {
		font-size: 14px;
	}

	#theMenu > li > ul > li .show-sub-menu, #theMenu > li > ul > li > a {
		font-size: 18px;
	}

*/



}


@media screen and (min-width: 0px) and (max-width: 640px) {
	.container_itemDes .img_itemDes_L {
		position: relative;
		clear: both;
		width: 100%;
		display: inline-block;
		max-width: 360px;
	}
	.container_itemDes .tbl_itemDes_L {
		position: relative;
		clear: both;
		width: 100%;
		display: inline-block;
	}
	.container_itemDes .txt_itemDes_L {
		position: relative;
		clear: both;
		width: 100%;
		display: inline-block;
		margin-top: 30px;
	}
	.container_itemDes .img_itemDes_R {
		position: relative;
		clear: both;
		width: 100%;
		display: inline-block;
		max-width: 360px;
	}
	.container_itemDes .tbl_itemDes_R {
		position: relative;
		clear: both;
		width: 100%;
		display: inline-block;
	}
	.container_itemDes .txt_itemDes_R {
		position: relative;
		clear: both;
		width: 100%;
		display: inline-block;
		margin-top: 30px;
	}

	/* DRFIX ISSUE WITH IPHONES CUTTING CHARACTER TAILS OFF IN THE SORT BY DROP DOWN */
	.search-filter-container .sort-select {
		font-size: 15px;
	}
	/* END DRFIX ISSUE WITH IPHONES CUTTING CHARACTER TAILS OFF IN THE SORT BY DROP DOWN */
}

/*** Country flags fix ***/
.country-selector-main:before {
    content: ' ';
    text-transform: capitalize;
	padding-right: 10px;
	font-size: 16px;
}

.country-select-dropdown:before {
 content: 'Select country/region';
 font-size: 18px;
 text-transform: initial;
	white-space: nowrap;
}

.top-header .flagicon, .bottom-footer .flagicon, .flag-footer {
	display: none;
}

.top-header .country-select-dropdown,
.bottom-footer .country-select-dropdown {
	min-width: 240px;
	padding: 30px !important;
	left: -40px;
 }

.top-header .md-secondary-navigation .country-select-dropdown {
	top: 40px;
}

.header-nav-links {
	color: #3d3d3d;
}

.top-header .md-secondary-navigation li a {
	color: #0060a9;
}

.top-header .md-secondary-navigation li a:hover {
	color: #3d3d3d;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.top-header .country-select-dropdown,
	.bottom-footer .country-select-dropdown {
		width: 150px;
		left: 0;
	 }
}


/* --- FIX FOR PDP PAGES SIZE SELECT OPTION DROP DOWN ADDED BY EHSAN ON 08-04-22 ---*/
@media screen and (max-width: 1023px){
	select.form-control {
		line-height: 24px !important;}
	select.costco-select {
		height: 50px !important; 
	}
}
/* --- FINISHED BY EHSAN ON 08-04-22 ---*/


.top-header .country-select-dropdown li .country-name,
.bottom-footer .country-select-dropdown li .country-name {
  margin-left: 8px;
	line-height: 30px;
	color: #0060a9;
	font-size: 18px;
}

.country-select-dropdown {
  padding-left: 30px;
  padding-right: 10px;
}

footer#footer-widget .country-text {
  float: left;
}

footer#footer-widget .footer-flags a {
  line-height: 24px;
  color: #5f5f5f;
  font-size: 16px;
}

footer#footer-widget .footer-flags a {
	line-height: 24px;
	color: #5f5f5f;
	font-size: 16px;
}

#checkoutPaymentStep #costcoPaymentDetailsForm > .row > div:first-child > div:nth-child(4) {
	display: none
}

/* FIX FOR Update Info DECLARATION */

#updateMemberInfoForm .declaration-mobile {
    display: none;
}



/* END FIX FOR Update Info DECLARATION */

.product-page-container
.mprev {
  width: 31px !important;
  left: -10px !important;
}

.product-page-container
.mnext {
  width: 31px !important;
}
.sub-nav-item.has-children {
    display: table-cell;
    vertical-align: top;
}

/*LVL1SUP-3039 : disable animation for modal-backdrops*/
.modal-backdrop {
    animation: none;
}

/*-- MAKING THE MOBILE MAIN SITE HEADER TO BE STICKY BAR ADDED by Ehsan on 18/04/24 --*/
@media screen and (max-width: 768px) {

header.main-header {
	position: sticky;
	top: 3.2rem;
	z-index: 1000;
	margin-bottom: 2rem;
}

span.costco-menu-hamburger{
 font-size: 1.2em !important;}

span.menu-font-size.mobile-message{
 font-size: 1.2em !important;}

ul#theMenu {
 overflow-y: scroll;
 height: 70vh;}

/* second nav font-weight */
#theMenu > li > ul > li .show-sub-menu
{font-weight: 900; !important;}
  
}

/*-- TO ADD MORE TOP PADDING FOR THE MOBILE MAIN SITE BREADCRUMB TO NOT BE COVERED BY STICKY TOP HEADER ADDED by Ehsan on 18/04/24 --*/
@media screen and (max-width: 767px){
.breadcrumb-section .breadcrumb {
    padding: 50px 0px 8px 2px !important;
}
}

/*-- TO FIX THE HEADER NAV LINKS ON MOBILE VIEW ADDED by Ehsan on 18/04/24 --*/
@media screen and (max-width: 1024px) {
	
	header.main-header .mobile-nav .link-with-media {
		width: 75px !important;
	}
	
	.link-with-media-name {
		font-size: 10px !important;
	}
	
	header .mobile-nav .cart-link-container > a span + span, header .nav-icons-links-container .cart-link-container > a span + span { font-size: 10px !important; }
	
	header .nav-icons-links-container nav .link-with-media:not(:first-child):not(:last-child), header .fluid-container-2 nav.mobile-nav .link-with-media:not(:first-child):not(:last-child) { padding-right: 4px !important; padding-left: 4px !important;}
}

/*-- TO FIX THE BUTTONS ON TYRES VERIFY POPUP MENU CHANING THE ORDER AND COLOUR --*/
@media screen and (max-width: 767px) {
    .tire-compatibility--popup .tire-verify--btn__wrap {
        display: flex;
        flex-direction: column-reverse !important;
        gap: 2rem !important;
	}
}

.tire-compatibility--popup .tire-verify--btn__wrap .verify__btn.pdp-gray--btn {
    background: #3071a9 !important;
    color: #fff !important;
}


.tire-compatibility--popup .tire-verify--btn__wrap .verify__btn {
    background: #eaeaea !important;
    color: #0060a9 !important;
}

/* All your print styles go here - to fix the pdf icon size on PDP pages when we print */
@media print { 
	.adobe-pdf-icon { max-width: 20px !important; }
 [_nghost-storefront-c280] ngb-accordion .pdp-tab-content-body img {
			width: 20px !important;
		}
}