@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;
    }
}

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

    /* Header */

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


    /* Blog */

    .blog-container{
        flex-direction: row;
        height: fit-content;
    }
    .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: 10px;
    }
    .contact-form{
        padding: 40px;
    }
}

@media only screen and (max-width: 1120px) {
    html{
        font-size: 12px !important;
    }

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

    /* Partners */

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

@media only screen and (min-width: 1025px) {
    .show_1024{
        display: none !important;
    }
}
@media only screen and (max-width: 1024px) {
    .hide_1024, .project-search{
        display: none !important;
    }
    .main-section{
        border-radius: 0 0 40px 40px;
    }
    .project-search-wrapper{
        padding-top: 0;
        padding-bottom: 0;
    }
    .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 - 37px);
    }
    .section-title {
        font-size: 3rem;
    }
    .project-search-wrapper{
        width: 98% !important;
        padding: 20px !important;
    }
    .nav-dropdown-brand{
        width: 150px !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-button.active){
        padding-left: 70px;
    }
    .header-right:has(.inspect-button){
        display: none;
    }
    .language-selector-wrapper{
        width: 50px;
    }

    /* Intro */
    
    .intro{
        padding-top: 125px;
    }
    .intro-top{
        transform: none !important;
    }
    .intro-top, .content-section{
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .big-title {
        font-size: 3rem;
    }
    .footer-main aside ul li, span:not(.content-title-wrapper span) {
        line-height: 1.5;
    }
    .intro-top .text-container {
        font-size: 1.1rem;
    }
    .intro-img{
        height: unset;
        aspect-ratio: 16 / 9;
        border-radius: 20px 20px !important;
        transform: none !important;
    }

    /* General Content */
    .content-inner{
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .content-img img, .text-container{
        max-width: unset;
        width: 100%;
    }

    /* Home - Project Grid Section */
    
    .project-container .row{
        flex-direction: column;
        row-gap: 20px;
    }
    .project-grid-item{
        max-width: unset;
        width: 100%;
    }
    .project-container .row{
        height: 500px;
    }

    /* Home - Brands Slider */

    .brands-content-wrapper{
        flex-direction: column;
        padding-top: 40px;
        padding-bottom: 100px;
    }
    .brands-content-wrapper > * {
        width: 100%;
    }
    .brands-content{
        margin-top: 80px;
    }
    .brand-item-content{
        margin-top: 225px;
    }

    /* Homeslider */
    .home-slider{
        height: 70vh !important;
    }

    /* Blog */
    .blog-content{
        row-gap: 30px;
    }

    /* Blog Detail */
    .intro-blog-info{
        padding-top: 20px;
    }

    /* 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: 10px 20px;
    }
    
    /* 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;
    }

    /* Footer */

    footer, .footer-wrapper{
        position: static !important;
    }
    .footer-padding{
        padding: 0 !important;
    }
    .footer-main aside ul{
        display: flex;
        flex-wrap: wrap;
        column-gap: 50px;
    }
    .footer-main aside ul li{
        width: 100%;
        max-width: calc(100% / 2 - 25px);
    }
    .footer-main, .footer-bottom{
        flex-direction: column;
        gap: 10px;
    }
    .footer-main aside{
        width: 100%;
    }
    .footer-main aside ul li{
        display: flex;
    }
    .footer-main aside ul li a{
        width: fit-content;
        display: block;
        padding: 5px 0;
    }
    .footer-main aside:first-child *:not(.footer-logo, .footer-logo *){
        display: none;
    }
    .footer-bottom-links{
        justify-content: space-between;
    }
    .footer-main .content-title{
        margin: 0 !important;
    }
}

@media only screen and (max-width: 968px){
    
    /* Services */
    .content-section.services{
        flex-direction: column;
        gap: 80px;
    }
    .service-router-side{
        width: 100%;
    }
    .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{
        width: 100%;
    }

    /* 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;
    }
}

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

    /* Project Page */

    .project-router-mobile-wrapper{
        display: none;
    }
}
@media only screen and (max-width: 768px){

    .dd-box-item{
        padding: 30px;
    }
    .dd-box-indicator{
        right: 30px;
        top: 30px;
    }
    
    .global-header{
        top: 10px;
        padding: 0 10px;
    }
    .intro-top, .content-section{
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .header-router-menu-wrapper{
        width: calc(100vw - 20px);
    }
    .header-router-menu,
    .header-router-item .content{
        padding: 20px;
    }

    .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{
        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;
    }


    /* Hoplider */

    .home-slider-content-wrapper {
        position: relative;
        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% - (30px / 2));
    }

    /* Staff*/

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

    /* Blog Detail */

    .quote{
        padding: 40px 20px;
    }
    .blog-detail > p{
        max-width: 90%;
    }

    /*! 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;
    }

    /* Footer */
    .footer-main, .footer-bottom{
        gap: 10px;
    }
    .footer-bottom{
        margin-top: 20px;
        padding-top: 20px;
    }

}

@media only screen and (max-width: 640px){
    html{
        font-size: 11px !important;
    }

    .section-title {
        font-size: 2.5rem;
    }

    /* 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;
    }

    /* Contact */

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

    /* Partners */

    .partner-item {
        width: 100%;
    }
    .bundle-item {
        width: calc(33% - (60px / 3));
    }

    /* Partners - Steps */

    .step-item{
        flex-direction: column !important;
        padding: 30px 0;
        border-radius: 20px;
        gap: 20px;
    }
    .step-img, .step-img img{
        width: 100%;
        height: 280px;
    }
    .step-content{
        max-width: unset;
    }

    /* Footer */
    .footer-bottom .media ul{
        height: unset;
        justify-content: space-evenly;
    }
    .footer-bottom .media{
        padding: 20px;
        margin-bottom: 20px;
    }
    .media-item{
        padding: 0 !important;
    }
}

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


    /* References */

    .reference-item{
        width: 100%;
    }

    /* 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;
    }
}

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

    /* Partners */

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

    /* Header */

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

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