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

@media (min-width: 1050px) and (max-width: 1199px) {
    .scrollToTop { right: 11%; bottom: 12%;}
}
/*************************/

@media (min-width: 992px) and (max-width: 1049px) {
    .scrollToTop { right: 3%; bottom: 12%;}
}
/*************************/

@media (min-width: 992px) and (max-width: 1199px) {
    .bulletList li { float: none; width: 100%;}
    .imgContainer { width:32%; margin: 0 5px 14px 0; }
    .navbar { margin-top: 0;}
    #hotelCarousel .item img { height: 210px;}
    .reservation #hotelCarousel .item img { height: 220px;}
    .topText { font-size: 16px;}
	.logo{ font-size: 24px; margin: 0px; }
	.amenities-outer h4{font-size: 14px;}
	.imgContainer img{width: 100%;}
	.galleryTab a{font-size: 16px;}
	.details p{font-size: 15px;}
	.navbar-default .navbar-nav > li > a{padding: 11px 20px;}
}
/*************************/

@media (max-width: 991px) {
	.footerSection{
		padding-top: 0px;
	}
	.footerSection h3 {
   		margin: 20px 0;
	}
	.footerLinks a{font-size: 16px;}
	.footerBottom, .footerRight{text-align: center;}
	.footerRight{margin: 5px 0;}
	.imgContainer{margin: 0 5px 14px 0; width: 31%;}
	.imgContainer img{width: 100%; }
	.galleryTab a{font-size: 15px; padding: 10px 20px;}
	.details p{font-size: 15px;}
}
/*************************/

@media (min-width: 768px) and (max-width: 991px) {
    .navbar { margin-top: 0;}
    .navbar-nav { float: none; display: table; width: 100%;}
    .logo { display: block; text-align: center; margin-bottom: 30px; margin-top: 15px;}
    .homeBannerSection .col-lg-4 { padding-left: 13px;}
    .homeBannerSection .col-lg-8 { padding-right: 15px;}
    #hotelCarousel .item { margin: 0 3px;}
    .reservation #hotelCarousel .item { margin: 0;}
    .hbsLeft { padding-right: 0;}
    .hbsRight { padding-left: 0;}
    .bookingForm { margin: 0; height: 228px;}
    .bookingForm .image { height: 100%;}
    .footerLinks a { float: none; width: 100%; margin-right: 0; margin-bottom: 10px; display: block;}
    #innerBanner { margin-bottom: 2px;}
    .innerpage .hbsLeft { padding-right: 15px;}
    .innerpage .hbsRight { padding-left: 15px; width: 100%;}
    .bulletList li { float: none; width: 100%;}
    .amenityGrid .col-lg-3:nth-of-type(2n+1) { clear: left;}
    .imgContainer { width:30%;}
    #hotelBanner { margin-bottom: 2px;}
    .owl-theme .owl-controls { margin-top: 0;}
	.review-inner .owl-theme .owl-controls {margin-top: 10px;}
    #hotelBanner .item > img { max-width: 100%;}
    #hotelCarousel .item img { height: 228px;}
    .reservation #hotelCarousel { max-height: none;}
    .reservation #hotelCarousel .item img { height: auto;}
    .topText { margin-top: 15px; margin-bottom: 10px; text-align: center;}
    .topEmail { text-align: right;}
	.details{min-height: 189px;}
	.navbar-default .navbar-nav > li > a{padding: 14px 28px;}
}
/*************************/

@media (min-width: 821px) and (max-width: 991px) {
    .scrollToTop { right: 14%; bottom: 16%;}
}
/*************************/

@media (min-width: 768px) and (max-width: 820px) {
    .scrollToTop { right: 5%; bottom: 16%;}
}
/*************************/

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

