/* #Media Queries

================================================== */



@media (max-width: 1300px){



}



/* END__ */

@media (min-width: 1200px){

	.container, .container-sm, .container-md, .container-lg, .container-xl{

		max-width: 1270px;

	}

}

@media (max-width: 1200px) {
	.deta-box{
		width: 80px;
    height: 80px;
	}
	.deta-box h3{
		font-size: 16px;
		line-height: 80px;
	}
	.deta-box::after{
		width: 60px;
		height: 60px;
	}
	.datelsbox h5{
		font-size: 18px;
	}
	.rightbar {
		font-size: 18px;
	}

	.hotel-details h1, .hotel-details h3, .fc .fc-toolbar-title{
		font-size: 25px;
	}
	.home-stay {
		padding: 20px;
	}
	.home-stay h2, .title-video{
		font-size: 20px;
	}

	.banner-item{
		height: 600px;
	}
	.serchbar-box input, .serchbar-box textarea, .serchbar-box select{
		height: 55px !important;
		font-size: 14px;
	}
	.turbox{
		height: 250px;
	}
	
	.miancontact{
		padding: 15px;
	}
	.tour-box{
		height: 360px;
	}
	.serch input{

		width: 200px; 

	}

	.stellarnav > ul > li > a{
		padding: 10px 10px;
		font-size: 14px;
	}
	.loginbtn{
		font-size: 14px;
		height: 40px;
		padding: 0px 10px;
		line-height: 39px;
	}
	
	.callbtn {
		font-size: 0;
		padding: 0px 10px 0px 10px;
		display: flex;
		align-items: center;
		line-height: 40px;
	}
	.callbtn span{
		margin-right: 0;
		width: 30px;
		height: 30px;
		
	}
	.callbtn span i{
		font-size: 10px;
		top: -4px;
		position: relative;
	}
	.navbar-brand img{
		height: 60px;
	}

	.banner-caption h2{
		font-size: 60px;
	}

} 

