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

    .footer-logo,
    .footer-toggle-content .footer-menu-block:not(:last-child) {
        margin-bottom: 30px
    }

    .max-w-500 {
        max-width: 400px
    }

    .custom-range-slider input.custom-range-title,
    .segment-highlights-detail ul.theme-list-point li,
    .select2-container--default .select2-search--dropdown .select2-search__field,
    .select2-results__option,
    .who-join-item span {
        font-size: 14px
    }

    .col-projects-amenities:first-child {
        max-width: 620px
    }

    .properties-filter .is-variable.is-6 {
        --columnGap: 1rem
    }

    .newsletter-btn svg {
        width       : 18px;
        height      : 18px;
        stroke-width: 2
    }

    .office-detail .column {
        padding      : 0 30px !important;
        margin-bottom: 30px
    }

    .custom-range-slider .form-label {
        margin-bottom: 10px
    }

    .office-item h4 {
        font-size: 24px
    }

    .office-detail .columns {
        margin: 0 -30px -30px !important
    }

    .whatsapp-icon {
        bottom: 50px;
        width : 35px;
        height: 35px
    }

    .kohinoor-partner-detail h4 {
        font-size: 20px
    }

    .loader-element.max-w-400 {
        max-width: 300px
    }

    .card-horizontal-desc h5 {
        font-size: 17px
    }

    .card-horizontal-img {
        max-width: 175px
    }

    .header-dropdown-content .menu-link,
    .header-dropdown-content a {
        font-size: 15px;
        padding  : 9px 0
    }

    .media-block-sm h5 {
        font-size: 18px
    }

    .header-dropdown-content::before {
        width : 360px;
        height: 360px
    }

    .header-dropdown-content {
        height        : calc(100vh - 80px);
        padding-top   : 40px;
        padding-bottom: 20px
    }

    .arrow-toggle,
    .insomenu-bars {
        width : 40px;
        height: 40px
    }

    .address,
    .footer-link,
    .form-control,
    .select2-container--default .select2-selection--single .select2-selection__rendered,
    body {
        font-size: 15px
    }

    .timeline-detail h3 {
        font-size: 120px
    }

    .vision-mission-item h3 {
        font-size: 34px
    }

    .arrow-top .splide__arrows {
        top: -120px
    }

    .theme-padding,
    header {
        padding-left : 150px;
        padding-right: 150px
    }

    .theme-menu .insomenu-bars {
        right: 150px
    }

    .sada-sukhiraho-feature-desc p {
        font-size  : 14px;
        line-height: normal
    }

    .sada-sukhiraho-feature-title {
        max-width: 330px
    }

    .section-title h1,
    .section-title h2 {
        font-size  : 54px;
        line-height: 60px
    }

    .counter-block h3 {
        font-size  : 56px;
        line-height: 62px
    }

    .counter-block small {
        font-size: 36px
    }

    .counter-block p,
    .form-label,
    .sidebar-menu-item a {
        font-size: 16px
    }

    .footer-toggle-content .footer-menu-list {
        margin: 0 -12px
    }

    .footer-toggle-content .footer-link {
        width: 50%
    }

    .modal-lg .theme-modal-card {
        max-width: 1140px;
        padding  : 40px
    }

    .footer-toggle-content .footer-menu-block {
        margin-bottom: 0
    }

    .footer-menu-block h5 {
        margin-bottom: 15px
    }

    footer.pb-6 {
        padding-top   : 40px !important;
        padding-bottom: 40px !important
    }

    .footer-logo {
        max-width: 260px
    }

    h5 {
        font-size: 22px
    }

    .theme-menu>ul {
        padding: 80px 150px 60px 80px
    }

    .theme-menu:before {
        width : 200px;
        height: 320px
    }

    .form-label {
        margin-bottom: 1px
    }

    #header-search-menu-detail,
    .header-dropdown .header-dropdown-content {
        top: 70px
    }

    #header-search-menu-detail.is-active,
    .header-dropdown.menu-active .header-dropdown-content {
        top: 80px
    }

    .scroll-to-top {
        width : 35px;
        height: 35px
    }

    .header-search-menu svg,
    .insomenu-bars svg {
        display: flex;
        height : 26px;
        width  : 26px
    }

    .theme-logo img {
        height: 50px
    }

    .menu-item>.menu-link {
        padding: 30px 0
    }

    .sticky-btn-enquire {
        right  : -53px;
        padding: 6px 20px !important
    }

    h3 {
        font-size: 28px
    }

    .section-youthville-tags {
        padding-left : 50px !important;
        padding-right: 50px !important
    }
}

