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

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

section {padding: 90px 0;}
.why-card {padding: 40px 20px;}

.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%;}

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

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

.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: 120px;margin-top: -1px;}
.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:50px;}

.pop-innr {width: 100%;text-align: center;}

.hero { background:#0e352e; text-align:center; padding:30px 0;}
.hero h1 { font-size:31px;margin: 0px 0 20px;}
.hero-stats {flex-wrap: wrap;justify-content: center;gap: 26px;padding-top: 25px;}
.hero-stats div span {font-size: 12px;}
.hero-actions {margin-bottom: 33px;}
.hero-bg-mob{
    border-radius: 15px;
}

section {padding:30px 0;}
.section {padding:30px 0; text-align:center;}
.intro-grid {grid-template-columns: 1fr;gap: 20px;}
.intro-visual img {aspect-ratio: inherit;}

.section-head h2 { font-size:27px;}
.why-grid {grid-template-columns: repeat(1, 1fr);}
.why-card {text-align: center;padding: 25px 23px;}

.btn { width:100%; margin-top:20px;}


h2 {font-size: 27px;}
.lead {
    font-size: 16px;
    max-width: 100%;
    margin-top: 14px;
}

.section-head{ margin-bottom:25px}
ul.contact-list li img {margin: 0 0 0px;}

.product-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 22px;
}
.page-header {padding: 20px 0 18px;}

.product-foot {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0;
}
.price { float:left; width:100%;}
.card-product{flex-wrap: wrap;}

.cta-band {
    padding: 35px 15px;
    text-align: center;
    justify-content: space-between;
    gap: 0px;}

.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:30px 0 30px;}
.prdcts-mid{grid-template-columns: 1fr; gap: 30px;}
.prodSlider-Left{ height:auto; position:static;padding: 20px 15px 0;}
.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;}

}