@media (max-width: 767px) {
    #homepage_slider .carousel-item .details {
        width: 115px;
        height: 115px;
        background-color: #8E7C7A;
        padding: 15px;
        margin-left: 10%;
        position: inherit;
    }

    #homepage_slider .carousel-item .details .title p {
        font-size: 10px;
        color: white;
    }

    #homepage_slider .carousel-item .details .type p {
        font-size: 10px;
        color: white;
    }

    #homepage_slider .carousel-item .details .type span {
        font-size: 7px;
        color: white;
    }

    #homepage_slider .carousel-item .pd-image {
        padding: 0px 30px 0px 30px;
    }

    #homepage_slider .carousel-item img {
        padding: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .location .location-image img {
        width: 90%;
    }

    .register {
        background-size: cover;
        height: auto;
        min-height: 480px;
    }

    .register .title {
        padding-top: 30px;
    }

    .register form {
        /* width: 60%; */
    }

    .register form label, .form_content {
        text-align: center;
    }

    .siteplan-image img {
        margin-left: -1%;
        width: 66% !important;
        margin-top: -42px;
    }

    #plan .site-title p {
        font-family: "Chapaza";
        font-size: 9px;
        color: #575054;
    }

    #plan .type label {
        font-family: "Chapaza";
        font-size: 9px;
        color: #575054;
    }

    .color-box-1 {
        width: 11px;
        height: 10px;
        background-color: #CFC9BF;
    }

    .color-box-2 {
        width: 11px;
        height: 10px;
        background-color: #C9B6B1;
    }

    .color-box-3 {
        width: 11px;
        height: 10px;
    }

    .mobile-grid {
        position: absolute;
        width: 35%;
        margin-left: 62%;
    }

    .sec-col.mobile {
        margin-top: -10px;
    }

    .type.mobile {
        margin-top: -13px;
    }

    #plan .facilities-details .title p {
        font-family: "Chapaza";
        font-size: 12px !important;
        color: #575054;
    }

    .facilities-details.mobile {
        position: absolute;
        margin-left: -30px;
    }

    #plan .facilities-details .dot {
        height: 15px;
        width: 15px;
        font-size: 9px;
    }

    #plan .facilities-details .name {
        font-family: "timr65w";
        font-size: 9px;
    }

    #plan .facilities-details a.active {
        font-family: "timr65w";
        font-size: 8px;
    }

    .info {
        height: 67vh !important;
    }

    .facilities-details {
        padding-top: 0px !important;
    }

    .siteplan_legend {
        width: 100%;
        margin-right: inherit !important;
    }

    .siteplan_legend .legend_type {
        padding-left: 257px;
        margin-top: -33px;
    }

    #plan .type label .bold {
        font-family: "timr65w";
        font-size: 9px;

    }


    .flipping-box.left-flipping-box {
        margin-left: 0px;
    }

    /* .flipping-box.right-flipping-box {
        margin-left: 0px;
    } */

    .mobile .flipping-box.right-flipping-box {
        margin-left: 0px;
    }


    .btn_gallery_vr {
        width: 90% !important;
    }


    /* .flip_1 .title {
        margin-top: 65%;
    }

    .flip_background_1 {
        font-size: 28px;
    }

    .flip_background_2 {
        font-size: 28px;
    }

    .flip_background_3 {
        font-size: 28px;
    }

    .flip_background_4 {
        font-size: 28px;
    }

    .flip_background_5 {
        font-size: 28px;
    }

    .flip_background_6 {
        font-size: 28px;
    }

    .flip_1_1 .title-2 .des {
        font-size: 13px;
        margin-top: 30px;
        margin-left: 5px;
        text-align: justify;
    }

    .flip_1:hover .title-2 .des {
        font-size: 13px;
        margin-top: 30px;
        margin-left: 5px;
        text-align: justify;
    }

    .register form button {
        width: 45%;
        border-radius: 20px;
        background-color: #625E63;
        color: white;
        border-color: white;
    } */

    .refined_resort {
        height: 280px !important;
    }

    .flip_background_7,
    .flip_background_7_7 {
        height: auto;
    }

    .register form button {
        width: 50%;
    }

    .information {
        padding-top: 0%;
        padding-bottom: 0%;
    }

    .flip_background_7 {
        height: inherit;
    }

    .flipping-box__face {
        position: absolute !important;
        backface-visibility: hidden;
    }


    /* .site-title.mobile {
      margin-left: 260px;
    }
  
    .type.mobile {
      margin-left: 240px;
    } */

    .lSSlideOuter .lSPager.lSpg li:nth-child(5) {
        display: none;
    }

    .content-box {
        height: 30vh;
        padding-right: 0px;
    }

    .content-box .title.fade-in p {
        font-size: 18px;
    }

    .content-box .title.fade-in span {
        font-size: 18px;
    }

    .flip_1 .title {
        line-height: 45px;
        margin-top: 32%;
    }

    .flip_1 .title {
        font-size: 18px;
        margin-top: 35%;
    }

    .flip_1 .title p,
    .flip_2 .title p,
    .flip_3 .title p,
    .flip_4 .title p,
    .flip_5 .title p,
    .flip_6 .title p {
        line-height: 45px;
    }


    .flip_background_1 {
        height: 30vh;
    }

    .flip_background_2 {
        height: 30vh;
    }

    .flip_background_2 .title {
        margin-top: 22%;
    }

    .flip_background_3 {
        height: 30vh;
    }

    .flip_background_3 .title {
        margin-top: 24%;
    }

    .flip_background_4 {
        height: 30vh;
    }

    .flip_background_5 {
        height: 30vh;
    }

    .flip_background_6 {
        height: 30vh;
    }

    .flip_background_1_1 {
        height: 30vh;
    }

    .flip_background_2_2 {
        height: 30vh;
    }

    .flip_background_3_3 {
        height: 30vh;
    }

    .flip_background_4_4 {
        height: 30vh;
    }

    .flip_background_5_5 {
        height: 30vh;
    }

    .flip_background_6_6 {
        height: 30vh;
    }

    .flip_1_1 .title-2 {
        font-size: 10px;
        margin-top: 30px;
        margin-left: 10px;
        padding: 20px;
    }

    .flip_1:hover .title-2 {
        display: block;
        font-size: 10px;
        margin-top: 30px;
        margin-left: 10px;
        padding: 20px;
    }

    .flip_1_1 .title-2 .des {
        font-size: 6px;
        margin-top: 15px;
        margin-left: 0px;
        text-align: justify;
    }

    .flip_1:hover .title-2 .des {
        font-size: 6px;
        margin-top: 15px;
        margin-left: 0px;
        text-align: justify;
    }

    #information {
        background-color: #DDDAD1;
    }

    /* .refined_resort .discover-more-button button {
        background-color: transparent;
        border-color: white;
        border-radius: 20px;
        width: 130px;
        position: absolute;
        margin-top: -15% !important;
        margin-left: 34% !important;
        font-size: 13px !important;
    } */

    #content .discover-more-button button {
        background-color: transparent;
        border-color: white;
        border-radius: 20px;
        width: 80px;
        font-size: 7px;
        height: 21px;
    }

    #content .discover-more-button-flipped button {
        background-color: gray;
        border-color: gray;
        border-radius: 20px;
        width: 80px;
        font-size: 7px;
        height: 21px;
    }

    .refined_resort.latest .discover-more-button {
        margin-top: -12% !important;
        z-index: 999;
        position: relative;
    }

    .refined_resort .discover-more-button button {
        background-color: transparent;
        border-color: white;
        border-radius: 20px;
        width: 100px;
        font-size: 10px;
    }

    #content .discover-more-button.sec {
        padding-bottom: 24%;
    }

    #content .discover-more-button.third {
        padding-bottom: 10% !important;
    }

    .siteplan-image .facilities-details .title {
        margin-top: 12%;
    }

    .flip_1 .title p {
        line-height: 28px !important;
    }

    .flip_1 .title {
        line-height: 28px !important;
    }

    #gallery button.btn_gallery_category {
        padding: 6px 12px 4px 10px;
        font-size: 16px;
        width: 135px;
    }


}

