@media only screen and (max-width: 1440px){
    .nav-dropdown-contact-content{
        flex-direction: column;
    }
    .nav-dropdown-contact-content{
        align-items: start;
    }

    /* Blog */
    .blog-item.main .blog-item-content, .blog-item.central .blog-item-content{
        padding: 30px !important;
    }
    .blog-item.main:hover .blog-item-content, .blog-item.central:hover .blog-item-content {
        padding-bottom: 50px !important;
    }
}

@media only screen and (max-width: 1368px){
    .project-container .row{
        height: 250px;
    }
    .select-menu{
        padding: 20px;
    }

    /* Partners */

    .bundle{
        gap: 15px;
    }
    .bundle-item{
        width: calc(33.33% - (30px / 3));
    }

    .dd-box-item{
        padding: 30px !important;
    }
    .dd-box-indicator{
        top: 35px !important;
    }
}

@media only screen and (max-width: 1240px) {
    html{
        font-size: 14px;
    }
    .global-nav{
        padding: 7px 17px 7px 7px;
    }
    .logo-img, .logo-img img{
        height: 25px;
    }
    .logo-container-wrapper{
        width: 200px;
    }
    .global-nav-links{
        margin: 0;
    }
    .logo-dropdown-button{
        padding: 8px;
    }

    /* Header */

    .nav-dropdown-router-side{
        max-width: unset;
    }
    .nav-dropdown-img-router-item{
        display: none;
    }


    /* Blog */

    .blog-container{
        flex-direction: row;
        height: fit-content;
        gap: 30px !important;
    }
    .blog-item.standart{
        width: calc(50% - (30px / 2)) !important;
    }
    .blog-item.central{
        width: 100%;
        height: 400px;
    }
    .blog-item.main .blog-item-content, .blog-item.central .blog-item-content {
        padding: 20px 20px;
    }

    /* Contact */

    .location-item-content{
        flex-direction: column;
        gap: 20px;
    }
    .contact-form{
        padding: 40px;
    }

    /* Partners */

    .partner-item{
        width: calc(50% - (60px / 2));
    }

    /* Error */

    .error-router-content{
        flex-wrap: wrap;
    }
    .error-router-content .router-item{
        width: calc(50% - (30px / 2));
    }
}

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

    /* Offices */
    .office-slider-content .page-indicator-container{
        margin-right: calc(100% - (100% / 1.5) + 15px);
    }
}

