/* ===================================
   Responsive
=================================== */

@media(max-width:992px){

    h1{

        font-size:42px;

    }

    h2{

        font-size:32px;

    }

    .about-grid{

        grid-template-columns:1fr;

    }

    .footer-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .menu-toggle{

        display:block;

    }

    nav{

        position:absolute;

        width:100%;

        top:90px;

        left:-100%;

        background:#fff;

        transition:.4s;

        box-shadow:0 15px 20px rgba(0,0,0,.08);

    }

    nav.active{

        left:0;

    }

    nav ul{

        flex-direction:column;

        padding:20px;

        gap:0;

    }

    nav ul li{

        border-bottom:1px solid #eee;

    }

    nav ul li a{

        display:block;

        padding:18px 0;

    }

    .dropdown-menu{

        position:static;

        display:block;

        box-shadow:none;

        padding-left:15px;

    }

    .call-btn{

        display:none;

    }

    .hero{

        padding:100px 0;

    }

    .hero h1{

        font-size:34px;

    }

    .grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:576px){

    section{

        padding:60px 0;

    }

    h1{

        font-size:30px;

    }

    h2{

        font-size:28px;

    }

    .container{

        width:94%;

    }

}