@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%;}

}

@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;}

}


@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;}
.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%;}

}

@media (max-width: 991px) {
.logo{ text-align:center; display:block;}
.footer{  background:url(../images/footer-bg-for-mobile.jpg) no-repeat center bottom fixed;}
.footer .ftr-links a{ width:100%;}
}

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

@media (max-width: 767px) {

.call,
.email{ text-align:center;}
.logo img{ max-width:100%;}

/* menu css start (overwrite bootstrap class) */
.navbar-default{ background:#0393f0; 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;}
.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:#0080d2; box-shadow:0 0; color:#0a4958; text-decoration:none;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #fff; text-decoration:none; background:#0080d2; }
.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;}

}

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

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

	
}

@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;}

}

@media (max-width: 320px) { 

.photo-galler .container .row .col-lg-12 a{ width: 100%;}
.footer div.contact-info div{ width:230px;}




}