/* responsive ******************************************************************************/
@media (min-width: 1921px) {
  #invest-here .box.box1 {
    align-items: flex-end;
  }
}
/* responsive ******************************************************************************/
@media (max-width: 1599px) {
  #invest-here .box.box1 .text-box {
    padding: 70px 100px;
  }
}
/* responsive ******************************************************************************/
@media (max-width: 1499px) {
  h2 {
    font-size: 46px;
  }
  #invest-here .box.box1 .text-box h2 span {
    font-size: 56px;
  }
  #header .logo-box img {
    max-width: 180px;
  }
  #header .main-nav nav ul li {
    margin-right: 10px;
  }
  #invest-here .box.box1 .text-box {
    padding: 60px 65px;
  }
  #header .container-fluid {
    width: 100%;
    margin: 0 auto;
  }
}
/* responsive ******************************************************************************/
@media (max-width: 1399px) {
  h2 {
    font-size: 42px;
  }
  #invest-here .box.box1 .text-box h2 span {
    font-size: 52px;
  }
  section {
    padding: 70px 0;
  }
  #about-azizi .box.box2 {
    padding: 20px 20px;
  }
  #invest-here .box.box1 .text-box {
    padding: 50px 70px;
  }
}

/* responsive ******************************************************************************/
@media (max-width: 1299px) {
  h2 {
    font-size: 40px;
  }
  #invest-here .box.box1 .text-box h2 span {
    font-size: 48px;
  }
  #header .logo-box img {
    max-width: 165px;
  }
  #about-azizi .box.box2 .text-box {
    margin-bottom: 40px;
  }
  #about-azizi .box.box2 .about-small-bx .box {
    padding: 16px 10px;
  }
  #about-azizi .box.box2 .about-small-bx .box .img-box {
    height: 80px;
  }
  .gallery-tabs-section .img-box img {
    height: 400px;
  }
  #invest-here .box.box1 .text-box {
    padding: 50px 50px;
  }
  #invest-here ul li {
    font-size: 18px;
  }
  #header .main-nav {
    flex-wrap: nowrap;
  }
}

/* responsive ******************************************************************************/
@media (max-width: 1199px) {
  .container {
    max-width: 100%;
  }
  h3 {
    font-size: 34px;
  }
  #header .main-nav nav ul li a {
    font-size: 18px;
  }
  #invest-here .box.box1 .text-box {
    padding: 20px 30px;
  }
  .community-detail-detail-sec .commu-det-det-left,
  .commu-det-det-right {
    width: 100%;
  }
  .community-detail-detail-sec .good-title-box,
  .commu-det-det-left {
    text-align: center;
  }
  .community-detail-detail-sec .community-detail-detail-sec .x-devider {
    display: none;
  }
  .community-detail-detail-sec .commu-det-det-left {
    margin-bottom: 30px;
  }
  .community-detail-detail-sec .container {
    max-width: 100%;
  }

  .community-detail-detail-sec .col-sm-4 {
    width: 100%;
  }
  .community-detail-detail-sec .comm-det-fecilities {
    margin: 15px 0;
  }
  .popup-bg .popup-form {
    width: 70%;
  }
}

/* responsive ******************************************************************************/
@media (max-width: 1079px) {
  h2 {
    font-size: 36px;
  }
  h4 {
    font-size: 30px;
  }
  section {
    padding: 60px 0;
  }
  #header .main-nav nav ul li {
    margin-right: 6px !important;
  }
  #header .main-nav nav ul li a {
    font-size: 16px;
  }
  #invest-here .box.box1 .text-box h2 span {
    font-size: 44px;
  }
  #about-azizi .box.box2 {
    padding: 10px 10px;
  }
  #strategically .located-address .box span {
    font-size: 18px;
  }
  #invest-here .box.box1 .text-box {
    padding: 10px 20px;
  }
  #amenities-wrap .fixed-nav-paralax {
    display: none;
  }
  #amenities-wrap .col-sm-3 {
    display: none;
  }
  #amenities-wrap .col-sm-9 {
    width: 100%;
  }
}

