@charset "utf-8";
/*----------------
RESET CSS
-----------------*/
@media only screen and (max-width:1200px) {
/*=============*/
.banner{ height:auto;}
.banner-prod {top: 45px;width: 700px;}
.bnrHdng{font-size: 42px;line-height: 56px;}
.bnr-para{ width:100%;}
ul.bnr-list{ width:80%;}
/*=============*/
.bnr-btm-col h3{ font-size:20px;}
/*=============*/
.s1-left-img{width: 445px;}
.max-strngth-col-2 h3{font-size: 24px;line-height: 28px;}
/*=============*/
.s3-shap{margin: -56px auto 0;}


}
 

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

/*=============*/
.banner-left-side{ padding:30px 0; text-align:center; width:100%;}
.bnrHdng {font-size: 40px;line-height: 50px;margin-top: 15px;}
.banner-prod{  position: static; max-width: 100%; margin: 10px auto 0; width: 100%;}
ul.bnr-list{ width:100%;}

.bnr-btm-col{width: 49%;}
/*=============*/
.s1-rght{width: 72%;}
.s1-left-img {width: 400px;left: -210px;}
.comnHdg h1 { font-size: 35px;line-height: 42px;}
.comnHdg .h-arw-txt-right p, .comnHdg .h-arw-txt-left p{font-size: 16px; padding:0 10px;}
.comn-text{font-size: 17px; line-height: 25px;margin-top: 25px;}
.max-strngth-dv{padding: 15px 10px;}
.max-strngth-col-1{ width:110px; margin-right:10px;}
.max-strngth-col-2{width: calc(100% - 120px);}
.max-strngth-col-2 h3 {font-size: 22px;line-height: 26px;}
.max-strngth-col-2 p{font-size: 17px;line-height: 25px;}
ul.s1-list li p{font-size: 17px;line-height: 23px;}
/*=============*/
.s2-package-col{ width: 48%;}
.prod-name{ font-size: 20px; line-height: 26px;}
.s2-pkg-prod{ margin:-5px auto;}
.pkg-text2{font-size: 17px;line-height: 24px;}

/*=============*/
.s3-shap{ margin: -42px auto 0;}
.s3-icn{ width:50px;}
.s3-bx-hd{ font-size:18px; line-height:24px;}
.s3-bx-tx{ font-size: 16px; line-height: 24px; margin-top: 10px;}
ul.s3-bx-lst li p{ width: calc(100% - 20px); font-size:16px; line-height:26px;}
/*=============*/
.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}

.banner{ padding: 30px 0 0px;}
.bnr-text1{ font-size:18px;}
.banner-left-side{ padding:18px 0 25px;}
.bnr-testi{ font-size:14px;}
.bnr-str{ width:68px;margin: -6px 1px 0 0;}
.bnr-t-img{ width:95px;margin: -5px 0 0 3px;}
.bnrHdng { font-size: 30px; line-height: 36px;letter-spacing: 0; margin-top: 10px;}
.bnr-para{font-size: 16px;line-height: 24px; letter-spacing: 0.5px;margin-top: 13px;}
.banner-prod{ margin:-20px 0 -35px;}
.btn-box{ margin-top:20px;}
.odr-btn{height: 60px; line-height:60px; font-size: 24px;}


.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;}
/*=============*/
.bnr-btm-row{ padding:20px 0;}
.bnr-btm-col{ width:100%; border:none; padding:0 20px;}
.bnr-btm-col p{font-size: 17px; line-height: 24px;letter-spacing: 0.5px;}
/*=============*/
.sectionOne{ padding:30px 0 0;}
.h-arw-txt-right,.h-arw-txt-left{ display:none;}
.s1-left-img,.s1-btl{ display:none;}
.s1-rght{ width:100%;text-align:center;}
.s1-box{padding:0 15px 20px;margin-top: 0;}
.s1-box:before{ display:none;}
.comnHdg h1 {font-size: 28px;line-height: 35px;}
.s1-img-mob{ margin:20px auto 0; max-width:100%;}
.max-strngth-dv{ padding:15px;background: linear-gradient(180deg, rgb(246 248 248) 0%, rgba(255,248,248,1) 50%, rgba(255,242,242,1) 100%);}
.max-strngth-col-1{ width:100%;text-align: center; margin:0;}
.max-strngth-col-2{ width:100%; text-align:center; padding:0; border:none;}
ul.s1-list{ margin-top:15px;}
ul.s1-list li{ text-align:center;}
ul.s1-list li p{ width:100%; text-align:center; padding:8px 0 0;}

/*=============*/
.sectionTwo{ padding:30px 0; overflow:hidden;}
.comn-text {font-size: 16px;line-height: 24px; margin-top: 15px; padding:0 0px;}
.s2-pkg-box{ margin-top: 20px;}
.s2-package-col { width: 100%; position: relative; padding: 15px;}
.s2-pkg-prod {width: 160px;}
.pkg-text1{font-size: 15px;line-height: 21px; margin-bottom: 7px;}
.pkg-text1 img {margin: 0 7px 0 0;height: 25px;}
.prod-name {font-size: 18px; line-height: 20px;margin-top: 10px;}
.pkg-text2 {font-size: 16px;line-height: 23px;}
.pkg-btn{font-size: 18px;line-height: 45px;height:45px;margin: 12px 0 0 0;}

/*=============*/
.sectionThree{ padding:30px 0;}
.prod-det-sec3{ padding:25px 0 30px;}
.s3-inr{ width:100%; margin-bottom:0;max-width: 367px;float: none;margin: 0 auto;}
.s3-inr{display:inline-block; max-width:367px; width:100%;}
.s3-inr-bx{width:100%; margin-top:30px;}
.s3-icn{ width: 60px; right: 25px;}
.s3-bx-hd {font-size: 22px; line-height: 26px;}
.s3-bx-tx{ font-size:16px; line-height:24px;}

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