@charset "utf-8";
/*----------------
RESET CSS
-----------------*/
@media only screen and (max-width:1200px) {
/*=============*/
.banner{ overflow:hidden;}
.banner_left{ width:69%;}
.banner_product{ width:580px; right:0; top:30px;}

.sOne_left{ width:49%;}
.sOne_right{ width:48%;}

.s2-prod-col{ width:32%;}
.prod-top-txt{ font-size:14px;}
.prod-top-txt:before{ width:40px;}
.s2-prod-box{ column-gap: 20px;}
.s2-prodBx-col{ width:330px !important;}

.section_three{ overflow:hidden;}
.s3_right{ width:46%;}
.s3_right_img{ width:100%;}

.sFour_box{ width:32.5%;}
.sFour_box_inner{ left:15px; top:15px; right:15px;}
.sFour_box_inner h1{ font-size:22px; line-height:26px;}
.sFour_box_inner p{ letter-spacing:0;}

.sSix_col{ width:24%;}

}
 

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

/*=============*/
.banner{background-position: 65% 0;}
.banner_heading{ font-size:48px; line-height:54px;}
ul.banner_point{ width:70%;}
ul.banner_point li p{ font-size:18px; line-height:28px;}
.banner_product{ width:400px; top:140px;}

/*========Section-1========*/
.common_sub_heading{ font-size:24px; line-height:32px;}
.common_heading{ font-size:38px; line-height:44px;}
.common_text{ margin-top:20px;}

.sOne_left{ width:100%; float:none; max-width:590px; display:inline-block; vertical-align:top;}
.sOne_right{ width:100%; float:none; max-width:590px; display:inline-block; vertical-align:top;}
.s1_btm_prod{ max-width:80%; margin:50px 0 25px;}
.sOne_btm_text{ font-size:24px; line-height:32px;}

/*========Section-2========*/
ul.s2-list li{padding: 3px 10px; font-size: 18px; line-height: 24px;}
ul.s2-list:before, ul.s2-list:after {width: 45px;}

/*========Section-3========*/
.s3_left{ margin-top:0;}
.s3_right{ width:47%;}
.s3_rgt_text{ font-size:22px; line-height:28px;}
.s3_prod{ width:410px;}
.s3_right_btm{ margin:-40px auto 0;}
.s3_right_btm li p{ font-size:14px; line-height:20px;}
.s3_right_btm li img{ width:70px;}

.sFour_box{ width:48%;}

.sSix_row{ margin:0 auto; max-width:580px; float:none;}
.sSix_col{ width:48%;}



}

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

