/* =============================================================
   RESPONSIVE
   ============================================================= */
@media (max-width: 1024px) {
   
}
@media (max-width: 991px) {
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
   .split { grid-template-columns: 1fr; }
	  .split--flip .split__media { order: 0; }
  .split__media img { min-height: 260px;    height: 280px; }
}
@media (max-width: 620px) {
  .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }  .stats { grid-template-columns: repeat(2, 1fr); gap: 28px 18px; }
 
}
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
  .reveal, .js .reveal { opacity: 1 !important; transform: none !important; transition: none; }
}
 
@media screen and   (max-width: 1600px) { 
.container  ,.header-inner,.newest-product,.login-section,.woocommerce .content-area, .logged-in.woocommerce-account #site-content .woocommerce{ max-width: 94%; }	
	.topbar .container { max-width:94%;}
		.home-abt-right {    padding: 7% 15% 0 0;}
}

@media screen and   (max-width: 1400px) { 
	body button, body .button, body input[type="button"], body input[type="submit"], a.cfs-hyperlink, .hour-btn a, .more-btn a  {    padding: 9px 13px; }
.container  ,.header-inner,.newest-product,.login-section,.woocommerce .content-area, .logged-in.woocommerce-account #site-content .woocommerce{ max-width: 94%; }	
	.topbar .container,.main-footer > .container, .fooeter-copyright .container { max-width:94%;}
	.primary-menu a { font-size: 14px;    padding: 16px 6px;}
	.primary-menu > li {    margin: 0 10px;	} 
	#site-content {   }
	.title ,.title .accent{ font-size: 27px;}
	.lead {    font-size: 15px;    max-width: 65ch;}
	.cat-tile__label {     font-size: 20px;}
	.home-abt-right {    padding-top: 40px;    padding-bottom: 40px;padding-right: 10%;}
	.app-panel__body {		padding: 44px 0; }
	.woo-side-cart-icon {     padding: 9px 15px;}
	a.top-link {     padding: 8px 15px;}
	

} 
@media screen and (max-width: 1199px) {
	body {     padding-top: 180px;}
    .site-logo img {		max-height: 6rem;	} 
	.primary-menu > li {	margin: 0 4px; }
	body:not(.enable-search-modal) .header-titles-wrapper {     width: auto;        margin: 0;        padding: 0;}   
	
	a.top-link,.woo-side-cart-icon { padding: 6px 10px;    column-gap: 8px;}
	.sub-header.featured-banner h1 {     font-size: 22px;}.country span {     font-size: 17px;}
	.country b ,.faq-question{     font-size: 16.02px;}    .title, .title .accent,.app-panel__body h2 {
        font-size: 25px;
	}div.faq {    max-width: 80%; }
	.footer-sec-four, .footer-sec-four.first, .footer-sec-four.second, .footer-sec-four.third {
    width: 46%;
    padding: 0;
} 
.footer-sec-four  ul.menu {    display: flex;    flex-wrap: wrap;}
.footer-sec-four ul.menu li {    width: 48%;}	
	.grid--4 {    grid-template-columns: repeat(2, 1fr);}
	.eyebrow { font-size: 11px;}
	.map-wrap iframe {     height: 320px;}
	.cat-tile { aspect-ratio: 6 / 4;}
	.btn--lg {    padding: 9px 19px;    font-size: 14px;}
	.page-template-assortment section {    padding: 25px 0;}
	.section.about .split {    gap: 36px;} 
	.lead {                max-width: 100%;    }
 }
@media screen and (min-width:768px) and (max-width: 1024px)  and (orientation:landscape){  
    body {        padding-top: 162px;    }
}
@media screen and (min-width:768px) and (max-width: 1024px)  and (orientation:portrait){  
	    .hero__media img {       }	
 

}

