@media (max-width: 1440px) {
    .slide-content {
        width: 40%;
    }

    .primary-main.our-offers .slide_item1,
    .our-offers .slide_item1 .slick-list{
        overflow: hidden;
    }

    .our-offers .tagline {
        right: -205px;
    }
}

@media (max-width: 1366px) {
    .reservation > [class*=col-xs-]:nth-child(2):before {
        top: -50px;
        left: -100px;
    }

    .lang_th .our-offers .tagline {
        right: -90px;
        top: 182px;
    }
}

@media (max-width: 1280px) {
    /** HEADER **/
    header {
        padding: 0 80px;
    }

    /** IBE **/
    .reservation > [class*=col-xs-]:nth-child(2) {
        padding: 100px 80px;
    }

    .reservation > [class*=col-xs-]:nth-child(2) ul {
        font-size: 14px;
    }

    .reservation > [class*=col-xs-]:nth-child(2) ul li {
        padding: 0 6px;
    }

    /** SLIDE **/
    .slider-show .item .slide-content,
    .offers-slide {
        left: 80px;
    }

    .social-slide,
    .arrow-slide {
        right: 80px;
    }

    /** BODY **/
    .container {
        width: 100%;
    }

    main, .description_child {
        padding: 80px 0;
    }

    main section {
        padding: 0 80px 80px
    }

    main section:last-child.content-child {
        padding: 80px 80px 0
    }

    .gallery-strip {
        padding: 80px 0 0
    }

    .book-mobile + main > .description_info {
        padding: 80px;
    }

    .contact-form {
        padding: 80px 0 0;
    }

    .map {
        margin-top: 80px;
    }

    .map:after,
    .map:before {
        top: -80px;
    }

    main section:last-child {
        padding: 0 80px;
    }

    .book-mobile + main {
        padding: 0 0 80px;
    }

    main section.description_child.error {
        padding: 80px 0;
    }

    .parallax-small {
        bottom: 80px;
    }

    .parallax {
        padding-bottom: 160px;
    }

    .description_child hgroup {
        width: 70%;
    }

    .parallax, .info-gallery {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .our-offers:before {
        top: -80px;
    }

    .hotline {
        padding: 0 0 80px;
    }

    .contact-hotel {
        padding: 80px 80px 0;
    }

    .copyright {
        margin: 80px 0 0;
    }

    main section.sitemap_description {
        padding-top: 80px;
    }

    .page_info h2 {
        font-size: 40px;
    }

    .slide-stay hgroup h3,
    .room-prev, .room-next {
        font-size: 40px;
    }

    .our-offers .tagline {
        right: -200px;
    }

    .info-gallery img {
        height: 450px;
    }

    .primary-main.our-stay {
        padding: 0 0 240px;
    }

    .slide-imgroom {
        bottom: 160px;
    }

    .slide-imgroom, .slide-imgroom img {
        width: 250px;
        height: 300px;
    }

    .slide-stay a {
        top: 230px;
        bottom: auto;
    }

    .room-prev span, .room-next span {
        top: 273px;
    }
}

@media (max-width: 1200px) {
    /** HEADER **/
    .navbar ul li {
        padding: 0 6px;
    }

    /** BODY **/
    h1 {
        font-size: 50px;
    }

    .map h3 {
        width: 70%;
    }

    .slide-stay hgroup h3,
    .room-prev, .room-next {
        font-size: 40px;
    }

    .our-offers .tagline {
        right: -202px;
    }
}

@media (max-width: 1194px) {
    /** HEADER **/
    .pull-right > div.hamburger {
        display: inline-block;
    }

    .navbar {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(var(--hg-rgba-color-light), 0.9);
        background-size: cover;
        text-align: left;
        font-size: 18px;
        padding: 80px;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        transition: ease-in-out .4s;

    }

    .navbar.active {
        opacity: 1;
        pointer-events: auto;
        background: rgba(var(--hg-rgba-color-light), 1);
    }

    .navbar ul li {
        position: relative;
        width: 100%;
        float: left;
        display: block;
        padding: 10px 0;
        overflow: hidden;
    }


    .navbar ul li > a {
        line-height: normal;
        display: block;
        transform: translateY(200%);
        transition: ease-in-out .5s;

    }

    .navbar.active ul li > a {
        transform: translateY(0);
        transition-delay: 0.6s;
    }

    .navbar.active ul li > a:hover {
        transition: all .4s;
    }

    .ui-icon-plus {
        display: block;
    }

    .navbar .sub-menu {
        position: relative;
        background: none;
        left: auto;
        padding: 0;
        margin: 15px 0 0 30px;
        display: none;
        transform: translateY(0em);
    }

    .navbar .sub-menu li {
        overflow: hidden;
    }

    .navbar .sub-menu.active {
        opacity: 1;
        pointer-events: auto;
        display: block;
    }

    .main-sub:hover .sub-menu {
        opacity: 1;
        pointer-events: auto;
    }

    .navbar .sub-menu figure {
        display: none;
    }

    .menu-mobile {
        display: block;
    }

    /** SLIDE **/
    .slider-show .slide-content label {
        font-size: 32px;
    }

    .slide-content {
        width: 50%;
    }

    /** IBE **/
    .up .t-datepicker-day {
        top: 50px !important;
    }

    .title-ibe h2 {
        font-size: 30px;
    }

    .day {
        font-size: 42px;
    }

    .reservation-check a, .promotion-code input {
        font-size: 36px;
    }

    .style_calendar {
        font-size: 20px;
    }

    .reservation > [class*=col-xs-]:nth-child(2) {
        padding: 80px 50px;
    }

    .reservation > [class*=col-xs-]:nth-child(2) ul li {
        padding: 0 5px;
    }

    .t-check-out .t-datepicker-day {
        left: -70px;
    }

    .input_in_out .check {
        left: 55px;
    }

    /** BODY **/
    .parallax > article {
        height: 450px;
    }

    .gallery-strip .item {
        padding: 0 15px;
    }

    .gallery-strip {
        margin-left: -15px;
        margin-right: -15px;
    }

    .gallery-strip img {
        height: 350px;
    }

    .page_info h2 {
        font-size: 30px;
    }

    .other img {
        height: 350px;
    }

    .description.sitemap_description .image-right {
        height: 400px;
    }

    .gallery-strip .slick-arrow.slick-next {
        right: -10px;
    }

    .gallery-strip .slick-arrow.slick-prev {
        left: -10px;
    }
}

@media (max-width: 1024px) {
    .slide-stay hgroup h3, .room-prev, .room-next {
        font-size: 36px;
    }
    .detail_room ul li {
        padding: 0 10px;
    }
    .detail_room li:nth-child(1) {
        padding: 0 10px 0 0;
    }
}

@media (max-height: 600px) {
    .popup-banner .item-banner {
        width: 500px;
        height: 500px;
    }

    /** IBE **/
    .title-ibe {
        display: none;
    }

}

@media (max-width: 991px) {
    /** HEADER **/
    /** IBE **/
    .reservation > [class*=col-xs-]:nth-child(1) {
        width: 45%;
    }

    #popup_room_list.popup_content {
        max-height: 235px;
    }

    /** BODY **/
    .description_child hgroup {
        width: 100%;
    }

    .room-title {
        display: none;
    }

    .include-room [class*=col-xs-]:nth-child(1) {
        padding-right: 30px;
    }

    .child-item [class*=col-xs-] {
        height: 480px;
    }

    .detail_room ul li {
        padding: 0 6px;
    }

    .detail_room ul li:nth-child(1) {
        padding: 0 6px 0 0;
    }

    .include-room .detail_room li:nth-child(1) {
        padding: 0 0 6px;
    }

    .contact-hotel .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .contact-hotel [class*=col-xs-] {
        padding: 0 15px;
    }


    .social-footer a {
        margin: 3px;
    }

    .copyright {
        padding: 15px 0;
        font-size: 14px;
    }

    .gallery-strip .item:nth-child(even) {
        position: relative;
        margin-top: 50px;
    }

    .parallax-small {
        width: 205px;
        height: 225px;
    }

    .gallery .row-gallery {
        margin-right: -10px;
        margin-left: -10px;
    }

    .album-gallery a {
        padding: 10px;
    }

    .slide-stay .slick-arrow {
        top: 48%;
    }

    .slide-stay .slick-arrow.slick-next {
        right: 80px;
    }

    .slide-stay .slick-arrow.slick-prev {
        left: 80px;
    }

    .sitemap_description img {
        height: 350px;
    }

    .slide-stay a {
        width: 70%;
    }
}

