@media (max-width:1440px) {
    .container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px
    }

    p {
        font-size: 16px
    }

    .narrative_box_five {
        width: 29%;
        right: 5%
    }

    .narrative_box_three {
        width: 30%;
        right: 35px;
        top: 34%
    }

    .content p {
        font-size: 15px
    }

    .tab_team_card {
        overflow: hidden;
        min-height: 360px
    }

    .tab_team_desc {
        max-height: 136px
    }

    .tab_team_tab {
        font-size: 20px
    }

    .cata_card_img {
        height: 340px
    }

    .cata_detail_banner_tags {
        margin-bottom: 5px
    }

    .cata_detail_banner_content h1 {
        padding: 10px 0 20px 0;
        font-size: 46px
    }

    .cata_detail_banner_content p {
        color: #fff;
        margin-bottom: 14px;
        font-size: 15px
    }

    .cata_detail_banner_row span {
        font-size: 15px;
        line-height: 1.4
    }

    .cata_detail_banner_btn {
        font-size: 16px
    }

    .cata_detail_banner_content {
        padding-top: 15px
    }

    .event_banner_content p {
        color: #fff;
        font-size: 15px
    }

    .event_detail_content h1 {
        padding-bottom: 25px;
        font-size: 40px
    }

    article.tab_team_card p {
        font-size: 14px
    }

    .c7 {
        top: 59%;
        left: 18%;
        width: 50px;
        height: 50px
    }

    .c8 {
        top: 75%;
        left: 27.3%;
        width: 50px;
        height: 50px
    }

    .content {
        min-height: 150vh;
    }
}

