@charset "utf-8";
/*----------------
RESET CSS
-----------------*/
@media only screen and (max-width:1187px) {
/*=============*/
.bnr-sec { }
.bnr-left {width: 56%;}
.bnr-prodt { left: 30%;}
.bnr-right { width: 42%;}

ul.bnr-list2 li { font-size: 16px; line-height: 26px;}
ul.bnr-list2 li span { font-size: 18px; line-height: 26px;}
ul.bnr-list1 li {padding: 21px 15px;}
/*=============*/
.sec1 { padding: 70px 0 30px;}
.s1-rgt { width: 56%; padding: 40px 20px 50px; margin-top: 30px;}
.s1-rgt:before{ width:645px; left: -17%;}
.commn-hdg { font-size: 38px; line-height: 48px;}
.s1-lft{ margin-left:-61px; }
.s1-lft .commn-hdg { }
.s1-lft .commn-btn { margin-left: 75px;}
ul.s1-rgt-list li{font-size:18px; line-height:28px; padding-left:0px;}
/*=============*/
.sec2 { padding: 35px 0 45px;}
.s2-left{padding: 0px 0px 0px 0px;}
.s2-model { left: -100px; max-width: 685px;}
.s2-rit { width: 44%; margin-top: 55px; padding: 0px 0px 0px;}
ul.s2-left-list li span{ margin-bottom:0px; }
/*=============*/
.slide_tabClick{padding:15px 0 12px 75px;}
.slide_tabClick p{ font-size:14px; line-height:18px;}
.slide_tabClick img{ width:55px; margin-top:-27px;}
/*=============*/
.s3_slide_col {padding: 0px 0px 0px;}
.s3_slide_row {column-gap: 13px;}
ul.s3_two_lst li:last-child { top: -70px;}

.s4-col-hdg{}
.s4-col{}
.s4-col-bx-inr{padding:20px 20px 30px;}

}
 

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