@media (min-device-width: 1280px) {

    .content-box {
        /* height: 70vh !important; */
        /* height: 85vh !important; */
        height: 600px !important;
    }

    /* .refined_resort .discover-more-button button {
        background-color: transparent;
        border-color: white;
        border-radius: 20px;
        width: 150px;
        position: absolute;
        margin-top: -10%;
        margin-left: 47% !important; 
    } */

    /* .refined_resort .discover-more-button button {
    background-color: transparent;
    border-color: white;
    border-radius: 55px;
    width: 500px;
    font-size: 50px;
    height: 120px;
    } */




}

@media (min-device-width: 2560px) {

    .content-box {
        /* height: 70vh !important; */
        /* height: 60vh !important; */
        /* height: 600px !important; */
    }

    .refined_resort .discover-more-button {
        margin-top: -8%;
        z-index: 999;
        position: relative;
    }

    .refined_resort .discover-more-button button {
        background-color: transparent;
        border-color: white;
        border-radius: 50px;
        width: 500px;
        height: 120px;
        font-size: 50px;
    }

}

@media (max-width: 1440px) {

    .content-box {
        /* height: 60vh !important; */
        /* height: 600px !important; */
    }

    /* .flip_background_1 {
        height: 100%;
    }

    .flip_background_1_1 {
        height: 100%;
    }

    .flip_background_2 {
        height: 100%;
    }

    .flip_background_2_2 {
        height: 100%;
    }

    .flip_background_3 {
        height: 100%;
    }

    .flip_background_3_3 {
        height: 100%;
    }

    .flip_background_4 {
        height: 100%;
    }

    .flip_background_4_4 {
        height: 100%;
    }

    .flip_background_5 {
        height: 100%;
    }

    .flip_background_5_5 {
        height: 100%;
    }

    .flip_background_6 {
        height: 100%;
    }

    .flip_background_6_6 {
        height: 100%;
    } */


}

@media (max-width: 400px) {
    .siteplan_legend .legend_type {
        padding-left: 237px;
        margin-top: -33px;
    }
}