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

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

@media (min-width: 992px) and (max-width: 1199px) { 

	.reservation-form h4{ margin:0 5px 0 0;}
	.reservation-form input[type="text"]{ margin:0 4px;}
	.reservation-form .select{ margin:0 4px;}
	.reservation-form input[type="button"],
	.reservation-form input[type="reset"],
	.reservation-form input[type="submit"]{ margin:0 4px; }

	.rooms .room-details h5{ font-size: 16px; margin: 0 0 5px;}
	.rooms .room-details h5 span{  font-size: 14px;}
	.rooms .room-details p{ margin-bottom:5px;}
	.rooms .room-details a{ font-size:14px;}

	.carousel-control.left{ left:11%;}
	.carousel-control.right{ right:11%;}

	.navbar-default .navbar-nav > li > a{ font-size: 16px; padding: 15px 12px;}
	.contact-us-inner .address-section{
		padding:46px;
	}
	.google-map iframe{height:358px;}
}

@media (max-width: 1199px) {
	.photo-galler .container .row .col-lg-12 a{ width:33.3%;}
	.photo-galler .container .row .col-lg-12 a img{ width:100%;}
	.photo-galler .container .row .col-lg-12 a:first-child{ padding-left:inherit;}
	.photo-galler .container .row .col-lg-12 a:last-child{ padding-right:inherit;}
	.service-row ul li{ float:none; clear:both; width: 100%;}
}