@media (max-width: 820px) {
    /** HEADER **/
    header {
        padding: 0 50px;
    }

    .navbar {
        padding: 100px 50px;
    }

    .pull-right > div.hamburger.active {
        right: 50px;
    }

    /** IBE **/
    .reservation > [class*=col-xs-]:nth-child(1) {
        display: none;
    }

    .reservation > [class*=col-xs-]:nth-child(2) {
        width: 100%;
    }

    .reservation > [class*=col-xs-]:nth-child(2):before {
        top: 100px;
        left: -34px;
    }

    .t-datepicker-day {
        top: 65px;
        left: 0;
    }

    .t-next, .t-prev, .t-table-condensed td, .t-table-condensed th {
        color: #000;
    }

    .t-arrow-top {
        bottom: 3px !important;
    }

    /** SLIDE **/
    .slider-show .item .slide-content,
    .offers-slide {
        left: 50px;
    }

    .social-slide,
    .arrow-slide {
        right: 50px;
    }

    /** BODY **/
    h1 {
        font-size: 36px;
    }

    h2, .other h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 26px;
    }

    main {
        padding: 50px 0;
    }

    .book-mobile + main {
        padding: 0 0 50px;
    }

    .description_child,
    main section:last-child.content-child,
    .book-mobile + main > .description_info {
        padding: 50px;
    }

    .cursor-dot,
    .cursor-dot-outline {
        display: none !important;
    }

    main section {
        padding: 0 50px 50px;
    }

    main section:last-child {
        padding: 0 50px;
    }

    main section.sitemap_description, .map {
        margin-top: 50px;
    }
    main section.description_child.error {
        padding: 50px 0;
    }

    .map:after, .map:before {
        top: -60px;
    }

    .contact-form {
        padding: 25px 0 0;
        text-align: center;
    }

    .map:before {
        height: 300px;
    }

    .contact-form [class*=col-xs-] {
        width: 100%;
    }

    .description .image-left {
        height: 250px;
    }

    .description .image-right,
    .our-offers img {
        height: 350px;
    }

    .description [class*=col-xs-]:nth-child(1) p {
        margin-bottom: 30px;
    }

    .description [class*=col-xs-]:nth-child(2) p {
        margin-top: 30px;
    }

    .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .description [class*=col-xs-], .our-offers [class*=col-xs-],
    .contact-hotel [class*=col-xs-] {
        padding: 0 15px;
    }

    .contact-form [class*=col-xs-] {
        padding: 0 15px;
    }

    .slide-stay .item:before {
        height: 150px;
    }

    .contact-hotel {
        padding: 75px 50px 0;
    }

    .our-offers .slide_item1 .slick-arrow {
        display: block !important;
    }

    .our-offers .slick-slide {
        top: 0;
    }

    .hotline {
        padding: 0 0 50px;
    }

    .contact-hotel [class*=col-xs-] {
        width: 100%;
        text-align: center;
    }

    footer .col-xs-4 {
        display: none;
    }


    .contact-hotel .container .row [class*=col-xs-]:nth-child(1) {
        padding-right: 15px;
    }

    .logo-footer {
        margin-bottom: 15px;
    }


    .social-footer {
        text-align: center;
    }

    .copyright {
        margin: 50px 0 0;
        padding: 25px;
    }

    .description:after {
        bottom: 17px;
        left: -100px;
    }

    .description:before {
        top: -66px;
        right: -134px;
    }

    .slide-stay .slick-arrow i:nth-child(2) {
        display: none;
    }

    .slick-next.slick-arrow:hover i:nth-child(1), .slick-prev.slick-arrow i:nth-child(2),
    .slick-prev.slick-arrow:hover i:nth-child(1) {
        transform: translateX(0);
    }

    .detail_stay li {
        padding: 0 25px;
    }

    .child-item [class*=col-xs-] {
        width: 100%;
    }

    .child-item [class*=col-xs-]:nth-child(2) {
        height: auto;
        display: block;
        padding: 50px 0 0;
    }

    .child-item {
        padding: 50px 0 0;
    }

    .contact-hotel .container .row [class*=col-xs-]:nth-child(2) {
        margin-top: 15px;
    }

    .contact-hotel .container .row [class*=col-xs-]:nth-child(2) p {
        display: block;
    }

    .lang_th .our-offers .tagline {
        top: 110px;
        right: -74px;
    }

    .content {
        width: 100%;
    }

    .parallax {
        padding-bottom: 100px;
    }

    .parallax-small {
        bottom: 50px;
    }

    .map h3 {
        width: 100%;
    }

    .map iframe {
        padding: 25px 0;
    }

    .map iframe {
        height: 450px;
    }

    .slide-stay .slick-arrow.slick-next {
        right: 50px;
    }

    .slide-stay .slick-arrow.slick-prev {
        left: 50px;
    }

    .our-stay .container {
        padding: 0 50px;
    }

    .our-offers .tagline {
        right: -180px;
    }

}

