@media (min-width: 992px) and (max-width: 1199px) {
    .res-pad { padding: 0; }
    .res-pad > .col-lg-6,
    .res-pad > .col-lg-12{ margin:0;}
    .reservation label { margin: 5px 0;}
    .res-btn{ margin: 10px 0 9px;}
    .photogallery-container{ min-height: 280px;}
    .ftr-links a{ width:49%; margin-bottom: 5px;}
    .res-btn{ padding:5px 23px;}
    .rcol { width:230px;}
    .services-container h3, .photogallery-container h3 { margin:30px 0;}
    .galleryWrap .imgContainer { width:30%;}
    .navbar-default .navbar-nav > li > a { padding: 16px 21px 15px;}
    header p{font-size:23px;}
    .mail-id a{font-size:14px;}
    .entry-gate{height:265px; width:100%;}
    .wedding-section a{font-size:13px;}
    .wedding-section{margin-bottom:25px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .res-btn{ margin: 10px 0;}
    .navbar-default .navbar-nav > li > a{ font-size: 15px;}
    .nav > li > a { padding:15px 11px; }
    .contact{ text-align:center;}
    .navbar li{
        margin-right:1px;
    }
    .accomodation-rooms p{font-size:14px;}
    .welcome .welcome-bottom{margin:0;}
    .welcome .welcome-bottom{font-size:20px;}
    .welcome h1{font-size:30px;}
    .welcome p{font-size:14px;}
    .copyright-container { text-align:center;}
    .inner .reservation .res-pad .res-btn{ width:100%;}
    .galleryWrap .imgContainer { width:46%;}
    .list-bullet li { float:none; width:auto;}
    .rcol { width:240px;}
    .footer-container h6 { padding:30px 0 0;}
    .ftr-links a { width:48%;}
    .photogallery-container h3 { margin:10px 0;}
    .navbar-default .navbar-nav > li > a i.fa-home { font-size: 24px;}
    .navbar-default .navbar-nav > li > a.location-marker { font-size: 22px; line-height: 100%; padding:13px 11px 12px;}
}

@media (min-width: 768px) {
    .navbar-header { display: none; }
}
@media (max-width: 991px) 
{
    footer .ftr-links a { font-size: 13px; }
    .copyright-container,
    .site-desig-by{ text-align:center;}
    .welcome h2 { line-height:1.4;}
    .reservation {
        background: #222;
        border: 0 none;
        border-radius: 0;
        color: #fff;
        height: auto;
        overflow: hidden;
        position: relative;
        right: inherit;
        top: inherit;
        width: 100%;
    }
    .top-header-left{
        text-align:center;
        float:none;
        margin-top:0;
    }
    .top-header-left p{margin:0 0 10px;}
    .mail-id, .top-header-right{text-align:center;float:none;}
    .telephone-no{float:none;}
    .logo{margin:5px 0;}
    
    header p{ display:none;}
    .telephone-no,
    .mail-id{ margin-top:0;}
    .logo{ margin:5px 0 20px;}
    .top-header-right a{ margin:0 5px 15px;}
}
@media (min-width: 768px) and (max-width: 1600px) {
    .pad-left-none { padding-left: 0px; }
}

@media (max-width:767px) {
   .navbar li{ margin:0 0 1px;}
   .contact{ text-align:center;}
   .inner .reservation .res-pad .res-btn{ width:100%;}
   .map-container iframe { height:250px;}
   .list-bullet li { float:none; width:auto;}
   .footer-container h6 { padding:30px 0 0;}
   .welcome h1 { font-size:24px; line-height:1.2;}
   .welcome h2 { font-size:20px; line-height:1.4;}
   .photogallery-container h3 { font-size:24px; margin:0px;}
   .rlist_image img{ width:100%;}
   .entry-gate {width:100%;height:inherit;}
   .navbar-right .tooltip { display:none !important;}
   .navbar-default .navbar-nav > li > a.location-marker { display: none;}
   .navbar-default{ background: #222; border-top: 1px solid #444;}
   .roomslist .media { text-align: center;}
   .roomslist .media:nth-child(odd) .media-object,
   .roomslist .media:nth-child(even) .media-object { float: none; margin: 0 0 15px;}
   .roomslist .media-object { max-width: none; width: 100%;}
   .attractions ul li{ float:none; width:100%;}
   .logo{text-align:center;}
   .room-diagram {display:none;}
   .wedding-section a{margin:5px 0;}
   .btn-book-now{width:100%;}
   .camera_wrap{margin-bottom:1px !important;}
   .camera_thumbs {
    display: none;
}
}
@media (min-width: 481px) and (max-width: 768px){
    .accomodation-rooms{
        margin:10px auto;
        width:70%;
    }
}

@media (max-width: 667px) {
    ul.photo-gallery li { width:50%; float:left;}
    .rcol { width:50%;}
}
@media (max-width: 640px) {
    /*.content { padding: 10px; }*/
    .galleryWrap .imgContainer { margin: 0px 20px 10px 0px; }
    .galleryWrap { margin: auto; text-align: center; }
    .galleryWrap .imgContainer { margin: 10px; }
    .contact { text-align: center; }
    .services-container .col-lg-3.col-md-4.col-sm-4.col-xs-6{ width:100%;}
    ul.photo-gallery li { width:50%; float:left;}
    .rcol { width:50%;}
}
@media (max-width: 568px) {
    .rcol { width:100%;}
    ul.photo-gallery li { width:50%; float:left;}
}

@media (min-width: 321px) and (max-width: 767px){
    .wedding-section img{
        width:50%;
        margin:10px auto;
        text-align:center;
        display:block;
    }
    .wedding-section a{
        text-align:center;
        font-size:17px;
    }
}

@media (max-width: 480px) {
    .service-amenities ul li { width: 100%; }
    footer .copyright { padding-bottom: 10px; }
    .ftr-links a{ width:100%;}
    .res-btn{ width:100%;}
    ul.photo-gallery li { width:auto; float:none;}
    .rcol { width:100%;}
    #swipebox-action #swipebox-prev, #swipebox-action #swipebox-next, #swipebox-action #swipebox-close{
        width:40px;
        height:40px;
    }
    #swipebox-action #swipebox-close::before, #swipebox-action #swipebox-next::before, #swipebox-action #swipebox-prev::before{
        font-size:1.6em;
    }
    #swipebox-action #swipebox-close{line-height:46px;}
    .location-box:nth-child(even) .location-information, .location-box:nth-child(odd) .location-information { 
        padding:0;
    }
    .attraction-box .attraction-image, .attraction-box .attraction-information, .accomodation-rooms{
        width:100%;
    }
    .attraction-image img{
        margin-bottom:20px;
    }
    .attraction-box:nth-child(even) .attraction-information{
        padding-left:0;
    }
}
@media (max-width: 320px) {
    .welcome span { margin: 5px 0; width: 100%; }
    .welcome-big-img { float: none; margin: 5px 0; width: 100%; }
    .welcome-big-img img { width: 100%; }
    .welcome-small-imgs { float: none; width: 100%; }
    .welcome-small-imgs img { width: 100%; }
    .carousel { display: none; }
    footer .ftr-links a { width: 100%; }
    #swipebox-action #swipebox-next::before, #swipebox-action #swipebox-prev::before{
        font-size:1.3em;
        background:inherit;
        color:#fff;
    }
    #swipebox-action #swipebox-next, #swipebox-action #swipebox-prev{
        background:none;
    }
    .wedding-section img{
        margin:10px auto;
    }
}
@media (max-width: 1600px) {
    /*.reservation { min-height: 432px; }*/
}
@media (min-width: 992px) and (max-width: 1600px) {
.reservation { /*min-height: 432px;*/ }
.main-slider .col-lg-3 { padding-left: 0px; }
.main-slider .col-lg-9 { padding-right: 0px; }

/* inner page css start here */
.inner .reservation{ min-height:inherit;}

/* inner page css end here */
}
@media (min-width: 992px) and (max-width: 1024px) {
    /*.reservation { min-height: 200px; padding-top: 14px; }
    ul.photo-gallery li { width: 22%; }*/
}

@media (max-width: 1199px) {
    .reservation { min-height: inherit; }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .reservation input[type=text], select { font-size:12px;}
    .date-icon{ background-position:7px 5px;}
}