@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
/*==============Media=============*/

@media only screen and (max-width:1187px){
.container{ width:1004px;}

.banner-hr {
    background-size: cover;
    background-position: 9% top;
}

.card-product{flex-wrap: wrap;}
.card-product__media{ padding:10px; width:100%; text-align:center;}
.card-product__media img{ max-width:300px;}

.prodSlider-Left{ height: 450px;}

}

@media only screen and (max-width:1023px){
.container{ width:750px;}

ul.mainMenu li a{ padding:0 20px;}
ul.dropdown-menu li a{ padding:10px 20px;}

.hero{ padding:50px 0; background-position: right 60% top;}
.hero .lead{max-width: 70%;}
.hero__proof{ gap:20px;}
.hero .lead {max-width: 100%;}

.trustbar{overflow: hidden;}
.trustbar__inner{ animation: ticker 10s linear infinite; gap: 40px;}
.trustbar__inner span{white-space: nowrap;}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.editorial{grid-template-columns: 1fr;}
.section{ padding:60px 0;}
.editorial__img{ aspect-ratio: 4 / 2;}

ul.contact-list{ grid-template-columns: repeat(2, 1fr);}

.footer-sec{grid-template-columns: 2fr 1fr;}

ul.prd-det-list li span{width: 38%;}
.prodSlider-Left{ height: 330px;}

.card-box3{ margin-top:0px;}

}


@media only screen and (max-width:767px){
.container{ width:100%; max-width:600px; padding:0 10px;}

.forDesk,.hide-mob{ display:none;}
.forMob{ display:block;}
.show-mob{ display:block;}

ul.mainMenu,.call-us,.search-ic{ display:none;}
.top-fix-bar{ margin-bottom:50px;}
.header{height: 50px; margin-top: -50px;  top: 50px; padding: 10px 0;}
.logo{max-width: 140px;
        margin-top: -3px;}
.top-rit{ margin: 15px 45px 0 0;}
.mob-mnu-ic{ top:13px;}
.hdr-menu{ border:none; margin:0;}
.mobilemenu{ top:50px;}
.mobilemenu.mobimenu-top{ top:60px;}

.banner-hr {background: #d2dcdd;text-align: center; min-height:auto; padding:30px 0;}
.banner-hr h1 {font-size: 32px;margin-bottom: 15px;}
.bnr-hr-img{
    margin-bottom: 12px;
    border-radius: 15px;
}
.btn { width:100%; margin-top:20px;}

.section{ padding:30px 0;}
.split {
    grid-template-columns: 1fr;
    gap: 15px;}
h2 {font-size: 27px;}
.lead {
    font-size: 16px;
    max-width: 100%;
    margin-top: 14px;
}
.ticks li:last-child{ margin-bottom:0;}	
.grid-4 {
    grid-template-columns: repeat(1, 1fr);
}
.grid-3 {
    grid-template-columns: repeat(1, 1fr);
}
.editorial__list{ margin:20px 0;}
.editorial__list li{ font-size:16px;}
.editorial__img {aspect-ratio: 4 / 4;}
.pop-innr {width: 100%;}
.center{gap: 10px;}
.grid-why { grid-template-columns: 1fr;}
.section-head{ margin-bottom:30px}

.card-product{flex-wrap: wrap;}

.footer-sec{grid-template-columns: 1fr;}

.footer{ padding:30px 0;}
.ftr-logo, .ftr-box1 {width: 100%;padding: 10px 10px;}
.ftr-box1{ width:100%;}
.ftr-p1 {letter-spacing: 0.5px;border-bottom: 1px solid #ccc;padding-bottom: 7px;}
 ul.ftr-list{ margin-top:10px;}
.ftr-p2{ line-height:20px;}
.footer-txt{ padding-top:20px; margin-top:20px;}
.ftr-txt1, .ftr-txt2 {text-align: center;width: 100%; font-size:15px; line-height:24px; padding:0;}
.ftr-logo img{ max-width: 130px;}
.ftr-logo p{margin-top: 10px;}

.prdcts-details-s1{padding: 10px 0 30px;}
.prdcts-mid{grid-template-columns: 1fr; gap: 30px;}
.prodSlider-Left{ height:auto; position:static;}
.pck-prc, .jar-txt{ font-size:20px;}

.stack-16{ gap: 10px;}

.banner{ padding:10px 0;}

.contact-sec{ padding:40px 0;}
ul.contact-list{grid-template-columns: 1fr;}
ul.contact-list{ margin-top:0;}
ul.contact-list li{ border:none;}
ul.contact-list li p span{ font-size:20px;}
.cntct-form{ margin-top:30px;}

}