@media (max-width: 768px) {
    /** HEADER **/
    /** IBE **/
    .t-check-out .t-datepicker-day {
        left: 0;
    }

    /** BODY **/
    .our-offers .tagline {
        top: 125px;
    }

    .sitemap_description .container > [class*=col-xs-] {
        width: 100%;
    }

    .sitemap {
        margin: 0 0 50px;
    }

}

@media (max-width: 600px) {
    /** HEADER **/
    header {
        padding: 0 25px;
    }

    .navbar {
        padding: 80px 25px;
    }

    .pull-right > div.hamburger.active {
        right: 25px;
    }

    .lang_parent {
        left: -8px;
    }

    /** IBE **/
    .t-datepicker-day {
        top: 56px;
    }

    .main-slider .reservation-box {
        display: block;
    }

    .pull-right > div.btn-reservation,
    .reservation > [class*=col-xs-]:nth-child(2):before,
    .reservation > [class*=col-xs-]:nth-child(2):after,
    .title-ibe {
        display: none;
    }

    .pull-right > div:nth-last-child(2) {
        margin: 0 0 0 8px;
    }

    .main-slider .reservation-box {
        position: absolute;
        height: auto;
        top: auto;
        bottom: 50px;
        opacity: 1;
        pointer-events: auto;
        background: none;
        z-index: 6;
    }

    .close_box {
        display: none;
    }

    .reservation {
        height: auto;
    }

    .reservation > [class*=col-xs-]:nth-child(2) {
        padding: 25px 25px 0;
        display: block;
    }

    .box-reservation {
        margin: 15px 0 0;
    }

    .box-reservation > div {
        padding: 0;
        margin: 0;
    }

    .box-reservation .box_inout [class*=col-xs-] {
        width: auto;
    }

    .box-reservation .box_inout [class*=col-xs-]:nth-child(2) {
        float: right;
    }

    .box-reservation .box_inout,
    .choose_rooms > div, .promotion-code > div {
        color: #fff;
        padding: 17px 25px 12px;
        margin: 0;
        background: rgba(var(--hg-rgba-color-white), 0.05);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        border-radius: 50px;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .title-ibe h2,
    .title-ibe p {
        color: #fff;
    }

    .content_ibe [class*=col-xs-] {
        width: auto;
        display: inline-block;
    }

    .input_in_out > .check {
        position: relative;
        left: auto;
        font-size: 14px;
        margin: 0 0 4px;
        display: block;
        color: #fff;
    }

    .input_in_out > div .check {
        display: none;
    }

    .day {
        padding: 0;
        margin: 0;
    }

    .style_calendar {
        font-family: var(--hg-font-title);
    }

    .choose_rooms .check, .promocode .check {
        display: none;
    }

    .day, .style_calendar,
    .reservation-check a, .reservation-check .room-wrapper span,
    .promotion-code input {
        font-size: 16px;
    }

    .box-reservation > div.choose_rooms,
    .box-reservation > div.promotion-code {
        width: 40%;
        float: left;
        padding: 0 5px;
        border: none;
    }

    .choose_rooms > div {
        margin-right: -5px;
        margin-left: -5px;
    }

    .reservation-check i {
        height: 13px;
        font-size: 14px;
    }

    .reservation-check .icon-minus {
        right: 16px;
    }

    .reservation-check, #promocode {
        margin: 0;
    }

    .promotion-code input,
    .promocode input::placeholder {
        color: #fff;
    }

    .box-reservation > div.box_book {
        background: none;
        backdrop-filter: none;
        margin: 5px 0 0;
    }

    .box-reservation > div.box_book {
        width: 20%;
        float: left;
        margin: 0;
    }

    .btnbook_reser {
        padding: 15px;
        text-align: center;
        width: 100%;
        font-size: 24px;
    }

    .btnbook_reser label {
        display: none;
    }

    .btnbook_reser .icon-magnifying-glass {
        display: block;
    }

    .up .t-datepicker-day {
        top: auto !important;
        bottom: 70px !important;
    }

    .t-datepicker-day {
        top: 65px !important;
        bottom: auto !important;
    }

    .t-check-out .t-datepicker-day {
        left: -190px;
    }

    .t-arrow-top, .t-arrow-top::after,
    .reservation.up .t-arrow-top, .reservation.up .t-arrow-top::after {
        display: none !important;
    }

    .box_inout {
        position: relative;
        z-index: 9;
    }

    .box_inout .icon-calendar {
        display: block;
        position: absolute;
        font-size: 30px;
        width: 30px;
        height: 30px;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .reservation.up .choose_rooms {
        z-index: 9;
    }

    #popup_room_list.popup_content {
        max-height: 280px;
        margin: 25px 0 45px;
    }

    .book-mobile {
        display: block;
    }

    /** SLIDE **/
    .main-slider {
        overflow: initial;
    }

    .slider-show .item .slide-content,
    .offers-slide, .social-slide {
        display: none;
    }

    .arrow-slide {
        transform: rotate(90deg);
        height: 50px;
        bottom: 0;
        top: 0;
        margin: auto;
        right: -28px;
    }

    .lang_th .arrow-slide {
        right: -17px;
    }

    /** BODY **/
    h1 {
        font-size: 36px;
    }

    h2, .other h2 {
        font-size: 28px;
    }

    main section {
        padding: 0 25px 50px;
    }

    .description [class*=col-xs-]:nth-child(1) {
        padding: 0 15px;
    }

    .description [class*=col-xs-],
    .our-offers [class*=col-xs-] {
        width: 100%;
    }

    .primary-main.our-stay {
        padding: 0 0 200px;
    }

    main section:last-child {
        padding: 0 25px;
    }

    main section:last-child.content-child {
        padding: 50px 25px 0;
    }

    .description_child,
    .book-mobile + main > .description_info,
    main section.description_child.error{
        padding: 50px 25px;
    }

    .gallery-strip {
        padding: 50px 0 0;
    }

    .our-stay .container {
        padding: 0 25px;
    }

    .tagline-offers {
        height: auto;
        display: block;
    }

    .description, .tagline-offers {
        text-align: center;
    }

    .our-offers .slide_item1 {
        padding: 30px 0 0;

    }

    .our-offers .slide_item1 .slick-list {
        overflow: hidden;
    }

    .contact-hotel {
        padding: 75px 25px 0;
    }

    .hotline .tel {
        font-size: 32px;
    }

    .slide-stay hgroup h3, .room-prev, .room-next {
        font-size: 30px;
    }

    #slide-count {
        top: 50px;
    }

    .our-stay hgroup {
        padding: 0;
    }

    .info-gallery .slick-arrow.slick-prev {
        left: 35px;
    }

    .info-gallery .slick-arrow.slick-next {
        right: 35px;
    }

    .slick-arrow.slick-prev {
        left: 15px;
    }

    .slick-arrow.slick-next {
        right: 15px;
    }

    .our-offers .slick-arrow.slick-prev {
        left: 30px;
    }

    .our-offers .slick-arrow.slick-next {
        right: 30px;
    }

    .our-offers .slick-prev, .our-offers .slick-next {
        top: 170px;
    }

    .slide-imgroom,
    .slide-imgroom img,
    .parallax-small {
        width: 215px;
        height: 220px;
    }

    .slide-imgroom {
        bottom: 100px;
    }


    .slide-stay .slick-arrow.slick-next {
        right: 25px;
    }

    .slide-stay .slick-arrow.slick-prev {
        left: 25px;
    }

    .our-offers img {
        height: 300px;
    }

    .our-offers:before {
        height: 400px;
    }

    .description:before {
        top: -66px;
        right: -134px;
        opacity: .4;
        z-index: -1;
    }

    .description:after,
    .description .image-left,
    .description .image-right {
        display: none;
    }

    .slide-stay {
        height: 500px;
    }

    .our-offers .tagline {
        opacity: .1;
    }

    .detail_stay li {
        border: none;
        display: block;
        padding: 10px;
    }

    .child-item [class*=col-xs-] {
        height: 350px;
    }

    .detail_stay {
        padding: 15px 0 0;
    }

    .parallax > article {
        height: 400px;
    }

    .detail_room ul li {
        display: block;
        padding: 5px 0;
    }

    .detail_room ul li:nth-child(1) {
        padding: 0 0 5px;
    }

    .detail_room.detail_fac ul li {
        margin: 0 0 6px;
    }

    .discover_more {
        margin: 0;
    }

    .include-room [class*=col-xs-]:nth-child(1) {
        padding: 0;
    }

    .include-room [class*=col-xs-] {
        width: 100%;
    }

    .other .slick-list {
        overflow: hidden;
        clip-path: none;
    }

    .other .slick-prev, .other .slick-next {
        top: 207px;
        color: #fff;
        background: rgba(255, 255, 255, 0.05);
        transition: all .4s;
    }

    .other .slick-next {
        right: -12px;
    }

    .other .slick-arrow.slick-prev {
        left: -12px;
        right: auto;
    }

    .our-offers:before {
        top: -50px;
        width: 100%;
    }

    .description [class*=col-xs-]:nth-child(2) p {
        margin-top: 0;
    }

    .info-gallery img {
        height: 250px;
    }

    .parallax {
        padding: 0 0 150px;
    }

    .parallax-small {
        bottom: 25px;
    }

    .gallery-strip {
        margin-left: -5px;
        margin-right: -5px;
    }

    .gallery-strip .item {
        padding: 0 5px;
    }

    .gallery-strip img {
        height: 250px;
    }

    .gallery {
        overflow: hidden;
    }

    .gallery .row-gallery .album-gallery {
        column-count: 2;
    }

    .filter-controls ul {
        display: flex;
        flex-direction: column;
    }

    .filter-controls li {
        width: 100%;
        text-align: left;
        display: none;
        margin: 5px 0;
        background: rgba(var(--hg-rgba-color-secondary), 0.15);
    }

    .filter-controls li.active {
        display: block;
    }

    .filter-controls ul.open li {
        display: block;
    }

    .filter-controls li.active:before {
        content: "\e91c";
        font-family: icomoon;
        position: absolute;
        right: 25px;
        font-size: 14px;
        top: 15px;
        transition: all .4s;
        transform: rotate(0deg);
    }

    .filter-controls ul.open li.active:before {
        transform: rotate(180deg);
        transition: all .4s;
    }

    .filter-controls li.active {
        order: -1;
    }

    .map:before {
        height: 500px;
    }

    .sitemap {
        text-align: left;
    }

    .gallery-strip .slick-arrow.slick-next {
        right: -15px;
    }

    .gallery-strip .slick-arrow.slick-prev {
        left: -15px;
    }

    .popup-banner .item-banner {
        width: 80%;
        height: 345px;
    }

    .sitemap_description img {
        height: 200px;
    }

    .sitemap_description .row {
        margin-right: -5px;
        margin-left: -5px;
    }

    .sitemap_description [class*=col-xs-]:nth-child(2) [class*=col-xs-] {
        padding: 0 5px;
    }

    .ui-icon-plus {
        top: -1px;
    }

    .our-offers .tagline {
        display: none;
    }

    .slide-stay a {
        top: 175px;
        width: 50%;
    }
    .error h1 {
        font-size: 100px;
    }

}

