@charset "utf-8";
/* CSS Document */

.show-mob{display:none;}
.show-tab{display:none;}
.show-desk{display:block;}
@media only screen and (max-width:1185px){
.container{width:1000px;}

.banner{ height:auto; background-size:cover; margin-bottom:30px;}
.bnr-lft { width: 51%;}
.bnr-txt2 {font-size: 38px; line-height: 48px;}
.bnr-txt1 { font-size: 18px; }
.bnr-prdt { top: 340px; left: -40px;}
.bnr-prara{ width:100%;}


.sec2-mid{ width:100%;}
.s2-prd{ top: 0px; max-width: 510px; left: -45px;}
.s2-badg{ top:400px;}
.sec2-lft-lst { padding: 0px 0 0px; width: 50%;}
ul.sce2-list li { padding: 0 0px 0 75px; font-size: 16px; line-height: 26px;}
ul.sce2-list li img{ width:71px;}
ul.sce2-list li h1 { font-size: 24px; line-height: 30px;}
.sec2-lft-lst .comn-btn a { margin-top: 40px;}

ul.strip-list li{ padding: 20px 10px 20px 85px;}
ul.strip-list li img{ left:33px;}

.sec4-lft{ width: 45%;}
.sec4-lft-mid { width: 680px; padding: 30px 265px 42px 30px;}
.testi-box{padding:0 20px;}
.sec4-lft .comn-hdg p { font-size: 38px; line-height: 46px; }
.sec4-lft-mid  .comn-btn a, .prd-shop-btn, .prc-checkt { width: 180px; height: 48px; font-size: 18px; line-height: 48px}
ul.s4-list{ position:relative; z-index:1; row-gap: 16px;}
.s4-prd{ right: -42px; max-width: 600px;}

.sec4-box-inr{padding:0 10px 0 70px;}
.s4-lst-img{width:60px;}
ul.prod-list{ margin-top: 20px;  column-gap: 13px;}
.prd-txt2{ font-size:16px;}

.sec5 ul.prod-list li .prd-txt2 { font-size: 20px; line-height: 28px; min-height: 58px;}
ul.sec5-prdt_lst{ margin-top:0;}
/*==============================
CONTACT_PAGE
===================================*/
.cntct-lft{ padding:50px;}
.contct-txt1{font-size: 22px; line-height: 24px;}
.cntct-rgt{ padding:50px;}
.frmElement{ margin-top:10px;}
}


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

.show-mob{display:none;}
.show-desk{display:none;}
.show-tab{display:block;}

.top-bar p{font-size:18px; text-align:left;}
ul.mainMenu li{padding: 0 10px;}
ul.mainMenu li a{font-size: 16px;}

.banner{ padding: 30px 0; background-size: cover; height: auto; margin-bottom:0;}
.bnr-lft { width: 60%; margin-top: 0;}
.bnr-txt3 { font-size: 20px; line-height: 28px;}
.bnr-txt2{ font-size: 34px; line-height: 44px; margin: 0px 0 0;}
.bnr-prod{width:330px; top:235px; right:140px;}
.bnr-txt1 { font-size: 15px; line-height: 26px; letter-spacing: 0px;}
.hdg-icon { top: -2px; left: 0px;}
.bnr-prara { width: 100%; font-size: 17px; line-height: 27px;}
.bnr-prdt { top: 205px; left: 0; width: 385px;}

ul.sec5-prdt_lst li{ text-align:center; padding: 25px 10px;}
ul.sec5-prdt_lst li h2{margin: 5px 0px 0px 0px; border-radius:0; padding:5px 0; width:100%;}
ul.sec5-prdt_lst li p{ width:100%;}
a.s5-btn{ width:100%;}

.strip{padding:20px 0 20px;}
ul.strip-list{ display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 20px; column-gap: 10px;}
ul.strip-list li{ padding: 20px 10px; width: 32%; text-align: center;}
ul.strip-list li img{ position:static; display:block; margin:0 auto 10px;}
ul.strip-list li .stp-lst-txt1 { font-size: 18px;}
ul.strip-list li .stp-lst-txt2 { font-size: 16px;}

