@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/** fonts 
    font-family: "Inter", sans-serif;
    font-family: "Poppins", sans-serif;
**/


/* root varibles */
:root{ 
    /* all colors */
	--Black: #000; 
	--Black-rgb: 0,0, 0;
	--White: #FFFFFF;
	--White-rgb: 255, 255, 255;
	--Blue: #103275;
	--Blue-rgb: 176, 183, 195;
	--Orange: #E35E00;
	--Orange-rbg: 227, 94, 0;
	--BlueLight: #078FF1;
	--BlueLight-rgb: 7, 143, 241;

    /** neutral colors **/
    --VeryDarkBlack: #141718;
    --MostlyBlack:#232627;
    --DarkGray: #343839;
    --DarkGrayLight: #6C7275;
    --LightGray:#E8ECEF;
    --LighterGray: #F3F5F7;
    --VeryLightGray:#FEFEFE;
    
	--ButtonPrimaryHover: #078FF1;

	/** assigned colors **/
	--primary-color: var(--Black);
	--primary-color-rgb: var(--Black-rgb);
    --primary-color2: var(--Blue);
	--primary-color2-rgb: var(--Blue-rgb);
	--secondary-color: var(--Orange);
	--secondary-color-rgb: var(--Orange-rbg);
	--accent-color: var(--BlueLight);
	--accent-color-rgb: var(--BlueLight-rgb);
	--body-color: var(--Black);
	--body-color-rgb: var(--Black-rgb);


    /** fonts **/
    --FF-Inter: "Inter", sans-serif;
    --FF-Poppins: "Poppins", sans-serif;

    /*** Section template override css **/
    --BgLight-1:var(--Orange);
    --BgLight-2: var(--BlueLight);
    --BgDark-1: var(--Black);
    --BgDark-2: var(--Blue) ;
}


/* NOTE : only copy the section builder css */

/* start : HTML structure *//*
<section class="section-builder">
	<div class="section-bg"></div><!-- added when section has a background otherwise removed -->
	<div class="section-block row">
		<div class="col"></div>
		<div class="col"></div>
	</div>
</section>
*//* end : HTML structure */

/** ## start | section builder v1a ## **/

/* start | section */
.section,
.section-builder { position: relative; z-index: 5; margin-block: var(--SectionVerticalSpace, 75px); }
.section:has(.section-bg:not([data-bgcolor="none"])),
.section-builder:has(.section-bg:not([data-bgcolor="none"])) { margin-block: 0; padding-block: var(--SectionVerticalSpace, 75px); }
/* end | section */

/* start | section block */
.section-block { position: relative; z-index: 5; }
.section-block > div:only-child { margin-inline: auto; }
.section-block img { display: block; }
.section-block iframe { max-width: 100%; }

@media only screen and (max-width: 575px) {
	.section-block.row { gap: 20px; }
	.section-block.row > * { width: 100%; }
	.section-block img { margin-inline: auto; }
}
/* end | section block */

/* start | section bg */
.section-bg { position: absolute; z-index: -5; left: 50%; top: 0; width: 100vw; height: 100%; transform: translatex(-50%); }
.section-bg img { width: 100%; height: 100%; object-fit: cover; }
.section-bg iframe { position: absolute; z-index: -5; width: 100%; height: 100%; }