/* END__ */

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

	

}
.row-gap{
	row-gap: 30px;
}
@media (max-width: 991.5px) {

	.loginbtn.afterloginbtn{
		font-size: 0;
	}
	.dropdown-menu{
		left: unset;
		right: 0 !important;
	}
	.login-main .dropdown-menu{
		min-width: 10rem;
	}
	.afterloginbtn .userimg{
		margin-right: 0;
	}

	button.left-expand{
		display: block;
	}

	.left-sidebar{
		width: auto;
		transition: 0.5s;
	}
	.responsivesidebar .left-sidebar{
		width: 300px;
	}
	.leftmenubar li a{
		font-size: 0;
	}

	.responsivesidebar .leftmenubar li a{
		font-size: 14px;
	}

	.leftmenubar li a i{
		margin-right: 0;
	}

	.responsivesidebar .leftmenubar li a i{
		margin-right: 5px;
	}

	.page-wrapper{
		margin-left: 66px;
	}

	.page-wrapper{
		padding-top: 8.5rem;
	}



	.hoteldetails.navowl .owl-prev{
		opacity: 1;
	}
	.hoteldetails.navowl .owl-next{
		opacity: 1;
	}


	.hotel-content h3{
		font-size: 18px;
	}
	.hotel-content h4{
		font-size: 13px;
		margin-bottom: 6px;
	}
	.hotel-content ul{
		margin-top: 0px;
		margin-bottom: 12px;
	}
	.hotel-content ul li{
		font-size: 12px;
	}
	.hotel-content ul li{
		padding: 3px 5px;
		font-size: 12px;
	}
	.calc-height{
		height: calc(100% - 55px);
	}
	.hotel-content{
		min-height: 268px;
	}
	.btn.Booknow{
		font-size: 12px;
		padding: 8px 20px;
		line-height: 25px;
	}
	.btn.Booknow img{
		width: 16px;
	}
	.hotel-content h4 img{
		width: 18px;
	}
	.hotel-box{
		flex-wrap: wrap;
	}
	.hotelimg{
		width: 100%;
		height: 230px;
	}
	.custom-col {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.serchbar-box input, .serchbar-box textarea, .serchbar-box select{
		height: 50px !important;
    	font-size: 14px;
	}

	.stellarnav.mobile{
		order: 3;
		margin-left: 0;
		margin-right: 0;
	}
	.login-main{
		margin-right: 8px;
		margin-left: auto;
	}


	.stellarnav > ul > li > a{

		color: #333;

	}

	.stellarnav.mobile.light li a{

		font-size: 14px;

		text-align: left;

	}

	.stellarnav.mobile li a.dd-toggle{

		text-align: center !important;

	}

	.stellarnav .dd-toggle{

		height: 47px;

	}

	.stellarnav .close-menu{

		padding: 8px;

	}

	.header-appear{
		padding: 5px 0px;
		position: unset !important;
		-webkit-animation-name: unset;
		-o-animation-name: unset;
		animation-name: unset;
	}

	.menumain .navbar{

		padding: 0px 0;

	}

	.footer-main h4{
		font-size: 25px;
		margin-bottom: 10px;

	}
	.contact-parallax{
		padding: 65px 0 !important;
	}
	button.btn.serchbtn {
		width: auto;
		padding: 0.5rem 1.2rem;
		font-size: 0;
	}
	button.btn.serchbtn img {
		width: 25px;
		margin-right: 0;
	}
	.stellarnav > ul > li > a:hover{
		color: #000 !important;
	}
	.contact-page-section .info-column h2{
		margin-top: 0px;
		margin-bottom: 18px;
		font-size: 20px;
	}
	.sticky {
		position: relative;
		top: 0;
	}
	
} 

/* END__ */



@media only screen and (max-width: 767.5px) {
	.blog-images{
		height: 300px;
	}
	.cms-design h1{
		font-size: 18px;
	}
	.booking-details{
		padding: 15px;
	}
	.iconimg{
		width: 35px;
		height: 35px;
	}
	.iconimg img{
		height: 20px;
		text-align: center;
		top: -4px;
		position: relative;
	}
	.booking-details h1, .booking-details h2{
		font-size: 18px;
	}
	.booking-details p, .date-details span{
		font-size: 12px;
	}
	.cancel-details-box h5{
		font-size: 14px;
	}
	.cancel-details-box p{
		font-size: 12px;
	}
	.date-details b{
		font-size: 12px;
	}
	.modal-title{
		font-size: 18px;
	}
	.hotel-content{
		min-height: unset;
	}
	.sectiongap{
		padding: 30px 0;
	}
	.contact-page-section{
		padding-top: 30px;
		padding-bottom: 0;
	}
	
	.navowl .movileview-btn{
		width: 55px;
		height: 55px;
		font-size: 18px;
	}
	.navowl .owl-next i, .navowl .owl-prev i{
		line-height: 52px;
	}

	.footer-main {
		padding: 30px 0;
	}
	.epw-icon{
		width: 55px;
    	height: 55px;
	}
	.epw-icon i{
		line-height: 55px;
		font-size: 18px;
	}

	.serch-border{
		/* flex-wrap: wrap; */
		row-gap: 0px;
		border-radius: 0;
		justify-content: center;
	}
	button.btn.serchbtn{
		padding: 10px 15px;
		border-radius: 0 5px 5px 0;
		width: 20%;
	}
	.banner .movileview-btn{
		width: 40px;
    height: 40px;
	}
	.banner .owl-next i, .banner .owl-prev i{
		line-height: 38px;
		font-size: 18px;
	}
	.banner-item {
		height: 500px;
	}
	.camps {
		width: 100% !important;
	}
	.locations {
		width: 100% !important;
	}
	.serchbar-box{
		padding: 15px;
	}
	.serchbar-main {
		top: unset;
		transform: none;
		bottom: 18px;
	}
	.serchbar-main h5{
		top: -45px;
	}

	.serchbar-box input, .serchbar-box select{

		/* margin-bottom: 15px; */

	}

	.banner .item img{

		height: 500px;

	}

	.banner-caption h2{

		    font-size: 70px;

	}

	.section-title h2{

		font-size: 25px;

		margin-bottom: 8px;

	}
	.footer-main h4{
		font-size: 18px;
	}

} 

/* END__ */

@media (max-width: 575.5px) {
	.cms-design h1{
		font-size: 16px;
	}
	.booung-text h3{
		font-size: 16px;
	}
	.cms-design p{
		font-size: 13px;
	}

	.hotel-box:hover{
		transform: translateY(0px);
	}
	.loginbtn{
		/* width: 127px; */
		overflow: hidden;
	}


	.hoteldetails .owl-nav{
		display: none;
	}
	.contact-page-section .form-column h2{
		font-size: 26px;
		margin-bottom: 10px;
	}
	.contact-page-section .form-column .inner-column{
		padding: 20px;
	}
	.owl-nav{
		display: flex;
		justify-content: center;
		padding-top: 0px;
	}
	.navowl .owl-next, .navowl .owl-prev{
		position: unset;
		top: unset;
		transform: unset;
		margin: 10px 10px;
	}

	.serch{
		display: none;
	}

	.banner-caption h2{

		    font-size: 50px;

	}

} 



@media (max-width: 480px) {

	

} 

/* END__ */