@media screen and (max-width: 991px) {	
		.hero__arrow {
    transform: translateY(0);
    bottom: auto;
    top:26%;
    background: rgb(71 70 70 / 92%);
}
	.hero__inner{ grid-template-columns:1fr; }
  .hero__media{ order:-1; }
	.hero__media img {   }
	.right-sec {		column-gap: 10px;}
    body {    padding-top: 110px;} 	
	.sub-header.featured-banner h1 { font-size: 22px;}
	
  	button.close-nav-toggle .toggle-text,.topbar-center { display:none;}
	.header-inner .toggle {  padding: 0;   width: auto;position:static; }
	
	.nav-toggle div {   width: 37px;    height: 34px;    background:var(--paper);    text-align: center;    display: flex;
    justify-content: center;    align-items: center;    flex-direction: column;    row-gap: 5px;    padding: 0 5px;
    transition: 0.2s;   }
	
	.nav-toggle div span {  width: 75%;    height: 2px;    background-color: #282828;    display: block;    border-radius: 0;
    transition: all 0.3s ease;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    position: relative;  } 
	
    .menu-modal-inner {  background:var(--grey) ;  max-width: 50%;  position: relative;  transform: translateX(100%);
        transition: all  ease-in 0.25s;  position: fixed;  height: 100%;  left: auto;  right: 0;   width: 100%;  }		
	.menu-modal.active .menu-modal-inner {      transform: translateX(0);  }	
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {  font-size: 15px;   font-weight: bold;   color:var(--ink);		
	padding: 16px;    padding-left: 0;     letter-spacing: normal;      }		
	.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle { }
	button.close-nav-toggle svg { color:var(--ink);}
	.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a,
	.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {  text-decoration: none;     }	
	
	.menu-wrapper .menu-item {    position: relative;    border: 0;    border-top: 1px solid rgba(255, 255, 255, .03); }
	.modal-menu {  left:0; width: 100%; } 
	.modal-menu ul.sub-menu li a {    font-size: 14px;    padding: 5px;    font-weight: 400; }	
	
	.modal-menu a:focus, .modal-menu .ancestor-wrapper a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a,
	.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {color:var(--pink) ;    }	
	.menu-modal.active {    background: rgb(0 0 0 / 71%);  }
	.menu-modal.active ul.modal-menu,.menu-modal.active .menu-bottom  img  {   opacity: 1;   transform: translateX(0); } 
	.modal-menu ul.sub-menu {     padding: 10px; }	
 .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle{        padding: 0 2rem;        color: var(--ink);   }

	.header-inner {       width: 100%;    display: flex;    justify-content: space-between;    align-items: center;  } 	 
	section.aboutpage-sec1 .container {    flex-direction: column-reverse;    row-gap: 20px;}
	.col-left, .col-right,.box,.assort-img2 {    width: 100%;max-width:100%;} 
		#site-footer{ padding-top:40px;}
	.footer-sec-four.first,.footer-sec-four.second, .footer-sec-four.second2,.footer-sec-four ,.ct-detail ul li,.footer-sec-four.second, .footer-sec-four.third{ width:48%; }  
span.our-link {          text-align: left;  display: block;} 
  .contact-page .col-right {    margin-top: 20px;	} 
.container, .header-inner, .newest-product, .login-section, .woocommerce .content-area, .logged-in.woocommerce-account #site-content .woocommerce {max-width:96%;    }
	
	.features__grid,.stats{    grid-template-columns: repeat(2, 1fr);}
	.contact-grid ,.app-panel,.section.about .split{     grid-template-columns: repeat(1, 1fr);}
.feature {    border: 0;}
	.cat-card__media {     height: 130px;}  
ul#cat_list li {     width: 23.5% !important;}
.country {     padding: 30px 14px;}
.country small {     font-size: 19.55px;}
	    .country span {        font-size: 15px;    }
	.section.about .split ,.app-panel{    gap: 0;}
	.split { gap:30px;}
	 .pro-wig p {    line-height: 1.7;}
	.assortment-sec-2 .container, .assortment-sec-4 .container { flex-direction: column-reverse; row-gap:25px;}
	.assort-img2 img {    height: 400px;    margin: auto;}
.section.about .split__badge {     right: 10px;    bottom: 10px;        padding: 16px 26px;}
.app-panel__media {     height: 250px;}
.app-panel { padding: 40px;}
	.search-item-details a strong {    font-size: 13px;    line-height: normal;}
	.stat__num {    font-size: 30px;	} 
	.stats {        grid-template-columns: repeat(2, 1fr);        gap: 18px 0;    }
	section.section.dwnld-app {    padding-top: 0;}
	.home-product .pro-info {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
}
.home-product .pro-info a {     display: inline-block;}
	
.page-template-assortment section .box {     text-align: center;}
	.home-abt-right    {padding: 40px;}.cta-sec .container {
    flex-wrap: wrap;
    row-gap: 40px;
}
}
}
@media screen and (max-width: 991px) and (orientation:landscape){  
	button.close-nav-toggle {         padding: 2rem 0;}
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {         padding: 7px;}	
	.sub-header.featured-banner h1 {		font-size: 20px; }
	.section.about .split__media {     height: 280px;    overflow: hidden;}
	.cta-sec .lead {
    max-width: 100%;
}.section-head { 
    margin-bottom: 24px;
	}.lead p {    font-size: 14px;}
	.cta-sec .cta-cnt.lead p {     font-size: 14px;}
	.split__badge {     padding: 11px 15px;}.split__badge b {     font-size: 19px;}
}