@media only screen and (min-width: 1025px) {
    .show_1024{
        display: none !important;
    }
    .language-selector-wrapper{
        min-width: 65px;
    }
}
@media only screen and (max-width: 1024px) {
    .hide_1024, .search-desktop{
        display: none !important;
    }
    .main-section{
        border-radius: 0 0 40px 40px;
    }
    .search-wrapper{
        padding-left: var(--general-padding) !important;
        padding-right: var(--general-padding) !important;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    .global-nav{
        padding: 7px;
    }
    .nav-cursor{
        display: none !important;
    }
    .language-selector-content{
        border-radius: 40px;
    }
    .header-router-menu-wrapper{
        width: calc(100vw - 60px);
    }
    .global-header.active .header-router-menu-wrapper{
        width: calc(100vw - 2rem);
    }
    .section-title {
        font-size: 3rem;
    }
    .nav-dropdown-brand{
        width: 150px !important;
    }
    .project-text{
        width: 100%;
        text-align: center !important;
        display: block !important;
    }

    /* Header */

    .big-button{
        --size: 50px
    }
    .global-nav, .header-right {
        height: 64px;
    }
    .global-header.active{
        padding: 0 10px !important;
        top: 10px !important;
    }
    .language-selector-menu li a{
        padding: 10px;
    }
    .language-selector-button, .brands-left-container .skip-button{
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
    }
    .language-selector-content{
        height: 64px;
    }
    .header-right:has(.language-selector-content.active){
        padding-left: 70px;
    }
    .header-right:has(.inspect-button){
        display: none;
    }
    .language-selector-wrapper{
        width: 50px;
    }
    .content-img{
        aspect-ratio: 10 / 6;
    }

    /* Intro */
    
    .intro{
        padding-top: 125px;
    }
    .intro-top{
        transform: none !important;
    }
    .intro-top{
        padding-left: var(--general-padding);
        padding-right: var(--general-padding);
    }
    .big-title, .brands-left-container h2, .section-title{
        font-size: 2.75rem;
    }
    .content-title{
        font-size: 1rem;
    }
    .text-container h3, .locations-content h2, .location-side h1{
        font-size: 1.7rem !important;
    }
    .blog-item.main .blog-title, .location-side h1, .popup-title, .quote{
        font-size: 1.5rem !important;
    }
    .intro-top .text-container, .popup-content .text-content{
        font-size: 1.1rem;
    }
    .footer-main aside ul li, span:not(.content-title-wrapper span){
        line-height: 1.5;
    }
    .intro-img{
        width: -webkit-fill-available !important;
        position: relative !important;
        margin: 0 var(--general-padding);
        box-sizing: border-box;
        height: unset;
        aspect-ratio: 16 / 9;
        border-radius: 20px 20px !important;
        transform: none !important;
    }
    .dd-box-item:not(.active){
        border-color: #ccc !important;
    }
    .dd-box-item.active{
        border-color: #000 !important;
    }

    /* General Content */
    .content-inner{
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .content-inner:has(> .text-container ~ .content-img){
        flex-direction: column-reverse;
    }
    .content-img img, .text-container{
        max-width: unset !important;
        width: 100%;
    }

    /* Home - Project Grid Section */
    
    .project-container .row{
        flex-direction: column;
        row-gap: 20px;
    }
    .project-grid-item{
        max-width: unset;
        width: 100%;
    }
    .project-grid-item .project-text{
        font-size: 1.35rem;
        font-weight: bold;
        text-align: center;
    }
    .project-container .row{
        height: 500px;
    }

    /* Homeslider */
    .home-slider{
        height: 70vh !important;
    }
    .home-slider-content{
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    .home-slider-text-carousel{
        background-color: var(--green);
    }
    .home-slider-navigator {
        background-color: rgb(77, 95, 94);
    }
    
    /* Blog */
    .blog-content{
        row-gap: 30px;
    }

    /* Blog Detail */
    .intro-blog-info{
        flex-wrap: wrap;
        padding-top: 20px;
    }
    .intro-blog-info .wrapper{
        padding: 0 5px;
    }

    /* Projects */

    .project-item-content{
        flex-wrap: wrap;
    }
    .project-item .tag{
        white-space: nowrap;
    }
    .project-item-top .big-button{
        display: none;
    }
    .project-item{
        padding: 80px 20px 20px;
    }
    .project-item .project-logo{
        top: 20px;
        position: absolute;
    }
    .project-item .tag{
        padding: 10px 20px;
    }
    .project-link{
        margin: 0;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: .9rem;

    }

    /* Blog Detail */

    .blog-detail > *, .page-detail{
        max-width: 80%;
    }
    
    /* Service Detial */

    .service-detail{
        flex-direction: column;
    }
    .service-detail > .text-container:not(.full-width){
        width: 100%;
    }
    .service-detail .support-side{
        width: 375px;
        max-width: 80%;
        margin: 0 auto 30px 0;
        height: 500px;
    }

    /* Contact */
    .location-items{
        margin-top: 30px;
    }
}

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

    .content-title-wrapper{
        margin-bottom: 30px
    }

    /* Services */
    .content-section.services{
        flex-direction: column;
        gap: 80px;
    }
    .service-router-side{
        width: 100%;
    }
    .service-router{
        max-height: unset !important;
    }
    .services .dd-box-side{
        width: 100%;
    }

    /* Contact */

    .content-section.locations{
        padding-bottom: 0;
    }
    .locations-content:has(.form-side){
        flex-direction: column;
        gap: 60px;
    }
    .location-side, .location-items{
        width: 100%;
    }
    .form-side{
        width: 100%;
    }
    .contact-form .name-container{
        flex-direction: column;
        row-gap: 35px;
    }

    /* Offices */

    .locations-content{
        flex-direction: column;
    }
    .office-slider{
        padding: 80px;
    }
    .office-slider-content .page-indicator-container{
        margin-right: calc(100% - (100% / 1) + 5px);
    }

    /* Projects */
    .project-item-top h2{
        font-size: 1.5rem !important;
    }

    /* References */
    .references-content{
        row-gap: 50px;
    }
    .reference-item{
        width: calc(33.33% - (40px / 3));
    }
}

@media only screen and (min-width: 769px){

    /* Project Page */

    .project-router-mobile-wrapper{
        display: none;
    }
    body:has(.header-router-button.active .project-router-wrapper) #smooth-content{
        filter: blur(15px);
    }
}
@media only screen and (max-width: 768px){

    :root{
        --general-padding: 1rem;
    }

    .dd-box-item{
        padding: 30px;
    }
    .dd-box-indicator{
        right: 30px;
        top: 30px;
    }
    .intro-top .skip-button{
        margin-left: auto;
    }
    
    .main-section{
        transform: none !important;
    }
    .global-header{
        top: 10px;
        padding: 0 10px;
    }
    .header-right{
        right: 10px;
    }
    .header-router-menu-wrapper{
        width: calc(100vw - 20px);
    }
    .header-router-menu,
    .header-router-item .content{
        padding: 30px;
    }

    .project-router-close-wrapper{
        display: none !important;
    }
    .main-section{
        border-radius: 0 0 20px 20px !important;
    }

    .arrow-anim:before{
        content: none !important;
    }
    .arrow-anim{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    /* Intro */

    .intro-top span{
        max-width: 100%;
    }

    /* Home - Brands Slider */

    .brands-content-wrapper{
        flex-direction: column;
        padding-top: 180px;
        padding-bottom: 100px;
    }
    .brands-content-wrapper > * {
        width: 100%;
    }
    .brands-left-container{
        padding-bottom: 60px;
        position: static;
        top: 0;
    }
    .brand-item-content{
        margin-top: 225px;
    }
    .brands-link-section .brand-link{
        width: 100%;
    }
    .brands-progress{
        display: none;
    }

    /* Intro */

    .intro-top{
        flex-direction: column;
        padding-bottom: 25px;
    }
    .intro-link-section{
        padding-top: 30px;
        width: 100%;
    }
    .intro-link-section .watch-button{
        width: 100% !important;
    }
    .content-section{
        padding-top: 25px;
        padding-bottom: 25px;
    }


    /* Homeslider */

    .home-slider-content-wrapper {
        position: relative;
        top: 0;
        min-height: 100%;
        display: flex;
        align-items: end;
    }
    .home-slider-content{
        width: 100%;
        max-width: unset;
    }
    .home-slider-static-text{
        left: 20px;
    }
    .home-slider-navigator,
    .home-slider-text-carousel{
        padding: 20px;
    }


    /* Contact */

    .contact-form{
        padding: 20px;
    }

    /* References */

    .references-content{
        padding-top: 20px;
    }
    .reference-item{
        width: calc(50% - (20px / 2));
    }

    /* Staff*/

    .staff-item{
        width: calc(50% - (20px / 2));
    }

    /* Blog */
    .blogs-wrapper{
        flex-direction: column-reverse;
        align-items: start;
        margin: 40px 0 20px;
        gap: 20px;
    }

    /* Blog Detail */

    .quote{
        padding: 40px 20px;
    }
    .blog-detail > *, .page-detail{
        width: 100%;
        max-width: unset;
    }

    /*! Project Header */

    .logo-dropdown-button, .project-router-close-wrapper{
        display: none !important;
    }

    /* Popup */

    .popup-content{
        flex-direction: column;
        padding: 40px 20px;
        gap: 20px;
    }
    .popup-slider-side{
        max-width: 380px;
        width: 75%;
        margin: auto;
        min-width: unset;
    } 
    .popup-content .text-side{
        width: 100%;
    }
    .popup-top .logo-container{
        min-width: unset;
    }

    /* Offices */
    .office-slider{
        padding: 80px 40px;
    }


    /* Project Page */
    .dropdown-menu:has(> .project-router-wrapper){
        width: calc(100vw - 20px);
    }
    .project-router-wrapper, .project-router-nav{
        display: none !important;
    }
    .logo-dropdown-button{
        display: none !important;
    }

    /* Footer */

    .footer-logo{
        margin-top: 40px;
        margin-bottom: 10px;
    }
    footer, .footer-wrapper{
        position: static !important;
        transform: none !important;
    }
    .footer-padding{
        padding: 0 !important;
    }
    .footer-main aside ul{
        column-gap: 50px;
    }
    .footer-main aside ul li{
        width: 100%;
    }
    .footer-main, .footer-bottom{
        flex-direction: column;
        gap: 20px;
    }
    .footer-main aside{
        width: 100%;
    }
    .footer-main aside ul li{
        display: flex;
    }
    .footer-main aside ul li a, .footer-main .media span{
        width: fit-content;
        display: block;
        line-height: 2 !important;
    }
    .footer-main aside:first-child *:not(.footer-logo, .footer-logo *){
        display: none;
    }
    .footer-bottom-links{
        justify-content: space-between;
    }
    .footer-bottom-links a{
        white-space: nowrap;
    }
    .footer-main .content-title-wrapper{
        padding-top: 0 !important;
    }
    .footer-main .content-title{
        margin: 0 !important;
    }
    .footer-main, .footer-bottom{
        gap: 20px;
    }
    .footer-bottom{
        margin-top: 20px;
        padding-top: 20px;
    }
    
    .footer-bottom .media ul{
        height: unset;
        flex-wrap: wrap;
        gap: 0 !important;
    }
    .footer-bottom .media ul li{
        width: 50%;
    }
    .footer-bottom .media{
        background-color: transparent;
        padding: 0;
    }
    .media-item{
        padding: 6px 0 !important;
    }

    /* Error */

    .error-router-content{
        flex-direction: column;
    }
    .error-router-content .router-item{
        width: 100%;
    }

}

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

    /* Buttons */

    .standart-button{
        padding: 15px 20px;
        
    }
    .arrow-anim:before{
        width: 20px;
        height: 20px;
        left: 10px;
    }
    .arrow-anim:not(.arrow-dark):before{
        filter: invert(100%);
    }
    .arrow-anim:before{
        width: 0;
        transition: 250ms all ease-out !important;
    }
    .arrow-anim:is(:hover, :focus, :active):before{
        width: 20px;
        opacity: 1;
    }
    .arrow-anim:is(:hover, :focus, :active){
        padding-left: 30px;
        padding-right: 10px;
    }

    /* Blog */

    .blog-item.standart{
        width: 100% !important;
    }
    .blog-item.standart .blog-img{
        aspect-ratio: 10 / 6;
        height: unset;
    }
    .blog-item.main .blog-item-content, .blog-item.central .blog-item-content{
        padding: 15px !important;
    }
    .blog-item.main:after,
    .blog-item.central:after{
        background: linear-gradient(to top, rgba(37, 67, 87, 0.9), rgba(0, 0, 0, .25) 60%, transparent 70%);
    }
    .blog-item.central{
        height: 350px;
    }
    .blog-item.main{
        min-height: 400px;
    }

    /* Contact */

    .contact-form{
        align-items: start;
    }

    /* Partners */

    .partner-item {
        width: 100%;
    }

    /* Partners - Steps */

    .steps-wrapper .content-title-wrapper{
        margin-bottom: 0 !important;
    }
    .step-item{
        flex-direction: column !important;
        border-radius: 20px;
        gap: 10px;
    }
    .step-img, .step-img img{
        width: 100%;
        height: 280px;
    }
    .step-content{
        max-width: unset;
    }

    /* Project Page */
    .featured-title{
        font-size: 1.1rem;
    }
    .featured-item span{
        font-size: 1rem;
        text-align: center;
    }

}

@media only screen and (max-width: 512px){
    .logo-img, .logo-img img{
        height: 20px;
    }

    /* Staff*/
    
    .staff-item{
        width: 100%;
    }

    /* Popup */

    .popup-slider-side{
        width: 100%;
    }


    /* Offices */
    .office-slider{
        padding: 60px 10px;
    }

    /* Footer */
    footer .media{
        width: 100% !important;
    }
    footer .media ul{
        gap: 10px !important;
        flex-wrap: wrap;
    }

    /* Project Page */
    .featured-title{
        font-size: 1rem;
    }
    .featured-item span{
        font-size: .9rem;
        text-align: center;
    }

    /* Brands Slider */
    
    .brand-item-content{
        padding: 35px 20px 20px !important;
    }

    /* Contact */
    .location-address{
        white-space: unset !important;
    }
}

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

    html{
        font-size: 13px !important;
    }

    /* References */

    .reference-item{
        width: 100%;
    }

    /* Partners */

    .bundle{
        gap: 30px;
    }
    .bundle-item {
        width: calc(50% - (30px / 2));
    }

    /* Header */

    .logo-container-wrapper{
        width: 150px;
    }

    :is(.select-menu, .dropdown-menu){
        min-width: 300px !important;
    }

    /* HomeSlider */

    .home-slider-navigator button{
        font-size: 1.5rem !important;
    }

    /* Brands Slider */
    
    .brand-item-content{
        margin-top: 150px;
    }
}


