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

.hero-section{height: 680px;}
.bnr-model{ right: 60px;max-width: 590px;}
.hero-sec-lft { width: 48%; margin-top: 0px;}
.hero-txt1{}
.hero-txt3{font-size: 54px; line-height: 64px;} 
.hero-img img{width:440px;}
.hero-para{ width:98%;}
/*=============*/
.sections{padding:40px 0;}
.sec1-mid{ width:88%;}
.sec-para{padding:0 0px;}
a.secBtn{margin-top:40px;}
.s1-rit{ padding-left: 0;}
.s1-img-box{margin-right: 0;}
.s1-rit .sec-heading {width: 66%;}

.s1-lst{column-gap: 0;row-gap: 35px;justify-content: space-between;}
.s1-lst li{width: 49%}
.s1-lst li p { font-size: 16px; line-height: 26px;}

.s3-img{max-width: 490px;margin: 0;}

/*=============*/
.sec4-inr {}
.s4-list-2{ margin-top:110px;}
.s4-img{ max-width: 500px;margin: 0;}
.s4-list li p span{ font-size:20px;}



/*=============*/
.s2-left{font-size: 17px;}
ul.s2-left-list li{}
ul.s2-left-list li p {padding: 0 8px 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 {width: 39%;padding: 0px 0px 0px 0;}
.s4-image {max-width: 600px;top: 10px;}

}
 

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

.commn-hdg{font-size:36px; line-height:46px;}
.commn-para{font-size: 17px;line-height: 25px;margin-top:14px; width: 100%}
.btn-bx{margin-top:35px;}
/*=============*/
.hero-section{ height:auto; padding:0 0 0px 0; height: 450px;}
.hero-content{ margin-top:60px;}
.hero-sec-lft {width: 54%;}
.hero-txt1{ line-height: 26px;}
.hero-txt2{ font-size:130px; line-height:140px;}
.hero-txt3{font-size: 33px; line-height: 44px;} 
.hero-img{ right:0; top:30px;}
.hero-img img{ width:360px; }
.hero-para{ margin-top: 12px; width: 100%;font-size: 17px;line-height: 27px;}
.bnr-model { right: 0;  max-width: 390px;}
.bnr-txt1{ padding: 10px 0px; top: 286px; right: 20px; width: 150px; font-size: 16px; line-height: 24px;}
.btn-box{ margin-top:30px;}
/*=============*/
.sections{padding:30px 0; height: auto;}
.sec1-mid { width: 100%;}
.sec-heading{ font-size: 34px; line-height: 42px;}
.sec-subheading{font-size:20px; line-height:24px;}
.sec-para{ padding: 0; margin-top: 10px; font-size: 16px; line-height: 26px;}
.sec-btm-heading{font-size:26px; line-height:26px;}
.s1-img{max-width: 200px;}
.s1-rit {padding: 0;}
    .s1-rit .sec-heading {width: 80%;}
	.s1-rit{ width:73%;}