@media (max-width: 393px) {
    .box-reservation .box_inout, .choose_rooms > div, .promotion-code > div {
        padding: 12px 20px;
    }

    .reservation-check .icon-minus {
        right: 9px;
    }

    .reservation-check i {
        right: -5px;
    }

    .slick-prev, .slick-next {
        width: 40px;
        height: 40px;
        padding: 12px;
    }

    .map iframe {
        height: 350px;
    }
}

@media (max-width: 375px) {
    .box-reservation > div.choose_rooms, .box-reservation > div.promotion-code {
        width: 50%;
    }

    .box-reservation > div.box_book {
        width: auto;
        margin: 6px 0 0;
        float: none;
    }

    .other img {
        height: 300px;
    }

    .other .slick-prev,
    .other .slick-next {
        top: 173px;
    }

    .slide-stay hgroup h3, .room-prev, .room-next {
        font-size: 26px;
    }
    .link-book {
        width: 70%;
    }
}

@media (max-width: 320px) {
    .navbar-brand img {
        height: 40px;
        margin: 12px 0;
    }

    .box_inout .icon-calendar {
        display: none;
    }

    .parallax > article, .child-item [class*=col-xs-], .hero-slider:before {
        height: 250px;
    }

    .amenities {
        column-count: 1;
    }

    .main-slider .reservation-box {
        bottom: 30px;
    }

    .input_in_out {
        line-height: 1;
    }

    .input_in_out > .check {
        font-size: 12px;
        margin: 0 0 6px;
    }

    .day, .style_calendar, .reservation-check a,
    .reservation-check .room-wrapper span, .promotion-code input {
        font-size: 14px;
    }

    .box-reservation .box_inout, .choose_rooms > div, .promotion-code > div {
        padding: 10px 20px;
    }

    .btnbook_reser {
        padding: 12px;
        font-size: 16px;
    }

    .box-reservation {
        margin: 0;
    }

    .reservation > [class*=col-xs-]:nth-child(2) {
        padding: 0 25px;
    }

    .gallery-strip .item:nth-child(even) {
        margin-top: 0;
    }

    .gallery-strip .slick-prev, .gallery-strip .slick-next {
        top: 58%;
    }

    .mail span {
        font-size: 12px;
    }

    .social-footer a {
        margin: 0;
    }

    .map h3 {
        font-size: 30px;
    }

    .our-offers img {
        height: 250px;
    }

    .our-offers .slick-prev, .our-offers .slick-next {
        top: 155px;
    }

    .slide-stay hgroup h3, .room-prev, .room-next {
        font-size: 22px;
    }

    .slide-stay {
        height: 450px;
    }
    .slide-stay a {
        top: 150px;
    }
    .slide-imgroom, .slide-imgroom img, .parallax-small {
        width: 190px;
        height: 220px;
    }
    .popup-banner .item-banner {
        height: 256px;
    }
}

