/* ---------------------------------------------------
    Responsive
----------------------------------------------------- */
@media (min-width: 576px) {

}

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
        display: none;
    }

    #sidebar.active {
        margin-left: 0;
    }

    #sidebarCollapse span {
        display: none;
    }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (max-width: 1680px) {
    #section4 {
        padding-right: 25px;
        padding-left: 25px;
    }
    .section-content h1 {
        font-size: 4.9rem;
    }
    .owl-slide-content h1 {
        font-size: 1.7rem;
        width: 40% !important;
    }
    .owl-slide-content p {
        font-size: 0.85rem;
    }
    .owl-slide-content div.title-font {
        padding-top: 1rem!important;
        font-size: 0.85rem!important;
    }

    .hexagon-image {
        margin: 60px auto;
        width: 148px;
        height: 85px;
    }

    .hexagon-image .hexagon-image-face1:before {
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: rotate(-60deg) translate(-75px,0);
        -ms-transform: rotate(-60deg) translate(-75px,0);
        transform: rotate(-60deg) translate(-75px,0);
    }

    .hexagon-image .hexagon-image-face2:before {
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: rotate(60deg) translate(75px,0);
        -ms-transform: rotate(60deg) translate(75px,0);
        transform: rotate(60deg) translate(75px,0);
    }

    .hexagon-image .hexagon-image-face1:before,
    .hexagon-image .hexagon-image-face2:before {
        width: 150px;
        height: 170px;
    }

    .infrastructure-col {
        width: 18%;
    }

    .infrastructure-box {
        min-height: 380px;
    }

    .infrastructure-box h1 {
        font-size: 1rem;
        padding-top: 10px;
    }

    .infrastructure-box p {
        font-size: .85rem;
        line-height: 1.4;
    }

    .infrastructure-box .card-body {
        padding: 0.75rem;
    }
}

@media (max-width: 1440px) {
    #section4 {
        padding-right: 25px;
        padding-left: 25px;
    }
    .section-content h1 {
        font-size: 4.9rem;
    }
    .owl-slide-content h1 {
        font-size: 1.7rem;
        width: 40% !important;
    }
    .owl-slide-content p {
        font-size: 0.85rem;
    }
    .owl-slide-content div.title-font {
        padding-top: 1rem!important;
        font-size: 0.85rem!important;
    }

    .hexagon-image {
        position: relative;
        margin: 40px auto;
        width: 105px;
        height: 60px;
        background-position: center center;
        z-index: 1;
    }

    .hexagon-image .hexagon-image-face1:before {
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: rotate(-60deg) translate(-75px,0);
        -ms-transform: rotate(-60deg) translate(-75px,0);
        transform: rotate(-60deg) translate(-75px,0);
    }

    .hexagon-image .hexagon-image-face2:before {
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: rotate(60deg) translate(75px,0);
        -ms-transform: rotate(60deg) translate(75px,0);
        transform: rotate(60deg) translate(75px,0);
    }

    .hexagon-image .hexagon-image-face1:before,
    .hexagon-image .hexagon-image-face2:before {
        width: 150px;
        height: 120px;
    }

    .infrastructure-col {
        width: 18%;
    }

    .infrastructure-box {
        min-height: 320px;
    }

    .infrastructure-box h1 {
        font-size: 0.9rem;
        padding-top: 10px;
    }

    .infrastructure-box p {
        font-size: .85rem;
        line-height: 1.4;
    }

    .infrastructure-box .card-body {
        padding: 0.65rem;
    }
    .villa-deck-title {
        font-size: 40px;
    }
    .villa-info-text-box {
        margin-left: 100px;
    }
    .villa-2-image > img {
        height: auto;
        width: 100%;
    }

    .home_info_img {
        width: 30%;
        left: 18%;
        top: 1%;
        height: 35%;
    }

    .home_info_text h1 {
      font-size: 1.25em;
      padding-bottom: 0.25rem!important;
    }

    .home_info_text p {
      font-size: 0.75em;
      line-height: .45em;
    }

    .home_info_text {
        position: absolute;
        left: 46%;
        bottom: 63%;
        min-width: 400px;
        min-height: 250px;
        height: auto;
        padding: 15px;
        padding-left: 30px;
    }
}