/* responsive ******************************************************************************/
@media (max-width: 991px) {
  h2 {
    font-size: 32px;
  }
  h3 {
    font-size: 30px;
  }
  h4 {
    font-size: 26px;
  }
  #invest-here .box.box1 .text-box h2 span {
    font-size: 40px;
  }
  .mobile {
    display: block !important;
  }
  .desktop {
    display: none !important;
  }
  br {
    display: none;
  }
  .section-heading {
    margin-bottom: 40px;
  }
  .section-heading p {
    font-size: 18px;
  }
  .input-group {
    padding-bottom: 20px;
  }

  /* header responsive */
  #header {
    padding: 15px 0;
  }
  #header .main-nav nav {
    position: fixed;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100vh;
    background: var(--blue-zodiac);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s all ease-in-out;
    z-index: 111;
    padding-top: 50px;
  }
  #header .main-nav nav.show {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  #header .main-nav nav ul li {
    display: block;
    text-align: left;
    padding: 5px 10px;
  }
  #header .main-nav .click-menu,
  #header .main-nav .cancel-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  #header .main-nav .cancel-menu {
    position: fixed;
    top: 20px;
    left: -100%;
    max-width: 30px;
    width: 100%;
    text-align: center;
    z-index: 222;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
  }
  #header .main-nav .cancel-menu.show {
    opacity: 1;
    visibility: visible;
    left: calc(100% - 50px);
  }
  #header .main-nav {
    display: flex;
    flex-direction: row-reverse;
  }
  #header .header-box {
    align-items: flex-start;
  }
  #header .main-nav nav ul li {
    padding: 2px 10px;
  }
  #header .main-nav nav ul li a::before {
    left: 8%;
    right: unset;
    height: 2px;
  }
  #home-banner .enquire-bx {
    padding: 16px 16px;
  }
  #about-azizi .row,
  #invest-here .row {
    row-gap: 30px;
  }
  #about-azizi .box.box1 .img-box img {
    max-width: 55%;
  }
  #about-azizi .box.box2 .about-small-bx .box .img-box img {
    max-width: 80px;
    width: auto;
  }
  #about-azizi .about-small-bx .row {
    row-gap: unset;
  }
  #invest-here ul {
    margin-top: 20px;
  }
  #gallery .btn-wrapper .cmn-btn {
    padding: 9px 17px;
    font-size: 15px;
    margin-bottom: 10px;
    width: 100%;
    margin-right: 0;
  }
  .call-back-btn-bx,
  .whatsapp-btn-box {
    width: 100%;
    display: flex;
  }
  .enquire-form {
    width: 100%;
    right: 0;
    bottom: 0;
    gap: 0;
  }
  .enquire-form a.cmn-btn {
    width: 100%;
    border-radius: 0;
    font-size: 15px;
    animation: none;
    position: relative;
    z-index: 9;
  }
  .call-back-btn-bx {
    border-right: 1px solid #fff;
  }
  .whatsapp-btn-box a svg {
    width: 15px;
  }
  .whatsapp-btn-box a i {
    font-size: 17px;
  }

  .amenitiesToggleList {
    opacity: 0;
    transition: opacity 0.3s ease;
    display: none;
  }

  .amenitiesToggleList.visible {
    display: block;
    opacity: 1;
  }
  .cmn-btn.view-all-btn {
    width: auto;
    max-width: max-content;
    margin: 0 auto;
  }
  .about-small-bx .box .img-box img {
    max-width: 45%;
  }
  #footer {
    margin-bottom: 46px;
  }
  #footer .footer-box .text-box {
    padding: 24px 0;
  }
  /* #footer .footer-box {
    padding-bottom: 60px !important;
  } */
}

/* responsive ******************************************************************************/
@media (max-width: 767px) {
  h3 {
    font-size: 28px;
  }
  .input-group {
    padding-bottom: 12px;
  }
  #header .logo-box img {
    max-width: 145px;
  }
  #home-banner {
    margin-top: -100px;
  }
  #about-azizi .section-heading {
    text-align: center;
  }
  .slider-content {
    text-align: center;
    margin-top: 20px;
  }
  .gallery-tabs-section .nav-tabs {
    overflow: hidden;
    justify-content: flex-start;
    scrollbar-width: thin;
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  .gallery-tabs-section .nav-tabs li.nav-item {
    min-width: 200px;
  }
  .gallery-tabs-section .img-box img {
    height: 300px;
  }
  #gallery .owl-carousel .owl-nav button.owl-prev {
    left: 30px;
  }
  .handover p,
  .slider-content ul h4 {
    justify-content: center;
  }
  .p-range {
    font-size: 13px;
  }
  #amenities .box.box2 {
    padding: 30px 0;
  }
  .about-small-bx .box .img-box img {
    max-width: 80%;
  }
  .slider-content ul {
    margin-bottom: 15px;
  }
  #amenities-wrap .each-amenities {
    padding-top: 40px;
    text-align: center;
  }
  #amenities-wrap .each-amenities .each-amenities-thumb img {
    margin-bottom: 20px;
  }
  .popup-bg .popup-form {
    width: 90%;
    padding: 30px 20px;
  }
  .popup-bg .close-icon {
    /* top: -30px; */
    right: 0px;
  }

  #home-banner .play-icon {
    top: 45%;
    left: 44%;
  }
  #home-banner .play-icon img {
    max-width: 60%;
  }

  #video-modal .modal-header .btn-close {
    background-size: 70% 42%;
    width: 9px;
    height: 9px;
  }

#about-azizi .section-heading .button-box ul {
    justify-content: center;
}

}