.banner{ background:#f5f6fa; padding:0 0 35px; position:relative;}
.banner_top{ float:left; width:100%; padding:20px 15px 0;  position:relative;}
.banner_product{ display:none;}
.banner_left{ width:100%; text-align:center;}
.banner_text1{ font-size: 18px; line-height: 26px;}
.banner_heading{ font-size: 30px; line-height: 38px; margin-top: 5px;}
.banner_strip_m{ display:inline-block; vertical-align:top; background:#ffffff; font-size:14px; line-height:20px; color:#0c0c0c; font-weight:900; text-transform:uppercase; padding:8px 10px 8px 10px; border-radius:50px; margin-top:15px; letter-spacing:0.3px;}
.banner_strip_m img{ display:inline-block; vertical-align:middle; width:19px; margin:-4px 5px 0 0;}
.banner_prod_m{ display: inline-block; vertical-align: top; width: calc(100% + 20px);  margin: 0 0 0 -10px; position: relative; max-width: unset;}
ul.banner_point{ float:none; width:100%; display:inline-block; vertical-align:top; max-width:360px; margin-top:10px;}
ul.banner_point li p{ font-size:16px; line-height:22px;}
ul.banner_point li img{ width:43px; top:1px;}
ul.banner_point li:last-child p{ padding-bottom:0;}
/*========Section-1========*/
.section_one{ padding:30px 0 35px;}
.section_one:before{ background:url(../images/s1_bgbtm_m.jpg) no-repeat center bottom; height:40px; background-size:100%;}
.common_heading{font-size: 26px; line-height: 34px; letter-spacing: 0;}
.common_sub_heading{ line-height: 26px; margin-bottom: 5px; font-size: 18px;}
.common_text{ margin-top:17px;}
.sOne_left{ margin-top:25px;}
.s1_left_img{ border-radius:10px;}
.sOne_left_row{ margin-top:10px;}
.sOne_left_col{ width:32.3%;}
.s1_col_img{ border-radius:6px;}
.sOne_left_col p{ font-size:14px; line-height:20px; margin-top:7px;}

.sOne_right{ margin-top:30px; text-align:center;}
.sOne_rgt_text{ font-size:18px; line-height:26px; letter-spacing:0;}
.sOne_right_row{ padding:15px 10px 15px 10px;}
.sOne_right_row h3{ font-size:18px; line-height:24px;}
.sOne_right_row .common_text{ font-size:15px; line-height:22px; letter-spacing:0;}
.s1_row_img{ width:90px; right:-15px;}
.s1_btm_prod_m{ display:inline-block; vertical-align:top; max-width:100%; margin:30px 0 15px; width: 100%;}
.sOne_btm_text{ font-size: 16px; line-height: 24px;}

/*========Section-2========*/
.section_two{ padding:30px 0;}
ul.s2-list{ margin-top:15px;}
ul.s2-list:before, ul.s2-list:after{ display:none;}
ul.s2-list li{ width:48%; padding:0 8px; margin:3px 0; font-size:15px;}
ul.s2-list li:nth-child(2){ border:none;}
.s2-prd-name{ font-size:20px;}

.s2-mdl-box{ margin-top:25px;}
.s2-prodBx-col{box-shadow: 0 0 15px 1px rgb(0 0 0 / 10%);  -webkit-box-shadow: 0 0 15px 1px rgb(0 0 0 / 10%); transition: transform 4.5s; -webkit-transition: transform 4.5s; width: 100% !important;}
      

/*========Section-3========*/
.section_three{ padding:20px 0 35px;}
.s3_left{ width:100%; text-align:center;}
.s3_right{ width:100%; margin-top:28px; float:none; display:inline-block; vertical-align:top; max-width:360px;}
.s3_prod{width:390px; top:160px;}
.s3_right_btm li img {width: 60px;}

/*========Section-4========*/
.section_four{ padding:30px 0 35px;}
.sFour_mid{ margin:5px 0 5px; padding:0 5px;display:inline-block; max-width:365px; float:none; vertical-align:top;}
.sFour_box{ width:100%; margin-top:25px; max-width:360px; padding-top:20px;}
.sFour_box_inner{left:20px;top:20px;right:20px;}
.sFour_box_inner p{ letter-spacing:0.3px;}
.sFour_box_inner h1 { font-size: 18px; line-height: 26px;}

/*========Section-6========*/
.sec-6{ padding:30px 0 35px;}
.faq-container{ margin:0;padding: 0 7px 10px;}
.accordion{padding: 15px 35px 15px 20px; font-size: 17px; line-height: 24px;}
.acdn-content {padding: 0 20px 10px 20px;}
.acdn-para {font-size: 17px;line-height: 26px;}

/*========Section-5========*/
.section_five{ padding:30px 0 35px;}
.s5_img_m{ display:inline-block; vertical-align:top; max-width:100%; margin:15px 0 0;}
.sFive_row{ margin:15px 0 5px;}
.sFive_col{ width:100%; margin-top:15px;}
.s5_img{ max-width:100%;}

/*========Section-6 Inner========*/
.section_six{ padding:30px 0 35px;}
.sSix_col{ width:100%; margin-top:50px;}
.sSix_col h3{ margin-top:15px;}
.sSix_col .common_text{ margin-top:8px; line-height:24px;}

.trm-bx img{ max-width:100%;}

.section7{ padding:30px 0;}
.s7-blog-bx{ margin:30px 0 0; row-gap: 20px;}
 }