/* Medium Layout: 1367px. */
@media only screen and (min-width: 1200px) and (max-width: 1367px) {
}

/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    /*home-1*/
    .main-menu ul li a {padding: 10px 16px; }
    .menu-book a {padding: 11px 20px; }
    .pick-room-left .prl-title {font-size: 38px;     line-height: 42px; }
    .gallery-box .gallery-box-content {width: 99%; }
    /*home-3*/
    .menu-area-3 .menu>li a {padding: 20px 16px; }
    .menu-area-3 .menu>li:first-child a {padding: 20px 16px; }
    /*about*/
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /*home-1*/
    header {position: inherit; }
    .pick-room-left {margin: 0 0 60px; }
    .gallery-box .gallery-box-content {width: 80%; }
    .gallery-box .gallery-box-content a {font-size: 14px;     line-height: 14px;     margin: 0 0 5px; }
    .gallery-box .gallery-box-content .gb-title {font-size: 14px;     line-height: 18px;     margin: 0 0 6px; }
    .gallery-box .gallery-box-content .gb-text {line-height: 18px; }
    .event-area {margin: 0 0 100px; }
    .footer-widget {margin: 0 0 30px; }
    /*home-2*/
    .header-top-2 {text-align: center; }
    .logo-2 {text-align: center; }
    .ss2-content {margin: 10px 0 0; }
    .our-contact-box {margin: 0 0 30px; }
    .our-contact-area {padding: 152px 0 49px; }
    /*home-3*/
    .h3-logo {text-align: center; }
    .h3-hero-carousel .owl-nav>div {height: 40px;     line-height: 40px;     width: 40px; }
    .h3-service-box {margin: 0 0 30px; }
    .h3-pick-room-head {margin: 0 0 50px; }
    .h3-room-suits-box {margin: 0 0 30px; }
    /*about*/
    .others-head-area {padding: 150px 0 130px; }
    .oh-title {font-size: 42px;     line-height: 46px; }
    /*gallery-full*/
    .full-gallery-box {width: 50%; }
    /*contact*/
    .ce-box {width: 100%; }
    .error-menu-bg-area {display: none; }
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {}



/* Wide Mobile Layout: 480px. */
/*home-1*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
    header {position: inherit; }
    .header-address {text-align: center;     margin: 0 0 30px; }
    .header-logo {text-align: center;     margin: 0 0 30px; }
    .header-weather {text-align: center; }
    .pick-room-left .prl-title {font-size: 32px;     line-height: 36px; }
    .pick-room-left {margin: 0 0 30px; }
    .special-service-box {margin: auto auto 30px; }
    .ss-view-all {margin: 10px 0 0; }
    .off-book-right {text-align: center;     margin: 30px 0 0; }
    .gallery-box {display: inline-block; }
    .gallery-box .gallery-box-content a {font-size: 14px;     line-height: 14px;     margin: 0 0 6px; }
    .event-area {margin: 0 0 100px; }
    .footer-widget {margin: 0 0 60px; }
    .footer-top-area {padding: 65px 0 0; }
    /*home2*/
    .header-top-2 {text-align: left; }
    .header-address-2 {margin: 0 0 30px; }
    .header-address-2 .ha-icon {margin-right: 10px; }
    .header-weather-2 .hw-icon {margin-right: 10px; }
    .logo-2 {text-align: center; }
    .service-2 {margin: 0 0 30px; }
    .our-contact-box {margin: 0 0 30px; }
    .our-contact-area {padding: 152px 0 49px; }
    .footer-flicker-widget ul li {width: 15%; }
    /*home-3*/
    .h3-logo {text-align: center; }
    .h3-pick-room-left {margin: 0 0 30px; }
    .h3-room-suits-box {display: inline-block;     margin: 0 0 30px; }
    /*about*/
    .others-head-area {padding: 150px 0 130px; }
    .oh-title {font-size: 42px;     line-height: 46px; }
    /*rooms*/
    .page-rooms-area {padding: 80px 0 0; }
    .page-rooms-area .prr-box {margin: 50px 0 120px; }
    /*choose-date*/
    .rh-box {flex: 1 1 50%; }
    .rh-box::after {display: none; }
    .month-box {margin: 0 0 30px; }
    /*gallery-full*/
    .full-gallery-box {width: 50%; }
    /*404*/
    .errors h1 {letter-spacing: 0; }
    .error-menu-bg-area {display: none; }
}

/* Wide Mobile Layout: 480px. */
/*home-1*/
@media only screen and (min-width: 240px) and (max-width: 480px) {
    header {position: inherit; }
    .header-address {text-align: center;     margin: 0 0 30px; }
    .header-logo {text-align: center;     margin: 0 0 30px; }
    .header-weather {text-align: center; }
    .pick-room-left .prl-title {font-size: 32px;     line-height: 36px; }
    .pick-room-left {margin: 0 0 30px; }
    .special-service-box {margin: 0 0 30px; }
    .ss-view-all {margin: 10px 0 0; }
    .off-book-right {text-align: center;     margin: 30px 0 0; }
    .gallery-box {display: inline-block; }
    .gallery-box .gallery-box-content a {font-size: 14px;     line-height: 14px;     margin: 0 0 6px; }
    .event-area {margin: 0 0 100px; }
    .footer-widget {margin: 0 0 60px; }
    .footer-top-area {padding: 65px 0 0; }
    /*home2*/
    .header-top-2 {text-align: left; }
    .header-address-2 {margin: 0 0 30px; }
    .header-address-2 .ha-icon {margin-right: 10px; }
    .header-weather-2 .hw-icon {margin-right: 10px; }
    .logo-2 {text-align: center; }
    .our-contact-box {margin: 0 0 30px; }
    .our-contact-area {padding: 152px 0 49px; }
    /*home-3*/
    .h3-logo {text-align: center; }
    .h3-service-box {margin: 0 0 30px; }
    .h3-service-area {padding: 80px 0 0; }
    .h3-pick-section-title h2,
    .h3-pick-section-title h2 span {;     font-size: 34px;     line-height: 38px; }
    .h3-pick-room-left {margin: 0 0 30px; }
    .h3-pick-form-area {padding: 41px 14px 0; }
    .h3-room-suits-box {margin: 0 0 30px; }
    .h3-room-suits-box .prr-form-area {padding: 42px 10px 30px; }
    /*about*/
    .others-head-area {padding: 150px 0 130px; }
    .oh-title {font-size: 42px;     line-height: 46px; }
    /*staff-details*/
    .page-rooms-area {padding: 80px 0 0; }
    .page-rooms-area .prr-box {margin: 50px 0 270px; }
    .prr-form-area {padding: 40px 20px; }
    /*choose-date*/
    .rh-box {flex: 1 1 50%; }
    .rh-box::after {display: none; }
    .month-box {margin: 0 0 16px; }
    .oh-title {font-size: 28px;     line-height: 32px; }
    /*gallery-full*/
    .full-gallery-box {width: 100%; }
    /*contact*/
    .ce-box {width: 100%; }
    /*error*/
    .errors h1 {font-size: 80px;     line-height: 86px; }
    .error-menu-bg-area {display: none; }
}