@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:30%;}
    .navbar { margin-top: 40px;}
    #hotelCarousel .item img { height: 210px;}
    .reservation #hotelCarousel .item img { height: 220px;}
    .topText { font-size: 16px;}
}
/*************************/

@media (min-width: 991px) {

}
/*************************/

@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;}
	.bottom-wheel {display: block; text-align: center; margin-bottom: 30px; margin-top: 0; margin-left: 268px;}
    .booking-btn {position: relative; top: 11px; left: 25px;}
    .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;}
    #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;}

}
/*************************/

@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;}
	.bottom-wheel {display:block; text-align: center; margin: 0 84px 15px;}
    .booking-btn {top: 0; left: 166px;}
    .navbar { margin-top: 0;}
    .navbar-collapse { padding-left: 15px; padding-right: 15px; border: 0;}
    .navbar-default { background-color: #2e1317;}
    .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;}
    .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: 16%;}
    .imgContainer { width:30%;}
    .galleryList { text-align: center;}
    .galleryTab { margin: 0 0 30px;}
    .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;}
    #innerBanner { margin-bottom: 2px;}
    h1 { font-size: 26px;}
    h4 { font-size: 18px;}
    .heading3 { font-size: 16px; font-weight: bold;}
    .topText { text-align: center; margin-bottom: 15px; font-size: 24px;}
    .topEmail a { word-wrap: break-word;}
}
/*************************/

@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:46%;}
    .heading2 h2 { padding: 0; margin-left: 0; margin-bottom: 30px; font-size: 22px; line-height: 32px;}
    .heading2 .headSep { top: 110%;}
}
/*************************/

@media (max-width: 568px) {
    .imgContainer { width:auto; margin: 0 auto 14px;}
    h1 { font-size: 26px; line-height: 120%;}
    .booking-btn {top: 0;left: 160px;}
    .bottom-wheel {margin: 0 80px 15px;}
}
/*************************/

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

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