@charset "utf-8";
/*----------------
RESET CSS
-----------------*/
@media only screen and (max-width:1187px) {
/*=============*/
.commn-hdg{font-size:42px; line-height:47px;}

.bnr-rgt {width: 55%;}
.bnr-hding {font-size: 46px; line-height: 54px;}
ul.bnr-list li p{ font-size:17px;}
.bnr-prd {left: -149px;width: 680px;}
.btn-book {font-size: 11px;line-height: 14px;padding: 3px 0 0 50px; margin: 61px 0 0 0;}
.btn-book span { font-size: 16px;}
.btn-book img { width: 44px;}
.bnr-stp { padding: 6px 0 9px 60px;}
.bnr-stp-img {left: 0px; top: -14px;}

.s1-mid {padding: 40px 40px;}
.s1-lft { width: 57%;}
.s1-img {width: 40%;}

.section2 .comn-txt {max-width: 100%;}
.s2-lst-bx-txt {font-size: 22px; line-height: 30px; width: 89%;}

.s4-lft { width: 58%; padding: 0px 0px 0px 0px; margin: 60px 0 60px;}
ul.s4-list li span { font-size: 18px; line-height: 30px; padding: 0 30px;}
.sec4-lft{padding: 35px 26px;}
.sec4-lft-mid { width: 680px; padding: 30px 265px 42px 30px;}
.testi-box{padding:0 20px;}
.sec4-lft .comn-hdg p { font-size: 28px; line-height: 36px;}
.sec4-lft-mid  .comn-btn a, .prd-shop-btn, .prc-checkt {}
ul.s4-list{ position:relative; z-index:1;}
.s4-prd{ right:-1px;max-width: 593px;}
.mid-cont{max-width: 56%;}

ul.strip-list li .stp-lst-txt1{ font-size: 16px; line-height: 26px;}
ul.strip-list li img{ max-width: 35px; top: -3px;}


.s2-mdl-box {column-gap: 18px;}
.sec4-box-inr{padding:0 10px 0 70px;}
.s4-lst-img{width:60px;}
ul.prod-list{ margin-top:30px;}
.s2-prod{ padding:0 55px;}
.faq-container{max-width: 670px;}

}
 

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

.mob-mnu img{filter: brightness(0.5);}

.commn-hdg{font-size:30px; line-height:40px;}
.commn-para{margin-top:15px;}
.btn-bx{margin-top:35px;}
/*=============*/
.banner{height: auto; padding-bottom: 30px; background-size: cover;}
.bnr-rgt{margin: 30px 0 0 0;width: 65%;}
.bnr-prd { left: -117px;  width:420px; top: 180px;}
.bnr-txt1 {font-size: 16px;}
.bnr-txt1 img { width: 85px;}
.bnr-hding {font-size: 38px;line-height: 44px;margin-top: 10px;}
.bnr-stp-img{ width:50px; left: 0px; top: 0px;}
ul.bnr-list {margin: 25px 0 0 0;}
ul.bnr-list li { padding: 0 0 10px 44px;margin: 10px 0 0 0;}
ul.bnr-list li p {  font-size: 16px;  line-height: 23px;}
ul.bnr-list li h1 { font-size: 20px; line-height: 26px;}
ul.bnr-list li img { width: 34px;}

.btn-prt .btn-box{ width:350px;}
.btn-book{ margin-right:-15px;}

.bnrstrip-hding {font-size: 22px; line-height: 28px;}
ul.bnrstrip-list li p {font-size: 12px;  line-height: 18px;}
ul.bnrstrip-list li img { width: 50px;}

.section1 {padding: 50px 0;}
.s1-mid { padding: 30px 30px;}
.comn-hding { font-size: 34px; line-height: 45px;}
.s1-txt { font-size: 17px; line-height: 25px;margin-top: 15px;}
.comn-txt {font-size: 16px; line-height: 26px; margin-top: 15px;}

.section2 {padding: 0 0 50px;}
ul.s2-list li {padding: 15px 15px; width: 49%;}
.s2-lst-txt { font-size: 16px; line-height: 26px; margin-top: 10px;}
.s2-lst-bx-txt {font-size: 18px;line-height: 24px;  width: 94%;}
.s2-icon {  top: 2px; right: 0; width: 30px;}

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

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


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

.sec4{padding: 30px 0; height: auto;}
ul.s4-list {margin-top: 26px;}
ul.s4-list li {padding: 0 5px;}
ul.s4-list li span { font-size: 17px; line-height: 27px; padding: 0 0px;}
.sec4-lft{ width: 100%; padding: 20px 20px;}
.s4-prd { top: 0px;width: 527px; left: -161px;}
.sec4-box{margin:10px 0;}
.sec4-lft-mid { width: 100%; padding: 30px 305px 35px 30px;}
.s4-prd2 {top: 55px;  max-width: 140px;  right: 20px;}
.mid-cont{max-width: 57%;}
.s4-model{ max-width:44%;}
.s4-lft { width: 52%; padding: 35px 0 35px; margin: 0px 0 0px;}
img.s4-gls{ right: 30px;}


/*=============*/
}


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

