/*==================================================
TABLET
==================================================*/

@media(max-width:992px){

.hero .container{

    grid-template-columns:1fr;

    gap:50px;

}

.hero-image{

    display:none;

}

.hero-content{

    max-width:100%;

}

.hero-watermark{

    display:none;

}

}

@media(max-width:768px){

.hero{

    min-height:100vh;

    padding:140px 0 80px;

}

.hero .container{

    padding:0 25px;

}

.hero-content h1{

    font-size:72px;

}

.hero-content p{

    margin-top:30px;

    font-size:18px;

}

.btn-primary{

    width:100%;

    text-align:center;

}

}

@media(max-width:768px){

    .desktop-menu{

        display:none;

    }

    #mobile-menu{

        display:block;

        background:none;

        border:none;

        cursor:pointer;

    }

    .logo img{

        height:60px;

    }

}
@media(max-width:768px){

#about .container{

    grid-template-columns:1fr;

}

.about-quote{

    position:relative;

    left:0;

    bottom:0;

    width:100%;

    margin-top:20px;

}

.about-counter{

    gap:40px;

}

}


@media(max-width:768px){

#mission .container{

    grid-template-columns:1fr;

}

.values{

    margin-top:40px;

}

.values-grid{

    grid-template-columns:1fr;

}

}

@media(max-width:992px){

.services-grid{

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

}

}

@media(max-width:768px){

.services-grid{

    grid-template-columns:1fr;

}

}

@media(max-width:768px){

.careers-wrapper{

    grid-template-columns:1fr;

}

.career-letter{

    display:none;

}

}


@media(max-width:768px){

#contact .container{

    grid-template-columns:1fr;

}

.contact-form{

    padding:35px;

}

.contact-item a,
.contact-item p{

    font-size:20px;

}

}

@media(max-width:768px){

.footer-top{

    flex-direction:column;

    gap:40px;

}

.footer-bottom{

    flex-direction:column;

    gap:15px;

    text-align:center;

}

}