.commn-hdg{ font-size: 32px; line-height: 42px;}
.commn-para{margin-top:13px; font-size: 17px; line-height: 27px;}
.btn-bx{margin-top:35px;}
/*=============*/
.bnr-sec { height: auto; background-position: 40% top; background-size: cover; padding: 40px 0px;}
.bnr-left { width: 100%; float: none; display: inline-block; padding: 0px 0px; text-align:center; }
.bnr-right { width: 100%; float: none; display: inline-block; text-align: center; padding: 0px 0px;}
.bnr-revw{ font-size:15px; line-height:15px;}
.bnr-title{ font-size:18px; line-height:28px;}
.bnr-hdg{ font-size:40px; line-height:50px;}
.bnr-para{ font-size:17px; line-height:27px;margin-top:14px;}
.commn-btn { margin-top: 22px;}
.bnr-prodt { position: static; display: inline-block; margin: 18px auto 0px; }
ul.bnr-list1{}
ul.bnr-list1 li{padding: 20px 10px;text-align: center;font-size: 16px;line-height: 26px;}
ul.bnr-list1 li span {font-size: 19px;line-height: 29px;}
ul.bnr-list1 li img {margin: 0 auto 6px;}
.step-txt{font-size:18px; line-height:28px;}
.prd-btn-bx{margin-top:25px;}
ul.bnr-list2{bottom:90px; }
ul.bnr-list2 li{ text-align: center;}
ul.bnr-list2 li img{ margin:0px auto 10px; }
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-rgt {float: none;display: inline-block;width: 100%; position:relative; margin-top:0px; padding: 35px 20px 40px; }
.s1-rgt:before { width: 645px; left: -13%;}
.s1-rgt .commn-btn {margin: 22px 0 0 0px;}
.s1-rgt .commn-para {padding: 0;margin-top: 14px;}
.s1-rgt .commn-para:before { display:none;}
img.s1-img {position: static;max-width: 100%;margin-top: 15px;}
.s1-prodt {right: 24%;top: 460px;}
.s1-left{width:42%;}	
ul.s1-rgt-list{margin-top:20px;}
ul.s1-rgt-list li{width:48%; padding-left:0px;}
.s1-rgt-list-icn{top:8px;}
.s1-lft { margin-left: 0; float: none; display: inline-block; width: 100%; text-align: center; margin-top: 20px;}
.s1-lft .commn-hdg{ margin-left:0px; }
.s1-lft .commn-btn{ margin-left:0px; }
/*=============*/
.sec2{padding:40px 0; border-top:1px solid #ccc;} 	
.s2-left { padding:0px 0px;}
.s2-model { position: static; max-width: 100%; margin: 15px auto 0px; display: block;}
ul.s2-left-list{margin-top:15px;}
ul.s2-left-list li{ font-size: 17px; line-height: 27px; background-size: 18px; background-position: left 3px; padding-left: 25px; width: 32%; text-align:left; }
ul.s2-left-list li span{ font-size:18px; line-height:28px;}
.s2-rit { width: 100%; margin-top: 0px; padding: 0px 0px 0px; text-align: center; float: none; display: inline-block; }
/*=============*/
.sec3 { padding:40px 0 40px; text-align:center;}
.s3_slide_row {column-gap: 20px;}
.s3_slide_col{ width:47%; text-align:center;}

.sec3-2{ border-top:1px solid #ccc;}
.sec3 .commn-para{ width:100%; }
ul.s3_two_lst { margin-top: 90px;}
ul.s3_two_lst li { width: 32%; padding:0px 0px; font-size: 16px; line-height: 26px; }
ul.s3_two_lst li span { font-size: 22px; line-height: 30px;}
/*=============*/
.s2_slide_row{ padding:0 40px;}

.sec4{padding:0px 0;}	
.sec4 .commn-hdg {width: 100%;text-align: center;}
.sec4 .commn-para {width:100%;text-align: center;margin-top: 14px;}
.s4-col-para { font-size: 17px; line-height: 27px;}
.s4-row {justify-content: center; margin-top: 0px; column-gap: 10px; row-gap: 15px;}
.s4-col {width: 32%; padding: 20px 15px; text-align:center; }
.s4-col-img{ position:static; display:block; margin:0 auto 10px; }
/*=============*/
.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: 34px;}
	.commn-hdg span{ font-size:18px;ine-height: 28px;}
	.commn-para{font-size:16px; line-height:24px; margin-top:15px;}
	.btn-bx{ margin: 20px auto 0;}
	.commn-btn{margin-top: 20px; height: 45px; color: #000; font-size: 18px; line-height: 45px;}
	.btn-arw{margin:-3px 0 0 8px;}	 
	/*=============*/
	.bnr-sec{ padding:25px 0 30px; background:#053475; text-align:center;}
	.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:0px; text-align:center; }
	.bnr-right{ }
	.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{         letter-spacing: 0;font-size: 17px;line-height: 27px;}
	.bnr-title:after{ left: 60px;right: 60px;bottom: -3px;top: auto;transform: translateX(0px);}
	.bnr-hdg{ font-size: 32px;line-height: 40px; margin-top: 0px;}
	.bnr-bg-mob { display: none;max-width: inherit;margin: 10px auto -20px -10px;width: calc(100% + 20px);border-bottom: 1px solid #d9d9d9;}
	.bnr-prodt { position: static; max-width: 180px; margin: 20px 0px 0px 0px; display: inline-block; vertical-align: middle;}

	.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;}
	ul.bnr-list1 li{width: 50%; font-size: 15px; padding: 10px 5px;}
	ul.bnr-list1 li span {font-size: 16px;line-height: 28px;}
	 
	 ul.bnr-list2 { width: 100%;margin-top: 15px; justify-content: center; }
	 ul.bnr-list2 li {font-size: 16px; padding: 15px 20px; line-height: 24px; width: 100%;  box-shadow: 0px 0px 3px -1px #fff;}
	 ul.bnr-list2 li img {position: static;margin: 0 auto 10px;display: block;}
	 
	.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:25px 0;}
	.s1-rgt{ width: 100%;  padding: 0px 10px 20px; }
	.s1-rgt:before{ width: 450px; left: -27%; }
	.commn-sub-hdg {font-size: 18px;line-height: 26px;}
	 img.s1-img {position: static; max-width: 100%; margin-top: 10px; }
	.s1-prodt {display: inline-block;width: 150px;height: 150px;position: relative;margin: -260px 0 -10px 0;z-index: 2;right: auto;top: -70px;left: -100px;padding: 20px 0;}
	 .s1-prodt img {max-width: 90px;}
	.mob-s1-contnt{text-align:center;}
	.s1-contnt-bx{margin-top:25px;}
	.table-prd{margin:-45px auto -53px;}
	ul.s1-rgt-list{margin-top: 10px;}
	ul.s1-rgt-list li{ width: 100%; font-size: 16px; line-height: 24px;}
	 ul.s1-rgt-list li span{    font-size: 20px;line-height: 28px;margin-bottom: 5px;}
	.s1-rgt-list-icn{top:2px;}
	.s1-lft{ }
	.s1-lft .commn-hdg {padding-left: 0;}

	.sec2{padding:25px 0;}
	.s2-left{padding: 0px 0px;margin-top: 0px; width: 100%; }
	.s2-model {margin: 15px auto 0px -10px;display: inline-block;max-width: inherit;width: calc(100% + 20px);}
	ul.s2-left-list{margin-top:0px; justify-content: center;row-gap: 10px;}
	ul.s2-left-list li{ width: 100%;  font-size: 16px; line-height: 24px; padding-left: 22px;}

	/*=============*/
	.sec3{ padding:30px 0;}
	.s3_slide_row {margin-top: 22px; justify-content: center;}
	.s3_slide_col{ width:100%; }
	.s3-model{padding: 0;height: 390px;max-width: 320px;}
	.s3-model img{max-width: 100%;width: 100%;}
	.s3_slide_col .commn-btn { margin-top: 20px; width: 195px; height: 45px; font-size: 16px; line-height: 45px;}
	 
	.sec3-2{ padding:25px 0px; }
	.sec3-2-prod{float: none;display: inline-block;vertical-align: middle;margin-top: 20px;width: 220px;height: 220px;}
	ul.s3_two_lst { margin-top: 25px; justify-content: center;}
	ul.s3_two_lst:before{ display:none; }
	ul.s3_two_lst li{ width:100%; text-align:center; padding-bottom:5px;  line-height: 24px}
	ul.s3_two_lst li:last-child{ display:none; }
	.sec3-two-prdt-mob{ width:170px; }
	/*=============*/
	.sec4{padding:0px 0;}
	.s4-row { margin-top: 0px; column-gap: 0; row-gap: 16px; justify-content: space-between;}
	.s4-col{  width: 49%;padding: 15px;}
	.s4-col:hover{ margin:0;}
	.s4-col-hdg { font-size: 17px; line-height: 27px;width: 100%;padding: 0;}


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