.commn-hdg{ font-size: 28px; line-height: 38px;}
.commn-hdg span{ font-size:18px;}
.commn-para{font-size:17px; line-height:25px; margin-top:15px;}
.btn-bx{ margin: 20px auto 0;}
.commn-btn{font-size:21px; line-height:21px; padding:19px 0;}
.btn-arw{margin:-3px 0 0 8px;}	 
/*=============*/
.banner{ background:#eaf4fa; padding:20px 0 30px;}
.bnr-rgt {width: 100%; text-align: center;  margin: 0;}

.bnr-txt1 {font-size: 16px;line-height: 20px;}
.bnr-stp-txt1{ font-size: 16px; line-height: 27px;}
.bnr-txt1 img { width: 70px;margin: -1px 3px 0;}
.bnr-hding { font-size: 30px; line-height: 40px; margin-top: 7px; letter-spacing: 0.3px;}
.bnr-stp { width: calc(100% + 20px); margin-left: -10px; margin-top: 0; padding: 10px 0px 10px 10px;}
.bnr-stp-img { left: 4px; width: 68px; top: -5px;}
.bnr-prd { position: static;margin: 10px auto 0; width:330px;}
ul.bnr-list { margin: 20px 0 0 0;}
ul.bnr-list li h1 { font-size: 18px;line-height: 18px;}
ul.bnr-list li img { width: 36px;}
ul.bnr-list li {padding: 0 0 15px 52px; margin: 15px 0 0 0;}
.bnr-prd-mob{ display:inline-block; vertical-align:top; width:calc(100% + 20px); margin-left:-10px;}

.btn-box{ margin-top:30px;}
.btn-txt { font-size: 12px;}

.bnrstrip {padding: 25px 0;}
.bnrstrip-hding { font-size: 19px;line-height: 26px;}
.bnrstrip-hding:before, .bnrstrip-hding:after{width: 35px; margin: -5px 5px; display:none;}
.bnrstrip-para {font-size: 16px; line-height: 27px; margin-top: 6px;}
ul.bnrstrip-list {margin-top: 0;}
ul.bnrstrip-list li { width: 33%;  margin: 25px 0 0 0;}
ul.bnrstrip-list li:after{ display:none;}
ul.bnrstrip-list li p {font-size: 12px; line-height: 16px;margin-top: 10px;}
ul.bnrstrip-list li img { width: 45px;}

.section1 {padding: 30px 0 35px;}
.s1-mid { padding: 25px 12px;}
.s1-txt { text-align:center; font-size: 17px;line-height: 24px;margin-top: 15px; padding:10px 15px;}
.s1-img {position: static;width: 100%;margin:25px auto 0; border-radius:15px;}
.s1-lft { width: 100%; padding: 0 5px;}
.comn-hding { font-size: 28px;line-height: 34px; letter-spacing:0.3px;}
.comn-txt {  margin-top: 20px;}
.s1-lft .comn-hding{ text-align:center;}

.section2 {padding: 0 0 35px;}
ul.s2-list {width: 100%; margin: 0 auto; padding:0 5px;}
ul.s2-list li {padding: 15px 12px 25px;width: 100%; margin-top: 25px;}
ul.s2-list li:first-child{ margin-top:15px;}
.s2-lst-bx {padding-bottom: 15px;}
.s2-lst-bx-txt { font-size: 20px; line-height: 28px;}
.s2-lst-txt {font-size: 16px; line-height: 26px;margin-top: 15px;}
.s2-icon {top: 0px; right: 0;width:30px;}

ul.strip-list li {padding: 2px 10px 3px 43px; 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;}


/*=============*/
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;}
.s3_slide_col{ width:100%;}

.sec4{ padding:30px 0 30px;}
.sec4-lft{width:100%; text-align:center;  padding: 25px 10px;}
.sec4-lft .comn-hdg p { font-size: 26px; line-height: 36px;margin-bottom: 10px;}
.sec4-box-inr{width:100%; margin:12px 0;}
.s4-prd{ display:none;}
.s4-prd2{ display:none;}
.sec4-box-inr p{ font-size:22px; line-height:26px;}
.sec4-lft-mid{ padding: 16px 20px;}
.s4-prd-mob{position: static; margin: 0 auto; display: block; padding-bottom: 20px;width: calc(100% + 20px); margin-left: -10px;}
.s4-prd2-mob{position:static; margin:0 auto; display:block; max-width:100%; padding-top: 0px; }
ul.s4-list{margin-top: 22px; row-gap: 20px;}
ul.s4-list li, ul.s4-list li:nth-child(2){ width: 100%;  font-size: 18px;  line-height: 30px;  padding: 0 10px;  text-align: center;}
ul.s4-list li span{ font-size: 22px; line-height: 29px;  margin-bottom: 5px;}
ul.s4-list li img, ul.s4-list li:nth-child(2) img {margin: 0 auto 10px;  position: static;  display: block;}	
.mid-cont{ max-width:100%;}
.s2-mdl-box { margin-top: 20px; column-gap: 0; row-gap: 20px; margin-bottom:20px;}
.s2-prodBx-col{width: 100%;}

.s4-lft { width: 100%; padding: 0px 0 0px; margin: 0px 0 0px; text-align: center;}
img.s4-model_mob { position: static; display: block; margin: 10px auto; max-width: 300px;}
img.s4-gls { right: 20px;  top: 350px;}
.s4-lft .comn-txt{ margin-top:90px;}
.strip { padding: 20px 0 16px; border-top: 1px solid #dedede;}

/*=============*/
.sec9{padding:30px 0;}
.faq-container{padding:0 0; margin-top:20px; box-shadow: 0px 0px 5px #d2d2d2;}
.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;}
img.s9-img{ display:none;}
 }