.sec2{ padding:30px 0;}
.sec2-mid { width: 100%;}
.sec2-lft{width: 100%; margin-top: 0; height: auto; padding: 0;}
ul.sec2-list{margin:0 0 12px;}
.s2-prd{    width: 350px; border-radius: 10px 10px; left: 0; top: 20px;}
.s2-badg{top:210px; right:-130px; width:125px; height:125px;}
.s2-badg-inr{padding-top:25px;}
.s2-badg-inr h3{font-size:17px; line-height:22px;}
.s2-badg-inr h2{font-size:24px; line-height:28px;}
.comn-hdg p{ font-size: 30px; line-height: 38px; margin-bottom: 10px;}
.comn-txt {font-size: 16px; line-height: 27px; width: 100%;}
.sec2-lft-lst { padding: 10px 0 0 0px;}
ul.sce2-list{ margin-top:10px;}
ul.sce2-list li h1 { font-size: 22px;}
ul.sce2-list li span{ font-size:22px;}
.sec2-lft-lst .comn-btn a { margin-top: 25px;}

.prd-sec-inr { width: 100%;}
ul.prod-list li{ padding: 20px 10px 20px; margin: 0px 0% 0; width: 49%;}
.cbd-prod { width: 150px; top: 25px; left: 0px; max-width: 100%;}
.prdt-lst-cont { width: 100%; padding: 0px 0;}
a.prd-shop-btn{ font-size: 18px; line-height: 38px; height: 38px; width: 146px;}
.prd-txt1{ font-size:16px; line-height:26px;}
.prd-txt2 { font-size: 17px; line-height: 28px;}
.item .cbd-prod { width: 146px;}

.sec3{padding:30px 0;}
ul.sec3-list{margin:15px 0;}
.step{width:200px;}
.s3-stp{width:90px;}