@media screen and (max-width:767px){
	    .section-title {        font-size: 24px;	}.sub-header.featured-banner h1 {     font-size: 17px;}
	    .container, .header-inner, .newest-product, .login-section, .woocommerce .content-area, .logged-in.woocommerce-account #site-content .woocommerce {
        max-width: 94%;
    }
	.flex { 
  flex-direction: column;
}
	 .menu-modal-inner,.footer-sec-four.first, .footer-sec-four.second, .footer-sec-four.second2, .footer-sec-four, .ct-detail ul li,.footer-sec-four.third,.col-half{ max-width:100%;width:100%;}
	body button, body .button, body input[type="button"], body input[type="submit"], a.cfs-hyperlink, .hour-btn a, .more-btn a, .rtb-form-submit button { }
	    body:not(.enable-search-modal) .header-titles-wrapper {        width: 19%;    }
	.announce-bar {  }header#site-header.sticky {  }
	.sticky .woo-side-cart-panel.open, .sticky .woo-side-cart-overlay.active{top:0;}
	.contact-page .col-left { padding:25px;}
	 .lead {		 font-size: 14px;}
	.country-grid {		grid-template-columns: repeat(3, 1fr); }
	div.faq { max-width:100%;}    .country b, .faq-question {        font-size: 15.02px;    }
	    .home-abt-right,.app-panel {        padding: 30px;    }
}

@media screen and (max-width:767px) and (orientation:landscape){
	    body {        padding-top: 92px;    }	
	.cta-sec .badge {     padding: 9px 14px;}
 
}
@media screen and (max-width:767px) and (orientation:portrait){
	.top-left { display:none;}
	header#site-header.sticky {
    transform: translateY(-33px);
}
	.sub-header.featured-banner { padding-bottom:25px;}
	    .grid--4 {			grid-template-columns: repeat(1, 1fr);}
		  .country-grid {        grid-template-columns: repeat(2, 1fr);     }
    body {           padding-top: 140px;        }
	.sticky .site-logo img {    max-height:4.3rem;}  
	.grid-3 ,.features__grid,.form-grid{    grid-template-columns: repeat(1, 1fr);}
	.grid-categories{    grid-template-columns: repeat(2, 1fr); }
	    .main-heading {        font-size: 24px;    } 
	.topbar ul {justify-content: center; }
	.wpml-ls-legacy-list-horizontal {padding:3px;}
	   .footer-sec-3.first, .footer-sec-3.second, .footer-sec-3.second2, .footer-sec-3,.cta-sec .badge,.topbar-right{        width: 100%;    }
	.header-inner {         flex-wrap: wrap;}
   body:not(.enable-search-modal) .header-titles-wrapper {        width: 30%;        order: 1;        padding: 0;    } 
	.head-search {    width: 100%;    order: 3;}
	.right-sec {       order: 2;}   
ul#cat_list li {     width: 47.5% !important;}
 
	.dwnld-qr {    gap: 20px; }
	.dwnld-qr img {    max-width: 60px;	}.cta-sec .badge {     justify-content: center;}
	
}