@media screen and (max-width: 1599px) {
  .map-content {
    position: absolute;
    top: auto;
    bottom: 2rem;
    left: 2rem;
  }
}

@media screen and (min-width: 1400px) {
  .container {
    max-width: 90.5%;
  }
}

@media screen and (max-width: 1499px) {
  .transform-heading {
    letter-spacing: 18px;
  }
}

@media screen and (max-width: 1399px) {
  .search-content button {
    font-size: 1.7rem;
    letter-spacing: 0.8px;
  }

  .thumb-text-box::after {
    height: 0.2rem;
  }

  .transform-heading {
    letter-spacing: 16px;
  }
}

@media screen and (max-width: 1299px) {
  .transform-heading {
    letter-spacing: 15px;
  }
}

/* min-width 1200px */
/* @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .search-content button {
      font-size: 1.7rem;
      letter-spacing: 0.8px;
    }
  } */

@media screen and (max-width: 1199px) {
  /* .featured-area .swiper-button-prev {
    left: calc(50% - 50px);
  }

  .featured-area .swiper-button-next {
    right: calc(50% - 50px);
  } */

  .featured-sold-wrap svg {
    width: 70%;
  }

  .project-items.project-sold-out .featured-sold-wrap svg {
    width: 70%;
  }

  .project-banner-upper-desc::after {
    width: 100%;
    max-width: 117.3rem;
  }

  .footer__sticky__nav li {
    margin-bottom: 2rem;
  }

  .sticky__nav_icon {
    width: 11.6rem;
    height: 11.6rem;
  }

  .thumb-text-box {
    padding: 2.8rem 2rem;
  }

  .explore-btn {
    margin-top: 1.6rem;
  }

  .transform-heading {
    letter-spacing: 13px;
  }
}

