@charset "utf-8";
/*----------------
RESET CSS
-----------------*/
.show-mob{display:none;}
.show-tab{display:none;}
.show-desk{display:block;}
@media only screen and (max-width:1187px) {
/*=============*/
.bnr-sec { background-position:38% top;}
.bnr-left {width: 64%;}
.bnr-hdg{font-size: 50px;line-height: 62px;}
.bnr-prodt {right: 15%;}

ul.bnr-list1 li {padding: 21px 15px;}
/*=============*/
ul.s1-rgt-list li{font-size:18px; line-height:28px; padding-left:45px;}
/*=============*/
.s2-left{padding: 40px 30px 40px 560px;}
.s2-model {left: 30px;}
/*=============*/
.slide_tabClick{padding:15px 0 12px 75px;}
.slide_tabClick p{ font-size:14px; line-height:18px;}
.slide_tabClick img{ width:55px; margin-top:-27px;}
/*=============*/
.s3_slide_col {padding: 22px 15px 26px;}
.s3_slide_row {column-gap: 13px;}

.s4-col-hdg{}
.s4-col{}
.s4-col-bx-inr{padding:20px 20px 30px;}

}
 

@media only screen and (max-width:1023px) {
.for-desk{ display:none;}	

.commn-hdg{font-size:35px; line-height:47px;}
.commn-para{margin-top:15px;}
.btn-bx{margin-top:35px;}
/*=============*/
.bnr-sec {height: auto;background-position: 38% top;background-size: cover;}
.bnr-left { width: 65%;padding: 55px 0 100px;}
.bnr-revw{font-size:15px; line-height:15px;}
.bnr-title{font-size:18px; line-height:28px;}
.bnr-hdg{font-size:40px; line-height:54px;}
.bnr-para{font-size:17px; line-height:27px;margin-top:14px;}
.commn-btn {margin-top: 22px;}
.bnr-prodt {right: 17%;top: 285px;}
ul.bnr-list1{}
ul.bnr-list1 li{padding: 20px 10px;text-align: center;font-size: 16px;line-height: 26px;}
ul.bnr-list1 li span {font-size: 19px;line-height: 29px;}
ul.bnr-list1 li img {margin: 0 auto 6px;}
.step-txt{font-size:18px; line-height:28px;}
.prd-btn-bx{margin-top:25px;}
ul.bnr-list2{bottom:90px; }
ul.bnr-list2 li{}
ul.bnr-list2 li p{font-size:13px; line-height:17px;}
.bnr-list2-icn{width:25px;}

.bnr-rgt:after{width:415px; height:630px;}
/*=============*/
.sec1{padding:40px 0;}
.s1-rgt {float: none;display: inline-block;width: 100%;text-align: center; position:relative;}
.s1-rgt .commn-btn {margin: 22px 0 0 0px;}
.s1-rgt .commn-para {padding: 0;margin-top: 14px;}
.s1-rgt .commn-para:before { display:none;}
img.s1-img {position: static;max-width: 100%;margin-top: 15px;}
.s1-prodt {right: 24%;top: 460px;}
.s1-left{width:42%;}	
ul.s1-rgt-list{margin-top:10px;}
ul.s1-rgt-list li{width:48%; padding-left:50px;}
.s1-rgt-list-icn{top:8px;}
/*=============*/
.sec2{padding:40px 0;}	
.s2-left { padding:25px 25px;}
.s2-model {position: static;max-width: 100%;margin: 0 0 12px;}
ul.s2-left-list{margin-top:15px;}
ul.s2-left-list li{font-size:20px; line-height:30px; background-size:18px; background-position:left 3px; padding-left:30px; width:100%;}
ul.s2-left-list li span{ font-size:16px; line-height:26px;}

/*=============*/
.sec3 { padding:40px 0 40px; text-align:center;}
.s3_slide_row {column-gap: 20px;}
.s3_slide_col{ width:47%; text-align:center;}


/*=============*/
.s2_slide_row{ padding:0 40px;}

.sec4{padding:40px 0;}	
.sec4 .commn-hdg {width: 100%;text-align: center;}
.sec4 .commn-para {width:100%;text-align: center;margin-top: 14px;}
.s4-col-para {}
.s4-row {justify-content: center;margin-top: 40px;column-gap: 20px;row-gap: 35px;}
.s4-col {width: 34%;}
/*=============*/
.sec9{padding:40px 0;}	
.faq-container{margin-top:10px;}

}


 @media only screen and (max-width:767px) {
	.hide-mob{         display: block;}

	.commn-hdg{ font-size: 26px; line-height: 34px;}
	.commn-hdg span{ font-size:18px;ine-height: 28px;}
	.commn-para{font-size:16px; line-height:25px; margin-top:15px;}
	.btn-bx{ margin: 20px auto 0;}
	.commn-btn{margin-top: 20px;}
	.btn-arw{margin:-3px 0 0 8px;}	 
	/*=============*/
	.banner { padding: 30px 0; background: #e1e8f2;height: auto;}
.bnr-lft{  float: none; display: inline-block; width: 100%; text-align: center; margin: 0 0; padding: 0px 0px; border-radius: 10px 10px;}
.bnr-rgt { margin: 0 0 0 0;width: 100%; text-align: center; float:none; display:inline-block;}
.bnr-hding {font-size: 28px; line-height: 36px;}
.bnr-hding span { font-size:22px; line-height: 40px;}
.btn-box {margin-top: 20px; width: 188px;}
.bnr-prd-mob{margin: 0px auto 0; width: 100%;}
.bnr-gls { margin: 10px 0 0; max-width: unset; width: calc(100% + 20px); margin-left: -10px;}
.bnr-txt { font-size: 16px; line-height: 26px;width: 100%;}
.bnr-model { display: inline-block; margin: 15px 0 0px; max-width: 225px; display:none;}
.bnr-rgt .btn-box { margin-top: 20px;}
a.comn-btn { height: 45px; font-size: 16px; line-height: 45px;}
.bnnr-glass{ position: static; display: block; margin: 10px auto 0px; max-width: 100%;}
.s2-lft a.comn-btn{ width:100%;}

	 
	.prd-btn-bx{ text-align:center;}
	.prd-btn{width:45%; display:inline-block; vertical-align:top; float:none;}
	.prd-btn.margin-right-15{margin-right:10px;}

	.sec1{padding:25px 0;}
	.s1-rgt{width:100%; }
	.s1-prodt {display: inline-block;width: 150px;height: 150px;position: relative;margin: -260px 0 -10px 0;z-index: 2;right: auto;top: -70px;left: -100px;padding: 20px 0;}
	 .s1-prodt img {max-width: 90px;}
	.mob-s1-contnt{text-align:center;}
	.s1-contnt-bx{margin-top:25px;}
	.table-prd{margin:-45px auto -53px;}
	ul.s1-rgt-list{float:none; display:inline-block; vertical-align: middle; width:100%; margin:35px auto 0;}
	ul.s1-rgt-list li{width:49%; font-size:16px; line-height:20px;  padding-left:45px; margin-top:15px;}
	.s1-rgt-list-icn{top:2px;}



	/*=============*/
	.s3-inr { float: left; padding: 15px 10px;}
.sec3-uls { margin-top: 0; padding: 0; row-gap: 15px; column-gap: 13px;}	
.sec3-uls li { width: 48%; font-size: 15px; line-height: 26px; padding: 12px 8px; box-shadow: 0px 0px 2px #bbb; border-radius: 5px; }
.sec3-uls li:after{ display:none;}
.sec3-uls li:nth-child(2):after{ display:none;}
.s3-li-img { max-width: 50px;}

.section1 { padding: 25px 0 25px;}
.s1-mid_lft { float: none;display: inline-block; text-align: center;  width: 100%;  padding: 0 0; }
 .s1-img {  width: 100%;  margin: 12px auto 0px; }

.section2 { padding: 30px 0;height: auto;
        background-size: cover;}
.s2-lft{ padding:10px 0; }
.s2-lft .hdng1{ font-size: 28px; line-height: 40px;}
.hdng1 {font-size: 28px; line-height: 36px;}
.hdng1 span{ font-size: 25px; line-height: 46px;}
.proDetails-right .hdng1{font-size: 32px;
    line-height: 41px;}
ul.s2-list { width: 100%; margin-top: 20px; row-gap: 10px; }
ul.s2-list li { padding: 15px 25px 15px; margin: 0px 0% 0; width: 100%; height: auto; max-width: 355px;}
.no { margin: 0 auto 10px; font-size: 18px; line-height: 20px; width: 32px; height: 32px; padding: 6px 6px;}
.s2-lst-txt { font-size: 18px;line-height: 28px;}
.s2-lft .comn-txt{ width:100%;}

.comn-txt{ width: 100%; font-size: 17px; line-height: 27px;}
.sec2_glass_mob{ position:static; display:block; margin:16px auto 0px; max-width:100%;}

.bnrstrip {padding:25px 0;}
ul.bnrstrip-list { margin-top: 20px; justify-content: center; row-gap: 15px; column-gap: 7px;}
ul.bnrstrip-list li, ul.bnrstrip-list li:nth-child(1) { width: 100%; max-width: 175px; text-align: center; padding: 0 0px 0px; font-size: 15px; line-height: 26px;}
ul.bnrstrip-list li img { position: static;display: block; margin: 0 auto;}
ul.bnrstrip-list li h1 { display: inline-block;  width: 95%; padding: 2px 0px;  border-radius: 10px; font-size: 12px; line-height: 24px;}
.bnr-btm_img {width: 288px;}
.bnr_strp-rit{ margin:0;    width: 100%;}
.bnr-gls_model {
        position: static;
        display: block;
        margin: 15px auto 10px;
        max-width: 300px;

}

	/*=============*/
	.s3_slide_col{ width:100%;}

	/*=============*/
	.sec9{padding:30px 0;}
	.faq-container{padding:0 0; margin-top:5px;}
	.accordion{background-position:right 25px center; padding:15px 45px 15px 15px; font-size:17px; line-height:27px;}
	.acdn-content{padding:15px 20px 10px 15px;}
	.acdn-para{font-size:16px; line-height:24px; margin-bottom:10px;}
	ul.acdn_list{ padding-left:25px;}
 }