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

.bnr-left {width: 57%;}
.bnr-hdg{}
.prd-btn.margin-right-15{margin-right:13px;}
ul.bnr-list2{}
ul.bnr-list2 li {padding: 16px 25px 22px;}
/*=============*/
.s1-rgt {width: 54%;}
img.s1-img {left: -16%;}
ul.s1-rgt-list li{font-size:18px; line-height:28px; padding-left:45px;}

/*=============*/
.s2-left{}
ul.s2-left-list li{}
ul.s2-left-list li p {padding: 0 30px 25px;}
/*=============*/
.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-innr {padding: 58px 480px 100px 30px;}
.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:36px; line-height:46px;}
.commn-para, .s4-innr .commn-para{margin-top:15px; width: 100%}
.btn-bx{margin-top:35px;}
/*=============*/
.bnr-sec { background-size:cover;height:550px;}
.bnr-revw{font-size:15px; line-height:15px;}
.bnr-title{font-size:16px; line-height:26px; margin-top:10px;}
.bnr-hdg{font-size:50px; line-height:62px;}
.bnr-para{width:100%; font-size:17px; line-height:26px; margin-top:14px;}
.bnr-prodt {right: 0%;top: 346px;max-width: 200px;}
ul.bnr-list1{margin-top:10px;}
ul.bnr-list1 li{}
.step-txt{font-size:18px; line-height:28px;}
.prd-btn-bx{margin-top:25px;}
.bnr-btm {padding:35px 0;}
ul.bnr-list2{ margin:0;}
ul.bnr-list2 li{padding: 15px 10px 20px;font-size: 17px;line-height: 28px;}
ul.bnr-list2 li span {margin-bottom: 5px;font-size: 22px;line-height: 32px;}
ul.bnr-list2 li p{}
.bnr-list2-icn{}

.bnr-rgt:after{width:415px; height:630px;}
/*=============*/
.sec1{}
.s1-rgt {float:none;display:inline-block;width:100%;text-align:center; padding:0;}
img.s1-img {position: static;max-width: 100%;margin-top: 15px;}
.s1-left{width:42%;}	
ul.s1-rgt-list{margin-top:10px;}
ul.s1-rgt-list li{width: 50%;padding: 0 10px;text-align: center;font-size: 17px;line-height: 26px;}
.s1-rgt-list-icn{position: static;margin: 0 auto 3px;}
/*=============*/
.sec2{padding: 40px 0;background-size: cover;}	
ul.s2-left-list{margin-top:15px;}
ul.s2-left-list li{ width:32%;font-size: 17px;line-height: 26px;}
ul.s2-left-list li span{ font-size:22px; line-height:32px;}
ul.s2-left-list li p {padding: 0 10px 22px;}
/*=============*/
.sec3 {padding:40px 0 40px;}
.s3_slide_col{ width:48%;}

/*=============*/
.s2_slide_row{ padding:0 40px;}
.sec4{}	
.s4-innr {padding: 25px 20px;text-align: center;margin: 0 0 35px;}
.s4-image {position: static;max-width: 100%;margin-top: 0px; margin-bottom: -20px;}
.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: 27px; line-height: 35px;}
	.commn-hdg span{ font-size:18px;line-height: 28px;}
	.commn-para, .s4-innr .commn-para{font-size:16px; line-height:25px; margin-top:12px;}
	.btn-bx{ margin: 20px auto 0;}
	.commn-btn{}
	.btn-arw{margin:-3px 0 0 8px;}	 
	/*=============*/
	.bnr-sec{padding:20px 0 30px; background:#f5f5f5; height:auto;}
	.mob-bnr-img{display:inline-block; vertical-align:middle; max-width:none; width:calc(100% + 30px); margin:15px 0 0 -15px;}
	.bnr-prodt {max-width: 120px;position: relative;float: right;margin: -120px 20px 0 0;right: auto;top: auto;}
	.bnr-left{width:100%;text-align:center;margin: 0;}
	.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: 32px;line-height: 39px;}
	.bnr-hdg span{letter-spacing: 1px;font-size: 22px;line-height: 30px;margin-bottom: 1px;}
	.bnr-para{margin-top: 12px;}
	.bnr-btm {padding: 25px 0;}
	ul.bnr-list2 {justify-content: center;}
	ul.bnr-list2 li {width: 100%;padding: 10px 30px 15px;font-size: 16px;line-height: 25px;}
	ul.bnr-list2 li span {font-size: 20px;line-height: 30px;}


.bnr-inr-box{ width:100%;margin: 10px 0 0;}
.left-arw-ofr{left: 26px;}
.rgt-arw-ofr{right:26px;}
.bnr-bal-food{ position:static; display:block; margin:0 auto 0;}
.ofr-box-txt{ padding:15px; text-align:center;}
.bnrtxt{font-size: 16px;  line-height: 26px;margin-top: 10px;  width: 100%;}

	ul.bnr-list1{margin-top:20px;position: static;width: 100%;padding: 10px 0;border-radius: 60px;}
	ul.bnr-list1 li{width: 26%}
	.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: 0 0 30px;}
	.s1-rgt{ }
	.mob-s1-contnt{text-align:center;}
	.s1-contnt-bx{margin-top:25px;}
	.table-prd{margin:-45px auto -53px;}
	ul.s1-rgt-list{margin:10px 0 0;}
	ul.s1-rgt-list li{width: 100%;}
	.s1-rgt-list-icn{top:2px;}

	.sec2{padding:25px 0; background: #b3c5e4;}
	.s2-left{}
	ul.s2-left-list{margin-top:20px;}
	ul.s2-left-list li{width: 100%;}

	/*=============*/
	.sec3{ padding:25px 0;}
	.s3_slide_row {width: 100%;margin-top: 20px;justify-content: center;row-gap: 17px;}
	.s3_slide_col{ width:100%;}

	/*=============*/
	.sec4{}
		.s4-innr {padding: 25px 10px;    text-align: center;     margin: 0 0 25px;    }
		 .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;}
 }