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

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

.banner{ }
.bnr-lft { width: 60%;}
.bnr-txt2 { font-size: 52px; line-height: 62px;}
.bnr-txt1 {}
.bnr-prdt { right: -10%; }
.bnr-prara { width: 78%;}
.bnr-prdt2{ max-width:500px;}

.strip{ padding:30px 0 60px; }
ul.strip-list li { padding: 15px 110px 15px 0;}
ul.strip-list li:nth-child(even) { padding: 15px 0px 15px 110px;}
ul.strip-list li .stp-lst-txt2{ font-size:18px;}

.s1-prodt {left: 0%;}
.s1-rgt_inr{ padding: 25px 25px; }
.s1-rgt{ width:50%; }
.s1-rgt_inr:before{ bottom:-13px; }

.sec2-mid{}
.s2-imag1{ margin:50px 0 0;}
ul.sce2-list li p {}
ul.sce2-list li { padding: 0px 15px 20px 100px; }
.s2-icon {}

.sec4-lft{width: 60%;}
.sec4-box-inr{padding:0 10px 0 70px;}
.s4-lst-img{width:60px;}
ul.prod-list{ margin-top:30px;}
.sec4-lft-mid{ padding:40px 40px 40px; border-radius: 10px;}
.sec4-lft .comn-hdg p { font-size: 36px; line-height: 47px;}

.sec5 ul.prod-list li .prd-txt2 { font-size: 20px; line-height: 28px; min-height: 58px;}