@media (max-width: 767px) {
    .wrapper > .container { padding: 0 15px;}
    .topbar { padding: 10px 15px;}
    /*.topbar .contactInfo { text-align: center;}*/
    .topbar .contactInfo p {/* margin: 5px 0 10px;*/ /*font-size: 18px;*/}
    /*.topbar .contactInfo p span { width: 36px; height: 36px; line-height: 36px; font-size: 18px; line-height: 36px;}*/
    .topbar .social { float: none; display: table; margin: 10px auto 10px;}
    .topbar .social a { width: 36px; height: 36px; line-height: 36px; margin-left: 10px;}
    .topbar .social a .fa { font-size: 18px; line-height: 36px;}
    .headerSection { padding-left: 0; padding-right: 0;}
    .logo { display: block; text-align: center; margin: 0 0 15px;}
    .navbar { margin-top: 0;}
    .navbar-collapse { padding-left: 15px; padding-right: 15px; border: 0;}
    .navbar-default { background-color: #56773c;}
    .navbar-default .navbar-brand { color: #FFF;}
    .navbar-brand { display: block;}
    .navbar-default .navbar-nav > li > a { color: #FFF;}
    .homeBannerSection .col-lg-4 { padding-left: 15px;}
    .homeBannerSection .col-lg-8 { padding-right: 15px;}
    #hotelCarousel .item { margin: 0;}
    .bookingForm { height: auto; margin-top: 0;}
    .bookingForm .image { height: 100%;}
    .homeFeatures { margin-bottom: 0;}
    .gridList { margin-bottom: 30px;}
    .homeGallery > div { margin-bottom: 30px;}
    .homeGallery > div.row { margin-bottom: 0;}
    .homeGallery .viewall { position: relative; right: 0; top: 0;display: inline-block; font-size: 16px;padding: 10px 20px; }
    .footerLeft, .footerRight { margin-bottom:5px; margin-top: 5px; text-align: center; }
    .footerSection .row > div { margin-bottom: 30px;}
    .footerSection .row > div:last-child { margin-bottom: 0;}
    .footerLinks a { float: none; width: 100%; margin-right: 0; margin-bottom: 10px; display: block;}
    .scrollToTop { right: 6%; bottom: 10%;}
    .imgContainer { width:32%;}
    /*.galleryList { text-align: center;}*/
	.navbar-default .navbar-nav > li{margin-bottom: 1px;}
    .contactDetails .mapContainer { margin-bottom: 40px;}
    #hotelBanner { margin-bottom: 2px;}
    #hotelBanner .item > img { max-width: 100%;}
    #hotelBanner .owl-buttons { top: 45%;}
    /*.owl-theme .owl-controls .owl-buttons .owl-prev,
    .owl-theme .owl-controls .owl-buttons .owl-next  { width: 30px; height: 31px; background-size: 100%;}*/
    .owl-theme .owl-controls { margin-top: 0;}
	.review-inner .owl-theme .owl-controls {margin-top: 10px;}
    #innerBanner { margin-bottom: 2px;}
   
    .heading3 { font-size: 16px; font-weight: bold;}
    .topText { text-align: center; margin-bottom: 15px; font-size: 24px;}
    .topEmail a { word-wrap: break-word;}
	.homeGallery a img {
		margin: 0 auto 15px;
		width: 60%;
	}
	.details{min-height: inherit;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
		    background-color: #6e984c;
	}
	.navbar{ border:none; }
	.wrapper > .container{
		-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	}
	 
}
/*************************/

@media (min-width:667px) and (max-width: 766px) {
    .amenityGrid .col-xs-12 { width: 50%;}
    .amenityGrid .col-xs-12:nth-of-type(2n+1) { clear: left;}
}
/*************************/

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

@media (max-width: 640px) {
    .bulletList li { float: none; width: 100%;}
    .attraction .bulletList li { float: none; width: 100%; margin-right: 0;}
    .imgContainer { width:48%;}
    .heading2 h2 { padding: 0; margin-left: 0; margin-bottom: 30px; font-size: 22px; line-height: 32px;}
    .heading2 .headSep { top: 110%;}
	.main-amenities .col-xs-6{width: 100%;}
	.galleryTab a{
		 margin: 0px 0px 5px;
		 padding: 15px;
		 width: 100%;
	}
	.contact-inner iframe{height: 250px;}
}
/*************************/

@media (max-width: 568px) {
    
}
/*************************/

@media (max-width: 480px) {
	.contactInfo .col-xs-5, .contactInfo .col-xs-7{
		width: 100%;
	}
	h1{font-size: 25px;}
	h3{font-size: 20px;}
	h4{font-size: 14px;}
	.imgContainer{width: 100%;}
	.topbar .contactInfo p{margin: 7px 0;}
	.contactInfo, .topEmail {text-align: center;}
	.homeGallery a img{width: 80%;}
	.logo{font-size: 28px;}
}
/*************************/

@media (max-width: 320px) {
	.homeGallery a img{width: 100%;}
	.homeGallery .viewall{width: 100%; text-align: center;}
}