@charset "utf-8";
/* CSS Document */
.show-mob, .show-tab {display: none;}
.fl{ float:left;}
.fr{ float:right;}	

@media only screen and (max-width:1187px){
.container{width:1004px;}
ul.hdrlist li {
    font-size: 15px;
    margin: 0 15px 0 0;
}
/*-------------------------
CSS FOR BANNER
--------------------------*/
.banner {height: 580px;}
.brn-p1 {font-size: 38px;line-height: 50px;}
.p2-bnr {}
.brn-model {left: -30px;max-width: 300px;}
.bnr-rgt {  width: 57%; margin: 100px 0 0 0;}
.brn-prd {top: 345px;left: 12%;}
.bnr-txt1 {left: -90px;font-size: 630px;line-height: 520px;}
.bnr-txt2 {right: -110px;top: 275px;font-size: 270px;}
.bnr-btl1 {top: 220px; max-width: 160px;}
/*-------------------------

CSS FOR SECTION 1
--------------------------*/
.section1 {background-position: 50% top;}
.s1lft{  width: 77%; margin: 20px 0 0 0;}
.s1-img-1 {width: 43%;}
.s1uls li{margin: 0 0 75px;}

.sec1-in {width: 57%;}
.s1-prodts {left: -20px;}
.s1txt{font-size: 26px; line-height: 37px;}

/*-------------------------
CSS FOR SECTION 2
--------------------------*/
.section-2 {padding: 50px 0;}

.comn-hdng {
    font-size: 36px;
    line-height: 46px;
	}
/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.section-3{padding: 50px 0;}
.s3-ul li {padding: 0 20px;}
.s3-pic{ max-width: 625px;}
.s3-img2{right: 115px; max-width: 120px;}
.s3-img1{top: 142px; max-width: 108px;}
.txt5{ width:53%;}
.img-sec3{ right:-7px;}

/*-------------------------
CSS FOR SECTION 4
--------------------------*/
.s4-rit {width: 55%;}
.s4-chart {width: 42%;max-width: 516px;}
.s4-ul li {margin-right: 20px;padding-right: 20px;}
ul.s4list li {padding:0 0px 0 43px;}
ul.s4list li span {font-size: 18px;line-height: 30px; margin-bottom: 3px;}
/*-------------------------
CSS FOR SECTION 5
--------------------------*/
.section5{    height: 565px;}
.s5-rgt {}
.s5-rgt-inr {width: 57%;padding:285px 25px 32px 25px;}
.s5-txt {right: 12%;top: 250px;font-size:58px;line-height:68px;}
.s5-model {max-width: 34%;margin-top: 12px;}
.s5rgt{float: right; width: 62%; margin: 43px 0 0;}
.s5txt1, .s5txt2{width: 86%;}
.s5uls{    margin-top: 54px;}
.s5uls li{    width: 31%;     padding: 16px;}
.s5uls_txt span{font-size: 17px; line-height: 24px;}
.s5uls_txt{    font-size: 20px; line-height: 43px;}
.s5img-curv {max-width:64%;margin-left: 0%;}
.s5-prodt, .s5-prodt2 {max-width: 150px;}
ul.s5-list li {padding: 10px 15px 10px 16px;}
ul.s5-list li h1 {font-size: 80px;line-height: 85px;}
/*-------------------------
/*======PRODUCT =========*/

.contact-sec{ padding:44px 0;}

/*======PRODUCT DETAILS=========*/
.prodDtls1-rght{ width:56%;}
.prodDtls1-left { width: 38.67%;}
.prod-nameHdng{ font-size:40px;}
a.add-to-cart{width:180px;}
.logos2{width:140px;margin:25px 0 0 10px;}
.shop-s1bx {padding: 40px 581px 40px 35px;}
.shop-s1bx-prd {top: 123px;left: 433px;}
.shopsec2 { padding: 40px 0 40px 0;}
/*======LAB-RESULTS SECTION=======*/
.lab-sec-left{ width:61%;}
.lab-imgbx{ width:35%; margin-top:45px;}
.lab.bnr-head{ font-size:46px; line-height:54px;}
.lab-sec-left .common-para{ font-size:18px;}
.lab-col-top-prod{ width:55px;}
.lab-col-top-hdng{ font-size:22px; line-height:28px;}
.lab-qr-dnlode{ font-size:18px; line-height:20px;}
.lab-bnr-seal{ right:300px;}

/*=========CSS FOR CONTACT PAGE=======*/
.cntct-rght{ width:48%;}
}

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


