@media only screen and (min-width: 280px) {
    .booking-form-inner h2 {
        font-size: 30px;
        text-align: center;
    }
    .booking-form-inner {
        flex-direction: column;
    }
    .latest-blog .slick-list,
    .room-slider .slick-list,
    .testimonial-section .slick-list {
        margin: 0px;
    }
    .booking-form-inner .main-btn {
        padding: 0;
        display: block !important;
    }
    .contact-part .contact-maps {
        height: 300px;
        width: 100%;
    }
    .contact-info .icon {
        width: max-content;
        margin: 0 auto;
        display: block;
    }
    .contact-part .contact-form {
        padding: 15px;
        margin-bottom: 1.5rem;
    }
    .banner-area .slick-arrow {
        display: none !important;
    }
    .header-three .contact-list {
        display: flex;
        flex-direction: column;
    }
    .contact-information a {
        display: block;
        font-size: 0.8rem !important;
    }
    .contact-numbers {
        display: none !important;
    }
    .room-slider .slick-track {
        padding-bottom: 7rem;
    }
    .room-slider .rooms-slider-two .single-rooms-box .room-desc {
        bottom: -226px;
    }
    .counter-section table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 575px) {
    .booking-form-inner h2 {
        font-size: 30px;
        text-align: center;
    }
    .booking-form-inner {
        flex-direction: column;
    }
    .latest-blog .slick-list,
    .room-slider .slick-list,
    .testimonial-section .slick-list {
        margin: 0px;
    }
    .booking-form-inner .main-btn {
        padding: 0;
        display: block !important;
    }
    .contact-part .contact-maps {
        height: 300px;
        width: 100%;
    }
    .contact-info .icon {
        width: max-content;
        margin: 0 auto;
        display: block;
    }
    .contact-part .contact-form {
        padding: 15px;
        margin-bottom: 1.5rem;
    }
    .banner-area .slick-arrow {
        display: none !important;
    }
    .header-three .contact-list {
        display: flex;
        flex-direction: column;
    }
    .contact-information a {
        display: block;
        font-size: 0.8rem !important;
    }
    .contact-numbers {
        display: none !important;
    }
    .room-slider .slick-track {
        padding-bottom: 7rem;
    }
    .room-slider .rooms-slider-two .single-rooms-box .room-desc {
        bottom: -226px;
    }
    .counter-section table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    .counter-section table {
        display: block;
        overflow-x: nowrap;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 767px) {
    .booking-form-inner h2 {
        text-align: left;
        font-size: 30px;
    }
    .booking-form-inner {
        flex-direction: row;
    }
    .latest-blog .slick-list,
    .room-slider .slick-list,
    .testimonial-section .slick-list {
        margin: 0px;
    }
    .contact-part .contact-maps {
        height: 300px;
        width: 100%;
    }
    .contact-info .icon {
        width: max-content;
        margin: 0 auto;
        display: block;
    }
    .contact-part .contact-form {
        padding: 30px;
    }
    .banner-area .slick-arrow {
        display: block !important;
    }
    .header-three .contact-list {
        display: flex;
        flex-direction: row;
    }
    .contact-information a {
        display: block;
        font-size: 0.8rem !important;
    }
    .contact-numbers {
        display: none !important;
    }
    .room-slider .slick-track {
        padding-bottom: 7rem;
    }
    .room-slider .rooms-slider-two .single-rooms-box .room-desc {
        bottom: -226px;
    }
    .counter-section table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    .counter-section table {
        display: block;
        overflow-x: nowrap;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 991px) {
    .booking-form-inner h2 {
        text-align: left;
        font-size: 36px;
    }
    .booking-form-inner {
        flex-direction: row;
    }
    .latest-blog .slick-list,
    .room-slider .slick-list,
    .testimonial-section .slick-list {
        margin: 0px;
    }
    .contact-part .contact-maps {
        height: 700px;
        width: 100%;
    }
    .contact-info .icon {
        width: max-content;
        margin: 0 auto;
        display: block;
    }
    .contact-part .contact-form {
        padding: 30px;
    }
    .banner-area .slick-arrow {
        display: block !important;
    }
    .header-three .contact-list {
        display: flex;
        flex-direction: row;
    }
    .contact-information a {
        display: none;
        font-size: 0.8rem !important;
    }
    .contact-numbers {
        display: block !important;
    }
    .counter-section table {
        display: block;
        overflow-x: nowrap;
        white-space: revert;
    }
}

@media only screen and (min-width: 1199px) {
    .booking-form-inner h2 {
        text-align: left;
        font-size: 36px;
    }
    .booking-form-inner {
        flex-direction: row;
    }
    .latest-blog .slick-list,
    .room-slider .slick-list,
    .testimonial-section .slick-list {
        margin: 0px;
    }
    .contact-part .contact-maps {
        height: 700px;
        width: 100%;
    }
    .contact-info .icon {
        width: max-content;
        margin: 0 auto;
        display: block;
    }
    .contact-part .contact-form {
        padding: 40px;
    }
    .banner-area .slick-arrow {
        display: block !important;
    }
    .header-three .contact-list {
        display: flex;
        flex-direction: row;
    }
    .contact-information a {
        display: none;
        font-size: 0.8rem !important;
    }
    .contact-numbers {
        display: block !important;
    }
    .counter-section table {
        display: block;
        overflow-x: nowrap;
        white-space: revert;
    }
}

@media only screen and (min-width: 1399px) {
    .booking-form-inner h2 {
        text-align: left;
        font-size: 36px;
    }
    .booking-form-inner {
        flex-direction: row;
    }
    .latest-blog .slick-list,
    .room-slider .slick-list,
    .testimonial-section .slick-list {
        margin: 0px;
    }
    .contact-part .contact-maps {
        height: 700px;
        width: 100%;
    }
    .contact-info .icon {
        width: max-content;
        margin: 0 auto;
        display: block;
    }
    .contact-part .contact-form {
        padding: 40px;
    }
    .banner-area .slick-arrow {
        display: block !important;
    }
    .header-three .contact-list {
        display: flex;
        flex-direction: row;
    }
    .contact-information a {
        display: none;
        font-size: 0.8rem !important;
    }
    .contact-numbers {
        display: block !important;
    }
    .counter-section table {
        display: block;
        overflow-x: nowrap;
        white-space: revert;
    }
}

@media only screen and (min-width: 1400px) {
    .booking-form-inner h2 {
        text-align: left;
        font-size: 36px;
    }
    .booking-form-inner {
        flex-direction: row;
    }
    .latest-blog .slick-list,
    .room-slider .slick-list,
    .testimonial-section .slick-list {
        margin: 0px;
    }
    .contact-part .contact-maps {
        height: 700px;
        width: 100%;
    }
    .contact-info .icon {
        width: max-content;
        margin: 0 auto;
        display: block;
    }
    .contact-part .contact-form {
        padding: 40px;
    }
    .banner-area .slick-arrow {
        display: block !important;
    }
    .header-three .contact-list {
        display: flex;
        flex-direction: row;
    }
    .contact-information a {
        display: none;
        font-size: 0.8rem !important;
    }
    .contact-numbers {
        display: block !important;
    }
    .counter-section table {
        display: block;
        overflow-x: nowrap;
        white-space: revert;
    }
}