@media (max-width:992px) {
    .about_banner {
        padding: 0 30px;
        min-height: 380px
    }

    .about_container {
        flex-direction: column;
        gap: 30px
    }

    .about_media {
        justify-content: flex-start
    }

    .about_img {
        max-width: 100%
    }

    .tab_team_grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .text-and-btn-sec {
        position: absolute;
        top: 35%
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .container {
        width: 100%;
        max-width: 95%;
        margin: 0 auto
    }
}

@media (min-width:768px) {
    .cata_mobile_filter_btn {
        display: none !important
    }
}

@media (max-width:768px) {
    * {
        touch-action: manipulation !important
    }

    .lg-none {
        display: block
    }

    .sm-none {
        display: none
    }

    .hero-bg {
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .6)), url(../images/mob-banner.png) center/cover no-repeat
    }

    .container {
        width: 100%;
        max-width: 95%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0
    }

    p {
        font-size: 17px
    }

    .menu-btn {
        display: flex;
        order: 3
    }

    .nav-links {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, .98);
        backdrop-filter: blur(20px);
        flex-direction: column;
        justify-content: start;
        align-items: self-start;
        padding-top: 9rem;
        padding-left: 1rem;
        gap: 25px;
        transform: translateX(100%);
        transition: transform .5s cubic-bezier(.77, 0, .175, 1)
    }

    .nav-links.active {
        transform: translateX(0);
        z-index: 1000
    }

    .nav-links li {
        opacity: 0;
        transform: translateX(50px);
        transition: opacity .5s ease, transform .5s ease
    }

    .nav-links.active li {
        opacity: 1;
        transform: translateX(0)
    }

    .nav-links.active li:nth-child(1) {
        transition-delay: .1s
    }

    .nav-links.active li:nth-child(2) {
        transition-delay: .2s
    }

    .nav-links.active li:nth-child(3) {
        transition-delay: .3s
    }

    .nav-links.active li:nth-child(4) {
        transition-delay: .4s
    }

    .nav-links.active li:nth-child(5) {
        transition-delay: .5s
    }

    .connect-btn a {
        padding: 9px 15px 10px 15px
    }

    .navbar {
        padding: 40px 5vw
    }

    .logo {
        font-size: 1.1rem
    }

    .hero-content {
        padding: 0 5vw
    }

    .social-icons a {
        width: 40px;
        height: 40px
    }

    .hero-row {
        display: flex;
        align-items: self-start;
        gap: 5px;
        flex-direction: column
    }

    .social-icons {
        padding-left: 60px
    }

    .header_social {
        display: flex;
        gap: 12px;
        position: fixed;
        bottom: 25px
    }

    li.social-icon-list {
        height: 90vh
    }

    .header_social a {
        background: #fff;
        width: 35px;
        height: 35px;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .hero {
        position: relative;
        height: 100vh
    }

    section.catalogue-section .lg-none {
        text-align: center
    }

    .menu-btn span {
        width: 21px
    }

    .catalogue-header {
        width: 100%;
        justify-content: center
    }

    .catalogue-header h2 {
        text-align: center;
        line-height: 1.3
    }

    .catalogue-section {
        position: relative;
        padding: 3rem 0
    }

    .narrative_box_one {
        position: static;
        width: 100%;
        order: 2
    }

    .narrative_box_two {
        position: static;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        order: 1;
        gap: 25px
    }

    .narrative_box_img {
        text-align: right;
        width: 100%
    }

    .narrative_box_three {
        position: static;
        width: 100%;
        order: 3
    }

    .narrative_box_two img {
        width: 100% !important
    }

    .narrative_box_four {
        position: static;
        width: 100%;
        order: 4
    }

    .narrative_box_five {
        position: static;
        width: 100%;
        order: 5
    }

    .content {
        flex-wrap: wrap;
        gap: 35px;
        padding-top: 0
    }

    section.linkedin_section {
        padding: 3rem 0
    }

    .narrative_center p {
        width: 100%;
        margin: 0 auto;
    }

    .narrative_center {
        width: 100%;
        text-align: center;
        order: 0
    }

    .narrativ-section .bg {
        background: #f3efef
    }

    .narrativ-section {
        padding: 3rem 0;
        background-color: #f2eeee !important
    }

    .ftr {
        padding: 3rem 0 0 0
    }

    .ftr_col.ftr_social_col {
        padding-bottom: 35px
    }

    .ftr_top {
        padding-bottom: 35px
    }

    .ftr_body ul li a {
        line-height: 25px
    }

    .ftr_bottom {
        flex-direction: column;
        gap: 10px
    }

    h2 {
        line-height: 1.3
    }

    .btn-span {
        display: flex;
        gap: 30px;
        align-items: anchor-center
    }

    .nav-links a {
        font-weight: 600;
        font-size: 30px;
        line-height: 1.06;
        letter-spacing: 0;
        text-transform: capitalize;
        text-align: center;
        vertical-align: middle
    }

    a.logo img {
        width: 100%
    }

    a.logo {
        width: 230px
    }

    .box_three_img {
        padding: 20px 20px 20px 20px;
        text-align: left
    }

    .box_three_img img {
        width: 50px;
        height: 50px
    }

    .narrative_box_img img {
        width: 30%
    }

    .narrative_box_four img {
        width: 60%;
        width: 100%;
        min-height: 220px;
        border-radius: 145px 0 0 145px
    }

    .event_detail {
        padding-bottom: 2rem;
        padding-top: 0
    }

    .connect-btn {
        display: none
    }

    .narrative_box_four img {
        border-radius: 190px 0 0 190px
    }

    .ftr_title {
        padding-bottom: 22px;
        padding-top: 22px
    }

    .ftr_icon {
        width: 21px;
        height: 21px
    }

    .ftr_body {
        border-bottom: .5px solid #fff
    }

    .narrative_box_content h2 {
        font-size: 20px;
        line-height: 25px
    }

    .narrative_box_four .narrative_box_content {
        padding-bottom: 35px
    }

    .ftr-logo {
        width: 300px;
        padding-bottom: 35px
    }

    .narrative_box_three {
        width: 100%
    }

    .narrative_box_five {
        width: 100%
    }

    h1 {
        font-size: 38px
    }

    a.logo {
        width: 125px
    }

    section.linkedin_section h2 {
        width: 80%;
        margin: 0 auto
    }

    .tab_team_grid {
        display: flex;
        gap: 16px;
        width: 100%;
        margin: 0 auto;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none
    }

    .tab_team_grid::-webkit-scrollbar {
        display: none
    }

    .tab_team_card {
        flex: 0 0 85%;
        min-height: 370px;
        scroll-snap-align: center
    }

    .tab_team_tab {
        font-size: 16px;
        line-height: 1.68;
        letter-spacing: 0;
        padding: 6px 16px 10px 16px
    }

    .tab_team_tabs {
        gap: 10px;
        margin-bottom: 35px
    }

    .about_section .container {
        flex-wrap: wrap
    }

    .about_content {
        flex: unset;
        max-width: 100%;
        order: 1;
        width: 100%
    }

    .about_banner {
        padding: 0 16px;
        min-height: 320px;
    }

    .about_banner_title {
        font-size: 30px
    }

    .about_title {
        font-size: 18px
    }

    .about_text {
        font-size: 13px
    }

    .about_content h2 {
        font-size: 27px;
        text-align: justify
    }

    .about_content p {
        text-align: justify
    }

    .about_count_wrap {
        flex-direction: column;
        gap: 2px;
        border-radius: 0
    }

    .about_count_item {
        min-height: 220px
    }

    .about_count_number {
        font-size: 44px;
        font-weight: 500
    }

    .service_banner {
        min-height: 450px;
        background-image: url(../images/service-banner.webp);
        padding: 0 20px;
        overflow: hidden;
        filter: grayscale(100%)
    }

    .what_we_grid>:nth-child(3) {
        order: 4
    }

    .what_we_grid>:nth-child(4) {
        order: 3
    }

    .what_we_grid>:nth-child(7) {
        order: 8
    }

    .what_we_grid>:nth-child(8) {
        order: 7
    }

    .what_we_grid p {
        width: 100%;
        color: #000
    }

    .what_we_grid h3 {
        font-size: 30px;
        padding-bottom: 12px;
        line-height: 1.2;
        text-align: left
    }

    .what_we_item.is_text {
        padding: 50px 20px
    }

    section.op_section h2 {
        text-align: center;
        font-size: 30px
    }

    .linke_section h2 {
        text-align: center;
        padding-bottom: 20px;
        width: 90%;
        text-align: center
    }

    .op_card {
        flex: 0 0 86%;
        min-height: 170px
    }

    .op_slider {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        padding-bottom: 8px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch
    }

    .op_slider::-webkit-scrollbar {
        height: 6px
    }

    .op_slider::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .2);
        border-radius: 20px
    }

    .op_card {
        flex: 0 0 78%;
        scroll-snap-align: start;
        min-height: 180px
    }

    .op_slider {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .op_slider::-webkit-scrollbar {
        display: none
    }

    .catalog_banner {
        position: relative;
        width: 100%;
        height: 90vh;
        min-height: 450px;
        background-image: url(../images/service-banner.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 0 20px
    }

    section.cata_section h2 {
        font-size: 30px
    }

    .cata_tabs_wrap {
        display: none
    }

    .cata_mobile_filter_btn {
        display: block
    }

    .cata_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px
    }

    .cata_card_img {
        height: 220px
    }

    .cata_section {
        padding: 3rem 0
    }

    .cata_sheet_item:hover {
        background: 0 0
    }

    .cata_sheet_item {
        justify-content: center
    }

    .cata_sheet_list {
        max-height: 355px
    }

    .cata_card {
        border-radius: 3px
    }

    .cata_detail_banner_content {
        max-width: 100%;
        padding-top: 5rem;
        padding-bottom: 4rem
    }

    .cata_detail_banner_video_icon {
        width: 44px;
        height: 44px
    }

    span.cata_detail_banner_video_icon img {
        width: 15px
    }

    span.cata_detail_banner_value {
        padding-left: 0
    }

    .cata_detail_banner_row span {
        font-size: 15px
    }

    .cata_detail_banner_btn {
        font-size: 17px
    }

    .cata_detail_banner_title {
        font-size: 34px
    }

    .cata_detail_banner_label {
        min-width: 120px
    }

    .cata_detail_banner_content h1 {
        padding: 8px 0 14px 0
    }

    .event_banner {
        position: relative;
        width: 100%;
        height: 95vh;
        min-height: 450px;
        padding: 0 18px
    }

    .event_media_grid {
        grid-template-columns: 1fr
    }

    .event_media_imgwrap {
        height: max-content
    }

    .event_detail_banner img {
        height: 230px
    }

    .event_media {
        padding: 3rem 0;
        background: #fff
    }

    .event_detail_content {
        width: 100%
    }

    .event_detail_content h1 {
        padding-bottom: 25px;
        font-size: 34px
    }

    .event_related_container {
        padding-left: 10px
    }

    .event_related_top h2 {
        text-align: left;
        padding-bottom: 0;
        font-size: 30px
    }

    .event_related_viewall {
        position: static
    }

    .event_related_top {
        justify-content: space-between;
        margin-bottom: 20px;
        position: relative;
        display: flex;
        align-items: center;
        padding-right: 10px
    }

    .narr_map_section {
        height: auto;
        padding-top: 2rem
    }

    .narr_map_section::after {
        display: none
    }

    .narr_map_bg,
    .narr_map_clusters,
    .narr_map_content {
        position: relative;
        height: auto;
        top: auto;
        min-height: 0
    }

    .narr_map_img {
        display: none
    }

    .narr_map_clusters {
        display: none
    }

    .narr_map_content {
        opacity: 1 !important;
        transform: none !important;
        padding: 20px
    }

    .map_card,
    .map_center {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        transform: none;
        width: 100% !important;
        margin-bottom: 15px
    }

    .ftr-logo img {
        display: block;
        max-width: 140px;
        width: 100%;
        height: auto
    }

    .about_count_inner {
        padding: 52px 20px;
        margin: 0
    }

    .narr_map_content .content {
        min-height: max-content !important;
        transform: none
    }

    .cata_detail_banner_video_poster {
        display: none
    }

    .catalogue-swiper {
        padding-top: 0
    }

    .catalogue-swiper .swiper-slide:nth-child(even) .card {
        padding-top: 3rem
    }

    .narr_map_section {
        background-image: none
    }

    .narrative_center {
        margin-top: 0px;
    }
.swiper.linkedin-swiper a {
        height: 240px;
        display: inline-block;
}

}

@media only screen and (max-width:430px) and (-webkit-device-pixel-ratio:2) {
    .hero {
        position: relative;
        height: 75vh
    }
}