/* responsive ******************************************************************************/
@media (max-width: 575px) {
  h2 {
    font-size: 28px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 22px;
  }

  section {
    padding: 50px 0;
  }
  .section-heading {
    margin-bottom: 30px;
  }
  #about-azizi .box.box2 .about-small-bx .box .img-box {
    width: 100%;
  }
  #gallery .btn-wrapper {
    gap: 10px;
  }
  #strategically .located-address {
    margin-top: 20px;
  }
  #gallery .box .img-bx-space {
    margin-bottom: 0;
  }
  #gallery .box .img-box img {
    margin-bottom: 15px !important;
  }
  #enquire-now .form-control-common {
    padding: 10px 20px;
  }
  /* .form-select {
    padding: 10px 20px;
  }*/
  /* Thank you Css ********************************************/
  #thank-you .thank-you-box {
    max-width: 440px;
    padding: 40px 30px;
  }
  #thank-you .thank-you-box .cmn-btn {
    font-size: 14px;
    padding: 10px 24px;
  }

  /* #gallary .parent {
    grid-template-columns: 1fr;
}
#gallary .div5 {
    grid-column-start: 1;
    grid-row-start: 2;
}
#gallary .div3 {
    grid-row: unset;
    grid-column-start: unset;
    grid-row-start: unset;
}

#gallary .div2 {
    grid-column-start: unset;
    grid-row-start: unset;
}
#gallary .div4 {
    grid-column-start: unset;
    grid-row-start: unset;
} */

  #gallary .parent {
    grid-template-columns: 40% 1fr;
    column-gap: 0;
    row-gap: 10px;
    align-items: end;
  }
  #gallary .div5 {
    grid-column-start: 1;
    grid-row-start: 3;
  }
  #gallary .div3 {
    /* grid-row: unset; */
    grid-column-start: 3;
    grid-row-start: 2;
  }

  #gallary .div2 {
    grid-column-start: 3;
    grid-row-start: 1;
  }
  #gallary .div4 {
    grid-column-start: 1;
    grid-row-start: 2;
  }

  #gallary .div2 img {
    max-width: 70%;
    margin-left: auto;
    display: flex;
  }
  #gallary .div1 img {
    max-width: 60%;
  }
  #gallary .div4 img {
    max-width: 70%;
  }
  #gallary .div5 img {
    max-width: 60%;
  }

  #gallary img {
    border-radius: 10px !important;
  }
  .popup-bg .close-icon span {
    width: 30px;
  }

  .popup-bg .title h3 {
    font-size: 24px;
  }
  .popup-bg .title p {
    font-size: 16px;
  }
  .popup-bg .popup-form {
    padding: 24px 20px;
  }

  #key-features .box .icon-box img {
    height: 55px;
    width: 55px;
    margin-right: 16px;
  }

}

/* responsive ******************************************************************************/
@media (max-width: 479px) {
  /* h2 {
    font-size: 25px;
  } */
  h3 {
    font-size: 26px;
  }
  .form-control-common {
    padding: 8px 20px;
  }
  .d-padding {
    padding: 8px 20px 8px 95px !important;
  }
  #enquire-now .form-control-common.d-padding {
    padding: 10px 20px 10px 95px !important;
  }
  #home-banner .enquire-bx .form-select {
    padding: 9px 20px;
  }
  .cmn-btn {
    font-size: 16px;
    padding: 10px 32px;
  }
  #header .logo-box img {
    max-width: 130px;
  }
  #about-azizi .box.box2 .about-small-bx .box {
    padding: 20px 10px;
  }
  #strategically .located-address .box {
    padding: 10px 20px;
    max-width: 260px;
  }
  #invest-here ul li {
    margin-bottom: 8px;
  }
  #invest-here .box.box1 .text-box h2 span {
    font-size: 28px;
  }
  /* #footer .footer-box {
    padding: 24px 0;
  } */
  #footer .footer-box p {
    font-size: 16px;
  }
  #enquire-now .section-heading h3 {
    font-size: 40px;
  }
  #enquire-now .section-heading h3 span {
    font-size: 24px;
  }
  .popup-bg .popup-form input.form-control-common,
  .popup-bg .popup-form select.form-select.select-option {
    padding: 10px 10px;
    font-size: 16px;
  }
  .popup-bg .popup-form input#mobiles-popup {
    padding: 10px 10px 10px 82px !important;
  }
  .popup-bg .popup-form button.cmn-btn {
    padding: 14px 10px;
    font-size: 14px;
  }
  .popup-bg .popup-form {
    width: 95%;
    padding: 20px 10px;
    /* margin: 80px 0 10px; */
    /* margin-top: 30px; */
  }
  .popup-bg {
    overflow: scroll;
  }

  .popup-bg .close-icon {
    top: 18px;
    right: 10px;
  }

  #enquire-now .cmn-btn {
    font-size: 15px;
    padding: 8px 24px;
  }
  .wrapper-form {
    max-height: 85dvh;
  }
}

/* responsive ******************************************************************************/
@media (max-width: 375px) {
  #about-azizi .box.box2 .about-small-bx .box .img-box img {
    max-width: 60px;
  }
}

/* responsive ******************************************************************************/
@media (max-width: 320px) {
  /* h2 {
    font-size: 24px;
  } */
  #invest-here .box.box1 .text-box h2 span {
    font-size: 25px;
  }
  .popup-bg .popup-form input.form-control-common,
  .popup-bg .popup-form select.form-select.select-option {
    padding: 6px 6px;
  }
  .popup-bg .popup-form input#mobiles-popup {
    padding: 6px 10px 6px 82px !important;
  }

  .popup-bg .close-icon {
    top: 7px;
    right: 10px;
  }
}