.sec4{padding: 40px 0; height: auto; background: linear-gradient(to bottom, #306861 35%, #fff 35%);}
.sec4-lft .comn-hdg p { font-size: 30px; line-height: 38px;}
.s4-prd { max-width: 410px;}
.sec4-box{margin:10px 0;}
.sec4-lft-mid { width: 100%; padding: 30px 305px 35px 30px;}
.s4-prd2{ top:255px;}
ul.s4-list { row-gap: 18px; margin-top: 30px;}
ul.s4-list li{ width:100%;}

.sec5{padding:30px 0;}
.sec5-inr{ width:100%;}
ul.sec5-list{margin:20px 0;}
ul.sec5-list li p{ font-size:18px; line-height:22px;}
.sec5 ul.prod-list li .prd-txt2 { font-size: 16px; line-height: 26px; min-height: 52px;}
.sty_prdts{ width: 100px; max-width: 100%; position: static; display: block; margin: 0 auto 10px;}

.sec6{padding:30px 0;}
.sec6-box{margin:20px 0;}
.comp-top-lft{font-size:16px; line-height:20px; padding-left:105px; padding-top:8px;}
.comp-top-lft img{width:100px;}
.comp-top-lft p{font-size:18px; line-height:22px;}

.sec7{padding:30px 0;}

.testi-box-inr{ font-size:20px;}

.ftrBox1 {
    width: 100%;
    padding-right: 0px;
    text-align: center;
    margin-bottom: 20px;
}
.ftrBox2 { width: 50%;}
.ftr-cpyrght{ text-align:center; width:100%;}
.ftr-link{ width:100%;}

.cart-box2{padding: 0px 20px;}
.cart_summary .card-box3{padding: 0px 20px;}
.card-box4-lft{padding: 0px 20px;}

/*===============================
	PRODUCTS_DETAILS_PAGE
==================================*/
.proDetails-sec1{ padding:60px 0;}
.proDetails-left {width: 35%;}
.proDetails-right { width: 62%;}
.prod-nameHdng{ font-size:30px; line-height:40px;}
.prd-prc{ font-size:38px; line-height:38px; margin-top:15px;}
.prd-p1 img{ width:120px;}
.select-mg{ margin:0 5px 0 0;}
.qty-txt{ margin-top:20px;}
.prd-as-seenDv { width: 100%;margin: 30px 0 0 0;}

.proDetails-sec2-left{ width:100%;}
.proDetails-sec2-left .comnPara{ width:50%;}
.prdtls-s2-img {width: 338px;top: 20px;}

.proDetails-sec3{ padding:50px 0;}
.proDetails-sec3-rght ul li{ margin-top:30px;}
.proDetails-sec3-rght ul li p{ font-size:20px; line-height:26px;}
.prd-dtls-s3-prod {left: 50px;width: 220px;}
.circle-cbd { left: 0; width: 120px;}

/*==============================
CONTACT_PAGE
===================================*/
.contact-Box{ margin-top:-15px;}
.cntct-lft {padding: 30px;}
.cntct-hdng { font-size: 26px;line-height: 30px;}
ul.cntct-list li{margin-top: 45px;}
.contct-txt1 {font-size: 20px;line-height: 22px;}
.cntct-rgt {padding: 30px;}
.msgbx-txt {font-size: 30px;line-height: 30px;}
.msgbx-txt2 {font-size: 20px;line-height: 28px;}
.frmElement input, .frmElement textarea{ font-size:20px;}
}

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

.show-tab{display:none;}
.show-desk{display:none;}
.show-mob{display:block;}

.top-fix-bar{ margin-bottom:50px;}
.header{ height:50px; margin-top:-50px; top:50px;}
.log-anim.logo{ width:60px;}
.mob-mnu-ic{ right:15px; top:8px;}
.mobilemenu{ top:50px;}
.logo{ margin:0;}

ul.mainMenu{ display:none;}

.menuOpen{
	position:relative;
	}
.menuOpen:after{
	content:'+';
	position:absolute;
	right:10px;
	top:15px;
	color:#000;
	font-size:24px;
	}
.menuOpen.mnutog:after{
	content:'-';
	}
ul.dropdown-mobile{
	float:left;
	width:100%;
	border-top:1px solid #cfcfcf;
	display:none;
	}
ul.dropdown-mobile li a{
	font-size:18px;
	padding:15px 25px;
	background:#00993e;
	color:#fff;
	}
ul.dropdown-mobile li:last-child{border:none;}

.top-bar{padding:5px 0;}
.top-bar p{text-align:center; font-size:16px; line-height:20px;}
.top-bar p span{display:block;}
.top-btn{display:none;}
a.cart-icon {float: right; margin-right: 46px;}

.banner{
	    background: #f9f9fb;
    height: auto;
    background-size: cover;
    padding: 30px 0;
	}
.banner .container{padding:0 10px;}
.logo{width: 120px; margin-top: 3px;}
/*-------------------------
CSS FOR BANNER
--------------------------*/
.banner {padding: 30px 0; background: #fff5eb; height:auto;}
.bnrprd{ display:none;}
.bnr-lft {    width: 100%; text-align: center; margin-top: 0px; border-radius: 0; background: none; padding: 0;}
.bnr-mob-prd { width: calc(100% + 20px); margin-bottom: 0px; float: left; margin-left: -10px; max-width: none;}
.bnr-p1 { font-size: 22px; line-height: 24px;}
.section-1 .bnr-p1 span{ font-size: 28px;line-height: 40px;}
.bnr-p3{ margin-bottom: 0px; padding: 0; font-size: 16px; margin-top: 15px; line-height: 28px;}
.bnr-p2 {font-size: 30px; line-height: 38px;}

.comn-hdg p{ font-size: 24px; line-height: 32px; margin: 0;}

/*-------------------------
CSS FOR SECTION 1
--------------------------*/
.section-1 {padding: 30px 0;}
.s1-list li { width: 100%; padding: 10px 10px 20px; background: url(../images/tick-mark.png) no-repeat center top;
  font-size: 16px; line-height: 24px;}
 .s1-box{margin-top: 0px;} 
.s1-list li:last-child{ padding-bottom:0;}
.section-1 .bnr-p1{ font-weight:500; line-height:34px;}
.s1-p2 { font-size: 17px; line-height: 27px; margin-top: 15px; }
.s1-list li span { margin-bottom: 0px; margin-top: 20px;display:block;}
.s1-lft {width: 100%;text-align: center;}
.s1-p1 {font-size: 27px; line-height: 38px; margin: 0;}
.s1-img-1 { position: static;display: inline-block; margin: 17px auto 0; max-width: 100%;}
.shop-bg-no, .shop-btn {margin-top:20px; padding: 10px 60px 15px;}
/*-------------------------
CSS FOR SECTION 2
--------------------------*/
.section-2 {padding: 30px 0;}
.s2-ul {margin: 20px 0 0;     row-gap: 0px;}
.s2-ul li { width: 100%; max-width: 100%;}
.s2inbx-lft{ width:100%;}
.s2inbx{ width:100%; margin: 10px auto 0 auto;}
.s2inbx-rgt{ display:none;}
.s1inbx-img1{ margin:0 auto;}
.s2inbxtxt{ text-align:center; display:inline-block; padding:0;}
.s2inbx-hding, .s2inbx-subhding{ text-align:center;}


/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.section-3 {padding: 30px 0;}
.section-3 .bnr-p1 {font-weight: 500;  line-height: 34px;}
.sec3-top{ margin-top:30px; margin-bottom:0;}
.s3-image {
    top: 25px;}
.sec3-top1, .sec3-top2, .sec3-top3{ height:auto;}
.img-sec3{}
.sec3-top1{     width: 100%;
    margin-bottom: 0px;
    padding: 5px 20px;
    margin-top: 0;}
.txt5 {padding: 0 0 0; font-size: 18px; line-height: 28px;}
.txt4{ font-size:20px;}
.sec1-toplft {width: 100%;}

/*-------------------------
CSS FOR SECTION 5
--------------------------*/
.section-5 {    padding: 10px 0;
    height: auto;}
.s5-lft {
      padding: 20px 20px;
    height: auto;
    margin-top: 10px;}
.shop-bg-no .shop-btn{margin: 25px 0 0; display: inline-block; float: none;}
.section-6 {
    padding: 30px 0;
}
.s6-ul li {
           font-size: 23px;
        line-height: 30px;
        width: 100%;
        margin: 5px 0;
        padding: 25px;}
.s6-ul li img {
    left: 50px;}
.s6-ul {
    margin-top: 15px;
}
/*-------------------------
CSS FOR SECTION 7
--------------------------*/
.section-7 {padding: 20px 0;}
.s7-ic-1 {position: static;display: inline-block;transform: none;-webkit-transform: none;}
.s7-ul li {padding-left: 0;text-align: center; width:100%}
.s7-ul li .s2-p3, .s7-ul li .bnr-p1 {    width: 100%;
    font-size: 18px;
    text-align: center;
    padding: 5px 20px;}
.s7-social {float: none;padding: 10px 10px 0;display: inline-block;}
.s7-ul li:nth-child(2) {margin: 0 0px;}

.prod-sec{ padding:30px 0;}
ul.prod-list{ margin:20px 0 0; justify-content: center;}
.cbd-prod { width: 112px; top: 25px; left: 15px;}
ul.prod-list li,.shop-inr-sec ul.prod-list li{ width: 100%; margin: 0px 0% 0;  padding: 20px 10px; }
.prdt-lst-cont { width: 100%; padding: 5px 0;}
.prd-txt1 { font-size: 14px; line-height: 25px; display:none;}
.prd-txt3{ margin-top: 0px;}
.prd-txt2{ margin-bottom: 10px; min-height: auto; font-size: 18px; line-height: 28px;}
a.prd-shop-btn{ margin-top: 12px; height: 38px; line-height: 38px; font-size: 16px; width: 136px;}
.sec5 ul.prod-list { margin-top: 20px;}
.sec5 ul.prod-list li{ width:100%; max-width:355px; padding-bottom:15px; box-shadow:0px 0px 1px #bbb;}
.sec5 ul.prod-list li .prd-txt2{ min-height:auto; font-size: 18px; line-height: 28px;}




.comp-top-lft, .comp-top-rgt{height:80px;}
.comp-top-lft{font-size:13px; line-height:18px;}
.comp-top-rgt{line-height:80px; font-size:32px;}
.com-chrt{width:100%;}
.com-chrt.fr{margin-top:25px;}

.mob-prd{
	margin:0 auto;
	position:relative;
	display:inline-block;
}
ul.sec2-list{ margin:0;}
ul.sec2-list li{ font-size:20px;}
.s2-prd{ position:static;}
.s2-badg{ left:30px; top:0;}

.testi-box{ padding:0;}
.testi-box-inr{ padding-left:60px; font-size:18px; line-height:24px;}
.testi-box .testi-box-inr:last-child{ margin-bottom:0; padding-bottom:0;}
.testi-box-inr img{ max-width:100%;}
.nm-alp {   width: 50px;height: 50px;line-height: 50px; font-size: 26px;}

.footer{ padding:0 0 20px;}
.footer p{ font-size:15px; line-height:24px;}
.bnr-txt3{ font-size: 16px; line-height:26px;}
.bnr-txt3 span{color:#ff0 !important;}

.ftrBox1{ margin-bottom:0;}
.comn-btn{ text-align:center; width:100%;}
.comn-btn a, .prd-shop-btn, .prc-checkt{ margin-top:20px; width: 270px; height: 46px; font-size: 18px; line-height: 46px;}

/*===============================
	PRODUCTS_DETAILS_PAGE
==================================*/
.proDetails-sec1{ padding:25px 0 30px;}
.proDetails-left{ width:100%; margin-top:15px;}
.proDetails-right{ width:100%; margin-top:10px;}
.select-mg { margin: 0 4px 0 0; width:80px;}
.select-mg p{ font-size:18px;}
.prod-nameHdng {font-size: 34px;line-height: 28px;}
.prd-p1{ font-size:16px;}
.prd-p1 img{ width:90px;}
.prd-as-seenDv{ text-align:center; margin-top:20px;}
.prd-as-seenDv p{ width:100%;}
.qty-div{ width:100%;}

.proDetails-right .btn-box { display: block; margin:30px auto 0;}

.proDetails-sec2{ padding:0 0 30px;}
.proDetails-sec2-left{ text-align:center;}
.prdtls-s2-img{ position:static; display:inline-block; vertical-align:middle; margin:20px 0 0; max-width:100%; width:100%;}
.proDetails-sec2-left .comnPara{ width:100%;}
ul.prd-dtls-s2-list{ margin:15px 0 0;}
ul.prd-dtls-s2-list li,ul.prd-dtls-s2-list li:nth-child(2), ul.prd-dtls-s2-list li:nth-child(4){ width:100%; margin:15px 0 0;padding: 0 0 0 50px;}
ul.prd-dtls-s2-list li:after{ display:none;}


.proDetails-sec3{ padding:30px 0; background-size:cover;}
.proDetails-sec3-rght{ width:100%; text-align:center;}
.prd-dtls-s3-prod{ display:block; margin:0 auto; position:static; width:180px;}
.proDetails-sec3-rght ul li {margin-top: 15px;}
.proDetails-sec3-rght ul li p { font-size: 18px;line-height: 24px;}
.circle-cbd { left: 60px;width: 90px;top: 260px;}

.prodBreadcrm{font-size: 16px;line-height: 24px;}

.item .cbd-prod {width: 106px; top: 18px; left: 15px;}

/*==============================
CONTACT_PAGE
===================================*/
.contact-sec {padding: 0 0 35px;}
.contact-Box{ margin-top:-10px;}
.cntct-lft{ width:100%; padding:20px 20px 25px;}
ul.cntct-list li { margin-top: 30px;padding: 0 0 0 40px;}
.contct-txt1 {font-size: 18px;line-height: 22px;}
.cntct-rgt{ width: 100%; padding: 0px 0px 0;}
.frmElement { margin-top: 0;}
.frmElement input, .frmElement textarea {font-size: 18px; padding: 15px 15px 15px 10px;}
.frmElement textarea{min-height: 120px;}
/*-----------------------
CSS FOR FIXED BTN
-------------------------*/
#call-btn {
	float: left;
	width: 100%;
	padding: 5px 0 8px;
	background: #3085bc;
	position: fixed;
	bottom: 0%;
	left: auto;
	z-index: 10;
	transition: bottom 1s;
	display: table;
	}
.ftr-txt{margin-top:20px;}

.footer{ padding:0 0 30px;}
.ftr-box1{ width:50%; margin-top:20px; padding:0 0 0 5px;}
.ftr-mob2bx{ float:left; width:100%;}
.ftr-box5{ width:100%;}
.ftr-p1{ font-size:24px; line-height:24px;}
ul.ftr-list{ margin-top:0;}
ul.ftr-list li{  line-height:20px; margin-top:5px;}
.ftr-p2{ margin-top:5px; font-size:18px; line-height:22px;}
.ftr-socialBx{ height:50px; margin-top:15px;}
.ftr-socialBx a img{ margin:11px auto;}
.mail-field{ margin-top:15px; height:55px;}
.mail-field input{ line-height:53px; font-size:20px;}
a.signUp img{ margin: 20px auto;}
.ftrBox2 {width: 100%; margin-bottom:20px; text-align: center;}
ul.frt-list li{ text-align:left;}
ul.ftr-nav li{ width:100%;}
.footerBox2{ padding:10px 0 0 0;}
ul.ftr-nav{ text-align:center;}
}