@media screen and (max-width:1599px) {
    .accordion-gold .card__title h4 {
        font-size: 20px
    }

    .project-propeties-icon {
        width: 35px
    }

    .all-fp-logo img {
        height: 75px
    }

    .all-fp-logo {
        margin-bottom: 30px
    }

    .grid-card-block img,
    .grow-with-kohinoor-item img,
    .satori-logo img {
        height: 60px
    }

    .kbt-logo img,
    .kwt-logo img {
        height: 50px
    }

    .grow-with-kohinoor-desc {
        max-width: 580px
    }

    .column.search-btn .btn {
        width          : 100%;
        justify-content: center
    }

    .properties-filter .column {
        width: 33.33%;
        flex : 0 0 auto
    }

    .column.search-btn {
        max-width: inherit
    }

    .section-newsletter .max-w-300 {
        max-width: 240px
    }

    .our-story-counter .columns {
        margin: -12px
    }

    .our-story-counter .column {
        padding: 12px
    }

    .mb-8,
    .timeline-tabs {
        margin-bottom: 50px
    }

    .cms-item h4,
    .join-our-team-detail h3,
    .theme-project-block .block-title h4 {
        font-size: 24px
    }

    .diverse-solutions-block:not(:last-child) {
        padding-bottom: 30px;
        margin-bottom : 30px
    }

    .horizontal-timeline-block span,
    .join-our-team-desc span,
    .project-confi-item span {
        font-size: 16px
    }

    .join-our-team-detail {
        padding-bottom: 15px;
        margin-bottom : 15px
    }

    .join-our-team-block {
        padding: 20px
    }

    .is-size-5 {
        font-size  : 18px !important;
        line-height: normal
    }

    .cols-about .img-ratio {
        aspect-ratio: 4/5
    }

    .amenities-list {
        gap: 20px
    }

    .amenities-list li {
        width: calc(25% - 15px)
    }

    .office-item h4 {
        font-size: 22px
    }

    .tag {
        font-size  : 13px;
        line-height: 13px;
        align-items: center;
        left       : -18px
    }

    .tag:before {
        width : 18px;
        height: 18px
    }

    .theme-half-element {
        max-width: 300px;
        right    : -60px;
        bottom   : -150px
    }

    .youthville-tag-item {
        padding: 12px 20px
    }

    .join-program-document-required h3 {
        font-size    : 22px;
        margin-bottom: 10px !important
    }

    .who-join-item span {
        max-width: 200px
    }

    .grid-card-block {
        padding: 30px
    }

    .gallery-title,
    h3,
    h4 {
        font-size: 26px
    }

    .is-size-4 {
        font-size: 20px !important
    }

    .walkthrough-detail .theme-block-icon svg {
        width : 80px;
        height: 80px
    }

    .accordion.accordion-plus {
        padding: 20px 40px 40px
    }

    .accordion-plus .card__title h4,
    .employee-program-block h4 {
        font-size: 18px
    }

    .theme-project-logo-block img {
        max-height: 55px
    }

    .project-confi-title img {
        width: 34px;
        flex : 0 0 34px
    }

    .columns.cols-project {
        --columnGap: 12px !important
    }

    .project-confi-detail {
        padding: 15px
    }

    .project-confi-item:not(:last-child) {
        padding-bottom: 6px;
        margin-bottom : 6px
    }

    .link-with-arrow svg {
        width : 20px;
        height: 20px
    }

    .card-horizontal-img {
        max-width: 135px
    }

    .card-horizontal-desc h5 {
        -webkit-line-clamp: 2
    }

    .header-dropdown-item h4 {
        margin-bottom: 10px
    }

    .vision-mission-item h3 {
        font-size: 30px
    }

    .sada-sukhiraho-feature-title {
        max-width: 310px
    }

    .project-menu-link {
        min-width: 140px
    }

    .project-propeties h5 {
        font-size  : 28px;
        line-height: 28px
    }

    .project-propeties li:not(:last-child) {
        padding-bottom: 24px;
        margin-bottom : 24px
    }

    .column.team-modal-col:first-child,
    .max-w-500 {
        max-width: 300px
    }

    .timeline-detail h3 {
        font-size    : 100px;
        line-height  : 100px;
        margin-bottom: -50px
    }

    .accordion-with-icon img,
    .sada-sukhiraho-feature-title img {
        max-width: 36px
    }

    .max-w-600 {
        max-width: 500px
    }

    .theme-padding,
    header {
        padding-left : 120px;
        padding-right: 120px
    }

    .theme-menu .insomenu-bars {
        right: 120px
    }

    .section-title h1,
    .section-title h2 {
        font-size  : 48px;
        line-height: 54px
    }

    .counter-block h3 {
        font-size  : 50px;
        line-height: 60px
    }

    .counter-block small {
        font-size: 32px
    }

    .section,
    section {
        padding-top   : 80px;
        padding-bottom: 80px
    }

    .pl-100 {
        padding-left: 80px
    }

    .pr-100 {
        padding-right: 80px
    }

    .btn {
        padding: 8px 30px
    }

    .team-modal-detail p {
        font-size  : 14px;
        line-height: normal
    }

    .contact-btn-block-inner {
        padding: 50px
    }

    .contact-btn-block-inner p {
        font-size  : 20px;
        line-height: 30px
    }

    .employee-program-block {
        padding: 10px 15px
    }
}

