@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;}

.bnr-para{ width:65%;}

.sec2 { padding: 50px 0 65px;}
.comn-hdg p { font-size: 36px; line-height: 42px;}
.s2-prd{ width: 430px; top: 0px;}
.s2-badg{top:400px;}
ul.sec2-list li{ width:100%;}

.sec4-lft{width:610px;}
.testi-box{padding:0 20px;}

.sec4-box-inr{padding:0 10px 0 70px;}
.s4-lst-img{width:60px;}

.prod-sec{ padding:40px 0 40px;}
.prod-sec-inr{ padding:50px 40px 15px;}
ul.prod-list{ margin-top:10px;}

.sec5{ padding:50px 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{    background-position: 25% top; height: 525px; padding-top: 30px; background-size: cover;}
.bnr-lft { margin-top: 50px;}
.bnr-txt1 { font-size: 26px;}
.bnr-txt2{ font-size: 42px; line-height: 52px; margin: 12px 0 0;}
.bnr-para { width: 72%;}
.bnr-prod{width:330px; top:235px; right:140px;}


.strip{padding:40px 0 40px;}
.strip-inr{ width:100%;}
ul.strip-list{ margin-top:30px;}
ul.strip-list li{ padding:0 8px;}
ul.strip-list li .stp-lst-txt1 { font-size: 23px; line-height: 28px;}

.sec2{padding:40px 0;}
.sec2-lft{width:50%;}
ul.sec2-list{margin:30px 0 0px;}
ul.sec2-list li { width: 100%;}

.comn-btn a, .prd-shop-btn, .prc-checkt {
    width: 240px;
    height: 42px;
    font-size: 22px;
    line-height: 42px;}

.s2-prd{width:350px;}
.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: 34px; line-height: 38px;}

.prod-sec-inr { padding: 40px 0px 40px;}
.prod-sec-inr .comn-txt{ width:100%;}
ul.prod-list li{ padding: 0px 0px 0px; margin: 0;}
a.prd-shop-btn{ font-size:22px;}
.prd-txt1{ font-size:18px; line-height:24px;}
.prd-txt2 {font-size: 18px;line-height: 26px;}
.prd-txt3 { font-size: 20px; line-height: 28px;}

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

.sec4{padding:30px 0;}
.sec4-lft{width:450px;}
.s4-prd{top:80px; width:330px;}
.sec4-box{margin:10px 0;}

.sec5{padding:30px 0;}
ul.sec5-list{margin:20px 0;}
ul.sec5-list li p{ font-size:18px; line-height:22px;}

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

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

.banner{
	/*background:url(../images/bnr-bg-mob.jpg) center top no-repeat;*/
	background:#f6f7f8;
	height:auto;
	background-size:cover;
	padding:25px 0 30px;
	}
.logo{ width:120px; margin-top: 5px;}
.bnr-lft{width:100%; text-align:center; margin-top:0px;}
.bnr-prod{display:none;}
.bnr-txt1{
    font-size: 20px;
    line-height: 28px;
}
.bnr-txt2{    
	font-size: 26px;
    line-height: 32px;
    margin: 3px 0 10px;
    padding: 0;}
.bnr-para {
    width: 100%;
}
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{width: calc(100% + 20px); margin-left: -10px;}

.comn-hdg p{ font-size: 26px; line-height: 32px;}

.strip { padding: 30px 0 30px;}
ul.strip-list{margin-top:10px;justify-content: center;}
ul.strip-list li{ width: 100%; margin: 0; padding: 15px 20px; background: #f5f4f4; max-width: 355px;}
ul.strip-list li .stp-lst-txt1{margin-bottom:3px; font-size: 20px;}
ul.strip-list li .stp-lst-txt2{ font-size:16px; line-height:26px;}
ul.strip-list li:after{display:none;}

.sec2{padding:20px 0 20px;}
.s2-prd-mob{ display:block; margin:0 auto 10px; position:static; width:300px;}
.sec2-lft{width:100%; text-align:center;}
.comn-txt{ width:100%; margin-bottom: 0px;font-size: 16px; line-height: 26px;}

.prod-sec{ padding:0 0 20px 0;}
.prod-sec-inr { padding: 30px 20px 0px;}
.prod-sec-inr:before{ height:240px;}
ul.prod-list{ margin:20px 0 0; justify-content: center;}
ul.prod-list li,.shop-inr-sec ul.prod-list li{ width: 48%; margin: 0px 0% 0; padding: 10px 10px; max-width:355px;}
.prd-txt2{ margin-bottom: 10px; min-height: auto; font-size: 20px; line-height: 28px;}
.sec5 ul.prod-list li {
    text-align: center;
}
a.prd-shop-btn{ margin-top: 15px; height: 40px; line-height: 40px; width: 100%; }
.cbd-prod{ width:200px;}

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-lft{width:100%; text-align:center; padding:0;}
.sec4-box-inr{width:100%; margin:12px 0;}
.s4-prd{position:static; margin:0 auto; display:block; max-width:100%; padding-top: 20px;}
.sec4-box-inr p{ font-size:22px; line-height:26px;}

.sec5 {padding: 20px 0 30px;}
.sec5-lft{ text-align:center;}
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: 20px 0 0; justify-content: center;}
ul.sec2-list li{ font-size: 18px;
    max-width: 355px;
    text-align: center;
    padding: 20px 20px;
    box-shadow: 0px 0px 2px #bbb;}
ul.sec2-list li img{ position:static; display:block; margin:0 auto 10px; width:82px;}
.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:20px;}
.bnr-txt3{color:#fff; letter-spacing:0.5px;}
.bnr-txt3 span{color:#ff0 !important;}

/*===============================
	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;}

/*==============================
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:20px 20px 30px;}
.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;}
}