@media (min-width: 768px) and (max-width: 991px) { 

	.navbar-right { float: none!important; margin-right: 0; text-align:center; }
	.navbar-nav > li { display: inline-block; float: none; }
	.reservation-form h4{ font-size:25px; margin:0 2px 0 0;}
	.reservation-form input[type="text"]{ padding:5px 2px; margin:0 3px;background:#fff;}
	.reservation-form .select{ margin:0 3px;}
	.reservation-form input[type="button"],
	.reservation-form input[type="reset"],
	.reservation-form input[type="submit"]{ margin:0 2px; padding:5px 2px; font-size:14px;}

	.rooms .room-pic{ clear:both; float:none; width:100%;}
	.rooms .room-details{ clear:both; float:none; width:100%; margin-left:0;}
	.rooms .room-pic img{ width:100%;}
	.rooms .room-details h5{ margin:10px 0;}

	.carousel-control.left{ left:14%;}
	.carousel-control.right{ right:14%;}
	.right-section a{margin:0;}
	.place-name ul li, .near-by-places ul li{font-size:15px;}
	.galleryWrap a.imgContainer{width:45%;}
	.galleryWrap .imgContainer{margin:0 10px 10px 10px;}
	.service-row ul li{ font-size: 15px;}
}

@media (max-width: 991px) {
	.logo{ text-align:center; display:block;}
	.footer .ftr-links a{ width:100%;}
	.email,
	.call{ text-align:center;}
	.navbar-default .navbar-nav > li > a{ font-size: 16px; padding: 15px 11px;}
	.navbar-right{ margin-right:0!important;}
	.navbar-default{ margin: 24px 0 0;}
	.ftr-btm-row .copyright,
	.ftr-btm-row .site-design-by{ text-align:center;}
	.contact-us-inner .address-section{padding:10px 57px;}
}

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

@media (max-width: 767px) {

	.navbar-default .navbar-nav > li > a{ color:#fff; text-shadow:0 0;}
	.call,
	.email{ text-align:center;}
	.logo img{ max-width:100%;}

	/* menu css start (overwrite bootstrap class) */
	.navbar-default{ background:#003069; border-radius:0;}
	.navbar-default .navbar-brand{ font-family:'Open Sans Condensed',arial; font-size:21px; color:#fff; box-shadow:0 0; text-transform:uppercase;}
	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-brand:focus { color:#fff; }
	.navbar-default .navbar-toggle{ background:#003069; border:0 none; border-radius:0; padding: 9px 0 9px 10px;}
	.navbar-default .navbar-toggle .icon-bar{ background:#fff;}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus { background-color: #003069;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:0 none;}
	.navbar-collapse{ box-shadow:0 0;}
	.navbar-nav > li > a { border-top: 1px solid #eee;}
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus { background:#22A636; box-shadow:0 0; color:#fff; text-decoration:none;}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus { color: #fff; text-decoration:none; background:#22A636; }
	.navbar-nav{ margin:0 -15px;}
	/* menu css end (overwrite bootstrap class) */		 

	.reservation-form{ background:#003069; margin-top:0;}
	.reservation-form h4{ float:none; clear:both; text-align:center; margin:0;}
	.reservation-form input[type="text"],
	.reservation-form .select,
	.reservation-form input[type="button"],
	.reservation-form input[type="reset"],
	.reservation-form input[type="submit"]{ width:100%; float:left; clear:both; margin:10px 0;}

	.carousel-control.right{ right:2%;}
	.carousel-control.left{ left:2%;}

	.dining-options h4{ text-align:center;}
	.dining-options p{ text-align:center;}
	.photo-gallery h4{ text-align:center;}

	.photo-gallery .col-xs-12{ width:33.33%; float:left;}
	.book-btn-row p{ text-align:center;}

	.ftr-btm-row .copyright,
	.ftr-btm-row .site-design-by{ text-align:center;}

	.footer .ftr-links a{ clear:both; float:none; width:100%; display:block;}
	.middle-content h1		{ text-align:center;}
	.photo-galler h4		{ text-align:center;}

	.photo-galler .container .row .col-lg-12 a:first-child{ padding-left:inherit;}
	.photo-galler .container .row .col-lg-12 a:last-child{ padding-right:inherit;}

	.local-attrection ul li{ width:100%; clear:both; float:none;}
	.navbar-right{ margin:0 -15px!important;}

	.reservation-form input[type="button"],
	.reservation-form input[type="reset"],
	.reservation-form input[type="submit"]{ padding:8px 0;}
	.contact-us-inner .address-section{padding:15px;}
	.place-name ul li, .near-by-places ul li{width:100%;}

}

@media (min-width: 641px) and (max-width: 767px) {

	.rooms .room-pic img{ width:100%;}
	.view-more-photos{ top:2px;}

	
}
@media (min-width: 481px) and (max-width: 767px) {
	.galleryWrap a.imgContainer{margin:15px auto; width:60%; display:block;}
}
@media (max-width: 640px) {

	.photo-galler .container .row .col-lg-12 a{ width:50%;}
	.view-more-photos{ position:relative; left:0; top:0;}
	
}

@media (min-width: 481px) and (max-width: 640px) { 

	.rooms .room-pic{ float:none; width:100%; clear:both;}
	.rooms .room-pic img{ margin:auto;}
	.rooms .room-details{ float:none; width:100%; clear:both; margin-left:0; text-align:center;}
	.rooms .room-details p{ text-align:center;}
	.rooms .room-details h5{ margin:10px 0;}
	
}

@media (max-width: 480px) { 
	.photo-gallery .col-xs-12{ width:100%; float:left; clear:both; margin:10px 0;}
	.rooms .room-pic { clear: both; float: none; width: 100%; }
	.rooms .room-pic img{ width:100%;}
	.rooms .room-details { float: right; margin-left: 0; width: 100%; text-align:center; }
	.rooms .room-details h5{ margin:10px 0;}
	.rooms .room-details p{ text-align:center;}
	.photo-galler .container .row .col-lg-12 a{ float: none; margin: auto; width: 70%;}
	.contact-us h5 label,
	.contact-us h5 span		{ text-align:left; display:block; padding:0;}
	.contact-us h5 label	{ margin:0;}
	.contact-us h5 span		{ margin-bottom:10px;}
	.right-section a{margin:0;}
	.rooms-inner img{width:100%;}
	.room-type .left-section{float:none; width:100%;}
	.room-type .right-section{float:none; width:100%; margin-top:4%; margin-left:0;}
	.galleryWrap a.imgContainer{width:100%;}
	.near-by-places span{
		float:left;	
		padding-right:10px;
	}
	.near-by-places ul li p{ width:91%;}
	#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next, #swipebox-action #swipebox-close{height:40px; width:40px;}
	#swipebox-action #swipebox-close{line-height:49px;}
	#swipebox-action #swipebox-prev::before, #swipebox-action #swipebox-next::before{font-size:1.5em;}
	.gallery-images .tab-menu li{width:100%; text-align:center;}
	.gallery-bg a{border-left:none;}
	.gallery-images ul li .gallery-bg{width:100%;}
}

@media (max-width: 320px) { 
	.photo-galler .container .row .col-lg-12 a{ width: 100%;}
	.footer div.contact-info div{ width:230px;}
	.right-section a{font-size:14px;}
	.address-section a{font-size:13px;}
	#swipebox-action #swipebox-prev::before, #swipebox-action #swipebox-next::before{font-size:1.2em;line-height:19px;color:#fff;background:none;}
	#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next{color:#fff;background:none;}
}