/*==============================
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{ background-size: cover; height: auto; background-position: 55% top; }
.bnr-lft { width:58%;margin: 60px 0 90px;}
.bnr-txt2{ font-size: 38px; line-height: 52px; }
.bnr-txt3 { font-size: 20px; line-height: 32px; padding: 0 15px; margin: 0px 0 10px; }
.bnr-prod{}
.bnr-txt1 { font-size: 15px; line-height: 26px; letter-spacing: 0px;}
.hdg-icon { top: -2px; left: 0px;}
.bnr-prara { font-size: 18px; line-height: 28px; margin: 12px 0 0; position: relative; z-index: 1; width: 100%; }
.bnr-prdt { max-width: 510px; top: 15px; right: -15%;}
.comn-btn a, .prd-shop-btn, .prc-checkt { height: 50px; font-size: 20px; line-height: 50px; margin-top: 20px;}
.bnr-prdt2 { max-width: 305px; top: 300px; }


.strip{ padding: 40px 0 40px;}
ul.strip-list{ display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 20px; column-gap: 10px;}
ul.strip-list li{ padding: 8px 90px 8px 0px; width: 40%; }
ul.strip-list li img{ width: 80px;}
ul.strip-list li .stp-lst-txt1 { font-size: 22px; line-height: 30px; margin-bottom: 5px; }
ul.strip-list li .stp-lst-txt2 { font-size: 18px;line-height: 28px;}
ul.strip-list li:nth-child(3) { margin-left: 30px; width: 43%;}
ul.strip-list li:last-child { margin-right: 30px; width: 43%;}
ul.strip-list li:nth-child(even) { padding: 8px 0px 8px 90px;}

.sec1 {padding:40px 0 40px;}
.s1-rgt {float: none;display: inline-block;width:100%;text-align:center; margin-top:0;}
.s1-prodt { position: static; max-width: 80%; margin-top: 15px;}
.s1-rgt_inr { padding: 15px 20px; margin-top: 20px;}
.s1-rgt_inr:before { bottom: 0; top: 0; left: 0;}

.sec2{ padding:40px 0;}
.sec2-mid { width: 100%;}
.sec2-lft{ width: 49%; margin-top: 0px; height: auto; }
ul.sec2-list{margin:0 0 12px;}
.s2-prd{width: 280px; position: static; display: block; margin: 0 auto 10px; border-radius: 10px 10px;}
.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: 42px; }
.comn-hdg span {
    font-size: 17px;
    line-height: 40px;
    padding: 0 15px;
    margin: 0px 0 15px;
}
.comn-txt { font-size: 18px; line-height: 28px; margin-top: 10px; }
.sec2-lft-lst { padding: 15px 0 0 0px; width: 100%;}
ul.sce2-list{ margin-top:11px;}
ul.sce2-list li { padding: 0px 0px 15px 70px; font-size: 16px; line-height: 26px; }
ul.sce2-list li p {padding: 0px 0px 0px;}
ul.sce2-list li span { font-size: 20px; line-height: 30px; padding-bottom: 5px;}
.s2-icon { left:0;}	
.s2-imag1 { margin: 15px 0 0;}


.prod-sec{ padding:40px 0;}
.prd-sec-inr { width: 100%;}
ul.prod-list li{ padding: 15px 15px 20px;  margin: 0px 0% 0; width: 48%; }
.cbd-prod {width: 125px;top: 25px;left: 15px;}
.prdt-lst-cont { width: 100%; padding: 10px 0 0;}
a.prd-shop-btn{font-size: 18px; line-height: 45px; height: 45px; width: 190px;}
.prd-txt1{ font-size:20px; line-height:30px;}
.prd-txt2 { font-size: 18px; line-height: 28px; min-height: 58px; }
.item .cbd-prod { width: 146px;}
.prd-txt3{ font-size:23px; line-height:28px;}

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

.sec4{padding:40px 0;}
.sec4-lft{ width: 68%; padding: 0px 0px;}
.s4-prd { top: 0px; max-width: 323px; right: 20px;}
.sec4-box{margin:10px 0;}
.sec4-lft-mid {padding: 30px 30px 30px; }
.s4-prd2{ top:255px;}
.sec4-lft .comn-hdg p { font-size: 32px; line-height: 42px;}
ul.s4-list li { font-size: 22px; line-height: 30px; padding: 30px 14px 30px;}
ul.s4-list li img {margin: 0 auto 5px;}	

.sec5{padding:40px 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;}

.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: 20px;
    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: #7cb5c6;padding: 30px 0;}
.banner .container{padding:0 10px;}
.logo{ width: 140px; margin-top: 0;}
.bnr-lft{float:none;display:inline-block;width:100%;max-width:355px;text-align:center;margin:0;}
.bnr-prod{display:none;}
.bnr-prdt2{ display:none;}
.bnr-txt1{font-size: 15px; line-height: 26px;}
.bnr-txt2{font-size: 30px; line-height: 40px; }
.hdg-icon {top: -4px; left: 0px;}
.bnr-prara { width: 100%; font-size: 16px; line-height: 26px; margin: 10px 0 0; }
ul.bnr-list{background:#f3f3f3; margin-bottom:0;}
ul.bnr-list li {
    font-size: 15px;
    line-height: 18px;
    padding: 5px 10px 5px 18px;
    margin-right: 5px;
    text-align: left;
    width: 29%;
    display: inline-block;
    float: none;
    background-size: 12px;
	}
.bnr-mob{max-width: 90%;
    margin: 0px auto;
    padding: 10px 0 0;
}
.bnr-prdt{ display:none;}

.comn-hdg p{ font-size: 22px; line-height: 30px; }
.comn-hdg span { margin: 0px 0 5px; }

.strip {padding:30px 0 30px;}
.strip-hdg:before{ display:none;}
.strip-hdg{ font-size:18px;}
ul.strip-list{  justify-content: center;}
ul.strip-list li{ width: 100%; max-width: 355px; box-shadow: 0px 0px 2px #bbb; padding: 15px 20px; text-align:center;}
ul.strip-list li .stp-lst-txt1{ margin-bottom:5px; font-size: 18px; line-height: 28px;}
ul.strip-list li .stp-lst-txt2{ font-size: 16px; line-height: 26px; }
ul.strip-list li:after{ display:none;}
ul.strip-list li:nth-child(3), ul.strip-list li:nth-child(4){ margin:0 0; width:100%; }
ul.strip-list li:nth-child(even){ text-align:center; padding:15px 20px;}
ul.strip-list li img { width: 68px; position: static; display: block; margin: 0 auto 10px }


.sec1 { padding:30px 0 30px;}
.s1-rgt { max-width:355px; margin: 0 0 0 0;}
.s1-prodt { max-width: 85%; margin-top: 12px;}
.s1-rgt_inr{ padding:0 0;}
.s1-rgt_inr:before{ display:none;}

.sec2{padding:30px 0 30px;}
.sec2-mid {width: 100%; max-width:355px;}
.sec2-lft{ width: 100%; text-align: center; padding: 0;  margin: 0 0; float: none; display: inline-block; }
.sec2-mid .comn-hdg p{ margin-bottom:0px;}
.s2-imag1{ margin-top:15px; max-width:100%; }
.sec2-rit{ float:none; display:inline-block; width:100%; text-align:center; margin-top:15px; }
.sec2-lft-lst{ padding:0 0;}
.comn-txt{ width: 100%; font-size: 16px; line-height: 26px; margin-top: 10px; }
.s2-prod-mob{ display: block; margin: 0 auto 5px -10px; width: calc(100% + 20px);}
.comn-hdg img{ display: none;}
ul.sce2-list { margin-top:5px; justify-content: center;row-gap: 0px; max-width: 355px;}
ul.sce2-list li{ width: 100%; padding: 15px 0px; text-align: center; font-size: 16px; line-height: 26px;}
ul.sce2-list li:last-child{ padding-bottom:15px;}
ul.sce2-list li span{ font-size: 20px; line-height: 28px; }
ul.sce2-list li p { padding: 0px 0px;}
.s2-icon{ position:static; display:block; margin:0 auto 10px; }

.prod-sec{ padding:30px 0;}
.prd-sec-inr {width: 100%; max-width:355px;}
ul.prod-list{ margin:20px 0 0; justify-content: center;row-gap: 16px;}
.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: 10px 10px 16px; max-width: 355px; }
.prdt-lst-cont { width: 100%; padding: 5px 0;}
.prd-txt1 { font-size: 14px; line-height: 25px; display:none;}
.prd-txt3{ margin-top: 0px; font-size: 22px; line-height: 28px; }
.prd-txt2{ margin-bottom: 10px; min-height: auto; font-size:20px; line-height:30px;}
a.prd-shop-btn{ margin-top: 12px;font-size: 17px; width: 170px;}
.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;}

ul.sec3-list{margin:0;}
ul.sec3-list li{width:100%; margin:20px 0; font-size:18px;}
ul.sec3-list li .s3-lst-txt{ padding:0;}
ul.sec3-list li:last-child{margin-bottom:0;}
ul.sec3-list li .s3-lst-hdg{margin-bottom:5px;font-size: 24px; line-height: 28px;}
ul.sec3-list li:after{display:none;}
.step{width:120px;}
.s3-bx-txt{padding:10px; font-size:20px; line-height:24px;}
.s3-txt{margin-bottom:0;font-size: 21px;line-height: 26px;}

.sec4{ padding:30px 0; background:#7cb5c6;}
.sec4-lft{ width: 100%; text-align: center; padding: 0; float: none; display: inline-block; }
.sec4-lft .comn-hdg p { font-size: 22px; line-height: 30px; margin-bottom: 10px; }
.sec4-box-inr{ width:100%; margin:12px 0;}
.s4-prd{ position:static; margin:0 auto; display:block; max-width:100%; padding-top: 20px; display:none;}
.s4-prd2{ display:none;}
.sec4-box-inr p{ font-size:22px; line-height:26px;}
.sec4-lft-mid{ max-width: 355px; padding: 0 0; background:none;}
.s4-prd-mob{ position:static; margin:0 auto; display:block; max-width:100%; padding-top: 0px; width:270px;}
.s4-prd2-mob{ position:static; margin:0 auto; display:block; max-width:100%; padding-top: 0px; }
ul.s4-list{ padding: 20px 0;row-gap: 15px;}
ul.s4-list li{ width: 33.33%; font-size: 20px; line-height: 28px; padding: 0px 10px 0px;}
ul.s4-list li:nth-child(3){ border:none;}	
ul.s4-list li img { margin: 0 auto 5px; max-width: 45px;}	
ul.s4-list li span{ font-size:20px; line-height:28px;}
.sec4_mob_img{ position:static; display:block; margin:0 auto 0px; max-width:300px; }

.sec5 { padding: 30px 0 30px;}
ul.sec5-list{margin:0;}
ul.sec5-list li{width:50%; border-right:none; margin:15px 0; padding:0 5px;}
ul.sec5-list li:last-child{ margin-bottom:0;}
ul.sec5-list li p{margin:8px 0;}

.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:16px; line-height:24px;}
.bnr-txt3{ margin: 0px 0 5px;
    font-size: 16px;
    line-height: 32px;}
.bnr-txt3 span{color:#ff0 !important;}

.comn-btn{ text-align:center; width:100%;}
.comn-btn a, .prd-shop-btn, .prc-checkt{ margin-top: 16px; height: 42px; font-size: 16px; line-height: 42px; width: 200px; }

/*===============================
	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:0;}
ul.ftr-nav{ text-align:center;}
}