/*responive max width to min width*/

/*@media 
(min-width: 992px) 
 and (max-width: 1200px){
	
}*/




/* iPads (landscape) ———– */

/*@media 
(min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {

}*/

/* iPads (portrait) ———– */

/*@media 
(min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {

}*/



/* iPads (landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {



/* Styles */
}

/* iPads (portrait) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

/* Styles */
}



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

@media (max-width: 1199px) {
	 .carousel-caption{
		 justify-content: center;
	 }
    .service-box-img{
		width: 146px;
	}
	.carousel-indicators{
		 justify-content: center;
	}
}

/*responsinator screen size*/
@media (max-width: 1024px) {
	 
    
}

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

@media (max-width: 991px) {
	.logo-inr .pull-right{
		float: none !important;
	}
	.social-icon-outr{
		padding-top: 0px;
	}
	.social-icon-mnu{
		text-align: center;
	}
	.phone-mnu-outr {
	text-align: center;
}
.logo-inr{
	text-align:center;
}
.navbar-nav{
	margin-left: auto !important;
}
.logo{
	padding-top: 0px;
	padding-bottom: 10px;
}
.service-box-txt{
	margin-top: 10px;
}
.service-box-txt h2 span {
	font-size: 22px;
	
}
.overview-text-outr {
	position: relative;
	padding-left: 0px;
	padding-top: 150px;
}
.overview-text-outr::before {
	left: 50%;
	top:0;
	max-width: 470px;
	/* background-size: 100% auto; */
	background-position: left top;
	width: 100%;
	transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
}
.overview-text-outr h3{
	font-size: 18px;
}
.overview-text-outr h4{
	font-size: 18px;
}
.footer-inner .col-sm-4{
	-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.reach-inr{
	max-width: 230px;
	margin-left: auto;
	margin-right:auto;
}
.footr-mnu-inr{
	max-width: 250px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 25px;
}
.enquiry-inr{
	max-width: 300px;
	margin-left: auto;
	margin-right:auto;
}
.footr-heading{
	text-align: center;
}
.enquiry-inr h2{
	text-align: center;
}
.hotel-service-detail-grid-outr .col-sm-6{
	-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.hotel-service-detail-txt-inr{
	margin-top: 20px;
}
.hotel-detail-gallery-grid-outr .col-sm-3{
	-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%;
}
.gallery-img-grid-inr .col-sm-3{
	-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%;
}
.get-touch-outr{
	-ms-flex: 0 0  100%;
flex: 0 0 100%;
max-width: 100%;
}
.address-map-outr{
	-ms-flex: 0 0  100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 30px;
}
.testimonial-grid-outr .col-sm-4{
	-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}

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

@media (max-width: 767px) {
	.navbar-toggler{
		position: absolute;
		right:0;
		top:-90px;
		border-color: #ff6600 !important;
	}
	.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 102, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}
.testimonal-slidr-outr .item{
	max-width: 330px;
	margin: 0 auto;
}
.logo{
	float: left;
}
.carousel-caption{
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
}
.menu li a{
	text-align: center;
}
.white-heading{
	font-size: 30px;
}
.hotel-service-grid-outr .col-sm-4{
	-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.hotel-detail-gallery-grid-outr .col-sm-3{
	-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.gallery-img-grid-inr .col-sm-3{
	-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.get-touch-inr .col-sm-6{
	-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.address-box-inr{
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.get-touch-inr h2{
	font-size: 25px;
	text-align:center;
}
.address-box-inr h3{
	font-size: 20px;
}
.contact-form-outr h2{
	font-size: 25px;
	text-align:center;
}
.testimonial-grid-outr .col-sm-4{
	-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.testimonial-box-inr{
	max-width:  300px;
	margin-left: auto;
	margin-right: auto;
}
.logo-inr .pull-right{
	order: 0;
}
.logo-inr{
	flex-direction: column;ssssssssss
}
	
}

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

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

@media (max-width: 600px) {
	
	.service-box-outr{
		-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
	}	 
	.service-box-outr:nth-child(2)::before {
		background: none !important;
	}
	.service-box-outr:nth-child(2)::after {
		background: none !important;
	}
	.service-box-outr:last-child .service-box-txt {
	margin-left: 0px;
}
.service-box-inr{
	padding-bottom: 0px;
	padding-top: 15px;
}
.service-content-inr{
	padding-bottom: 20px;
}


}

@media (max-width: 568px) {
	
	.carousel-caption h2{
		font-size: 45px;
		max-width: 450px;
	}	 
   .hotel-service-grid-outr .col-sm-4{
	-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.hotel-service-grid-outr .hotel-box-item{
	max-width: 300px;
	margin-left:  auto;
	margin-right:  auto;
}
}


@media (max-width: 480px) {
	
	
    .navbar-toggler{
		
		padding: 0.25rem 0.5rem !important;
	}	
	.carousel-item {
	height: 300px;
	
}
.hotel-detail-gallery-grid-outr .col-sm-3{
	-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.fancybox-img-outr{
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.gallery-img-grid-inr .col-sm-3{
	-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

}
@media (max-width: 479px) {
	
	.hotel-detail-grid-slidr-outr 	.hotel-box-item{
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.hotel-detail-grid-slidr-outr .submit-btn{
		position: relative;
		top:0;
		margin-top: 20px;
		left: 50%;
		transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
	}

}

@media (max-width: 414px) {
	
   .carousel-caption h2 {
	font-size: 32px;
	max-width: 400px;
}
.carousel-item {
	height: 250px;
}

}

@media (max-width: 384px) {
	
   .carousel-caption h2 {
	font-size: 30px;
	max-width: 280px;
}

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

}

@media (max-width: 360px) {
	.phone-mnu li a{
		font-size: 12px;
		
	}
	.phone-mnu li{
		margin-left: 2px;
	}
   

}

@media (max-width: 320px) {
	
   

}
/*responsinator screen size*/