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

.bnr-title{font-size:20px; line-height:28px; margin-top:15px;}
.bnr-hdg{ font-size: 54px; line-height: 62px;}
.prd-btn.margin-right-15{margin-right:13px;}
.bnr-rgt:after{width:650px; height:680px;}
/*=============*/
ul.s1-rgt-list li{font-size:18px; line-height:28px; padding-left:45px;}
/*=============*/
.s2-left{width:60%;}
ul.s2-left-list li{font-size:20px;}
/*=============*/
.slide_tabClick{padding:15px 0 12px 75px;}
.slide_tabClick p{ font-size:14px; line-height:18px;}
.slide_tabClick img{ width:55px; margin-top:-27px;}
/*=============*/
.s4-col-hdg{font-size:18px; line-height:28px;}
.s4-col{width:32%;}
.s4-col-bx-inr{padding:20px 20px 30px;}

}
 

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

.commn-hdg{font-size:30px; line-height:40px;}
.commn-para{margin-top:15px; font-size: 17px;}
.btn-bx{margin-top:35px;}
/*=============*/
.bnr-revw{font-size:15px; line-height:15px;}
.bnr-title{font-size: 16px; line-height: 30px; margin-top: 10px; width: 98%;}
.bnr-hdg{ font-size: 44px; line-height: 52px;}
.bnr-para{width:98%; font-size:17px; line-height:25px; padding-top:15px; margin-top:15px;}
ul.bnr-list1{margin-top:10px;}
ul.bnr-list1 li{font-size:18px; line-height:26px; background-size:15px; background-position:left 6px; padding-left:25px; margin-top:5px;}
.step-txt{font-size:18px; line-height:28px;}
.prd-btn-bx{margin-top:25px;}
ul.bnr-list2{bottom:90px; width:80px; display:none;}
ul.bnr-list2 li{margin-top:20px;}
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-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;}	
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;}

/*=============*/
.s3_slide_col{ width:47%;}
.s3_slide_col .commn-para{ font-size:17px;}
/*=============*/
.s2_slide_row{ padding:0 40px;}
.sec4{padding:40px 0;}	
.s4-col:after{top:20px; right:-108px; width:200px;}
.s4-col-bx{margin-top:135px;}
.s4-col-img{margin:-105px auto 0;}
.s4-col-bx-inr{padding:20px 20px 30px;} 
.s4-col-para{min-height:170px; letter-spacing:0.5px;}

/*=============*/
.sec9{padding:40px 0;}	
.faq-container{margin-top:10px;}

}


 @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;}	 
/*=============*/
.bnr-sec{padding:0 0 0px; background:#fff;}
.mob-bnr-img{display:inline-block; vertical-align:middle; max-width:none; width:calc(100% + 30px); margin:0 0 0 -15px;}
.bnr-left{width:100%; padding:18px 15px; background:#e7f9ff; margin-top:-115px;}
.mob-bnr-top{float:left; width:100%; text-align:left; position:relative;}
.bnr-revw{float:none; display:inline-block; vertical-align:middle; font-size:12px; line-height:13px; background:#d5e5eb;}
.bnr-star{ width:65px;}
.bnr-title{font-size: 17px;  line-height: 25px;   letter-spacing: 1px;}
.bnr-hdg{font-size: 28px; line-height: 38px; margin-top: 4px;}

.bnr-para{width:100%; padding-top:5px; margin-top:6px; border-top:none; font-size:16px; line-height:24px;}
ul.bnr-list1{margin-top:10px;}
ul.bnr-list1 li{font-size:18px; line-height:26px; background-size:15px; background-position:left 6px; padding-left:25px; margin-top:5px;}
.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:30px 0;}
.s1-rgt{width:100%;}
.mob-s1-contnt{text-align:center;}
.s1-contnt-bx{margin-top:25px;}
.table-prd{margin:-45px auto 10px;}
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;}

.sec2{padding:30px 0; background: url(../images/s2-bg-mob.jpg)no-repeat center top; background-size:cover;}
.s2-left{width:100%;}
ul.s2-left-list{margin-top:10px;}
ul.s2-left-list li{background-size:20px; background-position:left 5px;}

/*=============*/
.sec3{ padding:30px 0;}
.s3_slide_col{ width:100%;}
.s3_slide_row{    margin-top: 20px; row-gap: 20px;}
.s3_col_prod{ margin-top:0px;}

/*=============*/
.sec4{padding:30px 0;}
.s4-row{ padding:0 5px;}
.s4-col{width:100%;}
.s4-col:after{display:none;}
.s4-col-bx{margin-top:90px;}
.s4-col:first-child .s4-col-bx{margin-top:70px;}
.s4-col-bx-inr{padding:10px 20px 30px;}
.s4-col-img{margin:-90px auto 0; width:315px;}
.mob-s4-num{float:left; background:#6fb1c8; color:#fff; font-size:18px; line-height:18px; font-weight:900; border-radius:50px; padding:2px 15px 5px; margin-bottom:10px;}
.s4-col-para{min-height:auto; font-size:15px; line-height:23px;}

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