@media screen and (max-width:1408px) {
    .accordion .card__title {
        gap: 12px
    }

    .how-it-works-process:before {
        width: 138px
    }

    .join-our-team-detail h3 {
        font-size  : 22px;
        line-height: 26px
    }

    .join-our-team-detail {
        min-height: 70px
    }

    .join-our-team-desc span {
        font-size: 15px
    }

    .diverse-solutions-desc h5,
    .grow-with-kohinoor-item h5,
    h4 {
        font-size: 24px
    }

    .theme-block.theme-block-with-border {
        padding: 12px
    }

    .theme-devider {
        margin: 30px 0
    }

    .max-w-300.timeline-element,
    .max-w-500 {
        max-width: 200px
    }

    .join-program-document-required h3,
    .office-item h4 {
        font-size: 20px
    }

    .sub-title,
    .who-join-item h5 {
        font-size: 18px
    }

    .theme-half-element {
        max-width: 260px;
        right    : -60px;
        bottom   : -130px
    }

    .grow-with-kohinoor-item img {
        height: 50px
    }

    .cols-grow-with-kohinoor {
        max-width: 750px
    }

    .who-join-block {
        margin: 20px 0
    }

    .join-program-document-required .theme-list-point li:not(:last-child) {
        margin-bottom: 3px
    }

    .col-who-join:first-child {
        max-width: 420px
    }

    .who-join-block .column {
        padding: 3px
    }

    .who-join-block .columns {
        margin: -3px !important
    }

    .ssr-element img {
        width: 40px
    }

    .grid-card-block h5 {
        font-size: 24px;
        margin   : 20px 0 0
    }

    .vision-mission-item .section-title.mb-3 {
        margin-bottom: 2px !important
    }

    .vision-mission-item p:not(:last-child) {
        margin-bottom: 5px
    }

    .people-philosophy-desc,
    .theme-icon-text-item:not(:last-child) {
        margin-bottom: 20px
    }

    .theme-icon-text h4 {
        font-size: 22px
    }

    .walkthrough-detail .theme-block-icon svg {
        width : 60px;
        height: 60px
    }

    .projects-amenities-detail .mt-6.mb-6 {
        margin: 15px 0 !important
    }

    .col-projects-amenities .img-ratio {
        aspect-ratio: 1/1.1
    }

    .project-propeties h5 {
        font-size    : 24px;
        line-height  : 24px;
        margin-bottom: 2px
    }

    .section-project .col-project:nth-child(3n+2) {
        margin-top: 40px
    }

    .cms-item h4 {
        font-size    : 22px;
        margin-bottom: 6px
    }

    .contact-us-form {
        padding: 40px
    }

    .sada-sukhiraho-feature li {
        flex-direction: column;
        gap           : 10px
    }

    .sada-sukhiraho-feature-title h4 {
        line-height: normal
    }

    .projects-properties-menu {
        gap: 30px
    }

    .amenities-tab-content h4 {
        margin-bottom: 16px
    }

    .employee-program-block h4,
    .tab-list .tab a {
        font-size: 16px
    }

    .timeline-right-column .timeline-detail {
        padding-left: 120px
    }

    .timeline-left-column .timeline-line {
        right: -120px
    }

    .timeline-left-column .timeline-detail {
        padding-right: 120px
    }

    .timeline-right-column .timeline-line {
        left: -120px
    }

    .timeline-right-column {
        margin-top: 230px
    }

    .theme-block-title h3 {
        font-size: 32px
    }

    .section-sada-sukhiraho .card__title {
        padding: 20px 0
    }

    .columns.is-variable.is-8 {
        --columnGap: 1.5rem
    }

    .brand-logo-slider picture {
        width : 160px;
        height: 160px
    }

    .arrow-top .splide__arrows {
        top: -106px
    }

    .columns.is-variable.is-5 {
        --columnGap: 1rem
    }

    .mt-6 {
        margin-top: 2.5rem !important
    }

    .mb-6 {
        margin-bottom: 2.5rem !important
    }

    .max-w-600 {
        max-width: 400px
    }

    .theme-padding,
    header {
        padding-left : 80px;
        padding-right: 80px
    }

    .theme-menu .insomenu-bars {
        right: 80px
    }

    .section-title h1,
    .section-title h2 {
        font-size  : 42px;
        line-height: 48px
    }

    .sub-title {
        margin-bottom: 8px
    }

    .counter-block small {
        font-size: 30px
    }

    .section,
    section {
        padding-top   : 60px;
        padding-bottom: 60px
    }

    .pl-100 {
        padding-left: 60px
    }

    .pr-100 {
        padding-right: 60px
    }

    .employee-program-block img {
        max-width: 25px
    }

    .employee-program-block {
        padding: 8px 12px;
        gap    : 8px
    }
}

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

    .sidebar-menu-item h6 a,
    .theme-list-point.sidebar-menu-link li {
        padding: 0;
        margin : 0
    }

    .theme-modal.modal-lg {
        padding-left : 20px;
        padding-right: 20px
    }

    .project-segment-overview-detail .section-title {
        margin-bottom: 15px
    }

    .how-it-works-process:before {
        width: 105px
    }

    .bg-img-section {
        padding: 60px 40px
    }

    .newsletter-btn {
        padding: 6px
    }

    .newsletter-block picture {
        padding-bottom: 30px
    }

    .modal-md .theme-modal-card {
        max-width: 700px
    }

    .join-our-team-element,
    .max-w-600 {
        max-width: 300px
    }

    .mb-8 {
        margin-bottom: 30px
    }

    .col-header.col-menu,
    .sidebar-menu-item h6 a:before,
    .theme-list-point.sidebar-menu-link li:before {
        display: none
    }

    .sidebar-menu-item a:first-child {
        margin-top: 10px
    }

    .address,
    .footer-link,
    .horizontal-timeline-block ul li,
    .youthville-tag-item h4 {
        font-size: 14px
    }

    .horizontal-timeline-block ul li:before {
        width : 14px;
        height: 14px;
        top   : 3px
    }

    .timeline-tabs:after,
    .timeline-tabs:before {
        width: 60px
    }

    .gallery-title,
    .year-label,
    h3 {
        font-size: 22px
    }

    .col-projects-amenities .img-ratio {
        aspect-ratio: 1/1.3
    }

    .col-projects-amenities:first-child {
        max-width: 480px
    }

    .timeline-detail li,
    .timeline-detail span {
        font-size  : 16px;
        line-height: 22px
    }

    .timeline-detail b,
    .timeline-detail strong {
        font-size  : 20px;
        line-height: 28px
    }

    .youthville-tag-item img {
        width : 26px;
        height: 26px
    }

    .youthville-tag-item {
        padding: 8px 20px
    }

    .col-who-join:first-child {
        max-width: 320px
    }

    .kmvp-icon-img {
        max-width: 280px
    }

    .kohinoor-partner-detail h4 {
        font-size: 18px
    }

    .section-inner-banner .banner-image img {
        height: 330px
    }

    .vision-mission-item:not(:last-child) {
        margin-bottom: 20px
    }

    .vision-mission-item h3 {
        font-size: 24px
    }

    .section-ssr-message .container {
        max-width: 800px !important
    }

    .ssr-help-element {
        max-width: 220px;
        right    : -60px !important
    }

    .theme-list-point li:not(:last-child) {
        margin-bottom: 8px
    }

    .theme-icon-text img {
        width: 35px
    }

    .block-title h4,
    .theme-icon-text h4,
    h5 {
        font-size: 20px
    }

    .amenities-list li {
        width: calc(33.33% - 14px)
    }

    .accordion-plus .card__title h4,
    .counter-block p,
    .sub-title {
        font-size: 16px
    }

    .accordion.accordion-plus {
        padding: 10px 30px 30px
    }

    .accordion-plus .card__content p {
        font-size: 15px
    }

    .accordion-plus .card__title::before {
        width : 20px;
        height: 20px
    }

    .accordion-plus .card__title {
        padding-right: 35px
    }

    .section-project-confi .col-project:nth-child(3n+2) {
        margin-top: 0 !important
    }

    .section-project-confi .col-project:nth-child(2n) {
        margin-top: 40px !important
    }

    .news-articles-cols .column {
        padding: 12px
    }

    .columns.news-articles-cols {
        margin: -12px
    }

    .project-propeties li:not(:last-child) {
        padding-bottom: 16px;
        margin-bottom : 16px
    }

    .theme-form-cols .column {
        padding: 14px
    }

    .theme-form-cols.columns {
        margin: -14px !important
    }

    .office-detail .column:nth-child(4n+4) {
        border-right: 1px solid #e6e7e8
    }

    .office-detail .column:nth-child(3n+3) {
        border-right: 0
    }

    .project-logo img {
        height: 45px
    }

    .project-menu-link {
        padding   : 12px;
        min-height: 60px;
        min-width : 110px
    }

    .project-propeties h5 {
        font-size  : 22px;
        line-height: 22px
    }

    .timeline-line {
        width: 25px
    }

    .timeline-right-column .timeline-detail {
        padding-left: 50px
    }

    .timeline-left-column .timeline-line {
        right: -50px
    }

    .timeline-left-column .timeline-detail {
        padding-right: 50px
    }

    .timeline-right-column .timeline-line {
        left: -50px
    }

    .counter-block small,
    .theme-block-title h3 {
        font-size: 28px
    }

    .col-sada-sukhiraho-inner:first-child {
        padding-bottom: 0
    }

    .col-sada-sukhiraho-inner:last-child {
        padding-top: 0
    }

    .columns.is-variable.is-8 {
        --columnGap: 1.25rem
    }

    .banner-desc {
        bottom: 24px
    }

    .arrow-top .splide__arrows {
        top: -92px
    }

    .columns.is-variable.is-5 {
        --columnGap: 0.75rem
    }

    .mt-6 {
        margin-top: 2rem !important
    }

    .mb-6 {
        margin-bottom: 2rem !important
    }

    p {
        line-height: 22px
    }

    .our-story-counter.mt-6 {
        margin-top: 24px !important
    }

    .theme-padding,
    header {
        padding-left : 60px;
        padding-right: 60px
    }

    .theme-menu .insomenu-bars {
        right: 60px
    }

    .pl-100 {
        padding-left: 30px
    }

    .pr-100 {
        padding-right: 30px
    }

    .section-title h1,
    .section-title h2 {
        font-size  : 36px;
        line-height: 42px
    }

    .counter-block h3 {
        font-size  : 46px;
        line-height: 52px
    }

    header {
        padding-top   : 12px;
        padding-bottom: 12px
    }

    #header-search-menu-detail.is-active,
    .header-dropdown.menu-active .header-dropdown-content {
        top: 74px
    }

    #header-search-menu-detail,
    .header-dropdown .header-dropdown-content {
        top: 60px
    }

    .responsive-sidebar-menu {
        display: block !important
    }

    .close {
        width : 35px;
        height: 35px
    }

    .footer-link:not(:last-child),
    .people-philosophy-desc {
        margin-bottom: 10px
    }

    .is-size-7 {
        font-size: 13px !important
    }

    .footer-logo {
        max-width: 200px
    }

    footer.pb-6 {
        padding-top   : 30px !important;
        padding-bottom: 30px !important
    }

    .sidebar-menu-item a {
        font-size: 14px;
        position : relative
    }

    .responsive-sidebar-menu .sidebar-menu-dropdown>a {
        padding-left: 26px;
        margin-left : 20px
    }

    .responsive-sidebar-menu .sidebar-menu-dropdown a::before {
        position        : absolute;
        content         : "";
        top             : 4px;
        left            : 0;
        background-image: url(../images/element/golden-element.svg) !important;
        background-size : contain;
        width           : 14px;
        height          : 14px
    }

    .theme-menu>ul {
        padding: 60px 100px 60px 60px;
        display: block
    }

    .col-our-other .theme-block-img::before,
    .col-our-other .theme-block:hover .theme-block-img::before,
    .col-shaping-the-future .theme-block-img::before,
    .col-shaping-the-future .theme-block:hover .theme-block-img::before {
        height: 140%
    }

    .col-our-other .theme-block:hover .theme-block-title,
    .col-shaping-the-future .theme-block:hover .theme-block-title {
        bottom: 30px
    }

    .join-our-team-block {
        flex-direction: column
    }

    .contact-btn-block-inner p {
        font-size  : 18px;
        line-height: 28px
    }

    .loyalty-program-detail .max-w-600 {
        max-width: inherit
    }

    .employee-program-block {
        padding: 6px 10px
    }

    .employee-program-block img {
        max-width: 20px
    }

    .employee-program-block h4 {
        font-size: 12px
    }
}

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

    #kbt-slider .splide__track,
    #kwt-slider .splide__track,
    #sanctuary-of-joy-slider .splide__track,
    #satori-slider .splide__track {
        margin-left : -20px !important;
        margin-right: 0 !important
    }

    #discover-projects-slider .splide__track,
    #kbt-slider .splide__track,
    #kwt-slider .splide__track,
    #recent-viewed-projects-slider .splide__track,
    #sanctuary-of-joy-slider .splide__track,
    #satori-slider .splide__track {
        padding-left : 20px !important;
        padding-right: 0 !important
    }

    .how-it-works-block {
        max-width: 400px;
        margin   : 0 auto !important
    }

    .how-it-works-block .column {
        width   : 100% !important;
        flex    : 0 0 auto;
        overflow: hidden
    }

    .how-it-works-block:nth-child(2n) .column.how-it-works-process-col,
    .order-2 {
        order: unset
    }

    .how-it-works-block:not(:last-child) .how-it-works-process {
        margin: 0 auto
    }

    .how-it-works-process:after {
        position        : absolute;
        content         : "";
        height          : 161px;
        width           : 1px;
        background-color: #c9963a;
        top             : 100%;
        left            : 0;
        right           : 0;
        margin          : 0 auto
    }

    .how-it-works-process:before {
        display: none
    }

    .how-it-works-block:not(:last-child) {
        margin: 0
    }

    .how-it-works-desc {
        padding     : 20px;
        border-top  : 1px solid #c9963a;
        border-left : 0 !important;
        border-right: 0 !important;
        text-align  : center !important
    }

    .how-it-works-process {
        margin-bottom: 30px !important
    }

    .all-fp-logo,
    .mvp-program-img,
    .vision-mission-img,
    .youthville-detail {
        margin-bottom: 20px
    }

    .grow-with-kohinoor-desc {
        max-width: 490px;
        margin   : 30px 0
    }

    .grow-with-kohinoor-desc .is-size-4 {
        font-size: 17px !important
    }

    .projects-sub-section.project-overview,
    .section-about.pl-0,
    .section-advantage,
    .section-for-you,
    .section-home-our-story.pl-0,
    .section-invest.theme-padding,
    .section-location.pl-0,
    .section-people-philosophy.pl-0,
    .section-work-with-us.theme-padding {
        padding-left: 30px !important
    }

    .projects-amenities-detail,
    .section-testimonials {
        text-align: center
    }

    .amenities-tab .tab-list {
        margin-left : auto;
        margin-right: auto
    }

    .amenities-list,
    .project-detail-page .arrow-bottom .splide__arrows {
        justify-content: center !important
    }

    .section-newsletter .max-w-300,
    .ssr-message-img {
        max-width: 160px
    }

    .col-our-story:first-child {
        margin-bottom: 24px !important;
        width        : 100% !important;
        flex         : 0 0 auto;
        max-width    : inherit !important
    }

    .about-detail.pl-100,
    .our-story-detail.pl-100,
    .people-philosophy-detail.pl-100 {
        padding-left: 0
    }

    .diverse-solutions-logo img {
        height: 55px
    }

    .diverse-solutions-desc h5,
    h4 {
        font-size: 22px
    }

    .horizontal-timeline-block ul li {
        padding-left: 22px
    }

    .horizontal-timeline-block span {
        font-size: 15px
    }

    .grow-with-kohinoor-item h5,
    .horizontal-timeline-block h5 {
        font-size: 20px
    }

    .container,
    .theme-padding,
    header {
        padding-left : 30px;
        padding-right: 30px
    }

    .cols-about .img-ratio {
        aspect-ratio: 4/3
    }

    .theme-half-element {
        max-width: 200px;
        right    : -40px;
        bottom   : -100px
    }

    .grow-with-kohinoor-item img {
        height: 40px
    }

    .cols-grow-with-kohinoor {
        max-width: 550px
    }

    .grow-with-kohinoor-item {
        padding: 15px
    }

    .column.col-who-join {
        width: 100%;
        flex : 0 0 auto
    }

    .who-join-detail.pl-100 {
        padding   : 0;
        margin-top: 20px
    }

    .col-who-join:first-child {
        max-width: 520px
    }

    .columns.cols-who-join {
        align-items: start !important
    }

    .projects-amenities.pr-0,
    .section-mvp-program,
    .section-why-invest.theme-padding {
        padding-right: 30px !important
    }

    .office-detail .column:nth-child(3n+3) {
        border-right: 1px solid #e6e7e8
    }

    .office-detail .column:nth-child(2n) {
        border-right: 0
    }

    .grid-card-block img {
        height: 50px
    }

    .grid-card-block h5 {
        font-size: 22px;
        margin   : 20px 0 6px
    }

    .grid-card-block {
        padding: 20px
    }

    .loader-element.max-w-400 {
        max-width: 260px
    }

    .theme-loader,
    .theme-loader::after {
        width : 40px;
        height: 40px
    }

    .loader-logo img {
        height: 70px
    }

    .work-img {
        padding-right: 30px;
        margin-bottom: 20px
    }

    .walkthrough-detail .theme-block-icon svg {
        width : 50px;
        height: 50px
    }

    .for-you-detail.pl-100,
    .projects-overview-detail.pl-100 {
        padding-left: 0 !important
    }

    .for-you-detail .max-w-600 {
        max-width: inherit !important
    }

    .col-projects-overview .img-ratio {
        aspect-ratio: 1/0.7
    }

    .col-projects-overview:first-child {
        max-width    : inherit;
        margin-bottom: 20px !important
    }

    .col-for-you:first-child {
        margin-bottom: 20px !important
    }

    .col-projects-overview {
        width: 100% !important;
        flex : 0 0 auto
    }

    .section-project .col-project:nth-child(3n+2) {
        margin-top: 0
    }

    .section-project .col-project:nth-child(2n) {
        margin-top: 30px
    }

    .contact-us-form {
        padding: 30px
    }

    .office-detail .column {
        padding      : 0 16px !important;
        margin-bottom: 20px
    }

    .office-detail .columns {
        margin         : 0 -16px -20px !important;
        text-align     : center;
        justify-content: center
    }

    .section-home-awards .splide__arrows {
        display: flex
    }

    .sada-sukhiraho-img {
        padding  : 40px;
        max-width: 360px;
        margin   : 0 auto 30px
    }

    .col-sada-sukhiraho:first-child {
        width    : 100%;
        flex     : 0 0 auto;
        max-width: inherit
    }

    .projects-properties-menu {
        gap: 15px
    }

    .project-menu-link {
        min-width: 80px
    }

    .location-map.pr-100,
    .section-invest .pl-100 {
        padding: 0
    }

    .col-about:not(:last-child),
    .col-featured-projects:first-child,
    .col-location:not(:last-child),
    .col-project-layout:not(:last-child),
    .col-projects-amenities:not(:last-child) {
        margin-bottom: 24px !important
    }

    .col-projects-amenities:first-child {
        max-width: 100%;
        width    : 100% !important;
        flex     : 1 1 auto
    }

    .col-projects-amenities .img-ratio {
        aspect-ratio: 1/1
    }

    .timeline-detail h3 {
        font-size    : 80px;
        line-height  : 80px;
        margin-bottom: -40px
    }

    .theme-block-title h3 {
        font-size: 24px
    }

    .columns.is-variable.is-8 {
        --columnGap: 1rem
    }

    .brand-logo-slider picture {
        padding: 12px;
        width  : 140px;
        height : 140px
    }

    .title-with-slider-arrow {
        padding-right: 114px
    }

    .splide__arrow {
        width : 40px;
        height: 40px
    }

    .splide__arrow svg {
        font-size: 20px
    }

    .arrow-top .splide__arrows {
        top: -80px
    }

    .theme-team-desc-block span {
        -webkit-line-clamp: 2;
        line-clamp        : 2;
        font-size         : 15px
    }

    .theme-team-desc-block a svg {
        width : 36px;
        height: 36px
    }

    .featured-projects-detail.pr-100 {
        padding-right: 0
    }

    .mt-6 {
        margin-top: 1.5rem !important
    }

    .mb-6 {
        margin-bottom: 1.5rem !important
    }

    .form-label {
        font-size: 17px
    }

    .max-w-600 {
        max-width: 200px
    }

    .our-story-counter .columns {
        margin: -8px -16px
    }

    .our-story-counter .column {
        padding: 8px 16px
    }

    .small-section-padding {
        padding-top   : 30px !important;
        padding-bottom: 30px !important
    }

    .section,
    section {
        padding-top   : 30px;
        padding-bottom: 30px
    }

    .theme-menu .insomenu-bars {
        right: 30px
    }

    .section-title {
        margin-bottom: 24px
    }

    header {
        padding-top   : 10px;
        padding-bottom: 10px
    }

    .column.team-modal-col:first-child {
        max-width: 250px;
        margin   : 0 auto
    }

    .footer-col.order-2 {
        order: 2
    }

    #header-search-menu-detail.is-active,
    .header-dropdown.menu-active .header-dropdown-content {
        top: 65px
    }

    .is-gap-5 {
        gap: 14px !important
    }

    .theme-logo img {
        height: 45px
    }

    .header-search-menu svg,
    .insomenu-bars svg {
        height: 24px;
        width : 24px
    }

    .col-invest .invest-img,
    .col-why-invest .why-invest-img,
    .people-philosophy-img,
    .work-with-us-img {
        margin-bottom: 30px
    }

    .contact-btn-block-inner p {
        font-size  : 16px;
        line-height: 26px
    }

    .loyalty-program-img {
        max-width: 600px
    }

    .employee-program-block h4 {
        font-size: 14px
    }

    .employee-program-block img {
        max-width: 25px
    }
}

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

    .arrow-top .splide__arrows,
    .grow-bg-img img {
        top     : unset;
        position: relative
    }

    .grow-bg-img,
    .grow-bg-img img {
        position: relative
    }

    .join-our-team-element {
        max-width: 200px
    }

    .img-position-top img {
        object-position: center !important
    }

    .how-it-works-element,
    .max-w-200 {
        max-width: 120px
    }

    .first-banner-iframe {
        display: none !important
    }

    .first-banner-video {
        display: block !important
    }

    .grow-bg-img img {
        left: unset
    }

    .grow-with-kohinoor-desc {
        margin: 20px auto 30px
    }

    .grow-with-kohinoor-btn {
        justify-content: center;
        flex-wrap      : wrap
    }

    .grow-bg-img:before {
        background: linear-gradient(90deg, #fbf7ef5c 41.89%, rgba(251, 247, 239, 0) 100%)
    }

    .bg-img-section {
        background-color: #fbf7ef;
        padding         : 0
    }

    .grow-with-kohinoor-detail {
        padding   : 30px;
        text-align: center
    }

    .theme-sada-sukhiraho-img {
        margin-bottom: 30px
    }

    .column.team-modal-col,
    .ssr-message-detail {
        text-align: center
    }

    .max-w-300.timeline-element,
    .section-newsletter .max-w-300 {
        max-width: 100px
    }

    .theme-modal-card {
        top      : 0;
        transform: unset;
        margin   : 30px 0
    }

    .diverse-solutions-logo {
        margin-left: 0
    }

    .theme-modal.is-active .theme-modal-card {
        top       : 0;
        margin-top: 60px
    }

    .theme-modal.modal-lg {
        padding: 0 12px !important
    }

    .timeline-tabs:after,
    .timeline-tabs:before {
        width: 30px
    }

    .timeline-tabs,
    .year-ticks {
        gap: 8px
    }

    .arrow-bottom .splide__arrows {
        gap: 12px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size  : 12px;
        line-height: 12px
    }

    #banner-slider .splide__arrows {
        display: none
    }

    .join-program-document-required h3,
    .office-item h4 {
        font-size: 18px
    }

    .copyright-detail {
        flex-direction: column
    }

    .youthville-tag-item img {
        width : 20px;
        height: 20px
    }

    .youthville-tags li {
        padding: 2px
    }

    .youthville-tag-item h4 {
        font-size: 12px
    }

    .cols-grow-with-kohinoor {
        max-width: 270px
    }

    .who-join-item span {
        max-width: inherit
    }

    .who-join-item {
        min-height: inherit
    }

    .join-program-document-required .columns {
        margin: -6px !important
    }

    .join-program-document-required .column {
        padding: 6px !important
    }

    .kohinoor-partner-detail {
        text-align: center;
        margin-top: 20px
    }

    .theme-grid-card-cols .column:first-child .grid-card-block {
        padding-top: 0
    }

    .grid-card-block {
        padding-left : 0;
        padding-right: 0
    }

    .theme-grid-card-cols .column:last-child .grid-card-block {
        padding-bottom: 0
    }

    .grid-card-block h5 {
        font-size: 20px;
        margin   : 20px 0 6px
    }

    .col-ready-to-assist:nth-child(2n),
    .theme-grid-card-cols .column:nth-child(odd) {
        border-right: 0
    }

    .theme-grid-card-cols .column:nth-child(3) {
        border-bottom: 1px solid #e6e7e8
    }

    .grid-card-block img {
        height: 40px
    }

    .section-title,
    .ssr-help-img,
    .ssr-message-img {
        margin-bottom: 20px
    }

    .ssr-help-detail .mb-5 {
        margin-bottom: 10px !important
    }

    .pr-100,
    .title-with-slider-arrow,
    .work-img {
        padding-right: 0
    }

    .is-size-4 {
        font-size: 18px !important
    }

    .accordion.accordion-plus {
        padding: 10px 24px 24px
    }

    .accordion-plus .card__content p {
        font-size: 14px
    }

    .section-project-confi .col-project:nth-child(2n) {
        margin-top: 0 !important
    }

    .section-project .col-project:nth-child(2n) {
        margin-top: 0
    }

    .gallery-title {
        font-size: 18px;
        padding  : 10px
    }

    .timeline-right-column {
        margin-top: 130px
    }

    .theme-form-cols .column {
        padding: 10px
    }

    .theme-form-cols.columns {
        margin: -10px !important
    }

    .theme-modal {
        padding: 0 20px
    }

    .contact-btn-block-inner,
    .theme-modal-card {
        padding: 30px
    }

    .sada-sukhiraho-img {
        padding: 0
    }

    .sada-sukhiraho-img img {
        max-width: 200px;
        margin   : 0 auto
    }

    .theme-project-block .theme-block-img:before,
    .theme-project-logo-block h5 {
        opacity: 1
    }

    .theme-project-block .block-title h4 {
        font-size: 22px
    }

    .timeline-detail li,
    .timeline-detail span {
        font-size  : 15px;
        line-height: 20px
    }

    .timeline-detail .list-point>li:before {
        top: 8px
    }

    .timeline-detail b,
    .timeline-detail strong {
        font-size  : 17px;
        line-height: 20px
    }

    .grid-item {
        margin-top: 60px
    }

    .timeline-detail h3 {
        font-size    : 60px;
        line-height  : 60px;
        margin-bottom: -30px
    }

    .accordion-with-icon img,
    .sada-sukhiraho-feature-title img {
        max-width: 32px
    }

    .col-projects-overview:not(:last-child),
    .col-sada-sukhiraho:not(:last-child) {
        margin-bottom: 24px !important
    }

    .section.pl-0 {
        padding-left: 30px !important
    }

    .section.pr-0 {
        padding-right: 30px !important
    }

    h4 {
        font-size: 20px
    }

    .pl-100 {
        padding-left: 0
    }

    .columns.is-variable.is-8 {
        --columnGap: 0.75rem
    }

    .brand-logo-slider picture {
        width : 100px;
        height: 100px
    }

    .arrow-top .splide__arrows {
        justify-content: center;
        margin-top     : 20px
    }

    .theme-block-icon svg {
        width : 36px;
        height: 36px
    }

    .properties-filter .column {
        width: 50%
    }

    .max-w-600 {
        max-width: 150px
    }

    .counter-block p {
        font-size  : 14px;
        line-height: 20px
    }

    .section-title h1,
    .section-title h2 {
        font-size  : 30px;
        line-height: 36px
    }

    .counter-block h3 {
        font-size  : 40px;
        line-height: 46px
    }

    .counter-block small {
        font-size: 24px
    }

    .sub-title {
        font-size    : 15px;
        margin-bottom: 4px
    }

    footer.section.pb-6 {
        padding: 30px 0 !important
    }

    .modal-lg .theme-modal-card {
        padding: 20px
    }

    .team-modal-title {
        margin-bottom: 12px
    }

    .team-modal-detail {
        margin-top: 12px
    }

    .theme-modal-card .theme-element {
        z-index: 1
    }

    .theme-modal-card-body {
        z-index: 2
    }

    .theme-element.modal-element {
        top      : -50px;
        right    : -50px;
        max-width: 170px;
        z-index  : 1
    }

    .arrow-toggle {
        width : 30px;
        height: 30px
    }

    .footer-toggle-content .footer-link {
        width: 100%
    }

    .contact-btn-block-inner p {
        font-size  : 14px;
        line-height: 22px
    }
}

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

    .grow-with-kohinoor-desc .is-size-4,
    .is-size-6 {
        font-size: 14px !important
    }

    .project-segment-overview-detail .theme-list-point li {
        padding-left: 26px
    }

    .news-articles-cols .column,
    .segment-highlights-detail ul.theme-list-point li {
        width: 100%
    }

    #amenities-img-slider .splide__arrow--next,
    .theme-menu .insomenu-bars {
        right: 20px
    }

    .how-it-works-process {
        width : 80px;
        height: 80px
    }

    .how-it-works-process span {
        font-size  : 26px;
        line-height: 24px
    }

    .section-how-it-works {
        padding-bottom: 0 !important
    }

    .featured-projects-grid-col {
        padding: 0 !important
    }

    .projects-grid-vertical {
        height: auto
    }

    .columns.featured-projects-grid-row {
        margin: 0 !important
    }

    .projects-grid-vertical:first-child {
        margin-bottom: 0
    }

    .projects-grid-vertical:last-child {
        margin-top: 0
    }

    .theme-block.featured-projects-block {
        margin-bottom: 20px !important
    }

    .col-invest .invest-img,
    .col-why-invest .why-invest-img,
    .footer-logo,
    .footer-toggle-content .footer-menu-block:not(:last-child),
    .modal-title,
    .work-with-us-img {
        margin-bottom: 20px
    }

    .featured-projects-grid-row:last-child .featured-projects-grid-col:last-child .theme-block {
        margin-bottom: 0 !important
    }

    .all-fp-logo img {
        height: 65px
    }

    .diverse-solutions-logo img,
    .satori-logo img {
        height: 50px
    }

    .contact-btn-block-inner img,
    .kbt-logo img,
    .kwt-logo img {
        height: 35px
    }

    .element-bottom-right.max-w-300,
    .join-our-team-element {
        max-width: 150px
    }

    .is-size-6 {
        line-height: normal
    }

    .kmvp-icon-img,
    .youthville-logo {
        max-width: 200px
    }

    .col-projects-overview .img-ratio {
        aspect-ratio: 1/1
    }

    .join-our-team-detail {
        flex-direction: column;
        gap           : 12px;
        align-items   : start
    }

    .horizontal-timeline-block span,
    .join-our-team-desc span,
    body {
        font-size: 14px
    }

    .join-our-team-detail h3 {
        max-width: inherit;
        font-size: 20px
    }

    .join-our-team-desc li:not(:last-child) {
        padding-right: 20px;
        margin-right : 20px
    }

    #amenities-img-slider .splide__arrow--prev {
        left: 20px
    }

    .horizontal-timeline-block h5 {
        font-size    : 18px;
        margin-bottom: 3px
    }

    .horizontal-timeline-block li:not(:last-child) {
        margin-bottom: 15px
    }

    .timeline-tabs,
    .year-ticks {
        gap: 5px
    }

    .theme-project-block .block-title h4,
    .vision-mission-item h3,
    .year-label,
    h3 {
        font-size: 20px
    }

    .select2-container--default .select2-selection--multiple:before {
        width: 18px
    }

    .employee-program-block img {
        max-width: 20px
    }

    .employee-program-block h4,
    .team-modal-detail p {
        font-size: 12px
    }

    .newsletter-grid-col {
        width: 100% !important;
        flex : 0 0 100% !important
    }

    .address,
    .date,
    .footer-link,
    .join-our-team-detail h6 {
        font-size: 13px
    }

    .project-menu-item,
    .scroll-to-top,
    .timeline-masonry-columns {
        display: none
    }

    .divider,
    .project-menu-item.active {
        display: block
    }

    .tag:after {
        width : 25px;
        height: 26px
    }

    .theme-half-element {
        max-width: 130px;
        right    : -30px;
        bottom   : -65px
    }

    .section-youthville-tags {
        padding-left : 20px !important;
        padding-right: 20px !important
    }

    .kohinoor-partner-detail h4 {
        font-size: 16px
    }

    .ssr-element img {
        width : 30px;
        margin: 0 auto 8px
    }

    .section-inner-banner .banner-image img {
        height: 260px
    }

    .loader-element.max-w-400 {
        max-width: 190px
    }

    .element-top-left.loader-element {
        top : -30px;
        left: -30px
    }

    .element-bottom-right.loader-element {
        bottom: -30px;
        right : -30px
    }

    .walkthrough-detail .theme-block-icon svg {
        width : 40px;
        height: 40px
    }

    .walkthrough-detail picture img {
        aspect-ratio: 16/9 !important
    }

    .number-pagination {
        margin-top: 20px
    }

    .number-pagination li a {
        width      : 26px;
        height     : 26px;
        font-size  : 12px;
        line-height: normal
    }

    .arrow-toggle svg,
    .number-pagination svg {
        width : 18px;
        height: 18px
    }

    .accordion-plus .card__title h4 {
        font-size  : 14px;
        font-weight: 600
    }

    .accordion-plus .card__content {
        padding: 15px 0
    }

    .accordion-plus .card__title::before {
        width : 16px;
        height: 16px
    }

    .accordion.accordion-plus {
        padding         : 0;
        background-color: transparent
    }

    .accordion-plus .card__title {
        padding-top   : 13px;
        padding-bottom: 14px
    }

    .container,
    .theme-padding,
    header {
        padding-left : 20px;
        padding-right: 20px
    }

    .cms-item:not(:last-child) {
        margin-bottom: 16px
    }

    .cms-item h4,
    h5 {
        font-size: 18px
    }

    .sidebar-menu-item h5::before {
        top: 2px
    }

    .sidebar-menu-dropdown:not(:last-child),
    .sidebar-menu-item:not(:last-child) {
        padding-bottom: 12px;
        margin-bottom : 12px
    }

    .contact-us-form {
        padding: 20px
    }

    .checkbox label::before,
    .radio label::before {
        width : 18px;
        height: 18px;
        border: 1px solid #939598;
        top   : 3px
    }

    .checkbox label::after,
    .radio label::after {
        left: 4px;
        top : 7px
    }

    .checkbox label,
    .radio label {
        font-size   : 13px;
        padding-left: 12px
    }

    .amenities-tab .tab {
        width     : 50%;
        text-align: center
    }

    .theme-modal {
        padding: 0 15px
    }

    .counter-block small,
    .modal-title h3 {
        font-size: 22px
    }

    .form-control {
        line-height: 19px
    }

    .theme-modal-card {
        padding: 24px
    }

    .tag {
        font-size : 10px;
        padding   : 3px 6px;
        min-height: 26px
    }

    .project-menu-link {
        padding   : 8px 0;
        min-height: 50px
    }

    .project-logo img,
    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--single .select2-selection__arrow,
    .theme-logo img {
        height: 36px
    }

    .projects-properties-menu {
        justify-content: space-between;
        border-bottom  : 1px solid #ddd
    }

    .amenities-tab .tab a {
        display        : flex;
        align-items    : center;
        justify-content: center;
        height         : 100%;
        line-height    : 20px
    }

    .project-propeties h5 {
        font-size  : 20px;
        line-height: 24px
    }

    .theme-project-logo-block h5 {
        font-size  : 16px;
        line-height: 17px
    }

    .timeline-detail h3 {
        font-size    : 50px;
        line-height  : 50px;
        margin-bottom: -25px
    }

    .timeline-detail {
        padding-left : 40px;
        padding-right: 0
    }

    .timeline-wrapper:before {
        left: 0
    }

    .grid-item .timeline-line {
        left: -40px
    }

    .grid-item .timeline-line:before {
        right: 0
    }

    .grid-item {
        margin-top: 30px;
        width     : 100%
    }

    .tab-list .tab a {
        font-size  : 14px;
        padding    : 8px 12px;
        line-height: 20px
    }

    .projects-grid-vertical .img-ratio {
        position: static
    }

    .featured-projects-grid-col {
        width: 100% !important
    }

    .max-w-500,
    .max-w-600 {
        max-width: 100px
    }

    .section-home-our-story.pl-0,
    .section.pl-0 {
        padding-left: 20px !important
    }

    .section.pr-0 {
        padding-right: 20px !important
    }

    .section-title h1,
    .section-title h2 {
        font-size  : 24px;
        line-height: 30px
    }

    .counter-block h3 {
        font-size  : 34px;
        line-height: 40px
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 40px
    }

    .splide__arrow {
        width : 35px;
        height: 35px
    }

    .btn {
        padding  : 6px 20px;
        font-size: 13px
    }

    .footer-toggle-content .footer-menu-block:first-child {
        padding-top: 20px
    }

    .social-icon svg {
        width : 26px;
        height: 26px
    }

    .divider {
        width      : 100%;
        font-size  : 0;
        line-height: 5px
    }

    footer.section.pb-6 {
        padding: 30px 0 60px !important
    }

    .copyright-detail span {
        font-size  : 0;
        display    : block;
        line-height: 0
    }

    .footer-logo {
        max-width: 160px
    }

    .footer-menu-block h5 {
        margin-bottom: 10px
    }

    .sidebar-menu-item h5,
    .sidebar-menu-item h6,
    .sidebar-title-with-link a {
        font-size: 16px !important
    }

    .form-control,
    .select2-container--default .select2-selection--single .select2-selection__rendered,
    .sidebar-menu-item h5 a,
    .sidebar-menu-item h6 a {
        font-size: 14px
    }

    .sidebar-menu-item a:not(:last-child) {
        margin-bottom: 7px
    }

    .theme-menu>ul {
        padding: 60px 30px 30px
    }

    .header-search-menu-detail .properties-filter {
        padding-top   : 20px;
        padding-bottom: 20px
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        top   : 20%;
        height: 18px;
        width : 18px
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 36px
    }

    .properties-filter .column {
        width  : 100%;
        padding: 8px 12px !important
    }

    .properties-filter .columns {
        margin: -8px -12px !important
    }

    header {
        padding-top   : 12px;
        padding-bottom: 12px
    }

    #header-search-menu-detail,
    .header-dropdown .header-dropdown-content {
        top: 50px
    }

    #header-search-menu-detail.is-active,
    .header-dropdown.menu-active .header-dropdown-content {
        top: 60px
    }

    .sticky-btn-enquire {
        transform       : unset;
        bottom          : 0;
        top             : unset;
        left            : 0;
        right           : 0;
        text-align      : center;
        background-color: #ef4130;
        padding         : 8px 20px !important
    }

    .col-header:first-child {
        max-width: inherit;
        flex     : 0 0 auto
    }

    .insomenu-bars {
        height: 30px;
        width : 30px
    }
}

