/* #Media Queries
================================================== */
@media (min-width:1400px) and (max-width:1499px) {
.main-menu{  gap: 16px;}
} 

/* END__ */

@media (min-width:1198.99px) and (max-width:1399px) {
.header .header-search{ padding: 16px;}
.header .header-search label, .product-list-form .product-search-form label{ font-size: 14px;}
.header .header-search .form-body, .header .header-search{ gap: 16px;}
.header .post-header .action-btn{ padding-left: 14px;}
.main-menu > .menu-item > .menu-link{ font-size: 12px;}
.main-menu{  gap: 10px;}
.header-menu .menu-caret{ font-size: 16px;}
.mega-menu-col > a{ padding: 24px;}
.mega-menu-label, .mega-menu-brands-title{ font-size: 16px;}
.mega-menu-brands-list{ gap: 30px;}
.mega-menu-brands{ padding: 24px;}
.header .header-search select, .product-list-form .product-search-form select{ padding-left: 8px;}
.header .post-header .logo{ width: 130px;}
} 
/* END__ */

@media (min-width:992px) and (max-width:1199px) {
.solution-item::before{ background-position: right -100px center;}
.solution-item::after{ background-position: left -100px center;}
.half-col{ width: 50%;}
.feature-grid li{ padding: 16px 16px 16px 50px; background-position: 16px center;}
.header .header-search{ padding: 12px;}
.header .header-search label{ font-size: 14px;}
.header .header-search .form-body, .header .header-search{ gap: 12px;}
.header .header-search input[type="submit"]{ width: auto; padding-left: 12px; padding-right: 12px;}
.header .header-search label{ width: 100%; line-height: 1;}

.header-search-bar{ display: none;}
.header .post-header .action-btn{ padding: 0; margin-right: 20px; border-left: none;}
.header .post-header .logo{ width: 130px;}
.banner{ height: auto;}
.banner .container {position: relative; bottom: auto; left: auto; transform: translateX(0%); padding-top: 200px; padding-bottom: 80px;}
.section{ padding: 62px 0;}
.page-banner .container {padding-bottom: 60px; padding-top: 300px;}
.product-image { aspect-ratio: 1/1;}
.list-brands img{ max-width: 90px;}
.product-list-form .product-search-form{ flex-direction: column; align-items: flex-start;}
.product-list-form .product-search-form > *{ width: 100%;}
.header .header-search select, .product-list-form .product-search-form select{ padding-left: 8px;}
.header .post-header{ padding-top: 0; padding-bottom: 0; height: 80px;}
.woo-page-wrapper {padding-top: 120px;}
} 
/* END__ */

