@charset "utf-8";
/* CSS Document */

/*media  styles*/


@media (min-width: 576px){

body{
font-size:14px;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
	width:50px;
	height:50px;
	}


.carousel-caption-1 {
    right:5%;
	left:5%;
	}
		
.carousel-caption-1 h2, .carousel-caption-2 h2, .carousel-caption-3 h2{
	font-weight:600;
	font-size:65px;
	}
	
	.carousel-caption-1 h2 span, .carousel-caption-2 h2 span, .carousel-caption-3 h2 span{
	font-size:122px;
	font-weight:400;
	}

.carousel-caption-1 h3, .carousel-caption-2 h3, .carousel-caption-3 h3{
	font-weight:600;
	font-size:24px;
	}


.top-line{
	display: block;
	}


.sec-header h1{
	font-size:36px;
	}
	.sec-header h1 span{
	font-size:24px;
	}
	
.btn-more{
	font-size:15px;
	}
	

	
.hm-intro-sec{
	padding:130px 0;
	}
	
.hm-intro-sec .box{
	padding:25px 40px;
	}


.hm-facilites-sec{
	padding:80px 0 65px;
	}

.hm-facilites-sec .desc{
	margin-bottom:50px;	
	}
		
.hm-facilites-sec .box{
	margin:0 0 60px 0;
	}

.hm-facilites-sec .box .icon{
	margin:0 0 25px 0;	
	}
		
.hm-facilites-sec .box h4{
	font-size:18px;
	margin:0 0 15px 0;
	}
	
		
.hm-explore-sec{
	padding:130px 0 150px 0;
	}
	
.hm-accomodation-sec{
	padding:130px 0 80px 0;
	}

.hm-accomodation-sec .rooms .image{
	margin:0 0 15px 0;
	}
		
.hm-accomodation-sec .rooms h4{
	font-size:18px;
	}
	
.hm-gl-sec{
	padding:0 0 150px 0;
	}
	

.hm-gl-sec .box{
	padding:50px 25px 25px 25px;
	}		

.footer-sec .footer-widgets{
	padding:100px 0 15px 0;
	}
	
.footer-sec .footer-column{
	margin:0 0 40px 0;
	}
	
	
.footer-sec .footer-column h4{
	font-size:18px;
	margin:0 0 30px 0;
	}
	
.footer-sec .footer-column .links li{
	font-size:14px;
	}

.footer-sec .footer-bottom .copyright{
	font-size:12px;
	}
	
.footer-sec .footer-bottom .design{
	font-size:11px;
	}
	

.sub-banner-sec{
	height:200px;
	}
	

.about-sec{
	padding:100px 0 40px 0;
	}

.about-sec .about-one h3{
	font-size:24px;
	}
		
.about-sec .about-one .desc-two{
	font-size:16px;
	}
	
	
.about-sec-two .box-one,
.about-sec-two .box-two{
	max-width:540px;
}

.about-sec-two h3{
	font-size:24px;
	margin:0 0 20px 0;
	}	


.facilites-sec{
	padding:100px 0 60px;
	}
	
.facilites-sec .fac-one{
	margin:0 0 30px 0;
	}
	
	
.facilites-sec .desc{
	margin-bottom:50px;	
	}
	
.facilites-sec .box{
	margin:0 0 60px 0;
	}

.facilites-sec .box .icon{
	margin:0 0 25px 0;	
	}
		
.facilites-sec .box h4{
	font-size:18px;
	margin:0 0 15px 0;
	}



	
.facilites-sec .fac-two h3{
	font-size:26px;
	margin:0 0 20px 0;
	}
	
.facilites-sec .fac-two .desc{
	margin:0 0 40px 0;
	}

.facilites-sec .fac-two .rooms{
	margin:0 0 50px 0;
	}
	
.facilites-sec .fac-two .rooms .bx h4{
	font-size:20px;
	margin:0 0 20px 0;
	}



.photo-gallery-sec{
	padding:100px 0 60px 0;
	}
	
.video-gallery-sec{
	padding:100px 0 60px 0;
	}
	

.directions-sec{
	padding:100px 0 60px;
	}
	
.directions-sec .desc{
	margin-bottom:50px;	
	}
	
.directions-sec .box{
	margin:0 0 40px 0;
	}

.directions-sec .box .icon{
	margin:0 0 25px 0;	
	}
		
.directions-sec .box h4{
	font-size:22px;
	margin:0 0 15px 0;
	}

.contact-sec{
	position:relative;
	padding:100px 0;
	}
	
.contact-sec .desc{
	margin-bottom:50px;
	}
	
.contact-sec .contact-box{
	margin:0 0 50px 0;
	}
	
.contact-sec .contact h5{
	font-size:18px;
	margin:0 0 20px 0;
	}
	
.contact-sec .contact .txt{
	font-size:14px;
	margin:0 0 10px 0;
	}
	
.contact-sec .contact-form .title{
	font-size:14px;
	}
	
.contact-sec .contact-form .form-control{
	font-size:14px;
	}
.contact-sec .contact-form .btn-submit{
	font-size:14px;
}



.contact-sec .btn-booking{
	font-size:14px;
	}
	

.explore-sec{
	padding:100px 0;
	}
	
	
.explore-sec .explore-one .desc{
	margin:0 0 30px 0;
	}
	
.explore-sec .explore-one .desc-bg{
	font-size:18px;
	padding:20px 0;
	margin:0 0 30px 0;
	}
	
	
.explore-sec-two{
	padding:100px 0 40px 0;
	}
	
.explore-sec-two .box{
	margin:0 0 50px 0;
	}
.explore-sec-two .box h4{
	font-size:20px;
	margin:0 0 15px 0;
	}
	
			
.explore-sec-three{
	padding:100px 0 50px 0;
	}

.explore-sec-three .info-box{
	margin:0 0 50px 0;
	}
	
.explore-sec-three .info-box .bx h4{
	font-size:20px;
	margin:0 0 20px 0;
	}

.explore-sec-four{
	padding:80px 0 50px 0;
	}
	
.explore-sec-four h2{
	font-size:30px;
	margin:0 0 20px 0;
	}
	
	

.explore-sec-idukki{
	padding:100px 0 50px 0;
	}
	
.explore-sec-idukki .desc{
	margin:0 0 30px 0;
	}
	
.explore-sec-idukki h3{
	font-size: 24px;
	margin: 0 0 20px 0;
	}

.explore-sec-idukki .info-box{
	margin:0 0 50px 0;
	}
	
.explore-sec-idukki .info-box .bx h4{
	font-size:20px;
	margin:0 0 20px 0;
	}
	

}



