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

@media (max-width: 992px) {

    h1{
        font-size:40px;
    }

    h2{
        font-size:30px;
    }

    section{
        padding:70px 0;
    }

    /* Header */

    .top-bar{
        display:none;
    }

    .header-inner{
        min-height:70px;
        padding:0 20px;
    }

    .header-buttons{
        display:none;
    }

    .mobile-toggle{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:5px;
        width:42px;
        height:42px;
        background:transparent;
        border:0;
        cursor:pointer;
    }

    .hamburger-line{
        width:24px;
        height:2px;
        background:#fff;
        border-radius:999px;
    }

    .main-navigation{
        display:none;
        position:absolute;
        top:100%;
        right:0;
        left:0;
        background:#112235;
        padding:20px;
        border-radius:0 0 16px 16px;
        z-index:999;
    }

    .main-navigation.is-open{
        display:block;
    }

    .main-menu{
        display:flex;
        flex-direction:column;
        gap:20px;
        margin:0;
        padding:0;
    }

    .main-menu li{
        width:100%;
    }

    .main-menu a{
        display:block;
        color:#fff;
        font-size:18px;
        padding:10px 0;
    }

    /* Hero */

    .hero-wrapper{
        flex-direction:column-reverse;
    }

    .hero-content,
    .hero-image{
        width:100%;
    }

    .hero-content h1{
        font-size:38px;
    }

    /* Footer */

    .footer-grid{
        grid-template-columns:1fr;
        text-align:center;
    }

}

@media (max-width: 576px) {

    h1{
        font-size:32px;
    }

    h2{
        font-size:26px;
    }

    .container{
        width:94%;
    }

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

    .hero-doctor{
        width:220px;
        height:220px;
        max-width:none;
        border-radius:50%;
        object-fit:cover;
        margin:30px auto 0;
        display:block;
    }

}