@media only screen and (min-width: 1600px) {}

@media only screen and (min-width: 1400px) {}

@media only screen and (max-width: 1200px) {

    /* html,
    body {
        overflow-x: hidden;
    } */
    .hm-checking-form .container {
        max-width: 850px;
    }

    .apartment-slider  .slick-prev {
        left: -10px !important;
    }

    .apartment-slider  .slick-next {
        right: -10px !important;
    }
    .quick-c-image {
        width: 650px;
        overflow: hidden;
    }
    .apartment-intro p {
        max-width: 890px;
    }
    .facilities-option a {
        margin-right: 20px;
    }
    .facility-image:before {
        width: 497px;
    }
    .food-options-detail p {
        max-width: 80%;
    }
    .ex-content-wrap a {      
        font-size: 22px;
        max-width: 100%;      
    }
    .ex-content-wrap {
        padding: 25px;
    }
    .c-detail-block {
        width: 350px;
    }
    .c-detail-row {
        margin-bottom: 16px;
    }
}

@media only screen and (max-width:1024px) {
    .menu>ul>li {
        padding: 0 16px 38px;
    }
    .logo img {
        max-width: 90%;
        transition: 0.5s;
    }
    section.our-facilities {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .slick-prev {
        left: -10px;
    }
    .slick-next {
        right: -10px;
    }
    .c-social a img {
        width: 33px;
        height: 36px;
    }
    section.f-bookwrap {
        margin-top: 0;
    }
    .intro-wrap {
        margin: 0 auto 80px auto;
    }
}

@media only screen and (max-width:991px) {
    body.fixed {
        overflow: hidden;
    }
    button.navbar-toggler {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }
    .topmenu-wrap {
        left: -45px;
    }

    .scrolled button.navbar-toggler {
        top: 67px;
    }

    a.logo {
        transform: scale(0.8);
        margin-top: -15px;
    }
    a.top-call {
        top: 5px;
    }

    .f-image {
        height: 390px;
    }
    .f-contents h5 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .f-contents p {
        max-width: 300px;
    }
    section.hm-apartment {
        padding-bottom: 32px;
    }
    section.our-facilities {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .quick-c-image img {
        max-width: 100%;
    }
    .quick-c-image img {
        max-width: 100%;
        height: 553px;
        object-fit: cover;
    }
    .quick-c-image {
        width: 420px;
        overflow: unset;
        height: 469px;
        object-fit: cover;
    }
    .quick-contact-form-wrap {
        padding-left: 195px;
        height: 100%;
        padding-bottom: 44px;
    }
    .footer-links ul li {
        margin-right: 20px;
    }
    .inner-banner-contents {
        height: 300px;
    }
    .quick-col {
        width: auto;
    }
    .facility-details {
        padding: 45px 19px;
    }
    .facilities-option a {
        margin-right: 12px;
    }
    .facility-details p {
        max-width: 460px;
        margin-bottom: 15px;
    }
    .facilities-row:last-child {
        margin-bottom: 60px;
    }
    .facilities-tap-wrap .nav-link {
        padding: 17px 30px;
    }
    .tabrow-wrap .tabrows:nth-child(even) .order1 .tabrow-contents {
        left: -270px;
    }
    .tabrow-contents {
        padding: 21px 25px;
        width: 495px;
    }
    .tabrow-contents h4 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .tabrow-contents p {      
        font-size: 16px;
        line-height: 27px;
    }
    .checkavailable-wrapper .container {
        max-width: 695px;
        margin: 0 auto;
    }
    .option-row h6 {
        font-size: 17px;
    }

    .offerslider .slick-prev {
        left: -10px;
    }

    .offerslider .slick-next {
        right: -10px;
    }
    .offerslider .slick-prev, .offerslider .slick-next {
        top: 300px;
    }
    .page-template-page-offers  .offerslider .slick-prev, .page-template-page-offers  .offerslider .slick-next {
        top: 182px;
    }
    .contact-wrap h4 {
        font-size: 36px;
        line-height: 50px;
    }
    .c-follow h5 {
        left: -36px;
    }
    .cmap {
        position: relative;
        display: block;
        margin: 0 6px 0 0;
        float: right;
        width: 84%;
    }
    .c-detail-row p, .c-detail-row a {
        font-size: 16px;
    }
    .c-detail-block {
        padding-right: 75px;
    }
    .c-detail-row h5 {
        font-size: 21px;
        margin-bottom: 0;
    }
    section.c-map-wrap {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    section.c-form-wrap {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hm-banner-conntents h1 {
        font-size: 38px;
        line-height: 41px;
        margin: 0 auto 30px auto;
    }
    button.btn.btn-primary.search {
        width: 100%;
    }
    .hm-banner-conntents {
        top: 64%;
    }
    .apartment-slider  .slick-next, .apartment-slider .slick-prev {
        top: 191px;
    }
    .testimonial-iinfo {
        flex-direction: column;
    }
    .testimonial-image {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .footer-links ul a {
        font-size: 15px;
    }
    .scrolled a.logo {
        left: -28px;
    }
    .food-options-detail {
        padding: 50px 40px 10px 40px;
    }

    .food-options {
        margin-bottom: 40px;
    }
    .ex-content-wrap a {
        font-size: 21px;
        max-width: 87%;
        pointer-events: none;
    }
    .ex-content-wrap a:after {
        right: -50px;
        width: 20px;
    }
    
}

@media only screen and (max-width: 767px) {
    html{
        overflow-x: hidden;
    }
    .menu.open>ul {
        left: -225px;
        top: -21px;
    }
    a.top-call {
        color: transparent;
        width: 1px;
        height: 1px;
    }
    a.top-call:before {
        top: -12px;
        left: -3px;
    }

    .walkthotugh-wrap h5 {
        font-size: 31px;
        line-height: 38px;
        max-width: 98%;
        margin-bottom: 42px;
    }

    .walkthotugh-wrap {
        height: 500px;
    }
    section.apartment-walkthrough {
        height: 567px;
    }
    .facility-row-wrap:nth-child(even) .order1 {
        order: 1;
    }
    .facility-row-wrap:nth-child(even) .order2 {
        order: 2;
    }
    .f-contents p {
        max-width: 95%;
    }
    .f-contents {
        padding: 20px 0;
    }
    .intro-wrap {
        margin: 30px auto 80px auto;
    }

    .testimonial-slider .slick-next {
        right: 0;
    }

    .testimonial-slider .slick-prev {
        left: 0;
    }
    .testimonial-slider .slick-next:before {
        content: url(../img/apartment-slider-next.png);
        opacity: 1;
    }
    .testimonial-slider .slick-prev:before {
        content: url(../img/apartment-slider-prv.png);
        opacity: 1;
    }
    .quick-c-image {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }
    .quick-contact-form-wrap:after{
        display: none;
    }
    .quick-contact-form-wrap {
        height: 100%;
        padding: 26px;
    }

    .quick-contact-form-wrap h3 {
        font-size: 35px;     
        margin-bottom: 45px;
    }
    .quick-contact-form-wrap p {
        max-width: 100%;
    }
    .quick-contact-form-wrap h3 {
        font-size: 35px;
        padding-top: 0;
        text-align: center;
    }
    .quick-contact-form-wrap h3:after {
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%);
    }
    .send {      
        width: 100%;     
        margin-top: 20px;
    }
    section.quick-contacts {
        margin-bottom: 15px;
    }

    .inner-banner-contents {
        height: 242px;
    }
    .apartment-intro {
        padding-top: 32px;
    }
    .breadscrumb-wrap {
        margin-top: 40px;
    }
    .facility-image img {
        height: 100%;
        object-fit: cover;
        max-width: 100%;
    }
    .facilities-tap-wrap .nav-link {
        padding: 17px 12px;
    }
    .tabwrapper-intro h2 {
        font-size: 28px;
        line-height: 41px;
    }
    .tabrow-contents {
        padding: 21px 25px;
        width: 100%;
        position: relative;
    }
    .tabrow-wrap .tabrows:nth-child(even) .order1 .tabrow-contents {
        left: 0;
    }
    .tabrow-wrap .tabrows:nth-child(even) .order1 {
        order: 1;
    }
    .tabrows {
        position: relative;
        display: block;
        padding-top: 15px;
    }
    .tabrow-wrap {
        padding-bottom: 30px;
    }
    .top-social.foot {
        text-align: center;
        padding-left: 0;
    }
    .footer-links ul {
        margin-bottom: 18px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-links ul li {
        margin-right: 0;
        margin: 7px 10px;
    }
    .footer-container {
        padding: 32px 0;
    }
    .copyright {
        flex-direction: column;
    }
    .inner-banner-contents h1 {
        font-size: 35px;
    }
    .apartment-intro {
        margin-bottom: 30px;
    }
    .food-options-detail p {
        max-width: 100%;
    }
    .supuncafe-slider {
        margin-top: 0;
        margin-left: 0;
    }
    .supuncafe-slider img {
        display: block;
        max-width: 100%;
    }
    .food-options-detail {
        padding: 50px 40px 20px 40px;
    }
    .food-options {
        margin-bottom: 30px;
    }
    .supuncafe-slider ul.slick-dots {
        text-align: center;
        right: 0;
        top: 22px;
        position: relative;
    }
    .supuncafe-slider .slick-prev {
        left: 18px;
    }
    .supuncafe-slider .slick-next {
        right: 18px;
    }
    .scrolled button.navbar-toggler {
        top: 60px;
    }
    .c-detail-block {
        width: 100%;
    }

    section.c-map-wrap {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .contact-wrap {
        margin-top: 0;
    }

    .contact-wrap h4 {
        font-size: 28px;
        line-height: 38px;
        text-align: center;
        margin-bottom: 25px;
    }
    .cmap iframe {
        height: 320px;
        margin-top: 40px;
    }
    section.c-form-wrap {
        padding-top: 30px;
    }
    .cform-intro {
        padding: 24px 20px;
        margin-bottom: 30px;
    }
    .cform-intro h4 {
        margin-bottom: 15px;
        text-align: center;
    }
    .cform-intro p {
        line-height: 28px;
    }
    .c-follow h5 {
        left: 0;
        margin-top: 0;
        transform: rotate(0deg);
        margin: 0 auto 30px auto;
    }
    .c-social {
        flex-direction: row;
    }
    .c-follow {
        position: relative;
        display: flex;
        max-width: 100%;
        flex-direction: column-reverse;
    }
    .submit {
        width: 100%;
    }
    .c-detail-row p, .c-detail-row a {
        font-size: 20px;
    }
    .cmap {
        margin: 0;
        width: 100%;
    }
    .cform input.form-control {
        margin-bottom: 0;
    }

    .c-form-wrap .wpcf7-spinner {
        position: absolute;
        top: 48px;
        left: 0;
    }
    .contact-wrap h4 br {
        display: none;
    }
    section.c-form-wrap {
        padding-bottom: 30px;
    }
    .row.g-3.gapfix {
        margin-top: 0;
    }
    form.wpcf7-form.invalid .col-md-6 {
        margin-top: 0;
    }
    .quick-c-image {
        margin-top: 15px;
    }
    .quick-form .wpcf7-spinner {
        top: 34px;
    }

    section.hm-apartment {
        padding-bottom: 25px;
    }
    .facilities-row {
        margin: 0 auto 73px auto;
    }
    .tabwrapper-intro {
        margin: 0 auto 25px auto;
    }

    .page-template-page-offers  .offerslider .slick-prev, .page-template-page-offers  .offerslider .slick-next {
        top: 293px;
    }


}

@media only screen and (max-width: 360px) {

}