.top-btn{ display:none;}
.mob-mnu-ic{cursor: pointer; position: absolute; right: 50px; top: 15px; z-index: 16; height: 30px;}
.mob-mnu-ic button{
	outline: none;
    -webkit-appearance: none;
	background: none;
	padding:0;
    cursor: pointer;
	border: none;
	}
.mob-mnu-ic span{
	color:#000;
	display:inline-block;
	vertical-align:top;
	font-size:13px;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width: 25px;
	height: 3px;

	background-color: #ccc;
	transition: 0.4s;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	}
.bar2{margin: 5px 0;}

.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-5px, 5px);
	transform: rotate(-45deg) translate(-5px, 5px);
	background:#737373;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-6px, -6px);
	transform: rotate(45deg) translate(-6px, -6px);
	background:#737373;
	}	
.mobilemenu{
	left:0;
	position:fixed;
	top:99px;
	background:rgba(255,255,255,1);
	z-index:999;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	border-top:1px solid #acacac;
	}
.mobimenu-top{ top:70px;}	
.mobilemenu li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #ddd;
	}
.mobilemenu li a{
	float:left;
	width:100%;
	padding:17px 20px;
	font-size:18px;
	color:#000;
	}	
.mobilemenu li a:hover{color:#000;}

ul.menu-list{ display:none;}
.logo{         width: 164px;
    margin-top: 0;}
	
	
	/*-----------------------
CSS FOR BANNER
-------------------------*/
.banner {height:470px;}
.brn-model {left: -70px; top: 25px; max-width: 240px;}
.bnr-rgt {    width: 67%; margin: 88px 0 0 0px;}
.shop-btn {}
.add-to-cart { width: 56%;}
.brn-p1 {font-size: 30px;line-height: 42px;}
.brn-p1 span {}
.p1-bnr { font-size: 37px;  line-height: 50px;}
.p2-bnr { font-size: 18px;  line-height: 26px;}
.bnr-txt1 {left: -80px;font-size:490px;line-height:460px;}
.bnr-txt2 {right: -60px;top: 238px;font-size: 190px;line-height: 200px;}
.bnr-btl1 {right: -20px; top: 110px; max-width: 160px;}
.brn-prd {top: 370px;left: 0%;width: 300px;}

/*-------------------------
CSS FOR SECTION 1
--------------------------*/
.section1 {padding:50px 0; height:auto;     background-position: 38% top;}
.s1lft{ width:100%;}
.s1uls{    margin: 62px 0 0;}
.s1-pic1{    max-width: 315px;}
.s1-pic2{    max-width: 315px;}
.s1ul-rgt{width: 58%; padding: 45px 0 0 70px;}
.rgt2 {float: left; padding: 45px 87px 0 0 !important;}
.s1-icons{    left: 260px;}
.s1-icons1{right: 263px;}
.s1prd{width:350px;top:100px;}
.sec1-in {width: 71%;}
.s1-prodts {left: -90px; top: 100px; max-width: 290px;}
.s1-hding2 {
    top: 373px;
    position: static;
    text-align: center;
    margin: 28px auto 0;
    display: block;
    float: left;
    width: 100%;
}
.s1-hding span{ display:block;}
.comn-hdng {font-size:32px;line-height:40px;}
.comn-para {font-size: 17px;line-height: 26px;margin: 15px 0 0 0;}
.cmnt-hdng1 {font-size: 20px;line-height: 20px;}

/*-------------------------
CSS FOR SECTION 2
--------------------------*/
.section2{padding:40px 0 50px;}
.s2-ul { margin: 15px 0 0; flex-wrap: wrap;}
.s2-ul li { width: 49%; display: inline-block; margin-top: 10px; margin: 0 0 20px;}
.s2-ul li:nth-child(even){ margin-right:0;}
.s2-p1 {/*font-size: 26px;line-height: 29px;*/}


.s2-ul li .shop-btn {margin-top: 10px; font-size:20px; line-height:20px;}
.s2-prd-box{width:48%;}
.s2-block{justify-content: center;}

/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.pad-2 {padding: 0;}
.s3-ul {margin: 35px 0;}
.s3-ul li {padding: 0 9px;}
.s3-p1 {font-size: 17px;line-height: 24px;}
.sec3-top1{ margin-right:9px; height:auto;}
.txt5{ width:100%;}
.img-sec3{ position:static; display:inline-block;}

/*-------------------------
CSS FOR SECTION 4
--------------------------*/
.s4-p1 {font-size: 18px;line-height: 24px;}
.s4-ul {margin: 30px 0 38px;}
.s4-ul li img {width: 30px;}
.s4-ul li {margin-right: 10px;padding-right: 10px;padding-left: 35px;}
ul.s4list li {padding: 0 0px;text-align: center; width: 48%;}
ul.s4list li img {position: static;margin: 0 auto 8px;}

/*-------------------------
CSS FOR SECTION 5
--------------------------*/
.section5{height: auto;}
.s5hding {font-size: 34px; line-height: 41px;}
.s5rgt{ width:100%; text-align:center;     margin: 20px 0 0;}
.s5txt1{ font-size: 38px; line-height: 49px; width: 68%;}

.bnr-btl1{right: auto; left: 304px; top: 275px; max-width: 120px;}
.s5-rgt-inr {width: 100%;padding: 285px 56px 32px;float: none;display: inline-block;text-align: center;}
.s5-model {position:static; max-width: 260px; margin-top: 12px;}
.s5-txt {font-size: 45px;line-height: 55px;margin-top: 5px;transform: none;position: static;}
.s5img-curv { max-width: 180px;  transform: rotate(90deg);  display: block;  float: none; margin: -70px auto 10px;  width: 100%;}
.s5-prodt {}
ul.s5-list li {}
ul.s5-list li span {font-size: 20px;}
ul.s5-list li h1 {right: 14px;top: 14px;font-size: 60px;line-height: 60px;}

/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.section-3{}
.s3lft{ width:100%; text-align:center;    margin: 0 0 0;}
.s3-pic{ display:none;}
.s2-prd-txt {margin: 90px 0 0;}
.s2-prd-1{max-width: 150px;}
.s3-img1, .s3-img2 {
    position: static;
    margin: 10px -120px -10px;
    display: inline-block;
    max-width: 370px;
}
.s3txt1{font-size: 36px; line-height: 72px;}
}