@media (max-height: 450px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 30px;
    }

    .navbar {
        padding: 60px 25px;
    }

    .navbar ul {
        max-height: 315px;
        overflow: auto;
    }

    .navbar ul li {
        padding: 6px 0;
    }

    .pull-right > div.hamburger.active {
        right: 25px;
    }

    .slider-show .slide-content label {
        font-size: 24px;
    }

    .slider-show:after,
    .offers-slide, .social-slide {
        display: none;
    }

    .slide-content {
        bottom: 70px;
    }

    .room-prev, .room-next {
        top: 277px;
    }

    .slide-stay hgroup h3, .room-prev, .room-next {
        font-size: 32px;
    }

    .detail_stay li {
        padding: 0 25px;
    }

    .reservation > [class*=col-xs-]:nth-child(1) {
        display: none;
    }

    .reservation > [class*=col-xs-]:nth-child(2) {
        width: 100%;
    }

    .reservation > [class*=col-xs-]:nth-child(2):before,
    .reservation > [class*=col-xs-]:nth-child(2):after {
        display: none;
    }

    .reservation-check .room-wrapper span,
    .reservation-check a, .promotion-code input {
        font-size: 30px;
    }

    .box-reservation > div {
        padding: 0 0 10px;
        margin: 0 0 10px;
    }

    .day {
        font-size: 30px;
        margin: 0;
    }

    .main-slider .reservation-box,
    .pull-right > div.modal-reservation,
    .book-mobile {
        display: none;
    }

    .reservation-mobile {
        display: inline-block;
    }


    .slider-show .slide-content label {
        margin: 0;
    }

    .detail_room ul li {
        display: block;
        padding: 6px 0;
    }

    .detail_room ul li:nth-child(1) {
        padding: 6px 0;
    }

    .content {
        width: 100%;
    }
    .popup-banner .item-banner {
        width: 400px;
        height: 400px;
    }

}