@media (max-width: 1368px) {
    #section4 {
        padding-right: 25px;
        padding-left: 25px;
    }
    #section4 h1.section_title {
      font-size: 1.7rem;
      padding-left: 20px;
    }
    #section5 .section-map-box h1 {
      font-size: 2rem;
    }
    #section5 .section-map-box {
      position: absolute;
      background-color: #023e5a;
      padding: 15px;
      top: 34%;
      right: 5%;
      max-width: 43%;
    }
    .section-content h1 {
        font-size: 4.9rem;
    }
    .owl-slide-content h1 {
        font-size: 1.7rem;
        width: 40% !important;
    }
    .owl-slide-content p {
        font-size: 0.85rem;
    }
    .owl-slide-content div.title-font {
        padding-top: 1rem!important;
        font-size: 0.85rem!important;
    }

    .hexagon-image {
        position: relative;
        margin: 40px auto;
        width: 105px;
        height: 60px;
        background-position: center center;
        z-index: 1;
    }

    .hexagon-image .hexagon-image-face1:before {
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: rotate(-60deg) translate(-75px,0);
        -ms-transform: rotate(-60deg) translate(-75px,0);
        transform: rotate(-60deg) translate(-75px,0);
    }

    .hexagon-image .hexagon-image-face2:before {
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: rotate(60deg) translate(75px,0);
        -ms-transform: rotate(60deg) translate(75px,0);
        transform: rotate(60deg) translate(75px,0);
    }

    .hexagon-image .hexagon-image-face1:before,
    .hexagon-image .hexagon-image-face2:before {
        width: 150px;
        height: 120px;
    }

    .infrastructure-col {
        width: 18%;
    }

    .infrastructure-box h1 {
        font-size: 0.75rem;
        padding-top: 10px;
    }

    .infrastructure-box p {
        font-size: .75rem;
        line-height: 1.2;
    }

    .infrastructure-box .card-body {
        padding: 0.65rem;
    }
    .infrastructure-box {
        min-height: 290px;
    }
    .floors_list_2 {
        right: -3.5rem;
        padding: 30px;
        width: 100px;
        height: 160px;
    }
    .floors_switcher_box ul li.active,
    .floors_switcher_box ul li:active,
    .floors_switcher_box ul li:focus,
    .floors_switcher_box ul li:hover {
        font-size: 35px;
    }
    .floors_switcher_box ul li {
        font-size: 30px;
    }
    .floors_switcher_box ul li.active a::before {
        width: 20px;
    }
    .floors_switcher_box ul li.active a::after {
      width: 20px;
    }
    .build-modal-texts {
      width: 30%;
      margin-top: 20px;
    }

    .build-modal-texts h1 {
      font-size: 0.9rem;
    }

    .build-modal-texts p {
      font-size: 0.75rem;
    }

    .modal-divider {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .villa-box-1 {
      height: 220px;
    }
    .villa-2-table p,
    .villa-info-table p {
      line-height: 10px;
      font-size: 0.85rem;
    }
    .villa-info-intro h2 {
      font-size: 4.4rem;
      margin-bottom: 0;
    }
    .villa-info-table {
        margin-left: 40px;
    }
    .villa-box-1::after {
      height: 220px;
    }
    .single-building-image > img {
      top: -155px;
    }
    .single-building-image-fix > img {
        top: -64px;
        width: 96%;
    }
    .villa-info-intro h2 span {
      font-size: 5rem!important;
    }
    .villa-deck-title {
      font-size: 1.7rem;
      padding-bottom: 15px;
    }
    .villa-info-text-box > a:not(.villa-3-box) {
      font-size: 15px;
    }
    .villa-info-text-box > a:not(.villa-3-box)::after {
          top: 25px;
    }
    #single-item-bg-floor-2 {
      height: 320px;
    }
    #single-item-bg-floor-3 {
      height: 320px;
    }
    .villa-boxes-shape {
      margin-top: -70px;
      border-width: 0 500px 400px 0;
    }
    .villa-3-image > img {
      height: 420px;
      position: relative;
      top: -75px;
    }
    a.villa-3-box {
      font-size: 15px;
      padding-left: 100px;
    }
    .villa-info-text-box {
        margin-left: 100px;
    }
    .gallery-title {
        font-size: 35px;
    }
    .home_info_only_text {
      bottom: 87%;
      min-height: auto;
      min-width: 320px;
    }
    #section5 .section-map-box .section-map-box-content h1 {
      padding-left: 45px;
    }
}