@media only screen and (max-width:767px){
.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}
.show-mob{display:block;}
.hide-mob{display:none;}

ul.topbar-cont{ float:none; display:inline-block; vertical-align:top; text-align:center; padding:0 7px;}
ul.topbar-cont li{ float:left; margin-right:0; letter-spacing:0.2px;}
ul.topbar-cont li img{ margin-right:2px;}
ul.topbar-cont li:last-child{ float:right;}
.mobilemenu{top: 80px;}
.mob-mnu-ic{ top:6px; right:15px;}
.fixed-nav .mobilemenu{ top:50px;}
.mobimenu-top{ top: 60px;}
	
	/*-------------------------
CSS FOR BANNER
--------------------------*/
.banner{
	height:auto;
	background:#ffffff;
	padding:20px 0 15px 0;
	z-index: 0;
}
.bnr-rgt {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0;
}
.cmnt-hdng1{ color:#000;}
.brn-p2{ color:#000; font-size: 28px;}
.brn-prd {max-width: 330px;   position: static;    margin: 10px 0 0 0;    display: inline-block;    width: 100%;}
.brn-p1 {    font-size: 23px;
    line-height: 28px;
    margin-top: 3px;}
.p1-bnr {font-size: 29px;line-height: 38px;text-align: center;}
.p2-bnr{margin: 0px 0 0 0; width: 100%; color:#000;}
.shop-btn {float:none;margin:10px auto 0 auto;}

/*-------------------------
CSS FOR SECTION 1
--------------------------*/
.section1{ height:auto; padding:30px 0;}
.s1lft{    margin: 54px 0 0 0;}
.s1uls {display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 40px; margin-top: 30px; justify-content: space-between;}
.s1-pic1{max-width: 280px; display: block; margin: 0 auto; position: static; border-radius:0;}
.s1uls li{ text-align:center;     margin: 0 0 0;}
.s1-icons{    position: static; display: block; margin: -59px auto 0;}
.s1-icons1 {   position: static; display: block; margin: -59px auto 0;}
.s1ul-rgt{    width: 100%; padding: 29px 0 0 0px; text-align:center;}
.rgt2{padding: 0px 0px 0 0 !important;}
.s1txt{font-size: 27px; line-height: 30px;}
.s1-pic2{    max-width: 280px;}
.s1-pic2 {max-width: 280px; display: block; margin: 0 auto; position: static; border-radius: 0;}
.sec1-in .comn-hdng { margin-top:0 !important;}
.sec1-in{width:auto; text-align:center; margin-top: 0; padding:0;}
.s1-prodts { position:static;max-width: 85%;margin: 14px 0 -9px;}
.s1-lst{justify-content: center;margin-top: 24px;}
.s1-lst li{width:100%; text-align:center;}
.s1-lst li img {display: block;margin: 0 auto 12px;}
.s1-lst li span {font-size: 25px;}
.s1-hding2{font-size: 32px;
    line-height: 43px;}
.s1-hding2 img {
    margin: 0 10px -4px 0;
    width: 143px;
}
.s1-hding {
    font-size: 30px;
    line-height: 44px;
	margin-top:20px;
}
.s1-hding img{ width:300px;}	
.comn-hdng {font-size: 25px; line-height: 33px;}
.comn-para { margin: 10px 0 0 0;}
.section2{ padding:30px 0;}
.prodbox-row{padding: 15px 10px;
    width: 100%;
    max-width: 345px;
    display: inline-block;
    margin: 0px auto 0;
	float:none;
	border:1px solid #ccc !important;
	border-radius:5px;
	}
.prd-bx {}
.prodbx-head {font-size: 22px;margin: 4px 0 4px;}
.sec2-innr {}

.prodbx-prc {font-size:22px; line-height:32px}
.prodBox { margin-top: 20px;row-gap: 18px;}
a.order-btn {
    width: 200px;
    height: 48px;
    font-size: 20px;
    line-height: 48px;
    margin-top: 10px;}

/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.section-3 {padding: 30px 0; height: auto; overflow: hidden;}
.s3txt1{    font-size: 27px; line-height: 36px;}
.sec3-top{ margin-top:30px;}
.sec3-top1, .sec3-top2, .sec3-top3{ height:auto;}
.img-sec3{ position: static; display: inline-block; margin: 10px auto 0; vertical-align: top;}
.sec3-top1{ width: 100%; min-height: 180px; margin-bottom: 15px; padding: 20px 20px;}
.img-sec3{     position: absolute;  max-width: 162px;  top: 0; right: 0;}
.txt4{ font-size:20px;}
.sec1-toplft {width: 58%;}
/*-------------------------
CSS FOR SECTION 4
--------------------------*/
.section4 {}
.s4lhding{}
.s4ltxt{ font-size:18px;}
ul.s4list {}
ul.s4list li {width: 100%;padding: 0 18px;}
ul.s4list li img {margin: 0px auto 6px;}

/*-------------------------
CSS FOR SECTION 5
--------------------------*/
.section5{padding:30px 0 0;text-align:center;height:auto;}
.bnr-btl1{    left: 50%;   top: 205px;    max-width: 250px;    transform: translateX(-50%);}
.s5rgt{ margin:0 0 0;}
.s5txt1, .s5txt2 {    width: 100%;font-size: 18px;   line-height: 28px;}
.s5txt1{    font-size: 26px;    line-height: 33px; width: 100%;}
.s5hding {
    font-size: 32px;
    line-height: 41px;
}
.s5-model{max-width: 210px;}
ul.s5-list{ width:100%; justify-content: center;}
.s5uls{    row-gap: 20px; margin-top: 20px;}
.s5uls li {width:100%; padding: 20px;}
ul.s5-list li{width: 100%; max-width: 380px; padding: 10px 110px 10px 10px; font-size: 17px;}
ul.s5-list li span {}
ul.s5-list li h1 {right: 8%;top: 25px;font-size: 75px;line-height: 75px;}
ul.s5-list li:nth-child(2){ float:right;}
ul.s5-list li img {margin: 0 0 8px;}
.s5txt{ margin-top:15px;}
.s5-rgt {margin: 30px 0px 0px 0;}
.s5-rgt-inr {width: 100%;padding: 20px 0;}
.s5-prodt, .s5-prodt2 {
    max-width: 130px;
    transform: rotate(0);
    position: static;
	margin: 10px 0;
}
.s5-txt {font-size: 30px;line-height: 40px;}
.s5-model {margin-top: 8px;margin-bottom: 20px;}

}