@media screen and (min-width:480px) {
    .section-team .tab a br {
        display: none
    }
}

@media screen and (max-width:479px) {
    .amenities-list li {
        width: calc(50% - 24px)
    }

    .how-it-works-element {
        max-width: 80px
    }

    .join-our-team-desc {
        flex-wrap    : wrap;
        margin-bottom: -12px !important
    }

    .join-our-team-desc li:nth-child(2n) {
        border : 0;
        padding: 0;
        margin : 0
    }

    .join-our-team-desc li {
        width        : 45%;
        margin-bottom: 12px
    }

    .is-size-5 {
        font-size: 16px !important
    }

    .culture-celebration-detail h4 {
        font-size: 22px
    }

    .timeline-detail li,
    .timeline-detail span {
        font-size  : 14px;
        line-height: 18px
    }

    .section-career-btn-block .contact-btn-block-inner p br {
        display: none
    }

    .theme-half-element {
        max-width: 100px;
        right    : -20px;
        bottom   : -50px
    }

    .youthville-tag-item {
        justify-content: start
    }

    .youthville-tags li {
        width: 100%
    }

    .grow-with-kohinoor-item h5,
    .theme-icon-text h4,
    h4 {
        font-size: 18px
    }

    .amenities-list-item img,
    .grow-with-kohinoor-item img {
        height: 35px
    }

    .loader-logo img {
        height: 50px
    }

    .theme-loader,
    .theme-loader::after {
        width : 30px;
        height: 30px
    }

    .col-ready-to-assist {
        border-right: 0 !important;
        width       : 100% !important
    }

    .project-propeties-item {
        flex-direction: column;
        gap           : 10px;
        width         : calc(50% - 10px)
    }

    .project-propeties li {
        gap: 20px
    }

    .section-disclaimer .tab,
    .section-team .tab a {
        text-align: center
    }

    .section-disclaimer .tab-list {
        justify-content: center
    }

    .project-confi-item:not(:last-child) {
        padding-bottom: 3px;
        margin-bottom : 3px
    }

    .project-confi-title img {
        width  : 30px;
        flex   : 0 0 30px;
        padding: 4px
    }

    .project-confi-detail {
        padding: 10px
    }

    .project-confi-title h6 {
        font-size: 13px
    }

    .project-confi-item span {
        font-size: 14px
    }

    .gallery-title {
        font-size: 16px;
        padding  : 8px
    }

    .office-detail .column {
        border-right: unset !important;
        width       : 100%
    }

    .project-propeties h5 {
        font-size  : 18px;
        line-height: 22px
    }

    .section-title h1,
    .section-title h2 {
        font-size  : 22px;
        line-height: 28px
    }
}

@media screen and (max-width:420px) {
    .card-horizontal {
        flex-direction: column
    }

    .card-horizontal-img,
    .column.team-modal-col:first-child {
        max-width: inherit
    }

    .card-horizontal-img img {
        aspect-ratio: 16/9
    }

    .card-horizontal-desc {
        margin-bottom: 0
    }
}

@media screen and (max-width:380px) {
    .employee-program-block {
        padding: 5px 8px
    }

    .employee-programs-items ul {
        gap: 8px
    }
}

@media screen and (max-width:360px) {
    .project-confi-detail {
        position        : relative;
        background-color: #000;
        bottom          : unset
    }

    #amenities-img-slider .splide__arrows {
        display: none
    }
}

@media screen and (max-height:750px) {
    .modal-lg .theme-modal-card {
        top      : 0;
        transform: unset
    }

    .theme-modal.modal-lg {
        padding: 60px 20px 30px
    }

    .modal-lg.theme-modal.is-active .theme-modal-card {
        top: unset
    }
}