@charset "utf-8";
/*----------------
RESET CSS
-----------------*/
@media only screen and (max-width:1187px) {
/*=============*/
.banner{ background-size:cover; padding: 60px 0;}
.banner_heading{ font-size: 46px; line-height: 54px;}
.banner_img_block{ width: 36%;}
.bnr-box-img{ width: 753px; top: 0px; left: -163px;}
/*=============*/
.s1_row{ width: 354px;}
.s1_cont_box{ width: 66%; padding: 30px 0 30px 20px;}
.s1_img_box{ width: 32%;}
.s1-img3{ width: 202px;}
.s1-img4{ width:221px;}
.s1_prod_box{ max-width: 259px; top:30px;}
/*=============*/
.s2-graph{ right: -310px; width: 737px; top: 0px;}
.s2_mid_bottom p{ font-size: 19px; line-height: 25px;}
.s2_strip_points li{ font-size: 16px; line-height: 20px;}
.s2_strip_points li img{ width: 30px; margin:-5px 8px 0 0;}
/*=============*/
.s3_slide_row{ row-gap: 19px; column-gap: 19px;}
.package_header{ padding: 15px 12px;}
.package_header_cont h3{ 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; margin-top:0;}
/*=============*/
.banner{ background-position: top right 69%; padding: 30px 0;}
.banner_heading{ font-size: 34px; line-height: 44px;}
.banner_text{ font-size: 19px; line-height: 27px;}
ul.banner_points li{ font-size: 17px; line-height: 25px; padding-left: 28px; background-position: top 5px left;}
.banner_button_width{ max-width: 400px;}
.banner_button{ width: 100%; height: 50px; font-size: 16px; line-height: 50px;}
.bnr-box-img{ width: 569px; top: 30px; left: -130px;}
/*=============*/
.s1_main_block{ padding: 50px 0 60px;}
.s1_block{ margin: 40px auto 0;}
.s1_cont_box{ padding: 20px 0 20px 15px; width: 72%;}
.s1_row{ width: 366px;}
.s1_prod_box{ max-width: 171px; top: 70px;}
.s1_box_heading{ font-size: 20px; line-height: 22px;}
.s1-img{ width: 201px;}
.s1_button_box .common_button{ height: 42px; line-height: 42px; font-size: 14px;}
.s1-bottom-scale{ max-width: 100%;}
.s1-prod{ display:none;}
.s1_img_box {width: 27%;}
.s1_block .banner_button_box{ margin-top:30px;}
/*=============*/
.section2{ padding: 50px 0 60px;}
.s2-dollar{ width: 46px;}
.s2_cont{ width:65%;}

.s2_strip{ padding: 15px 0 16px;}
.s2_strip_points li img{ width: 30px; margin: -3px 8px 0 0;}
.s2_strip_points li{ font-size: 20px; line-height: 28px;}

/*=============*/
.s3_slide_col{ width:47%;}
.package_header{ padding: 10px 10px 10px 15px;}
.package_header_cont p{ font-size: 17px; line-height: 23px; margin-top: 10px;}
.package_text{ font-size: 17px; line-height: 24px;}
.package_points li{ font-size: 17px; line-height: 23px;}
.package_bottom{ padding: 20px 20px 0;}
.package_button_box{ padding: 0 20px 0;}
.package_box{ width:48%;}
/*=============*/
.s4_mid_block{ padding: 50px 30px 60px;}
.s4_mid_cont{ width: 52%;}
.s4_mid_icn_box{ width:55px; height:55px;}
.s4-mid-icn{ width: 29px;}
.s4_mid_col_cont{ width: calc(100% - 55px);}
.s4_mid_col_cont h3{ font-size: 19px; line-height: 23px;}
.s4_mid_col_cont p{ font-size: 17px; line-height: 23px;}
.s4_mid_img_box{ width: 44.5%;}
.s4_mid_img_box ul{ row-gap:20px;}
.s4_mid_img_box ul li{ width:48%;}
.s4_mid_img_box ul li:nth-child(even){ margin-top:0; position:relative;}
.s4_mid_img_box ul li:nth-child(even) img{ position: absolute; top: 140px; left: 0;}



/*=============*/
.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;}	 
/*=============*/
.banner{ padding: 20px 0; background: rgb(236, 235, 233); background: linear-gradient(172deg, rgb(243 238 255) 20%, rgb(254 248 250) 40%);}
.banner_content{ width: 100%; text-align:center;}
.banner_heading{ font-size: 30px; line-height: 39px; margin-top:0;}
.banner_heading span{ border-bottom: 2px dashed #ff8e09; padding-bottom: 2px; display:inline-block;}
.bnr-box-img-m{width: calc(100% + 30px);  margin: 10px auto 25px -15px; max-width: none;}
.banner_text{ font-size: 17px; line-height: 24px; padding-top: 10px;}

.banner_img_block{ width: 100%;}
.bnr-box-img{ max-width:100%;}
.banner_button_box{ margin-top: 25px;}
.banner_button_div{ row-gap: 15px; max-width:300px; margin:0 auto 0;}
.banner_button{ width: 100%; height: 55px; font-size: 20px; line-height: 55px;}
.banner_button_text{ font-size: 13px; line-height: 13px;}

.common_heading{ font-size: 30px; line-height: 38px;}
.common_text{ font-size: 16px; line-height: 24px; margin-top: 15px;}

/*=============*/
.s1_main_block{ padding: 30px 0 50px;}
.s1_block{ margin: 25px auto 0; row-gap:25px; max-width:350px;}
.s1_row{ width:100%; row-gap:25px}
.s1_box{ width: 100%; position:relative; overflow:hidden;}
.s1_box_heading{ font-size: 22px; line-height: 30px; margin-top: 10px;}
.s1_cont_box{ padding: 25px 0 25px 18px; width: 65%;}
.s1_box_text{ font-size: 16px; line-height: 24px;}
.s1_img_box{ width: 223px; display: inline-block; position:static;}
.s1-img{ width:223px; position: absolute; right: 0;}
.s1-img1{ width: 190px; bottom: 0; right: -40px;}
.s1-img2{ bottom: 0; right:-93px;}
.s1-img3{ bottom: 0; right:-95px;}
.s1-img4{ width: 200px; bottom: 0; right:-59px;}
.s1_icn_box{ width: 40px; height: 40px;}
.s1-icn{ width: 22px;}
.s1-bottom-scale{ max-width: none; width: 711px;}


/*=============*/
.section2{ padding: 30px 0 35px; background: rgb(235,235,233); background: linear-gradient(180deg, rgba(235,235,233,1) 15%, rgba(227,227,239,1) 35%, rgba(214,222,235,1) 55%, rgba(232,236,243,1) 80%);}
.s2_cont{ width: 100%; text-align:center;}
.s2_cont .common_heading{ text-align:center;}
.s2_graph_box{ width:calc(100% + 30px); float:left; margin:20px 0 20px -15px;}
.s2-graph{width: 100%; position: static;}

.s2_strip_points{ padding-left: 10px;}
.s2_strip_points li{ font-size: 16px; line-height: 24px;}
.s2_strip_points li img{ width: 22px; margin: -2px 5px 0 0;}

/*=============*/
.section3{ padding:30px 0;}
.package_block{ margin:35px auto 30px; row-gap:30px;}
.package_box{ width:100%; padding-bottom:30px;}
.package_header_cont{}
.package_header_cont h3{ font-size: 24px; line-height: 32px;}
.package_header_cont p{ font-size: 18px; line-height: 24px;}
.package_text{ font-size: 18px; line-height: 24px;}
.package_points li{ font-size: 17px; line-height: 24px;}
.package-product{ margin: -10px auto 0;}

/*=============*/
.section4{ padding:30px 0;}
.s4_mid_block{ padding: 30px 15px 40px; margin: 35px auto 0; border-radius:0; background: rgb(227,229,237); background: linear-gradient(180deg, rgba(227,229,237,1) 40%, rgba(183,200,227,1) 80%);}
.s4_mid_cont{ width:100%; text-align:center;}
.s4_mid_img_box{ width:100%; margin:25px 0 30px;}
.s4_mid_img_box ul li{ width: 32%;}
.s4_mid_img_box ul li img{ border-radius: 12px;}
.s4_mid_img_box ul li:nth-child(even){ margin-top: 30px;}
.s4_mid_col_cont{ width:100%; padding-left:0; text-align:center; margin-top:15px;}
.s4_mid_col{ justify-content: center; margin-top: 35px;}
.s4_mid_box{ padding: 0 15px;}
.s4_mid_col_cont h3{ font-size: 20px; line-height: 24px;}
.s4_mid_col_cont p{ font-size: 18px; line-height: 24px;}
.s4_mid_img_box ul li:nth-child(even) img{ position:static;}

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