/*=============*/
.sec2{padding: 40px 0;background-size: cover;}	
ul.s2-left-list{margin-top: 50px;justify-content: center;column-gap: 20px;}
ul.s2-left-list li{ width:40%;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_row {margin-top: 25px;justify-content: center;column-gap: 20px;}
.s3_slide_col{ width:48%;}

.s3-inner{width: 100%;padding: 0;text-align: center;}
.s3-img1{  max-width: 470px;margin: 20px auto 10px;display: inline-block;}

/*=============*/
.sec4-inr{ width:100%; text-align: center;}
.s4-img1 { max-width: 390px;display: inline-block;float: none;margin: 20px auto 10px;}
.s4-list-2 {margin-bottom: 30px;}
.s4-list-2 li img{ width:300px;}
.s4-list{ margin-top:30px;}
.s4-list li{ width:100%;}
.s4-list li:after{ display:none;}
.s4-list li p{font-size:16px;}
.s4-list li p span { font-size: 18px; line-height: 28px;}

/*=============*/
.sec9{padding:40px 0;}	
.faq-container{margin-top:10px;}

}


 @media only screen and (max-width:767px) {
	.hide-mob{ display:none}
	.show-mob{ display:none}
	.commn-hdg{ font-size: 28px; line-height: 38px;}
	.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;}	 
	/*=============*/
	.hero-section{padding-bottom:30px;background:#fff; height:auto;}
	.hero-img{display:none;}
	.hero-content{text-align:center; margin-top:30px; }
	.hero-txt1{ }
	.hero-txt2{font-size:84px; line-height:84px; margin-top:0; }
	.hero-txt3{font-size: 30px;line-height: 36px;margin: 5px 0 0;} 
	.hero-para{padding-right:0; font-size:16px; line-height: 25px; margin-top:10px; width:100%;}
	a.hero-cta, a.secBtn{width:260px; height:55px; line-height:53px; margin-top:30px; font-size:26px;}
	.bnr-model1{ position: static; display: block; margin: 20px auto 10px; max-width: 300px;}
	.hero-sec-lft { width: 100%; margin-top: 0px; text-align: center;}
	.btn-box{ margin-top:16px;}
	.prd-btn.margin-right-15{margin-right:10px;}

	/*=============*/
	.sections{padding: 30px 0 30px 0;}
	.section-one{ background:#fff; height:auto; padding: 0px 0 30px 0;}
	.sec-heading{font-size:26px; line-height:32px;}
	.sec-subheading{margin-top:5px; font-size:18px;}
	.sec-btm-heading{font-size:22px; margin-top:30px;}
	.mob-heading{margin-bottom:20px;}
	.sec-para{margin-top:10px; font-size:16px; }
	.s1-rit { margin-top: 0px; padding: 0 0; text-align: center;  width:100%;}
	.s1-rit .sec-heading{ margin-bottom:10px;width: 100%;}
	.s1-img{position: static; display: block; margin: 0 auto 0px; width: 100%; padding: 10px 0; max-width:100%;}
	
	.s1-img-box {margin-top: 0px;display: inline-block;float: none;}
	.s1-lst{ margin-top: 0; justify-content: center;row-gap: 15px;}
	.s1-lst li{ width: 100%; padding: 15px; font-size: 16px;line-height: 26px; text-align:center;}
	.s1-lst li span{font-size: 22px;line-height: 28px;margin-bottom: 4px;}
	.s1-lst li:after{display:none;}
	.s1-lst li a {margin: 10px 0 0 0;}
	.s1-lst li img { margin: 0 auto 10px;position: static;display: block;}
	.s1-lst li p{font-size: 16px; line-height: 26px;}
	.s1-lst li p span{ margin-bottom:8px;}
	.s1-lst li:nth-child(1), .s1-lst li:nth-child(2){ margin-top:0;}

	/*=============*/
	.sec2{padding:30px 0;}
	.s2-left{ }
	ul.s2-left-list{margin-top: 45px;row-gap: 45px;}
	ul.s2-left-list li{width: 100%;}
	ul.s2-left-list li img{ max-width:60px;}

	/*=============*/
	.sec3{ padding:25px 0;}
	.s3_slide_row {width: 100%;margin-top: 20px;justify-content: center;row-gap: 17px;}
	.s3_slide_col{ width:100%; }
	.package_sub_heading{margin: 0px 0; font-size: 22px;}
	.package_sub_heading:after{ width:32%;}
	
	.s3-inner{width: 100%;padding: 0;text-align: center;}
	.s3-img1{max-width: 100%;margin: 15px auto 5px;}

	/*=============*/
	.s4-list{margin-top:15px;justify-content: center;}
	.s4-list li {width: 100%; max-width: 355px; margin: 0; min-height: auto; padding: 16px 20px; box-shadow: 0px 0px 2px #bbb;}
	.s4-list li:after{ display:none;}
	.s4-list li:nth-child(2n){margin-right:0;}
	.s4-list li p{font-size:16px; line-height:24px;}
	.s4-list li img{ margin:0;}
	.s4-img1 {max-width: 280px;margin: 15px auto 0;}
	.s4-list-2 {margin-top: 20px; margin-bottom: 20px; justify-content: center; display:none;}
	.s4-list-2 li{ width:100%; }
	.s4-list-2 li:nth-child(1) img{ margin-right:0;}
	.s4-list-2 li:nth-child(2) img{ margin-left: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;}
 }