/* ==========================================
   RESPONSIVE - HEADER
========================================== */

@media (max-width: 992px) {

    .navbar{
        height:80px;
    }

    .logo img{
        height:50px;
    }

    .mobile-toggle{
        display:block;
        font-size:28px;
        color:#fff;
        cursor:pointer;
        z-index:1001;
    }

    .nav-menu{

        position:fixed;

        top:80px;
        left:-100%;

        width:100%;
        height:calc(100vh - 80px);

        background:#081B33;

        flex-direction:column;

        justify-content:flex-start;

        align-items:center;

        gap:35px;

        padding-top:60px;

        transition:.4s ease;

    }

    .nav-menu.active{

        left:0;

    }

    .nav-menu li{

        width:100%;
        text-align:center;

    }

    .nav-menu a{

        color:#fff;
        font-size:20px;

    }

    .navbar .btn-primary{

        display:none;

    }

}
/* ==========================================
   HERO
========================================== */

@media (max-width:992px){

.hero{

    min-height:85vh;

}

.hero-content{

    max-width:100%;
    text-align:center;

}

.hero h1{

    font-size:52px;

}

.hero p{

    font-size:18px;

}

.hero-buttons{

    justify-content:center;

}

.scroll-down{

    display:none;

}

}

@media (max-width:768px){

.hero{

    padding-top:120px;

}

.hero h1{

    font-size:38px;

}

.hero p{

    font-size:16px;

}

.hero-buttons{

    flex-direction:column;
    align-items:center;

}

.btn-primary,
.btn-secondary{

    width:240px;

}

}
/* ==========================================
   FLOATING SERVICES
========================================== */

@media (max-width:992px){

.floating-services{

    margin-top:60px;

}

.floating-services .container{

    grid-template-columns:repeat(2,1fr);

}

}

@media (max-width:576px){

.floating-services .container{

    grid-template-columns:1fr;

}

}
/* ==========================================
   ABOUT
========================================== */

@media (max-width:992px){

.about-container{

    grid-template-columns:1fr;

}

.about-image{

    order:1;

}

.about-content{

    order:2;

}

.experience-box{

    right:20px;
    bottom:20px;

}

}

@media(max-width:768px){

.about-features{

    grid-template-columns:1fr;

}

.experience-box{

    width:170px;

}

.experience-box h2{

    font-size:42px;

}

}
/* ==========================================
   SERVICES
========================================== */

@media(max-width:992px){

.service-row{

    grid-template-columns:1fr;

}

.service-row.reverse .service-image,
.service-row.reverse .service-content{

    order:unset;

}

}

@media(max-width:768px){

.service-content ul{

    grid-template-columns:1fr;

}

.section-heading h2{

    font-size:34px;

}

}
/* ==========================================
   INDUSTRIES + PROJECTS
========================================== */

@media(max-width:992px){

.industries-grid{

    grid-template-columns:repeat(2,1fr);

}

.projects-grid{

    grid-template-columns:1fr;

}

}

@media(max-width:576px){

.industries-grid{

    grid-template-columns:1fr;

}

}
/* ==========================================
   CONTACT
========================================== */

@media(max-width:992px){

.contact-wrapper{

    grid-template-columns:1fr;

}

}

@media(max-width:768px){

.form-row{

    grid-template-columns:1fr;

}

.contact-info,
.contact-form{

    padding:30px;

}

}

@media (max-width:992px){

.language-menu{

    position:static;

    opacity:1;

    visibility:visible;

    transform:none;

    background:transparent;

    box-shadow:none;

    width:100%;

    padding-top:15px;

}

.language-menu a{

    color:#fff;

    padding:10px 0;

}

.language-btn{

    justify-content:center;

    color:#fff;

}

}
.language-dropdown .language-menu {
    display: none;
}

.language-dropdown.open .language-menu {
    display: block;
}