@media (min-width: 768px){

.hm-explore-sec{
	padding:130px 0 330px 0;
	}
			
.hm-explore-sec .desc{
	max-width:80%;
	}
	
.hm-facilites-sec .desc{
	max-width:60%;
	}	
	
.hm-accomodation-sec .desc{
	max-width:80%;
	}
	
			
.footer-sec .footer-bottom .copyright{
	padding:0;
	text-align:left;
	}	

.footer-sec .footer-bottom .design{
	float:right;
	}					





.about-sec-two .bg-one{
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}

.about-sec-two .bg-two{
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}


.about-sec-two .box-one{
	max-width:345px;
	padding:75px 50px 75px 0;
	}
	
.about-sec-two .box-two{
	max-width:345px;
	padding:75px 0 75px 50px;
	}


.facilites-sec .fac-two .rooms .bx{
	padding:25px 40px;
	}
	

	
.directions-sec .row{
	margin-right: -40px;
    margin-left: -40px;
	}
	
	.directions-sec .row > div {
	padding-right: 40px;
    padding-left: 40px;
	}
	


.contact-sec .btn-booking{
	padding: 14px 20px 12px 20px;
	margin:0;
	float: right;
	}
	
.explore-sec-two .row{
	margin-right: -40px;
    margin-left: -40px;
	}
	
	.explore-sec-two .row > div {
	padding-right: 40px;
    padding-left: 40px;
	}
	
	
.explore-sec-three .info-box .bx{
	padding:25px 40px;
	}


.explore-sec-idukki .info-box .bx{
	padding:25px 40px;
	}

}



@media (min-width: 992px){
	


.hm-gl-sec .box{
	padding:25px 40px;
	}

.about-sec-two .box-one, 
.about-sec-two .box-two{
	max-width:465px;
	}


.facilites-sec .fac-two .rooms .bx{
	padding:25px 60px;
	}


	
.explore-sec-three .info-box .bx{
	padding:25px 60px;
	}	

.explore-sec-idukki .info-box .bx{
	padding:25px 60px;
	}

			
}



@media (min-width: 1200px){

.sub-banner-sec{
	height:250px;
	}


.about-sec-two .box-one,
.about-sec-two .box-two{
	max-width:555px;
	}
	


.hm-facilites-sec .row{
	margin-right: -25px;
    margin-left: -25px;
	}

.hm-facilites-sec .row > div{
	padding-right: 25px;
    padding-left: 25px;
	}
	
	

.facilites-sec .fac-one .row{
	margin-right: -25px;
    margin-left: -25px;
	}

.facilites-sec .fac-one .row > div{
	padding-right: 25px;
    padding-left: 25px;
	}	
	

}



@media (min-width: 1366px){


}


@media only screen and (min-width: 1680px){
	
.sub-banner-sec{
	height:315px;
	}
	
}


@media only screen and (min-width: 1920px){

.sub-banner-sec{
	height:360px;
	}
	
}



@media (max-width: 1199px) {

}

@media (max-width: 991px) {


}


@media (max-width: 767px) {


.h4-topbar .navbar .navbar-nav .nav-link {
      font-size: 13px;
	   }
	   

dropdown-item {
font-size:12px;
 }

}
	
@media (max-width: 575px) {

.mfp-arrow {
    width: 25px !important;
    height: 35px !important;
}

.mfp-arrow-left {
	left:0% !important;	
	}

.mfp-arrow-right {
	right:0% !important;	
	}

}