@media (min-width:768px) and (max-width:991px) {
.btn, .form-control, input[type="date"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea, select{ padding: 20px 24px;}
.review-item .content{ padding-left: 30px; padding-right: 30px;}
.col-md-6.last-odd{ width: 100%;}
.solution-row .col-md-6.last-odd .solution-item {aspect-ratio: 2/1;}
.half-col{ width: 50%;}
.feature-grid li{ padding: 16px 16px 16px 50px; background-position: 16px center;}

.header-search-bar{ display: none;}
.header .post-header .action-btn{ padding: 0; margin-right: 20px; border-left: none;}
.header .post-header .logo{ width: 140px;}
.banner{ height: auto;}
.banner .container {position: relative; bottom: auto; left: auto; transform: translateX(0%); padding-top: 160px; padding-bottom: 60px;}
.section{ padding: 62px 0;}
.logo-scroll {padding: 32px;}

.page-banner .container {padding-bottom: 80px; padding-top: 250px;}
.breadcrum-items{ position: relative; padding-top: 10px; left: auto; right: auto;}

.video-item, .video-item:hover{ background-color: var(--bs-white); color: var(--bs-black); text-decoration: none; display: flex; flex-direction: column; overflow: hidden; overflow: hidden; position: relative; background-color: #f5f5f5;}
.video-item .play{ color: var(--bs-black);}
.video-item .play:after, .video-item:hover .play:after{  top: auto;}
.video-item::after{ bottom: 0;}
.video-item::before{ top: 0;}

.product-card-item .product-hover{max-height: fit-content; opacity:1; transform:translateY(0); }
.product-card-item .price strong{ font-size: 34px;}
.product-card-item .product-image{ padding: 32px;}
.product-card-item .product-content{ padding-bottom: 34px;}
.list-brand{ text-align: center; flex-direction: column;}
.list-brands{ justify-content: center; gap: 20px;}
.list-brands li + li{ margin-left: 0;}
.list-brands img{ max-width: 90px;}

.header .post-header{ padding-top: 0; padding-bottom: 0; height: 80px;}
.woo-page-wrapper {padding-top: 120px;}

.shape{height: 30px;}
.shape-top-left::after{border-top: 30px solid; border-right: 30px solid transparent; }
.shape-bottom-left::after{border-bottom: 30px solid; border-right: 30px solid transparent; }
.shape-top-right::after{border-top: 30px solid; border-left: 30px solid transparent; }
.shape-bottom-right::after{border-bottom: 30px solid; border-left: 30px solid transparent; }
.logo-scroll{ padding: 24px;}
} 
/* END__ */

@media only screen and (max-width:767px) {
body{ font-size: 14px;}
.btn, .form-control, input[type="date"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea, select{ padding: 16px 24px;}
.slick-prev, .slick-next{ height: 32px; width: 32px;}
.slick-prev{ left: 5px;}
.slick-next{ right: 5px;}
.section{ padding: 50px 0;}

.shape{height: 20px;}
.shape-top-left::after{border-top: 20px solid; border-right: 20px solid transparent; }
.shape-bottom-left::after{border-bottom: 20px solid; border-right: 20px solid transparent; }
.shape-top-right::after{border-top: 20px solid; border-left: 20px solid transparent; }
.shape-bottom-right::after{border-bottom: 20px solid; border-left: 20px solid transparent; }

.trusted-box{ padding: 24px 16px}
.last-odd{ width: 100%;}
.why-box { box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.10);}
.product-card{ padding-left: 20px; padding-right: 20px;}
.product-content { font-size: 14px;}
.product-btn{ padding-right: 20px; font-size: 12px;}
.product-item::before{ background-position: left -60px center;}
.product-item::after{ background-position: right -60px center;}
.product-content{ left: 20px; right: 20px;}
.view-product-intro{ padding: 22px;}
.section-mt-100{ margin-top: 50px;}
.review-item .content{ padding-left: 30px; padding-right: 30px;}
.solution-item::before{ background-position: right -60px center;}
.solution-item::after{ background-position: left -60px center;}
.feature-grid li{ padding: 16px 16px 16px 50px; background-position: 16px center;}
.logo-scroll .item{  padding:0 20px;}

.header-search-bar{ display: none;}
.header .pre-header .menu:first-child{ display: none;}
.find-cta{ flex-direction: column; text-align: center;}
.header .post-header .action-btn{ padding: 0; margin-right: 20px; border-left: none;}
.header .post-header .logo{ width: 110px;}
.box-zoom:hover{transform: scale(1.04);}
.banner{ height: auto;}
.banner .container {position: relative; bottom: auto; left: auto; transform: translateX(0%); padding-top: 160px; padding-bottom: 60px;}

.page-banner .container {padding-bottom: 70px; padding-top: 170px;}
.breadcrum-items{ position: relative; padding-top: 10px; left: auto; right: auto;}

.video-item, .video-item:hover{ background-color: var(--bs-white); color: var(--bs-black); text-decoration: none; display: flex; flex-direction: column; overflow: hidden; overflow: hidden; position: relative; background-color: #f5f5f5;}
.video-item .play{ color: var(--bs-black);}
.video-item .play:after, .video-item:hover .play:after{  top: auto;}
.video-item::after{ bottom: 0;}
.video-item::before{ top: 0;}

.process-box, .process-box:hover{ background-color: #f5f5f5; height: 505px; color: var(--bs-black);}

.process-box .icon{ display: block; width: fit-content;}
.process-box:hover .icon img:nth-child(1){ display: block;}
.process-box .icon img:nth-child(2), .process-box:hover .icon img:nth-child(2){ display: none;}
.process-box .content > *{overflow: visible;}
.process-box .content-inner{ transform:translateY(0); opacity:1; transition:.45s;}
.process-box:hover .content-inner{ transform:translateY(0); opacity:1;}
.product-card-item .product-hover{max-height: fit-content; opacity:1; transform:translateY(0); }
.product-card-item .price strong{ font-size: 34px;}
.product-card-item .product-image{ padding: 32px;}
.product-card-item .product-content{ padding-bottom: 34px;}

.why-box, .view-product-intro, .benefit-item, .contact-info-box{ padding: 24px;}

.product-list-form .product-search-form, .product-list-form .product-search-form .form-body{ flex-direction: column;}
.product-list-form .product-search-form .form-body .col-lg-3 + .col-lg-3{ margin-top: 12px;}
.product-list-form .product-search-form input[type="submit"]{ width: 100%;}

.comparison-table > thead > tr > th, .comparison-table > tbody > tr > td, .comparison-table > tbody > tr > th{ padding:10px; font-size: 14px;}

.cat-expert .content {max-height: fit-content; opacity: 1; transform: translateY(0);}
.category-info::after {bottom: 20px; right: 20px; font-size: 30px; position: absolute; opacity: 1;}
.category-card .category-info{ padding-bottom: 60px;}
.list-brand{ text-align: center; flex-direction: column;}
.list-brands{ justify-content: center; gap: 20px;}
.list-brands li + li{ margin-left: 0;}
.list-brands img{ max-width: 90px;}

.product-item .product-content{left:20px; right:20px; }
.content-hidden{max-height:auto; overflow:hidden; opacity:1; max-height: none;}
.content-hidden p{margin:15px 0; }
.product-btn{opacity:1; transform:translateY(0); bottom: 0; color:#004165;}

.header .post-header{ padding-top: 0; padding-bottom: 0; height: 80px;}
.woo-page-wrapper {padding-top: 120px;}
.woo-color-grid{ gap: 16px;}
.woo-color-swatch span.woo-color-name{ font-size: 14px; padding: 6px;}
}  
/* END__ */

@media only screen and (max-width:575px) {
.catalog-content .btn{ width: 100%;}
.footer-widget .widget-title {display: flex; justify-content: space-between; align-items: center; cursor: pointer; position: relative; margin-bottom: 0; }
.footer-widget .widget-title::after { content: "\f078"; transition: .3s; font-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free")); font-weight: 900; }
.footer-widget.active .widget-title::after { transform: rotate(180deg);}
.footer-widget .menu { display: none; padding-top: 16px;}
.footer-widget .menu li + li{ margin-top: 10px;}
.built-section .icon-items .item-bordered{ padding: 16px;}
.process-box{ padding-left: 32px; padding-right: 32px;}
.product-card-item .price strong{ font-size: 30px;}
.why-box, .view-product-intro, .benefit-item, .contact-info-box{ padding: 16px;}
.woo-list-icon{ height: 60px; width: 60px;}
.woo-list-name{ font-size: 12px;}
.woo-color-swatch span.woo-color-name{ font-size: 12px;}
.woo-cart-thumb { width: 70px;}
}

@media only screen and (max-width:399px) {
.woo-panel, .woo-config-header, .woo-info-block{ padding: 16px;}
.woo-list-row{ padding-top: 10px; padding-bottom: 10px;}
.woo-cart-remove{ height: 40px; width: 40px;}
.woo-cart-name{ font-size: 17px;}
.woo-cart-price{ font-size: 20px;}
.woo-financing-fineprint, .woo-note-box{ padding: 15px;}
.woo-coupon-row{ padding: 10px;}
.woo-cart-thumb { width: 60px;}
}

@media only screen and (max-width:374px) {
.font-70, .page-banner .container h1{ font-size: 30px;}
}