@media only screen and (max-height: 620px){
    
    .footer-logo{
        margin-top: 40px;
        margin-bottom: 10px;
    }
    footer, .footer-wrapper{
        position: static !important;
        transform: none !important;
    }
    .footer-padding{
        padding: 0 !important;
    }
    .footer-main aside ul{
        column-gap: 50px;
    }
    .footer-main aside ul li{
        width: 100%;
        max-width: calc(100% / 2 - 25px);
    }
    .footer-main, .footer-bottom{
        flex-direction: column;
        gap: 20px;
    }
    .footer-main aside{
        width: 100%;
    }
    .footer-main aside ul li{
        display: flex;
    }
    .footer-main aside ul li a, .footer-main .media span{
        width: fit-content;
        display: block;
        line-height: 2 !important;
    }
    .footer-main aside:first-child *:not(.footer-logo, .footer-logo *){
        display: none;
    }
    .footer-bottom-links{
        justify-content: space-between;
    }
    .footer-bottom-links a{
        white-space: nowrap;
    }
    .footer-main .content-title-wrapper{
        padding-top: 0 !important;
    }
    .footer-main .content-title{
        margin: 0 !important;
    }
    .footer-main, .footer-bottom{
        gap: 20px;
    }
    .footer-bottom{
        margin-top: 20px;
        padding-top: 20px;
    }
    
    .footer-bottom .media ul{
        height: unset;
        flex-wrap: wrap;
        gap: 0 !important;
    }
    .footer-bottom .media ul li{
        width: 50%;
    }
    .footer-bottom .media{
        background-color: transparent;
        padding: 0;
    }
    .media-item{
        padding: 6px 0 !important;
    }
}