@media screen and (max-width: 991px) {
  html {
    font-size: 62.5%;
  }

  .tabs-nav {
    display: none;
  }

  .tabs-content .tab-content-items:not(:first-child) {
    display: block;
  }

  .tabs-content .tab-content-items:not(:last-child) .tab-accordion-heading {
    margin-bottom: 1.6rem;
  }

  .tabs-content .tab-content-items .tab-accordion-heading.active {
    margin-bottom: 0rem;
  }

  .tab-content-items .tab-accordion-heading {
    display: block;
  }

  .tab-content-section {
    position: relative;
    display: none;
    border: 0.1rem solid #7c7c7e;
    border-top: none;
    padding: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1.6rem;
  }

  .featured-area .swiper-button-prev {
    left: calc(50% - 35px);
  }

  .featured-area .swiper-button-next {
    right: calc(50% - 35px);
  }

  .plans-area ul.tabs {
    display: none;
  }

  .plans-area .tab_drawer_heading {
    margin: 0;
    padding: 5px 20px;
    display: block;
    position: relative;
    padding: 1.5rem;
    cursor: pointer;
    color: #7c7c7e;
    text-align: center;
    font-family: var(--number-font);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3rem;
    padding-right: 3rem;
    border: 0.1rem solid #7c7c7e;
    margin-bottom: 1.5rem;
  }

  .tab_drawer_heading.d_active {
    margin: 0;
  }

  /* HEADER */
  .navigation-bar .logo-block {
    width: 15rem;
  }

  .main-nav ul.nav-list a span,
  .search-icon span {
    font-size: 1.7rem;
    margin-right: 0rem;
  }

  .menu-item-has-children-text {
    display: none;
  }

  .nav-list .menu-item-has-children:last-child {
    display: none;
  }

  .main-nav {
    gap: 1.7rem;
  }

  .main-nav ul.nav-list {
    gap: 1.7rem;
  }

  .main-nav.openSearch .search-block input {
    width: 40rem;
  }

  .overlay-links ul li a,
  .overlay-links ul li .sub-menu a,
  .overlay-links ul li .sub-menu li .sub-menu li a {
    font-size: 2.2rem;
    line-height: 4.2rem;
  }

  .overlay-links ul li .sub-menu li .sub-menu-toggle {
    top: 0.5rem;
  }

  /* .overlay-links ul li ul li.menu-item-has-children {
    min-width: 20rem;
  } */

  /* .overlay-links ul li .sub-menu li .sub-menu-toggle {
    line-height: 4rem;
  } */

  .search-content {
    width: 78%;
  }

  .search-icon {
    padding-top: 0.5rem;
  }

  .formcontrol,
  .formcontrol-select {
    font-size: 1.2rem;
    line-height: 2.8rem;
    padding: 1rem 3rem;
    padding-left: 3.8rem;
  }

  .search-content button {
    font-size: 1.2rem;
    min-height: 4rem;
    max-width: 34rem;
    width: 100%;
    padding: 1rem 0.8rem;
  }

  .search-content .form-block {
    width: calc(100% - 11rem);
  }

  .formcontrol,
  .formcontrol-select {
    padding-left: 3.6rem;
  }

  /*Footer AREA*/
  .footer__sticky__nav {
    bottom: 50%;
    transform: translateY(50%);
  }

  .floating-buttons {
    display: flex;
  }

  .project-footer {
    padding-bottom: 6.4rem;
  }

  .contact-wrapper {
    background: linear-gradient(to bottom,
        #f8f9fb 0%,
        #f8f9fb 60%,
        #f3f5f8 60%,
        #f3f5f8 100%);
    padding: 0;
  }

  .form-wrapper {
    padding: 4.5rem 0 0.5rem;
  }

  .contact-wrap {
    padding: 5.5rem 0;
  }

  .form-box .form-group-inner .btn-secondary {
    margin-top: 0.8rem !important;
    margin-left: 0 !important;
  }

  .newsletter-area {
    border: none;
  }

  .newsletterbox {
    padding: 5rem 0 2.5rem;
    gap: 2.5rem;
    flex-direction: column;
  }

  .newsletterbox .left-wrap {
    padding-left: 0;
    width: 100%;
    text-align: center;
  }

  .newsletterbox .left-wrap::after {
    display: none;
  }

  .newsletterbox .btn-primary {
    font-size: 0;
    letter-spacing: 0;
    padding: 0.5rem 2.7rem;
    background-image: url(../images/send-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }

  .newsletterbox .btn-primary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/send-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.6rem;
    height: 2.6rem;
  }

  .newsletterbox .formcontrol {
    padding-right: 6rem;
  }

  .footer-logo-wrap {
    gap: 0;
    padding: 0;
    flex-direction: column;
  }

  .footer-logo-block {
    width: 22.6rem;
    height: auto;
  }

  .footer-nav-wrap {
    width: 100%;
    margin-top: 1.2rem;
    padding: 1.2rem 0 2rem;
    border-top: 0.1rem solid var(--gray-600);
  }

  .footer-nav {
    width: 100%;
    column-count: 3;
    column-gap: 1.6rem;
    text-align: center;
  }

  .footer-nav a {
    font-size: 1.4rem;
    line-height: 3rem;
  }

  .footer-copyright-wrap {
    background-color: var(--gray-400);
    border-top: none;
  }

  .footer-bottom-text p,
  .footer-bottom-text a {
    font-size: 1.4rem;
    line-height: 2.7rem;
  }

  .video__buttons {
    top: 8rem;
    right: 2.4rem;
  }

  .video__buttons button {
    height: 4.2rem;
    width: 4.2rem;
  }

  .video__buttons button.pause-bt span::before {
    width: 1.8rem;
    height: 1.8rem;
  }

  .thumb-text-box {
    padding: 2rem;
  }

  .thumb-main-text {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .about-cont-box {
    flex-direction: column;
  }

  .about-us .image-block {
    width: 100%;
  }

  .about-us .common-header {
    width: 100%;
  }

  .footer-contact-box {
    flex-direction: column;
  }

  .form-wrapper,
  .contact-wrap {
    width: 100%;
  }

  .gallerySlider .swiper-slide::before {
    height: 30%;
  }

  .gallery-banner-text {
    display: none !important;
  }

  .gallerySlider .thumb-text-box {
    display: block;
  }

  .thumbSlider,
  .thumbSlider-prev,
  .thumbSlider-next {
    display: none;
  }

  .search-content {
    width: calc(100% - 6rem);
    padding: 1.5rem;
    bottom: 7rem;
  }

  .search-content form {
    flex-direction: column;
    gap: 1.5rem;
  }

  .search-content .form-block {
    width: 100%;
  }

  .search-content .form-group .formcontrol-wrapper {
    height: 4.5rem;
  }

  .search-content .form-group:not(:last-of-type) .formcontrol-wrapper::after {
    height: 100%;
  }

  .semibanner-area .search-content {
    bottom: -6rem;
  }

  /* ***** COUNTER AREA ****** */
  .counter-area {
    display: none;
  }

  .counter-box {
    min-width: 100%;
  }

  .counter-area-mobile {
    display: block;
  }

  .counterSlider {
    padding-bottom: 5rem;
  }

  .counter-outer {
    text-align: center;
  }

  .counterSlider .swiper-slide:not(:last-of-type) .counter-outer::after {
    display: none;
  }

  .counter-text-wrap {
    justify-content: center;
  }

  .counter-text {
    font-size: 1.6rem;
    width: 100%;
    padding: 0;
  }

  /* ***** FEATURED AREA ****** */
  .flip-box {
    height: fit-content;
  }

  .flip-box-front {
    border-radius: 0.5rem;
    overflow: hidden;
    height: 46rem;
  }

  .featured-mobile-address {
    display: inline-block;
  }

  .flip-box-back {
    margin-top: 2.5rem;
    position: static;
    width: 100%;
    height: 100%;
    transform: rotateY(0deg);
  }

  .flip-box:hover .flip-box-front,
  .flip-box:hover .flip-box-back {
    transform: rotateY(0deg);
  }

  .flip-box-back img,
  .flip-back-content-inner .icon-block {
    display: none;
  }

  .flip-box .flip-box-back-content {
    position: static;
    transform: none;
    background-color: transparent;
  }

  .flip-back-content-inner {
    padding: 0;
  }

  .flip-back-content-inner .content-block {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .featured-title {
    color: var(--black-100);
    font-family: var(--Secondary-font);
    font-size: 2.2rem;
    font-weight: 400;
  }

  .featured-address {
    display: none;
  }

  .flip-back-content-inner .price-box {
    font-size: 1.8rem;
    margin-top: 0.4rem;
    color: var(--black-100);
    justify-content: center;
  }

  .details-box {
    margin-top: 2rem;
    padding-top: 0;
    border-top: none;
    flex-wrap: wrap;
    gap: 0;
  }

  .details-box .details-item {
    width: 50%;
    position: relative;
    padding: 1.8rem 0 2.2rem;
  }

  .details-heading {
    color: var(--black-100);
  }

  .deatils-info {
    color: var(--orange);
  }

  .featured-loop.project-sold-out .details-item.unit_status .deatils-info {
    display: inline-block;
    color: var(--white);
    line-height: 3.8rem;
    background: #ff0000;
    padding: 0 0.8rem;
    border-radius: 0.8rem;
  }

  .project-items.project-sold-out .details-item.unit_status .deatils-info {
    display: inline-block;
    color: var(--white);
    line-height: 3.8rem;
    background: #ff0000;
    padding: 0 0.8rem;
    border-radius: 0.8rem;
  }

  .details-box-extended .deatils-info {
    max-height: 150px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
  }

  .details-box .details-item:nth-of-type(odd):before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    height: 0.1rem;
    background: rgb(0, 0, 0, 0.2);
  }

  .details-box .details-item:nth-of-type(even):before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90%;
    height: 0.1rem;
    background: rgb(0, 0, 0, 0.2);
  }

  .details-box .details-item:nth-last-child(-n + 2):before {
    display: none;
  }

  .details-box .details-item:nth-of-type(odd)::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0.1rem;
    height: 80%;
    background: rgb(0, 0, 0, 0.2);
  }

  .featured-area .btn-secondary,
  .project-items .btn-secondary {
    color: var(--white);
    background-color: var(--black-100);
    margin: 4.5rem auto 0;
  }

  .featured-area .btn-secondary:hover,
  .featured-area .btn-secondary:focus,
  .project-items .btn-secondary:hover,
  .project-items .btn-secondary:focus {
    background-color: var(--orange);
  }

  .feature-image-text {
    display: none;
  }

  .featuredSlider {
    padding: 0;
  }

  .featured-area .common-header {
    margin-bottom: 7rem;
  }

  .featured-area .swiper-button-next {
    right: 0;
    top: 24rem;
    bottom: auto;
  }

  .featured-area .swiper-button-prev {
    left: 0;
    top: 24rem;
    bottom: auto;
  }

  .featured-area .swiper-button-next:after {
    content: "\e90d";
    font-size: 3.5rem;
    color: var(--white);
  }

  .featured-area .swiper-button-prev:after {
    content: "\e909";
    font-size: 3.5rem;
    color: var(--white);
  }

  /* ***** DIFFERENCE AREA ****** */
  .difference-area .shape-block {
    top: auto;
    bottom: -2rem;
    right: 0;
  }

  .difference-items {
    height: auto !important;
  }

  .difference-items .text-box {
    padding-bottom: 0;
  }

  .difference-items:not(:last-of-type) .text-box {
    border: none;
  }

  .transform-heading {
    margin-top: 5rem;
  }

  .difference-area .swiper-button-prev.differenceItems-next,
  .difference-area .swiper-button-prev.differenceItems-prev {
    top: 50% !important;
  }

  .page-template-home-template .difference-area .col-6 {
    width: 100%;
  }

  /* ***** AWARDS AREA ****** */
  .awards-area .swiper-button-prev:after,
  .awards-area .swiper-button-next:after {
    font-size: 2rem;
  }

  /* ***** ARCHITECT AREA ****** */
  .architect-image-zoom,
  .our-architect-area .architect-image-zoom {
    bottom: auto;
    top: 0;
    right: 0;
    width: 50px !important;
    height: 50px !important;
    background-size: 60%;
  }

  .custom-modal-architect-content figure {
    width: 25rem;
    height: 25rem;
    margin: 0 auto;
  }

  .custom-modal-architect-content .custom-modal-content-right {
    width: 100%;
    padding: 4rem;
  }

  .custom-modal-architect-content {
    display: block;
    padding: 3rem;
  }

  .custom-modal-architect-content .custom-modal-name-heading {
    text-align: center;
    font-size: 3rem;
    line-height: 3.6rem;
    margin-bottom: 2rem;
  }

  .custom-modal-architect-content {
    width: calc(100% - 5rem);
  }

  .custom-modal-architect-content p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .custom-modal-architect-content .close-modal {
    top: -2.5rem;
    right: -2.5rem;
    width: 5rem;
    height: 5rem;
  }

  .custom-modal-architect-content .custom-modal-content-right {
    padding: 2rem;
    font-size: 3rem;
    line-height: 3.6rem;
  }

  .custom-modal-list-names {
    font-size: 2rem;
    line-height: 2.6rem;
  }

  .custom-modal-list li {
    font-size: 1.6rem;
    line-height: 3rem;
  }

  .architecturural-info .no_result {
    font-size: 2rem;
  }

  /**************Project Banner************/
  .project-banner-lower-desc {
    flex-direction: column;
    gap: 1rem;
  }

  .project-banner-lower-desc span,
  .hira-box,
  .architect-box {
    line-height: 2.8rem;
  }

  .project-banner-area .video__buttons {
    top: 8rem;
  }

  /* ***** PROJECT ABOUT ******  */
  .project-about-area {
    padding: 5rem 0 4rem;
  }

  .call-area {
    justify-content: center;
  }

  .projectDetailsSwiper .swiper-wrapper,
  .projectAmenitiesIconGallerySlider .swiper-wrapper {
    justify-content: initial !important;
  }

  .projectAmenitiesIconGallerySlider-pagination {
    display: block;
  }

  .projectDetailsSwiper {
    padding-bottom: 5rem;
  }

  /* .projectAmenitiesIconGallerySlider {
    padding-bottom: 8.5rem;
  } */

  .projectDetailsSwiper-pagination {
    display: block;
  }

  .project-about-area .swiper-button-next,
  .project-about-area .swiper-button-prev,
  .projectAmenitiesIconGallerySlider-next,
  .projectAmenitiesIconGallerySlider-prev {
    display: none;
  }

  /* ***** PROJECT AMENITIES ****** */
  .tabs-content .projectAmenitiesImageGallerySlider .project-amenities-image-slide-image {
    height: 60rem;
  }

  .tabs-content .projectAmenitiesImageGallerySlider-prev,
  .tabs-content .projectAmenitiesImageGallerySlider-next {
    width: 4rem;
    height: 4rem;
  }

  .tabs-content .projectAmenitiesImageGallerySlider-prev::after,
  .tabs-content .projectAmenitiesImageGallerySlider-next::after {
    font-size: 1.2rem;
  }

  /* **************** PROJECT NEIGHBOURHOOD ************ */
  .project-neighbourhood {
    padding: 6rem 0;
  }

  .map-block iframe {
    height: 35rem;
  }

  .map-content {
    position: static;
    width: 100%;
    min-height: 40rem;
    height: fit-content;
    margin-top: 1.5rem;
    text-align: center;
    box-shadow: 0px 0px 50px 0px #0000001a;
  }

  .map-whole-outer {
    margin: 0 auto 3.6rem;
  }

  /* .map-infobox {
    padding-right: 2rem;
  } */
  .View-larger-map {
    margin: 0 auto;
  }

  .map-extra-info-heading {
    font-size: 2rem;
  }

  /* ***** PROJECT VIDEO 1****** */
  .project-video {
    padding-bottom: 5rem;
  }

  .youtube-wrapper,
  .youtube-image {
    height: 40rem;
  }

  .projectYoutubeSlider.full-width,
  .constructionSlider.full-width {
    width: 95%;
  }

  .projectYoutubeSlider.full-width .swiper-wrapper,
  .constructionSlider.full-width .swiper-wrapper {
    justify-content: initial !important;
  }

  .projectYoutubeSlider.full-width .swiper-wrapper.justify-content-middle,
  .constructionSlider.full-width .swiper-wrapper.justify-content-middle {
    justify-content: center !important;
  }

  .projectYoutubeSlider.full-width .swiper-slide:last-of-type,
  .constructionSlider.full-width .swiper-slide:last-of-type {
    margin-right: 1.5rem !important;
  }

  .projectYoutubeSlider .image-wrap,
  .constructionSlider .image-wrap,
  .projectYoutubeSlider .youtube-slide-wrapper,
  .youtube-popup-items {
    display: block;
    height: 40rem;
    position: relative;
  }

  .project-video .swiper-button-next {
    right: calc(-50% - 3rem);
    margin: 0;
    left: auto;
  }

  .project-video .swiper-button-prev {
    left: calc(50% - 3rem);
    margin: 0;
    margin-top: -3.5rem;
    right: auto;
  }

  /* ***** PLANS AREA****** */
  .plans-area {
    padding-bottom: 0rem;
    margin-bottom: 7.5rem;
    background-color: var(--gray-400);
  }

  .plans-area-inner {
    padding: 5rem 0;
    background-color: transparent;
  }

  .plans-area-inner .top-tab-content figcaption {
    font-size: 1.8rem;
    line-height: 3rem;
  }

  .plans-area .tab_content {
    position: relative;
    border: 0.1rem solid #7c7c7e;
    border-top: none;
    padding: 1.5rem;
    padding-top: 3rem;
    margin-bottom: 1.5rem;
  }

  .inner-tabs {
    display: block;
  }

  .inner-tabs .inner-tabs-nav {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 0px;
    padding-right: 0;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 3rem;
  }

  .inner-tabs-nav li {
    width: fit-content;
  }

  .inner-tabs-nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4.7rem;
    text-transform: uppercase;
    padding: 0.5rem 3.5rem;
    border-radius: 4.5rem;
    text-align: center;
    transition: var(--transition);
  }

  .inner-tabs-content {
    width: 100%;
    border-left: none;
  }

  .plans-area .swiper-container {
    padding-left: 0;
  }

  .planSwiper .swiper-slide {
    height: auto !important;
  }

  .plan-slide-image {
    height: fit-content !important;
  }

  .download-application-kit .project-btn {
    margin: 0 auto 7.5rem;
  }

  .plans-area .swiper-button-prev,
  .plans-area .swiper-button-next {
    width: 3.3rem;
    height: 3.3rem;
  }

  .plans-area .swiper-button-prev::after,
  .plans-area .swiper-button-next::after {
    font-size: 0.8rem;
  }

  .plans-area .swiper-button-next {
    right: -1.5rem;
  }

  .plans-area .swiper-button-prev {
    left: -1.5rem;
  }

  .project-btn {
    margin: 7.5rem auto 2.5rem;
  }

  /* ***** CALCULATION AREA ****** */
  .calculation-area {
    /*padding-bottom: 7.5rem;*/
  }

  .calculation-area .row-child {
    gap: 3rem;
  }

  .calculation-left-box ul li {
    font-size: 2.8rem;
  }

  .calculation-left-extended-layout p {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }

  /* ***** CUSTOMER PORTAL****** */
  .customer-portal {
    padding-bottom: 7.5rem;
  }

  .customer-wrap {
    height: 100%;
    justify-content: center;
    flex-direction: column;
    background: linear-gradient(90deg,
        #f8f9fb 50%,
        rgba(248, 249, 251, 0) 100%);
  }

  .customer-wrap figure {
    position: static;
    height: 24.6rem;
  }

  .customer-wrap figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: left;
  }

  .customer-content {
    width: 100%;
    padding: 2.5rem 0 1.5rem;
  }

  .customer-btn {
    max-width: 34rem;
    width: calc(100% - 1.5rem);
    padding: 1.4rem 4rem;
  }

  /* ***** FAQ ****** */
  .faq-area {
    padding-bottom: 5rem;
  }

  /* ***** PROJECT-ITEMS ****** */
  .project-buttons {
    margin-bottom: 5rem;
  }

  .project-item-wrap {
    justify-content: center;
  }

  /*CHAIRMAN-PAGE*/
  .chairman-area {
    padding-top: 10rem;
    padding-bottom: 8rem;
  }

  .our-journey-area .swiper-container {
    display: flex;
    flex-wrap: wrap;
  }

  .our-journey-area .journeySlider {
    order: 2;
    padding-bottom: 7.5rem;
  }

  .our-journey-area .swiper-pagination {
    min-height: 10rem;
    width: 80%;
    margin: 0 auto;
    order: 1;
    margin-top: 4rem;
  }

  .our-journey-area .swiper-pagination-bullet-text {
    top: -3.8rem;
  }

  .chairman-container {
    flex-direction: column;
  }

  .chairman-container-left,
  .chairman-container-right {
    width: 100%;
  }

  .chairman-container-left figure,
  .chairman-container-right .content-area p,
  .signature,
  .chairman-name,
  .chairman-designation,
  .story-about-area .content-area p {
    text-align: center;
  }

  .chairman-container-right .btn-primary {
    margin: 9rem auto 0;
  }

  .story-about-area .common-header {
    display: block;
  }

  .story-float-header {
    display: none;
  }

  .story-about-area .image-block {
    height: 40rem;
    padding: 0;
    margin-bottom: 5.8rem;
  }

  .story-about-area .image-block .image-inner-wrap .shape-block {
    height: 40rem;
  }

  .year-text {
    /* font-size: 10rem;
    line-height: 15rem; */
    display: none;
  }

  .journeySlider .swiper-slide {
    height: auto !important;
  }

  .our-journey-area .swiper-pagination-bullet-text {
    font-size: 2rem;
    line-height: 3rem;
  }

  .year-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3rem;
    height: fit-content;
    margin-top: 0;
  }

  .year-left,
  .year-right {
    max-width: 100%;
    padding: 0;
  }

  .year-content.timeline-half-content .year-left,
  .year-content.timeline-half-content .year-right,
  .year-content.timeline-half-content .year-middle {
    max-width: 100%;
    width: 100%;
  }

  .year-left .content-area,
  .year-right .content-area {
    text-align: center;
    max-height: 52rem;
    position: static;
    padding: 0;
    padding-right: 1rem;
  }

  .year-middle figure,
  .year-content.timeline-half-content .year-middle figure {
    max-width: 33.8rem;
  }

  .year-content.timeline-half-content .year-middle figure {
    margin: 0 auto;
  }

  .year-middle figure img {
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
  }

  .visit-website-wrap {
    padding: 2rem 4rem;
    min-height: 22.2rem;
    flex-direction: column;
    justify-content: center;
    gap: 5rem;
  }

  .visit-website-wrap .visit-text {
    font-size: 4rem;
    line-height: 4.6rem;
  }

  .visit-website-wrap a.btn-primary {
    position: static;
    top: 0;
    transform: none;
  }

  .visit-website-area {
    padding-bottom: 7.5rem;
  }

  .custom-modal-content {
    border-radius: 2.5rem;
    padding: 3rem 1.5rem;
  }

  .custom-modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-direction: column;
  }

  .custom-modal-body figure {
    margin: 0 auto;
    overflow: hidden;
    border-radius: 2rem;
    margin-bottom: 4.5rem;
  }

  .custom-modal-content-right {
    width: 100%;
    text-align: center;
  }

  .custom-modal-content-heading {
    display: none;
  }

  .custom-modal-content-heading-mobile {
    display: block;
  }

  .custom-modal-body .content-area {
    max-height: 33.5rem;
    padding-right: 2rem;
  }

  .our-architect-area .storyArchitectSlider .swiper-wrapper {
    display: flex;
    align-items: normal;
    flex-wrap: nowrap;
    gap: 0;
  }

  .our-architect-area .story-architect-loop {
    width: 100% !important;
  }

  .storyArchitectSlider-next,
  .storyArchitectSlider-prev {
    display: flex;
  }

  .our-architect-wrap .architect-image {
    width: fit-content;
  }

  .our-architect-wrap .architect-image img {
    display: block;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .our-architect-wrap .slide-box {
    display: block;
    width: fit-content;
    margin: 0 auto;
  }

  .our-architect-wrap .architect-name {
    background-color: var(--gray-500);
  }

  /* BLOG LISTING PAGE */
  .blog-list-top-area {
    padding: 5rem 0 10rem;
  }

  .blog-list-top-area-wrap .swiper-button-next {
    right: calc(50% - 8rem);
    top: auto;
    bottom: -5rem;
  }

  .blog-list-top-area-wrap .swiper-button-prev {
    left: calc(50% - 8rem);
    top: auto;
    bottom: -5rem;
  }

  .blog-list-top-area .latest-items {
    gap: 3rem;
    flex-direction: column;
  }

  .blog-list-top-area .blog-text-area,
  .blog-text-area {
    text-align: center;
  }

  .blog-list-top-area .blog-text-area {
    width: 100%;
  }

  .blog-list-top-area .blog-text-area .blog-badge {
    display: none;
  }

  .date-name-info {
    justify-content: center;
  }

  .latest-blog .row {
    margin: 0 -0.75rem;
  }

  .latest-col {
    padding: 0 0.75rem;
  }

  /* BLOG DETAILS PAGE */
  .semibanner-area.blog-deatils-banner-area {
    min-height: 66rem;
    overflow: visible;
  }

  .semibanner-area.blog-deatils-banner-area .semibanner-text .container {
    height: 100%;
  }

  .semibanner-area.blog-deatils-banner-area .blog-text-area {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .semibanner-area.blog-deatils-banner-area .blog-text-area .blog-text-top {
    position: relative;
  }

  .semibanner-area.blog-deatils-banner-area .blog-text-area .blog-text-top::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 117.3rem;
    width: 100%;
    height: 22.3rem;
    border-radius: 117.3rem;
    background: rgba(0, 0, 0, 0.7);
    filter: blur(100px);
    z-index: -1;
  }

  .semibanner-area.blog-deatils-banner-area .blog-badge {
    margin: 0 auto 2.5rem;
  }

  .semibanner-area.blog-deatils-banner-area .date-name-info {
    position: absolute;
    bottom: 0;
    left: auto;
    right: auto;
    margin: auto;
    margin-bottom: -2.6rem;
  }

  .news-details-area {
    padding-top: 7rem;
  }

  .blog-sub-content-items .main-content-area {
    text-align: center;
  }

  .main-content-area ul li,
  .main-content-area ol li {
    text-align: left;
  }

  .news-details-area aside {
    padding-bottom: 7.5rem;
  }

  .relative-post-header {
    display: block;
    text-align: center;
    margin-bottom: 5rem;
  }

  .related-items {
    gap: 3rem;
    flex-direction: column;
  }

  .related-image-wrap {
    width: 100%;
  }

  .related-items .blog-text-area {
    width: 100%;
  }

  .related-items .latest-items-text {
    font-size: 2rem;
    line-height: 3rem;
  }

  .related-items .blog-badge {
    margin: 0 auto 1.5rem;
  }

  .related-items .date-name-info time,
  .related-items .date-name-info .bloger-name {
    font-size: 1.4rem;
  }

  .related-items:not(:last-of-type) {
    padding-bottom: 0;
    margin-bottom: 4.5rem;
    border-bottom: none;
  }

  .news-details-area .nav-links {
    padding-top: 2.5rem;
    margin-top: 4.5rem;
    margin-bottom: 7.5rem;
  }

  .news-details-area .row {
    margin: 0 -0.75rem;
  }

  /* CONTACT DETAILS PAGE */
  .contact-area {
    padding: 5rem 0 2.5rem;
    background-color: var(--white);
  }

  .contact-area-inner {
    box-shadow: none;
  }

  .main-footer.contact-footer .contact-wrapper {
    background: linear-gradient(to bottom,
        #f8f9fb 0%,
        #f8f9fb 52%,
        #f3f5f8 52%,
        #f3f5f8 100%);
    padding: 0;
  }

  .footer-map-area {
    width: 100%;
    margin-bottom: 5rem;
  }

  .footer-map-area::after {
    display: none;
  }

  .footer-map-area iframe {
    width: 100%;
    height: 100%;
    max-height: 100% !important;
  }

  .footer__sticky__nav li {
    margin-bottom: 1rem;
  }

  .sticky__nav_icon {
    width: 4rem;
    height: 4rem;
  }

  .sticky__nav_icon svg {
    width: 1.4rem;
  }

  .sticky__nav_text {
    font-size: 1.4rem;
    height: 3.2rem;
    padding: 0 1rem;
    display: none;
  }

  .footer__sticky__nav li:hover .sticky__nav_text {
    transform: translate(1%, -50%);
  }

  .contact-area-inner {
    padding: 4rem;
  }

  .galley-banner {
    height: auto;
    padding-bottom: 4rem;
    overflow: visible;
  }

  .galley-banner::before {
    content: "";
    background: linear-gradient(359deg, rgba(0, 0, 0, 0) 16.46%, #000 100%);
    width: 100%;
    height: 160%;
    position: absolute;
  }

  .galley-banner .semibanner-image {
    display: none;
  }

  .galley-banner .semibanner-text {
    min-height: inherit;
    display: block;
    padding-top: 28%;
  }

  .galley-banner .semibanner-text .container {
    position: static;
    transform: none;
  }

  .gallery-area {
    padding: 0;
    margin-top: 0;
    position: relative;
    padding-bottom: 6rem;
  }

  .semibanner-area.filter-semi-banner.galley-banner .search-content {
    transform: none;
    padding: 0;
    margin-bottom: 0;
    z-index: 2;
    max-width: 100%;
  }

  .gallery-area .project-tab-buttons {
    flex-wrap: nowrap;
    margin-bottom: 4rem;
  }

  .gallery-area .project-tab-buttons li a {
    padding: 0.5rem 4rem;
  }

  .galley-banner .semibanner-text-heading::after {
    content: none;
  }

  .grid {
    max-width: 100%;
    margin: 0 -1rem;
  }

  .grid-sizer,
  .grid-item {
    width: 50%;
    padding: 0 -0.5rem;
  }

  .overlay-text {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  .overlay-text-wrap {
    bottom: 0;
    padding: 0.8rem;
  }

  .project-link span {
    font-size: 1.4rem;
  }

  .project-link {
    width: 3rem;
    height: 3rem;
    right: 1rem;
    top: 1rem;
  }

  .youtube-item {
    width: calc(50% - 1.5rem);
    height: auto;
    position: relative;
    margin-bottom: 3rem;
  }

  /* .youtube-popup-items img{ height: auto;} */
  .youtube-container {
    gap: 0 3rem;
  }

  .youtube-popup-items span {
    width: 4rem;
  }

  .mfp-title {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }

  .no_result {
    font-size: 2rem;
  }

  .projectDetailsSwiper .swiper-wrapper {
    justify-content: flex-start;
  }

  .mfp-close {
    right: 0 !important;
    height: 3rem !important;
    width: 3rem !important;
  }

  .mfp-arrow {
    width: 4.4rem;
    height: 4.4rem;
    margin-top: 0;
  }

  .mfp-arrow-left::after {
    left: 2.5rem;
  }

  .mfp-arrow:active {
    margin-top: 0;
  }

  .inner_com_content {
    padding: 5rem 0;
  }

  .sitemap_loop {
    margin-bottom: 5rem;
  }

  /********** Thankyou Page **********/
  .inner-content-text-heading {
    font-size: 12rem;
    line-height: 10rem;
  }

  .page-wrapper .shape-block {
    height: 75%;
  }

  /********** Award Page **********/
  .award-page-area .award-area-wrap .slide-box {
    width: calc(50% - 3.2rem);
  }
}

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

  html #wpadminbar {
    margin-top: -46px;
  }

  .overlay-links ul li .sub-menu li .sub-menu-toggle {
    top: 0.5rem;
    padding: 1.2rem;
    border: 1px solid transparent;
    width: 3.4rem;
  }

  .overlay-links ul li .sub-menu li .sub-menu-toggle span {
    padding: 0.3rem;
  }

  .overlay-links ul li .sub-menu {
    margin-left: 2rem;
  }

  .overlay-links ul li ul li.menu-item-has-children {
    padding-right: 6rem;
  }

  .overlay-links ul li .sub-menu li.submenu-open .sub-menu {
    transform: translateX(2rem);
  }

  .overlay-links ul li .sub-menu {
    margin-left: 1.2rem;
  }

  /* .navigation-bar .logo-block {
    width: 18rem;
  } */
  /* .overlay{
    width: calc(100% - 6rem);
  } */
  .overlay {
    width: 100%;
  }

  .nav_overlay {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .overlay-content {
    height: calc(100% - 6.1rem);
    margin-top: 6.1rem;
    padding: 0rem 3.5rem 5rem;
  }

  .overlay .icon-close {
    top: 3rem;
    right: 3rem;
    font-size: 1.9rem;
    line-height: 1.9rem;
  }

  .overlay-links ul li:not(:last-of-type) {
    margin-bottom: 2.2rem;
  }

  .overlay-links ul li a,
  .overlay-links ul li .sub-menu a,
  .overlay-links ul li .sub-menu li .sub-menu li a {
    font-size: 1.8rem;
  }

  .main-nav.openSearch .search-block input {
    width: 30rem;
  }

  .search-content .form-block {
    gap: 0.5rem;
  }

  .search-content .form-group:not(:last-of-type) .formcontrol-wrapper::after {
    right: 0rem;
  }

  .search-content .select-icon {
    top: 0;
    transform: translateY(0);
    left: 50%;
    transform: translateX(-50%);
  }

  .search-content .formcontrol-select {
    padding: 2rem 2.5rem 0.5rem 0.5rem;
  }

  .formcontrol-select span.current {
    text-align: center;
  }

  .formcontrol-select .option {
    padding: 0 0.5rem;
    font-size: 1rem;
    text-align: center;
  }

  .formcontrol-select .list {
    padding: 0.8rem 0.8rem;
  }

  .formcontrol-select:after {
    top: 70%;
  }

  .form-box .btn-secondary,
  .form-box .form-group-inner .btn-secondary {
    font-size: 1.2rem;
    min-height: 4rem;
  }

  .about-us {
    padding: 6rem 0 5rem;
  }

  .about-us .image-block .shape-block {
    height: 29rem;
    right: 1rem;
    top: 7rem;
  }

  .about-us .image-block .shape-block svg,
  .about-us .image-block .shape-block img {
    height: 100%;
    width: 100%;
  }

  .about-us .image-block {
    padding-right: 1.5rem;
  }

  .about-us .image-block .owner-image {
    width: 9rem;
    height: 9rem;
  }

  .counter-area {
    padding-bottom: 8rem;
  }

  .counter-area {
    padding-bottom: 8rem;
  }

  .featured-area {
    padding-bottom: 4rem;
  }

  .our-business-area {
    padding: 5rem 0 4rem;
  }

  .our-business-area .image-block {
    gap: 2.7rem 4rem;
  }

  .business-image-wrap {
    width: 100%;
  }

  .business-image-wrap:hover::after {
    background: linear-gradient(180deg,
        rgba(7, 28, 53, 0) 17.97%,
        #071c35 100%);
  }

  .our-business-area .btn-secondary {
    opacity: 1;
    visibility: visible;
  }

  .image-overlay-block {
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem;
  }

  .our-business-area .business-image-wrap:hover .image-overlay-block {
    width: 100%;
    bottom: 0;
    left: 0;
    transform: none;
  }

  .our-business-area .btn-secondary {
    position: relative;
    font-size: 0;
    padding: 0;
    margin: 0;
    width: 3.5rem;
    min-height: 1.5rem;
    background-color: transparent;
  }

  .our-business-area .btn-secondary::after {
    content: "\e908";
    font-family: "icomoon";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.5rem;
    line-height: normal;
    color: var(--white);
    transition: var(--transition);
  }

  .our-business-area .btn-secondary:hover::after {
    color: var(--orange);
  }

  .difference-area {
    padding: 5rem 0;
  }

  .difference-items {
    padding: 0 5rem;
    gap: 2rem;
  }

  .difference-items .text-box {
    width: calc(100% - 7rem);
  }

  .difference-area .swiper-button-prev.differenceItems-prev,
  .difference-area .swiper-button-prev.differenceItems-next {
    width: 1.5rem;
  }

  .difference-area .differenceSlider {
    padding-bottom: 5rem;
  }

  .differenceSlider .swiper-slide figure {
    height: 40rem;
    position: relative;
  }

  .difference-area .shape-block {
    position: absolute;
    top: auto;
    bottom: -2rem;
    right: 0;
    z-index: 0;
    height: 70rem;
    width: 22rem;
  }

  .awards-area {
    padding: 7rem 0;
  }

  .awards-area .btn-secondary {
    display: none;
  }

  .architect-area {
    padding: 0;
    padding-bottom: 4rem;
    background-color: transparent;
  }

  .architect-image {
    width: fit-content;
  }

  .architect-image img {
    display: block;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .architect-area .slide-box {
    display: block;
    width: fit-content;
    margin: 0 auto;
  }

  .architect-name {
    background-color: var(--gray-500);
  }

  .architect-area .btn-secondary,
  .architect-area .shape-block {
    display: none;
  }

  /* ***** PROJECT BANNER ****** */
  .project-banner-text-wrap figure {
    width: 25rem;
  }

  .project-banner-lower-desc span,
  .hira-box,
  .architect-box {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .hira-extra-info ul li a,
  .architect-extra-info ul li {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  .hira-extra-info ul li::after {
    top: 1rem;
  }

  .architect-extra-info ul li::after {
    top: 0.4rem;
  }

  /* ***** PROJECT ABOUT ****** */
  .project-about-area .common-header .common-header-text {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }

  .project-about-area .swiper-button-prev,
  .project-about-area .swiper-button-next {
    width: 1.5rem;
  }

  /* ***** PROJECT VIDEO 1****** */
  .youtube-image a {
    font-size: 2rem;
  }

  .project-btn {
    min-width: 100%;
    font-size: 2.4rem;
  }

  .calculation-area .row-child {
    margin: 0 -0.75rem;
  }

  .calculation-left-box ul li {
    font-size: 2.3rem;
    line-height: 3.6rem;
  }

  .calculation-right-box {
    padding: 3rem;
  }

  .customer-wrap-heading {
    font-size: 3.6rem;
  }

  .accordion-area .set a {
    font-size: 2rem;
    line-height: 2.6rem;
  }

  .accordion-area .set.active {
    padding-bottom: 2.5rem;
  }

  /* ***** PROJECT-ITEMS ****** */
  .project-list {
    padding: 10rem 0 7rem;
  }

  .project-items {
    width: 100%;
  }

  .details-box-extended .deatils-info {
    max-height: 100%;
  }

  /* SEMIBANNER AREA */
  .semibanner-text-heading {
    font-size: 3.5rem;
    line-height: 4rem;
  }

  /*CHAIRMAN PAGE*/
  .chairman-area {
    padding-top: 5rem;
    padding-bottom: 7rem;
  }

  .chairman-container-right .btn-primary {
    margin: 3rem auto 0;
    font-size: 1.2rem;
    min-height: 4.5rem;
    max-width: 37rem;
    width: 100%;
    padding: 1rem 0.8rem;
    color: var(--white);
    background-color: var(--black-100);
  }

  .chairman-container-right .btn-primary:focus,
  .chairman-container-right .btn-primary:hover {
    background-color: var(--orange);
  }

  .story-about-area .counter-area {
    padding: 7.5rem 0;
  }

  .year-text {
    font-size: 7rem;
    line-height: 12rem;
  }

  .visit-website-wrap .visit-text {
    font-size: 3rem;
    line-height: 4rem;
  }

  /* BLOG LISTING PAGE */
  .semibanner-area.filter-semi-banner .search-content .formcontrol-select:after {
    top: 52%;
  }

  .blog-list-top-area-wrap .swiper-button-next {
    width: 3.6rem;
    right: calc(50% - 4rem);
  }

  .blog-list-top-area-wrap .swiper-button-prev {
    width: 3.6rem;
    left: calc(50% - 4rem);
  }

  .blog-list-top-area-wrap .swiper-button-next::after,
  .blog-list-top-area-wrap .swiper-button-prev::after {
    font-size: 1.6rem;
  }

  /* CONTACT DETAILS PAGE */
  .contact-area .common-header {
    margin-bottom: 8rem;
  }

  .contact-form-wrap .form-group {
    margin-bottom: 4rem;
  }

  .contact-form-wrap .form-box .form-group .formcontrol {
    height: 3rem;
  }

  .contact-form-label,
  .contact-form-label sup,
  .verify-input p {
    font-size: 2rem;
    line-height: 3rem;
  }

  .contact-form-wrap .form-box .form-group i {
    font-size: 2rem;
  }

  .contact-form-wrap .form-box .btn-secondary {
    font-size: 1.2rem;
    min-height: 4rem;
  }

  .contact-form-wrap .form-box .btn-secondary.verify-btn {
    font-size: 1.2rem;
  }

  .verify-input p input {
    width: 100%;
  }

  .contact-area-inner {
    padding: 2rem;
  }

  .youtube-item {
    width: 100%;
  }

  .grid {
    max-width: 100%;
    margin: 0;
  }

  .grid-sizer,
  .grid-item {
    width: 100%;
    padding: 0;
  }

  .sitemap_page {
    column-count: 2;
  }

  /********** Thankyou Page **********/
  .thankyou-logo {
    max-width: 25rem;
    margin-bottom: 5rem;
  }

  .inner-content-text-heading {
    font-size: 8rem;
    line-height: 7rem;
  }

  .user-name {
    font-size: 2.7rem;
    line-height: 3.2rem;
  }

  .inner-content-text {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  /********** Award Page **********/
  .award-page-area .award-area-wrap {
    gap: 2rem;
  }

  .award-page-area .award-area-wrap .slide-box {
    width: calc(50% - 1rem);
  }

  .award-page-area .award-name,
  .award-page-area .awardee-realty,
  .award-page-area .awardee-year {
    padding: 0 3.5rem;
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .award-page-area .awardee-year {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .project-search-loop-inner-wrapper .project-items,
  .post-search-loop-inner-wrapper .search-loop {
    width: 100%;
  }

  .accordion-area table th,
  .accordion-area table td {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .accordion-area table th {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

@media screen and (max-width: 575px) {
  .overlay-links ul li .sub-menu-toggle {
    top: 0.3rem;
  }

  .overlay-links ul li ul li .sub-menu-toggle {
    top: 1.8rem;
  }

  .overlay-links ul li.active .sub-menu-toggle {
    top: 1.8rem;
  }

  .overlay-links ul li .sub-menu-toggle span.icon-plus {
    font-size: 0.8rem;
    transform: rotate(268deg);
  }

  .overlay-links ul li .sub-menu-toggle span.icon-plus:before {
    content: "\e919";
  }

  .overlay-links ul li .sub-menu-toggle span.icon-minus {
    font-size: 0.8rem;
    color: var(--white);
  }

  .overlay-links ul li .sub-menu-toggle span.icon-minus:before {
    content: "\e919";
  }

  .social-menu-container {
    display: none;
  }

  .common-header {
    margin-bottom: 3rem;
  }

  .common-header .common-small-text {
    font-size: 1.6rem;
  }

  .common-header .common-header-text {
    font-size: 2.4rem;
    line-height: 3.8rem;
  }

  .contact-wrapper {
    background: linear-gradient(to bottom,
        #f8f9fb 0%,
        #f8f9fb 60%,
        #f3f5f8 60%,
        #f3f5f8 100%);
  }

  .contact-wrapper .common-header {
    margin-bottom: 2.2rem;
  }

  .form-box .form-group .formcontrol {
    height: 4rem;
  }

  .form-box .form-group .checkbox-wrapper span {
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .form-box .btn-secondary {
    max-width: 37rem;
    width: 100%;
    margin: 3rem auto 0;
    min-height: 4.4rem;
  }

  .form-box .btn-secondary,
  .form-box .form-group-inner .btn-secondary {
    margin: 0.8rem auto 0 !important;
  }

  .address-area-name {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }

  .contact-box .address-filed,
  .contact-box .call-info,
  .contact-box .mail-deatils,
  .contact-box a {
    font-size: 1.4rem;
    line-height: 2.7rem;
  }

  .contact-wrap .social-menu-container {
    display: block;
  }

  .contact-wrap .social-nav {
    margin-top: 4.2rem;
  }

  .newsletter-heading {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .newsletter-text {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .newsletterbox .formcontrol {
    height: 4.5rem;
    padding: 1rem 1.7rem;
    padding-right: 6rem;
  }

  .newsletterbox .btn-primary {
    height: 4.5rem;
    min-height: 4.5rem;
  }

  /* Home Page*/
  .about-us .common-header {
    margin-top: 2.6rem;
  }

  .about-us .button-wrap a {
    max-width: 34rem;
    width: calc(100% - 1.5rem);
    font-size: 1.4rem;
    background-color: var(--black-100);
    color: var(--white);
    min-height: 4.5rem;
    border: none;
  }

  .about-us .button-wrap a:hover,
  .about-us .button-wrap a:focus {
    background-color: var(--orange);
  }

  .about-us .image-block .shape-block {
    top: 3rem;
  }

  .featured-area .common-header {
    margin-bottom: 3rem;
  }

  .featured-area .swiper-button-prev:after,
  .featured-area .swiper-button-next:after {
    color: var(--black-100);
  }

  /* .featured-sold-wrap {
    position: absolute;
    top: 47%;
    left: -8%;
    width: 40%;
  }

  .project-items.project-sold-out .featured-sold-wrap {
    top: 46%;
    left: -6%;
    width: 38%;
  } */

  /* 
  .featured-sold-text {
    font-size: 1.6rem;
  } */

  .featured-area .btn-secondary,
  .project-items .btn-secondary {
    margin-top: 4.5rem;
    padding: 0.5rem 2.8rem;
    min-height: 4rem;
    font-size: 1.2rem;
  }

  .difference-heading {
    font-size: 2.4rem;
    line-height: 3rem;
    text-align: center;
    padding: 0;
    margin-bottom: 2.5rem;
  }

  /* .swiper-button-next.differenceItems-next,
  .swiper-button-prev.differenceItems-prev {
    width: 4.8rem;
  } */

  .difference-items:not(:last-of-type) {
    margin-bottom: 0;
  }

  .transform-heading {
    font-size: 2.4rem;
    line-height: 3rem;
    letter-spacing: 4.4px;
    text-align: center;
  }

  .differenceSlider .swiper-slide figure::after {
    display: none;
  }

  .transform-items-wrap {
    text-align: center;
  }

  .architecturural-info.four-col .custom-modal-list-wrap,
  .custom-modal-list-wrap {
    width: calc(50% - 0.5rem);
  }

  .custom-modal-list li {
    font-size: 1.2rem;
    line-height: 2.2rem;
  }

  /* Project Details Page*/
  .tabs-content .projectAmenitiesImageGallerySlider .project-amenities-image-slide-image {
    height: 50rem;
  }

  .call-area {
    display: none;
  }

  .project-details-heading {
    font-size: 2rem;
    line-height: 2.6rem;
  }

  .project-details-info {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .project-about-area .common-header p {
    margin: 0 auto 3rem;
  }

  .project-amenities .common-header,
  .project-video .common-header,
  .plans-area-inner .common-header {
    margin-bottom: 3rem;
  }

  .project-neighbourhood {
    padding: 3.4rem 0 5rem;
  }

  .project-neighbourhood .common-header {
    margin-bottom: 3rem;
  }

  .map-info-heading {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .project-tab-buttons,
  .top-tabs {
    gap: 1rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
  }

  .project-tab-buttons li a,
  .top-tabs li {
    padding: 0.5rem 2.8rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .projectYoutubeSlider,
  .constructionSlider {
    width: 98%;
  }

  .youtube-image a {
    font-size: 1.8rem;
  }

  .projectYoutubeSlider .image-wrap,
  .constructionSlider .image-wrap,
  .projectYoutubeSlider .youtube-slide-wrapper,
  .youtube-popup-items {
    height: 30rem;
  }

  .projectYoutubeSlider .image-wrap figcaption,
  .constructionSlider .image-wrap figcaption {
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding: 1.1rem 1.5rem;
  }

  .plans-area-inner {
    padding: 5rem 0 3.5rem;
  }

  .project-btn {
    font-size: 1.4rem;
    padding: 1.1rem 1.2rem 1.1rem 1.8rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    border-width: 0.1rem;
  }

  .project-btn span {
    font-size: 2rem;
  }

  /* .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 1.8rem;
  } */

  .customer-portal {
    padding: 5rem 0;
  }

  .calculation-left-box {
    padding: 3.5rem 2rem;
  }

  .calculation-left-box ul li {
    font-size: 2rem;
    line-height: 3rem;
  }

  .calculation-left-box ul li:not(:last-of-type) {
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
  }

  .calculation-left-extended-layout p:not(:last-of-type) {
    margin-bottom: 1.2rem;
  }

  .calculation-left-box .notes::after {
    top: -3rem;
    font-size: 5.2rem;
  }

  .calculation-left-box ul {
    height: 15rem;
    margin-bottom: 3rem;
  }

  .calculation-right-box {
    padding: 2rem;
  }

  .customer-wrap-heading {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 2.5rem;
  }

  .accordion-area .set a {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .accordion-area .set a.active {
    padding-bottom: 2rem;
  }

  .accordion-area .content p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  /* ***** PROJECT ITEMS ****** */
  .ongoing,
  .completed {
    padding: 0.5rem 2.8rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  /* ***** CHAIRMAN PAGE ****** */
  .chairman-area {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .story-about-area .image-block {
    height: 30rem;
  }

  .story-about-area .image-block .image-inner-wrap .shape-block {
    height: 30rem;
    width: 10rem;
  }

  .year-text {
    font-size: 5.8rem;
    line-height: 10rem;
  }

  .year-content .content-area h2,
  .year-content .content-area h3,
  .year-content .content-area h4,
  .year-content .content-area h5,
  .year-content .content-area h6 {
    font-size: 3rem;
    line-height: 4rem;
  }

  .year-content .content-area h3 {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }

  .year-content .content-area h4 {
    font-size: 2.6rem;
    line-height: 3.4rem;
  }

  .year-content .content-area h5 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }

  .year-content .content-area h6 {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .visit-website-wrap .visit-text {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .our-architect-area {
    padding-bottom: 6.5rem;
  }

  .custom-modal-body figure {
    width: 21rem;
  }

  .custom-modal-body .content-area p {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }

  .close-modal {
    top: -25px;
    right: -25px;
    width: 5rem;
    height: 5rem;
  }

  /* BLOG LISTING PAGE */
  .latest-blog {
    padding: 3rem 0 5rem;
  }

  .latest-items-text {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .load-more-btn {
    margin: 0 auto !important;
  }

  /* BLOG DETAILS PAGE */
  .semibanner-area.blog-deatils-banner-area .latest-items-text {
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 0;
  }

  .nav-previous a p,
  .nav-next a p {
    gap: 0.7rem;
    font-size: 1.4rem;
  }

  .nav-previous a p span,
  .nav-next a p span {
    font-size: 1rem;
  }

  .main-footer.contact-footer .contact-wrapper {
    background: linear-gradient(to bottom,
        #f8f9fb 0%,
        #f8f9fb 56%,
        #f3f5f8 56%,
        #f3f5f8 100%);
  }

  .contact-area .common-header p {
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin-bottom: 1.4rem;
  }

  .contact-area .common-header .search-content {
    margin: 5rem auto;
  }

  .contact-area .common-header .search-content .formcontrol-select:after {
    top: 55%;
  }

  .page-wrapper .content-block .btn-primary {
    padding: 0.5rem 2.8rem;
    min-height: 4rem;
    font-size: 1.2rem;
  }

  .award-page-area {
    padding: 5rem 0 7rem;
  }

  .award-page-area .award-area-wrap {
    gap: 6rem 2rem;
  }

  .award-page-area .award-area-wrap .slide-box {
    width: 100%;
  }

  .award-name-wrap {
    min-height: 6rem;
  }

  .award-page-area .load-more-btn {
    margin: 5rem auto 0 !important;
  }
}

@media screen and (max-width: 479px) {
  .footer__sticky__nav {
    right: 1rem;
  }

  .navigation-bar .logo-block {
    width: 12rem;
  }

  .main-nav.openSearch .search-block input {
    width: 30rem;
    margin: 0;
  }

  .main-nav .search-block {
    top: auto;
    right: 50%;
    transform: translateX(18%);
    bottom: -6rem;
  }

  .container {
    padding: 0 3rem;
  }

  .common-header p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .search-content {
    width: calc(100% - 3rem);
    padding: 1.5rem 1rem;
  }

  .search-content .formcontrol-select {
    padding: 1.5rem 1.5rem 0.5rem 0.5rem;
    font-size: 1rem;
    line-height: 4rem;
  }

  .search-content .form-group:not(:last-of-type) .formcontrol-wrapper::after {
    right: -0.5rem;
  }

  .contact-box {
    min-width: 100%;
  }

  .footer-nav {
    column-count: 2;
  }

  .about-us {
    padding: 4rem 0 3rem;
  }

  .about-us .image-block .shape-block {
    height: 23rem;
    width: 8.4rem;
    right: 1rem;
    top: 1.6rem;
  }

  .about-us .image-block .owner-image {
    width: 7rem;
    height: 7rem;
    bottom: -2rem;
  }

  .flip-box-front {
    height: 18rem;
  }

  .featured-sold-wrap svg {
    width: 50%;
  }

  .project-items.project-sold-out .featured-sold-wrap svg {
    width: 50%;
  }

  .flip-box img {
    width: 100%;
    height: 100%;
  }

  .featured-area .swiper-button-next,
  .featured-area .swiper-button-prev {
    top: 10rem;
  }

  .details-heading,
  .deatils-info {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .featured-loop.project-sold-out .details-item.unit_status .deatils-info {
    line-height: 2.8rem;
  }

  .project-items.project-sold-out .details-item.unit_status .deatils-info {
    line-height: 2.8rem;
  }

  .our-business-area .common-header p {
    font-size: 1.4rem;
  }

  .our-business-area .image-title {
    font-size: 2rem;
    line-height: 3.2rem;
  }

  .business-image {
    height: 100%;
  }

  .business-image-wrap {
    height: 24.1rem;
  }

  .difference-items .icons {
    width: 3.3rem;
    height: 3.3rem;
  }

  .difference-items .text-box {
    width: calc(100% - 5.3rem);
    padding-right: 1.5rem;
  }

  .difference-items-heading {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }

  .difference-items .text-box p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  /* .swiper-button-next.differenceItems-next,
  .swiper-button-prev.differenceItems-prev {
    width: 2.8rem;
  } */

  .difference-area .swiper-button-next:after,
  .difference-area .swiper-button-prev:after {
    font-size: 2rem;
  }

  .difference-area .swiper-button-next.differenceItems-next {
    right: -2rem !important;
  }

  .difference-area .swiper-button-prev.differenceItems-prev {
    left: -2rem !important;
  }

  .difference-items {
    padding: 0 1.5rem 0 0;
  }

  .transform-heading {
    font-size: 1.8rem;
  }

  .differenceSlider .swiper-slide figure {
    height: 32.5rem;
  }

  .difference-area .shape-block {
    right: -1rem;
    height: 56rem;
    width: 18rem;
  }

  .transform-short-heading {
    font-size: 2.2rem;
    margin: 2.5rem 0 0.6rem;
  }

  .transform-description {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .difference-area .differenceSlider,
  .difference-area {
    padding-bottom: 4rem;
  }

  /* .difference-area .swiper-btn-wrap {
    gap: 0;
  } */

  /* .awards-area .swiper-button-prev:after,
  .awards-area .swiper-button-next:after {
    font-size: 1.5rem;
  } */

  .award-name,
  .awardee-realty,
  .awardee-year {
    padding: 0 2rem;
  }

  .architect-image {
    height: 100%;
  }

  .architect-area .swiper-button-prev,
  .our-architect-area .swiper-button-prev {
    left: -1.5rem;
  }

  .architect-area .swiper-button-next,
  .our-architect-area .swiper-button-next {
    right: -1.5rem;
  }

  /* .architect-area .swiper-button-prev:after,
  .architect-area .swiper-button-next:after,
  .our-architect-area .swiper-button-prev:after,
  .our-architect-area .swiper-button-next:after {
    font-size: 1.2rem;
  } */

  .custom-modal-architect-content figure {
    width: 18rem;
    height: 18rem;
  }

  .custom-modal-architect-content .custom-modal-content-right {
    padding: 0;
    padding-top: 2rem;
  }

  .custom-modal-architect-content .custom-modal-name-heading {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-bottom: 1rem;
  }

  .custom-modal-list-names {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .custom-modal-list {
    padding-top: 0.6rem;
  }

  .custom-modal-architect-content p {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  /* ***** PROJECT BANNER ****** */
  .project-banner-text-wrap figure {
    width: 18rem;
  }

  .project-banner-upper-desc {
    margin-bottom: 1.5rem;
  }

  .featured-address {
    font-size: 1.2rem;
    margin: 0;
  }

  .price-box {
    font-size: 1.4rem;
    margin-top: 0;
  }

  .price-box span {
    font-size: 1.8rem;
  }

  .project-banner-lower-desc {
    gap: 0;
    padding: 1.2rem 0;
  }

  .project-banner-lower-desc span,
  .hira-box,
  .architect-box {
    font-size: 1.2rem;
  }

  .hira-box a {
    margin-left: 0.4rem;
  }

  /* .project-banner-area .video__buttons {
    top: 9.5rem;
  } */
  .video__buttons button {
    right: 1rem;
    height: 3rem;
    width: 3rem;
  }

  .video__buttons button.mute-bt.stop span::before,
  .video__buttons button.mute-bt span::before,
  .video__buttons button.pause-bt span::before {
    width: 1.5rem;
    height: 1.5rem;
  }

  .video__buttons button.play-bt span::before {
    width: 1rem;
    height: 1rem;
  }

  /* ***** PROJECT ABOUT ****** */
  .project-about-area {
    padding: 5rem 0 6rem;
  }

  .project-about-area .common-header .common-header-text {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .project-about-area .common-header p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .project-details-box {
    padding: 0.5rem;
  }

  .project-details-heading {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin: 0;
  }

  .project-details-info {
    font-size: 1.4rem;
    line-height: 2.7rem;
  }

  /* ***** PROJECT AMENITIES ****** */
  .tab-content-items .tab-accordion-heading {
    font-size: 1.6rem;
    padding: 1.2rem;
    padding-right: 3rem;
  }

  .tabs-content .projectAmenitiesImageGallerySlider .project-amenities-image-slide-image {
    height: 30rem;
  }

  .project-amenities-icon-slide-image {
    height: 4rem;
    margin-bottom: 1rem;
  }

  .tabs-content .projectAmenitiesIconGallerySlider .figure-text {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  .tabs-content .projectAmenitiesImageGallerySlider-prev,
  .tabs-content .projectAmenitiesImageGallerySlider-next {
    width: 3rem;
    height: 3rem;
  }

  .tabs-content .projectAmenitiesImageGallerySlider-prev::after,
  .tabs-content .projectAmenitiesImageGallerySlider-next::after {
    font-size: 0.8rem;
  }

  .tabs-content .projectAmenitiesImageGallerySlider-next {
    right: 1rem;
  }

  .tabs-content .projectAmenitiesImageGallerySlider-prev {
    left: 1rem;
  }

  /* ***** PROJECT NEIGHBOURHOOD ****** */
  .map-block iframe {
    height: 25rem;
  }

  .map-heading {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 1rem;
  }

  .map-address {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 2.5rem;
  }

  .key-convenience-spots {
    font-size: 1.2rem;
    line-height: 2.7rem;
    margin-bottom: 1rem;
  }

  .map-info-heading {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 0;
  }

  .map-info-text {
    font-size: 1.4rem;
    line-height: 2.7rem;
  }

  .View-larger-map {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }

  .map-content {
    padding: 3.5rem 2rem;
  }

  .map-info-item {
    padding: 1rem;
  }

  .map-infobox {
    max-height: 17rem;
    padding-right: 0;
  }

  .map-info-item:nth-of-type(odd)::after {
    height: 70%;
  }

  .map-info-item:nth-of-type(odd):before {
    width: 80%;
  }

  .map-info-item:nth-of-type(even):before {
    width: 80%;
  }

  .map-extra-info {
    padding: 1rem 1.5rem 2.5rem 2.5rem;
  }

  .map-extra-info-heading {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .map-extra-info ul li a {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .map-extra-info ul li:not(:last-of-type) a {
    margin-bottom: 1rem;
  }

  .map-extra-info ul li::after {
    top: 0.5rem;
  }

  /* ****** PROJECT VIDEO 1****** */
  .youtube-wrapper,
  .youtube-image {
    height: 19.2rem;
  }

  .youtube-image a {
    padding: 1rem 1.5rem;
    font-size: 1.2rem;
    width: 17rem;
  }

  .projectYoutubeSlider .youtube-slide-wrapper,
  .youtube-popup-items {
    height: 25.5rem;
  }

  .projectYoutubeSlider .image-wrap,
  .constructionSlider .image-wrap {
    height: 25.5rem;
  }

  .project-video .swiper-button-prev,
  .project-video .swiper-button-next {
    transform: translateX(-50%);
  }

  .project-tab-buttons li a,
  .top-tabs li {
    min-height: 4rem;
  }

  /* ***** PLANS AREA****** */
  .plans-area-inner {
    padding: 4.5rem 0 4rem;
  }

  .plans-area-inner .top-tab-content figcaption {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .top-tabs li {
    padding: 0.5rem 2rem;
  }

  .inner-tabs-nav li a {
    min-height: 4rem;
    padding: 0.5rem 2rem;
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .plans-area .tab_drawer_heading {
    font-size: 1.6rem;
  }

  .project-btn {
    font-size: 1.3rem;
  }

  .project-btn span {
    margin-left: 1.5rem;
  }

  /* ***** CALCULATION AREA ****** */
  .calculation-left-box ul li {
    font-size: 1.8rem;
    line-height: 3rem;
  }

  .calculation-left-box .notes {
    font-size: 1.2rem;
    line-height: 2.7rem;
    padding-right: 4rem;
  }

  .calculation-right-box h2,
  .project_no_pricing {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-bottom: 2rem;
  }

  /* SEMI-BANNER AREA */
  /* .semibanner-area {
    height: 65.9rem;
  }
  .semibanner-text {
    min-height: 65.9rem;
  } */
  .semibanner-text .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .semibanner-text-heading {
    font-size: 3rem;
    line-height: 4rem;
    margin: 0;
  }

  /* ***** PROJECT ITEMS ****** */
  .project-buttons {
    gap: 1rem;
  }

  .ongoing,
  .completed {
    min-width: fit-content;
  }

  .custom-modal {
    padding: 5rem 2.5rem 0;
  }

  .custom-modal-body .content-area {
    max-height: 23rem;
    padding-right: 1.5rem;
  }

  .chairman-container-right .content-area p,
  .chairman-container-right .chairman-name,
  .chairman-container-right .chairman-designation,
  .year-content .content-area p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .chairman-container-right .content-area p:not(:last-of-type) {
    margin-bottom: 2.5rem;
  }

  .chairman-container-right .btn-primary {
    margin: 4.2rem auto 0;
    font-size: 1.1rem;
  }

  .story-about-area .image-block {
    height: 22rem;
  }

  .story-about-area .image-block .image-inner-wrap .shape-block {
    height: 24rem;
    width: 8rem;
    right: -0.5rem;
  }

  .story-about-area .content-area p {
    font-size: 1.6rem;
  }

  .our-journey-area .swiper-pagination {
    min-height: 7rem;
  }

  .our-journey-area .swiper-pagination-bullet {
    width: 1.4rem;
    height: 1.4rem;
  }

  .year-text {
    font-size: 4.5rem;
    line-height: 8rem;
  }

  .year-content .content-area h2,
  .year-content .content-area h3,
  .year-content .content-area h4,
  .year-content .content-area h5,
  .year-content .content-area h6 {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .year-content .content-area h3 {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .year-content .content-area h4 {
    font-size: 2rem;
    line-height: 3rem;
  }

  .year-content .content-area h5 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }

  .year-content .content-area h6 {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }

  .our-journey-area .swiper-pagination-bullet-text {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }

  .visit-website-wrap {
    min-height: 20rem;
    gap: 3rem;
    padding: 1.5rem;
  }

  .visit-website-wrap a.btn-primary {
    font-size: 1.4rem;
    padding: 0.5rem 4.9rem;
  }

  .back-to-home {
    font-size: 1.2rem;
    min-height: 4rem;
  }

  .back-to-home span {
    font-size: 0.8rem;
  }

  .our-architect-wrap .architect-image {
    height: fit-content;
  }

  .accordion-area .set a {
    padding-right: 3rem;
  }

  /* BLOG LISTING PAGE */
  body.blog .semibanner-text .container {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .semibanner-area.filter-semi-banner .search-content .form-group .formcontrol-select {
    line-height: 3rem;
  }

  .semibanner-area.filter-semi-banner .search-content .formcontrol-select:after {
    border-bottom: 0.2rem solid var(--black);
    border-right: 0.2rem solid var(--black);
    height: 0.8rem;
    width: 0.8rem;
    right: 1.5rem;
  }

  .blog-list-top-area .latest-items-images {
    height: 18.6rem;
  }

  .featured-image-text {
    padding: 0.6rem 5.5rem 0.6rem 2rem;
  }

  .featured-image-text span {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }

  .date-name-info time,
  .date-name-info .bloger-name {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  .date-name-info .icon-back-tick {
    font-size: 1.5rem;
  }

  .latest-items-text {
    font-size: 2rem;
    line-height: 2.6rem;
  }

  .blog-list-top-area .latest-items-text {
    margin-bottom: 1.5rem;
  }

  .blog-list-top-area .blog-text-area p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .latest-items-images {
    height: 21.6rem;
  }

  .latest-items {
    margin-bottom: 4.5rem;
  }

  .load-more-btn {
    min-height: 4rem !important;
    font-size: 1.2rem !important;
  }

  /* BLOG DETAILS PAGE */
  .semibanner-area.blog-deatils-banner-area .latest-items-text {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .semibanner-area.blog-deatils-banner-area .date-name-info time,
  .semibanner-area.blog-deatils-banner-area .date-name-info .bloger-name {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  .semibanner-area.blog-deatils-banner-area .date-name-info .icon-back-tick {
    font-size: 1.5rem;
  }

  .main-content-area p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .main-content-area ul li,
  .main-content-area ol li {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-bottom: 2rem;
    padding-left: 2.2rem;
  }

  .main-content-area ul li:before {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .main-content-area h1,
  .main-content-area h2,
  .main-content-area h3,
  .main-content-area h4,
  .main-content-area h5,
  .main-content-area h6 {
    font-size: 2rem;
    line-height: 2.6rem;
  }

  .main-content-area h2 {
    font-size: 1.8rem;
  }

  .main-content-area h3 {
    font-size: 1.7rem;
    line-height: 2.2rem;
  }

  .main-content-area h4 {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }

  .main-content-area h5 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .main-content-area h6 {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .accordion-area .set ul li,
  .accordion-area .set ol li {
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding-left: 2.2rem;
  }

  .accordion-area .set ul li:not(:last-of-type),
  .accordion-area .set ol li:not(:last-of-type) {
    margin-bottom: 2rem;
  }

  .accordion-area .set ul li a,
  .accordion-area .set ol li a,
  .accordion-area .set p a {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .accordion-area table th,
  .accordion-area table td {
    padding: 0.8rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .accordion-area table th {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .relative-post-header {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-bottom: 4.5rem;
  }

  .contact-form-label,
  .contact-form-label sup,
  .verify-input p {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .contact-form-wrap .form-box .form-group i {
    font-size: 1.6rem;
  }

  .contact-form-wrap .form-box .form-group .formcontrol {
    height: 2rem;
    font-size: 1.6rem !important;
    line-height: 2rem;
  }

  .contact-form-wrap .form-box .form-group .formcontrol.textarea-control {
    height: 8rem !important;
  }

  .contact-form-wrap .form-box .form-group .checkbox-wrapper span {
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .footer-map-area {
    height: 24rem;
  }

  .main-footer.contact-footer .contact-wrapper {
    background: linear-gradient(to bottom,
        #f8f9fb 0%,
        #f8f9fb 38%,
        #f3f5f8 38%,
        #f3f5f8 100%);
  }

  .contact-form-wrap .form-box .btn-secondary {
    font-size: 1rem;
    min-height: 4rem;
    margin: 0 auto;
  }

  .contact-form-wrap .form-box .btn-secondary.verify-btn {
    font-size: 0.8rem;
  }

  .contact-area .common-header .search-content .formcontrol-select {
    line-height: 3rem;
  }

  .contact-area .common-header .search-content .formcontrol-select:after {
    right: 1.5rem;
  }

  /********** Thankyou Page **********/
  .thankyou-logo {
    max-width: 20rem;
    margin-bottom: 4rem;
  }

  .inner-content-text-heading {
    font-size: 6rem;
    line-height: 5rem;
  }

  .page-wrapper .content-block .icon-back-tick {
    font-size: 1.6rem;
    margin-bottom: 4rem;
  }

  .user-name {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .inner-content-text {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .award-page-area .award-image {
    width: 20rem;
    height: 15rem;
  }

  .award-page-area .award-name,
  .award-page-area .awardee-realty,
  .award-page-area .awardee-year {
    padding: 0 1.5rem;
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .award-page-area .awardee-year {
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .awardee-group {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

@media screen and (max-width: 430px) {
  .about-us .image-block .owner-image {
    bottom: -2rem;
  }
}

@media screen and (max-width: 374px) {
  .main-nav.openSearch .search-block input {
    width: 24rem;
  }

  .main-nav {
    gap: 1rem;
  }

  .main-nav ul.nav-list {
    gap: 1rem;
  }

  .main-nav ul.nav-list a span,
  .search-icon span {
    font-size: 1.5rem;
  }

  .line-toggle:first-child,
  .line-toggle:last-child {
    width: 1.8rem;
  }

  .common-header .common-header-text {
    font-size: 2rem;
    line-height: 3rem;
  }

  .gallerySlider .thumb-main-text {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .gallerySlider .swiper-button-next:after,
  .gallerySlider .swiper-button-prev:after {
    font-size: 1.5rem;
  }

  .about-us .image-block .shape-block {
    height: 19rem;
    width: 7rem;
  }

  .about-us .image-block .owner-image {
    width: 5rem;
    height: 5rem;
  }

  .about-cont-box {
    gap: 2rem;
  }

  .common-header .common-header-text {
    font-size: 2rem;
    line-height: 2.6rem;
  }

  .about-us .button-wrap a {
    font-size: 1rem;
  }

  .counter-outer,
  .counter {
    font-size: 3rem;
    line-height: 4rem;
  }

  .featured-sold-wrap svg {
    width: 45%;
  }

  .project-items.project-sold-out .featured-sold-wrap svg {
    width: 45%;
  }

  /* .featured-sold-text {
    font-size: 1.2rem;
  } */

  .tabs-content .projectAmenitiesIconGallerySlider .figure-text {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  .tab-content-items .tab-accordion-heading {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .project-tab-buttons li a,
  .top-tabs li {
    padding: 0.5rem 2rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }

  .inner-tabs-nav li a {
    min-height: 4rem;
    padding: 0.5rem 2rem;
    font-size: 0.8rem;
    line-height: 1.4rem;
  }

  .project-btn {
    font-size: 1.1rem;
    padding: 1.1rem 1rem;
  }

  .project-btn span {
    margin-left: 0.5rem;
  }

  .customer-wrap-heading {
    font-size: 2rem;
    line-height: 2.6rem;
  }

  .calculation-left-box ul li {
    font-size: 1.5rem;
    line-height: 3rem;
  }

  .calculation-left-extended-layout p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .calculation-left-box .notes::after {
    top: 0rem;
    font-size: 3.2rem;
  }

  .calculation-left-box ul {
    height: 15rem;
    margin-bottom: 1rem;
  }

  .calculation-right-box h2,
  .project_no_pricing {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .calculation-right-box input[type="text"] {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .accordion-area .set a {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .ongoing,
  .completed {
    padding: 0.5rem 2.1rem;
    font-size: 1rem;
    line-height: 1.6rem;
  }

  /* CHAIRMAN AREA */
  .chairman-container-right .btn-primary {
    font-size: 0.9rem;
  }

  .year-text {
    font-size: 3.4rem;
    line-height: 8rem;
  }

  .year-middle figure {
    width: 24rem;
  }

  .custom-modal-content-heading-mobile {
    font-size: 1.9rem;
  }

  /* BLOG DETAILS PAGE */
  .semibanner-area.blog-deatils-banner-area .latest-items-text {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .semibanner-area.blog-deatils-banner-area .date-name-info {
    gap: 0.8rem;
    padding: 1.8rem;
  }

  .related-items .latest-items-text {
    font-size: 1.7rem;
    line-height: 2.3rem;
  }

  .contact-form-wrap .form-box .btn-secondary {
    font-size: 0.9rem;
    min-height: 4rem;
  }

  .contact-form-wrap .form-box .btn-secondary.verify-btn {
    font-size: 0.6rem;
  }

  /********** Thankyou Page **********/
  .inner-content-text-heading {
    font-size: 5rem;
    line-height: 4rem;
  }

  .user-name {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .inner-content-text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 5rem;
  }
}

@media only screen and (min-height: 280px) and (max-height: 500px) {
  .thankyou-logo {
    max-width: 18rem;
    margin-bottom: 4rem;
  }

  .inner-content-text-heading {
    font-size: 6rem;
    line-height: 5rem;
    margin-bottom: 2rem;
  }

  .page-wrapper .content-block .icon-back-tick {
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }

  .user-name {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }

  .inner-content-text {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 3rem;
  }

  .page-wrapper .content-block .btn-primary {
    padding: 0.5rem 2.8rem;
    min-height: 4rem;
    font-size: 1.2rem;
  }

  .flip-box-front {
    height: 30rem;
  }

  .search-content {
    bottom: -5rem;
  }

  .story-about-area .image-block .image-inner-wrap .shape-block {
    right: -1.5rem;
  }
}

/*  Responsive
  ------------------
      M-W    Check
      1399   1200
      1199   992
      991    768
      767    576
      575    480
      479    375
      374    320 
  */