[data-bg-color="light-1"] { background-color: var(--BgLight-1); }
[data-bg-color="light-2"] { background-color: var(--BgLight-2); }
[data-bg-color="dark-1"] { background-color: var(--BgDark-1); }
[data-bg-color="dark-2"] { background-color: var(--BgDark-2); }
[data-bg-overlay]:before { content: ''; position: absolute; z-index: 5; inset: 0; opacity: var(--OverlayOpacity, 0.5); }
[data-bg-overlay="light-1"]:before { background-color: var(--BgLight-1, #fff); }
[data-bg-overlay="light-2"]:before { background-color: var(--BgLight-2); }
[data-bg-overlay="dark-1"]:before { background-color: var(--BgDark-1, #000); }
[data-bg-overlay="dark-2"]:before { background-color: var(--BgDark-2); }
/* end | section bg */

/* start | text color regarding bg */
.section-builder:has([data-bg-color="light-1"]),
.section-builder:has([data-bg-color="light-2"]),
.section-builder:has([data-bg-overlay="light-1"]),
.section-builder:has([data-bg-overlay="light-2"]) { color: var(--TextDark, #000); }

.section-builder:has([data-bg-color="dark-1"]),
.section-builder:has([data-bg-color="dark-2"]),
.section-builder:has([data-bg-overlay="dark-1"]),
.section-builder:has([data-bg-overlay="dark-2"]) { color: var(--TextLight), #fff; }
/* end | text color regarding bg */

/* start | image text button combo */
.img-text-btn,
.text-btn { display: flex; flex-wrap: wrap; flex-direction: column; height: 100%; }
.text-holder { flex-grow: 1; }

.btn-holder { display: flex; flex-wrap: wrap; /*margin-top: var(--BtnMarginTop, 20px);*/ column-gap: var(--BtnColumnGap, calc(var(--bootstrapPadding) * 2)); row-gap: var(--BtnRowGap, calc(var(--bootstrapPadding) * 2)); margin-block-start: 35px; }
/* end | image text button combo */

[data-align="left"] { text-align: left; }
[data-align="center"] { text-align: center; }
[data-align="right"] { text-align: right; }

[data-align="left"] .btn-holder { justify-content: flex-start; }
[data-align="center"] .btn-holder { justify-content: center; }
[data-align="right"] .btn-holder { justify-content: flex-end; }

[data-align="left"] img { margin-inline: 0 auto; }
[data-align="center"] img { margin-inline: auto; }
[data-align="right"] img { margin-inline: auto 0; }

/* start | section slider */
.section-slider { text-align: center; }
.section-slider img { margin-inline: auto; }
.section-slider .btn-holder { justify-content: center; }
.section-slider:has(.slick-arrow) .slick-list { margin: 0 50px; }
.section-slider .slick-track { display: flex; }
.section-slider .slick-slide { float: none; height: unset; margin-inline: var(--bootstrapPadding); }
.section-slider .slick-arrow { position: absolute; z-index: 5; top: 50%; transform: translate(0,-50%); cursor: pointer; border:0; background-color:transparent; }
.section-slider .slick-prev { left: 0; }
.section-slider .slick-next { right: 0; }

.section-slider .slick-arrow:hover path{ fill: var(--secondary-color); }
/* end | section slider */

/** newly added for section builder 04/30/ 2025 **/
.section[data-layout="content_media"] h2,
.section[data-layout="content_only"] h2,
.section[data-layout="slider"] h2{ /*nt-size: 40px;  font-weight: 500;  color: var(--Black);  text-transform: none;*/margin-block-end: 25px; }
.section[data-layout="content_media"] .section-block{ align-items: center; }
.section[data-layout="slider"] .section-slider h2{ font-size: 26px; font-weight: bold; line-height: 1.3; text-transform: none; /*font-weight: 500;*/  color: var(--Black); }
.section[data-layout="slider"] .section-slider h3{ text-transform: capitalize; font-weight: normal; }
.section[data-layout="slider"] .section-slider .btn-holder{ justify-content: center!important; }
.section[data-layout="slider"] .section-slider .section-slider-box { margin-inline: 25px; }
.section[data-layout="slider"] .content_footer{ margin-block-start: 50px; }

.section[data-layout="slider"] .section-slider .section-slider-box .img-holder{ aspect-ratio: 0.75 / 1;  height: 320px; }
.section[data-layout="slider"] .section-slider .section-slider-box .img-holder img{ width: 100%;  height: 100%;  object-fit: contain;     aspect-ratio: 262 / 349;}
.section[data-layout="slider"] .section-slider .section-slider-box .text-holder{ padding-block-start: 25px; }
.section[data-layout="slider"] .section-slider .section-slider-box .text-holder p{ font-weight: 600; }

#main:has(.breadcrumbs) .content .product-scroll-section{ margin-block-start: 0!important; }

@media only screen and (max-width: 991px) {
	.section[data-layout="content_only"] .col-8{ max-width: 100%; flex: 0 0 100%; }
	.section[data-layout="slider"] .text h2,
	.section[data-layout="slider"] .text .copy,
	.section[data-layout="slider"] .text p{ text-align: center; }
	.section[data-layout="slider"] .section-slider .section-slider-box .btn-holder,
	.section[data-layout="slider"]:has(.section-slider-box) .btn-holder{ margin-block-start: 35px; }
}
@media only screen and (max-width: 767px) {
	.section[data-layout="content_media"] .col-6{ max-width: 100%; flex: 0 0 100%; }
	.section[data-layout="content_media"] h2,
	.section[data-layout="content_only"] h2,
	.section[data-layout="slider"] h2{ font-size: 30px; }
	.section[data-layout="content_media"] .text{ margin-block-start: 25px; }
	.section[data-layout="content_media"] .section-block.flex-row-reverse{ flex-direction: column-reverse!important; }
}

/** ## end | section builder ## **/



/** ## start | section bulder set-up : this is to be added on main.css or dev.css ## **/
.section-builder {
	--SectionVerticalSpace: var(--Space75);
	--BgLight-1: var(--SampleLightBg1);
	--BgLight-2: var(--SampleLightBg2);
	--BgDark-1: var(--SampleDarkBg1);
	--BgDark-2: var(--SampleDarkBg1);
	--OverlayOpacity: var(--SampleOverlayOpacity);
	--TextLight: var(--SampleLightTextColor);
	--TextDark: var(--SampleDarkTextColor);
	--BtnMarginTop: var(--SampleBtnMarginTop);
	--BtnColumnGap: var(--SampleBtnColumnGap);
	--BtnRowGap: var(--SampleBtnRowGap);
}
/** ## end | section bulder set-up ## **/



.category-section h2{ font-size: 40px; font-weight: 500; color: var(--Black); text-transform: none; }
.section-heading{ padding-block-end: 50px;}
.category-section .img-desc .box{ position: relative;}
.category-section .img-desc .box .img{ background-color: var(--LighterGray);}
.category-section .img-desc .box .img img{ width: 100%; height: 100%; object-fit: contain;}
.category-section .info{ position: absolute; left: 0px; bottom: 0px; padding-block: 25px; padding-inline: 25px; background-color: rgba(255,255,255,0.6); width: 100%; }
.category-section .info h3{ font-size: 34px; font-weight: 500; letter-spacing: -0.6px; text-transform: none;}
.one-imgbox .img{ aspect-ratio: 0.83 / 1;}
.two-imgbox{ display: flex; justify-content: space-between; flex-direction: column;}
.two-imgbox .img{ aspect-ratio: 1.72 / 1;}
.btn-link{ position: relative; font-family: var(--FF-Inter); font-weight: 500; color: var(--VeryDarkBlack); margin-block-start: 15px; display: inline-block; text-decoration: none; transition: none; min-width: 140px; }
.btn-link::before{ content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px; background-color: var(--VeryDarkBlack);}
.btn-link:hover{ text-decoration: none; color: var(--accent-color);}
.btn-link:hover path{ stroke: var(--accent-color);}
.btn-link:hover::before{ background-color: var(--accent-color);}

@media only screen and (max-width: 991px) {
    .category-section .info{ left: 0px; bottom: 0px; }
    .category-section .info h3{ font-size: 30px;}
    .category-section .info .btn-link{ margin-block-start: 8px;}
}
@media only screen and (max-width: 767px) {
    .category-section .section-block{ flex-direction: column; gap: 25px; }
    .category-section .img-desc{ max-width: 100%;}
    .two-imgbox{ gap: 25px;}
    .category-section .info{ bottom: 50px; }
    .category-section h2{ font-size: 34px; text-align: center;}
}

@media only screen and (max-width: 575px) { /* .col- */
    :root {
		--Space200: 100px;
		--Space150: 75px;
		--Space100: 50px;
		--Space75: 30px;
		--Space50: 20px;
		--Space25: 20px;
	}
    .category-section .info{ bottom: 25px;}
}

.main .section { position: relative; z-index: 10; margin: var(--Space100) 0; clear: both; }
.main .section:has(> .section-bg) { margin: 0; padding: var(--Space100) 0; }
.main .section > .section-bg { position: absolute; z-index: -1; left: 50%; top: 0; transform: translate(-50%,0); width: 100vw; height: 100%; }
.main .section > .section-bg img { object-fit: cover; width: 100%; height: 100%; }

/** New Featured Products **/
.section-featured{ padding-block: 0!important; }
.section-featured .section-block{ align-items: center;}
.section-featured .media-box{ padding-inline-start: 0;}
.section-featured .desc{ flex-direction: column; height: 100%;}
.section-featured .wrap{ padding-inline-start: 25px;}
.section-featured p{ margin-block-start: 0; color: var(--White); font-family: var(--FF-Inter); font-weight: bold; color: var(--accent-color); text-transform: uppercase;}
.section-featured h2{ color: var(--White); font-size: 40px; font-weight: 500; text-transform: none; margin-block-start: 15px; }
.section-featured h4{ color: var(--White); font-family: var(--FF-Inter); font-weight: 500; font-size: 20px; margin-block-start: 15px; }
.buttons{ margin-block-start: 25px;}
.img-placeholder{ aspect-ratio: 1.36/1;}
.img-placeholder img{ width: 100%; height: 100%; object-fit: contain;}
.btn{ padding-block: 7px; font-weight: 500; text-transform: none; color: var(--VeryDarkBlack); font-family: var(--FF-Inter); border-radius: 0; padding-inline:40px;}
.style1{ background-color: var(--accent-color);   }
.style1:hover{ background-color: var(--secondary-color); color: var(--White);}
.style2{ background-color: var(--VeryDarkBlack); color: var(--White);   }
.style2:hover{ background-color: /*var(--DarkGrayLight)*/ var(--secondary-color); color: var(--White); }

@media only screen and (max-width: 1199px) {
    .section-featured .img-placeholder{ margin-inline-start: calc(-50vw + 50%);}
}
@media only screen and (max-width: 575px) { /* .col- */
    .section-featured .section-block{ flex-direction: column;}
    .section-featured .media-box{ max-width: 100%; padding-inline-end: 0;}
    .section-featured .desc{ max-width: 100%; padding-block: 100px;}
    .section-featured .img-placeholder{ margin-inline-end: calc(-50vw + 50%) ;}
    .section-featured .section-block{ gap: 0;}
    .section-featured h2{ font-size: 34px;}
    .section-featured h4{ font-size: 14px;}
}
@media only screen and (max-width: 480px){
    .section-featured .img-placeholder{ height: 368px;}
    .section-featured .media-box{ overflow: hidden;}
}

#page{ overflow-x: hidden;}
:root{
    --Space25: 25px;
    --Space50: 50px;
    --Space75: 75px;
    --Space100: 100px;
    --Space150: 150px;
    --Space200: 200px;
}
/** PRODUCT HIGHLIGHT SECTION **/
/*.product-highlight-section:has(.section-bg img) .for-desktop{ object-position: 60% 100%;}*/
.product-highlight-section:has(.section-bg img) .section-block{ height: 620px;}
.product-highlight-section:has(.section-bg img) .section-bg:before{ background-color: rgba(0,0,0,0.6); content:''; position: absolute; width: 100%; height: 100%; left:0; top:0; z-index: 5; }
.product-highlight-section .desc{ margin-inline: 0!important;}
.product-highlight-section .section-block{ align-items: center;}
.product-highlight-section h2{ background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 16.06%, #FFF 86.9%, rgba(255, 255, 255, 0.00) 106.25%); background-clip: text;  -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: var(--FF-Poppins); font-size: 72px; font-weight: 500; letter-spacing: -2px; line-height: 80px; text-transform: none; }
.product-highlight-section p{ font-family: var(--FF-Inter); font-size: 20px; color: var(--VeryLightGray); line-height: 32px; }
.product-highlight-section .btn-holder{ margin-block-start: 35px; }
.for-mobile{ display: none;}

@media only screen and (max-width: 1199px) {
    .product-highlight-section h2{ font-size: 60px; line-height: 70px;}
}
@media only screen and (max-width: 767px) {
   /* .for-desktop{ display: none;}
    .for-mobile{ display: block;}*/
    .product-highlight-section .section-block{ align-items: flex-end; padding-block-end: 50px; text-align: center;}
    .product-highlight-section h2{ font-size: 40px; line-height: 44px; }
    .product-highlight-section p{ font-size: 16px; }
    .product-highlight-section:has(.section-bg img) .section-block{ height: auto; padding-block-end: 0;}
	.product-highlight-section:has(.section-bg img) .section-block .btn-holder{ justify-content: center!important; }
}


.product-grid-section{}
.product-grid-section h2{ font-size: 40px; font-weight: 500; color: var(--Black); text-transform: none; text-align: center; }
.pgs-grid{display: grid;  grid-template-columns: repeat(3, 1fr);  grid-template-rows: minmax(320px, auto); gap: 30px;}
.pgs-grid .desc{ text-align: center; padding-block-start: 24px; }
.pgs-grid .desc h3{ font-size: 20px; font-weight: 500; text-transform: none;  color: var(--MostlyBlack);}
.pgs-item .img{ aspect-ratio: 1.16 / 1; }
.pgs-item .img img{ width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 991px) {
    .pgs-grid{ grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 480px) {
    .pgs-grid{ grid-template-columns: repeat(1, 1fr);}
}

.product-scroll-section .section-slider{ padding-block: 50px;}
.product-scroll-section h2{font-size: 40px; font-weight: 500; color: var(--Black); text-transform: none; text-align: center; padding-block-end: 25px;}
.product-card.img-text-btn{ position: relative;}
.new-wishlist{ display: flex; justify-content: space-between; position: absolute; width: 100%; left: 0; top: 0; padding-inline: 25px; padding-block: 15px; align-items: flex-start;}
.new-wishlist .new-text{ font-weight: bold; text-transform: uppercase; font-family: var(--FF-Inter); position: relative; padding-inline: 15px; z-index: 5; padding-block:8px 6px; top: 0px;}
.wishlist{ font-weight: bold; text-transform: uppercase; font-family: var(--FF-Inter); position: relative; padding-inline: 5px; z-index: 5; padding-block:3px; top: 0px;}
.new-wishlist .new-text::before{ content: ''; position: absolute; width: 100%; background-color: var(--White); left: 0; top: 0; height: 100%; z-index: -1; border-radius: 4px;}
.yith-add-to-wishlist-button-block { background-color: var(--White); margin-block:0; box-shadow: 0px 8px 16px -8px rgba(15, 15, 15, 0.12); border-radius: 32px;   }
.yith-add-to-wishlist-button-block a{ width: 32px; height: 32px; }
.yith-add-to-wishlist-button-block a svg{ height: 25px; }
.yith-add-to-wishlist-button-block a path{ }
.new-wishlist .percent-text{ font-weight: bold; text-transform: uppercase; font-family: var(--FF-Inter); position: relative; padding-inline: 15px; z-index: 5; padding-block:8px 6px; top: -8px; color: var(--White); top: 8px;} 
.new-wishlist .percent-text::before{ content: ''; position: absolute; width: 100%; background-color: var(--accent-color); left: 0; top: 0; height: 100%; z-index: -1; border-radius: 4px;}
.yith-wcwl-add-to-wishlist-button__label{ display: none; }
.product-card .text-holder{ text-align: left; padding-block-start: 25px;} 
.product-card .text-holder :is(p) { margin-block-start: 5px; font-weight: 600; font-family: var(--FF-Inter);}
.product-card .text-holder p a { font-weight: 600; font-family: var(--FF-Inter); color: var(--VeryDarkBlack);}
.product-card .text-holder .price{ font-size: 14px; }

.ratings img{ text-align: left; margin-inline: 0;}

.product-card .img-holder{ aspect-ratio: 0.75 / 1; }
.product-card .img-holder img{ width: 100%; height: 100%; object-fit: contain; }
.product-card .btn-holder{ position: absolute; top: 240px; left: 50%; justify-content: center;  transform: translate(-50%, 0); /*width: 235px; margin-inline: 15px;*/ opacity: 0; transition: all 0.5s ease-in-out; width: 100%; padding-inline: 15px; }
.product-card .btn-holder a{ width: 100%; margin-inline: 0; }
.product-scroll-section:has(.section-slider-box) .section-slider-box:hover .btn-holder{ opacity: 1;}
.product-scroll-section:has(.section-slider-box) .section-slider-box{ padding-inline: 10px; margin-inline:0!important; }
.product-scroll-section:has(.section-slider-box) .slick-arrow{ border:0; background-color: transparent; }
.slick-dots{ display: flex; justify-content: center; margin-inline-start:0; margin-block-start: 35px; }
.slick-dots li{ width: 18px; height: 18px; display: flex; justify-content: center;  align-items: center;}
.slick-dots li:before{ background-color: transparent!important; width: 18px!important; height: 18px!important; border:1px solid var(--VeryDarkBlack); border-radius: 50%!important; top:0!important; left:0!important; opacity:0; }
.slick-dots li button{ text-indent:-9999px; width: 9px; height: 9px; border-radius: 50%; background-color:#6C7275; border:0; padding:0; }
.slick-dots li.slick-active:before, .slick-dots li:hover:before{ opacity:1;}
.slick-dots li.slick-active button{ background-color: var(--VeryDarkBlack); }

.product-category-grid  { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: minmax(320px, auto); gap: 30px;}
.pcg-item .box { position: relative; background-color: #f4f5f9; height: 100%; }
.pcg-item:first-child { grid-row: span 2; }
.pcg-item img{ aspect-ratio: 1.72 / 1; width: 100%; height: 100%; object-fit: cover; }
.pcg-item:first-child img { aspect-ratio: initial; }
.pcg-item:first-child .img { height: 100%; }

/** closeout section **/
.closeout-section .section-slider{ padding-block: 50px;}
.closeout-section h2{font-size: 40px; font-weight: 500; color: var(--Black); text-transform: none; text-align: center; padding-block-end: 25px;}
/*.closeout-section .img-text-btn{ position: relative;}
.closeout-section .text-holder{ text-align: left; padding-block-start: 25px;} 
.closeout-section .text-holder :is(p) { margin-block-start: 5px; font-weight: 600; font-family: var(--FF-Inter);}
.closeout-section .img-holder{ background-color: var(--LighterGray); aspect-ratio: 0.75 / 1;}
.closeout-section .img-holder img{ width: 100%; height: 100%; object-fit: contain;}
.closeout-section .btn-holder{ position: absolute; top: 280px; left: 0; width: 235px; margin-inline: 15px; opacity: 0; transition: all 0.5s ease-in-out;}
.closeout-section .btn-holder a{ width: 100%;}*/
.closeout-section:has(.section-slider-box) .section-slider-box:hover .btn-holder{ opacity: 1;}
.closeout-section:has(.btn-link) h2{ text-align: left; padding-block-end: 0;}
.closeout-section:has(.btn-link) .content_header { display: flex; justify-content: space-between; align-items: center;}
.closeout-section .section-slider{ display: flex; margin-inline-end: calc(-50vw + 50%);}
.closeout-section:has(.section-slider-box) .section-slider-box{ margin-inline: 10px;}

.slider-swipe-boxed .slider-swipe-stage{ padding-block-end:50px;  }

.slick-slide-placeholder { background-color: #f4f4f4;} 
.slick-slide-placeholder img { margin-inline: auto; }

/*@media only screen and (max-width: 991px) { 
	.closeout-section:has(.section-slider-box) .section-slider-boxalign-content{ width: 260px!important; }
}*/
@media only screen and (max-width: 575px) {
	.closeout-section:has(.btn-link) .content_header{ flex-direction: column; }
	.closeout-section:has(.btn-link) h2{ text-align: center; margin-block-end: 15px; } 
	
	
}

#main:has(.breadcrumbs) .breadcrumbs{ padding-block-start: 25px; }

/* Media Queries
================================================== */
/* ## min width ## */
@media only screen and (min-width: 481px) {
}

@media only screen and (min-width: 576px) { /* .col-sm- */
}

@media only screen and (min-width: 768px) { /* .col-md- */
}

@media only screen and (min-width: 992px) { /* .col-lg- */
}

@media only screen and (min-width: 1200px) { /* .col-xl- */
}

@media only screen and (min-width: 1400px) { /* .col-xxl- */
}

@media only screen and (min-width: 1700px) {
}

/* ## max width & min+max width ## */
@media only screen and (max-width: 1699px) {
}

@media only screen and (min-width: 1400px) and (max-width: 1699px) {
}

@media only screen and (max-width: 1399px) {
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
}

@media only screen and (max-width: 1199px) {
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .product-category-grid { grid-template-columns: 1fr; }
    .pcg-item:first-child { grid-row: initial;}
    .pcg-item:first-child img { aspect-ratio: 1.72 / 1;}

}

@media only screen and (min-width: 576px) and (max-width: 767px) {
}

@media only screen and (max-width: 575px) { /* .col- */
}

@media only screen and (min-width: 481px) and (max-width: 575px) {
}

@media only screen and (max-width: 480px){
}

/* ## for print ## */
@media print {
}

/* no CSS beyond this point */