@media(max-width: 768px){
    
    .column-1 { flex-basis: 100%; }
    .column-2 { flex-basis: 100%; }
    .column-3 { flex-basis: 100%;}
    .column-4 { flex-basis: 100%; }
    .column-5 { flex-basis: 100%; }
    .column-6 { flex-basis: 100%;}

    .top-bar{
        font-size: 13px;
    }

    .top-bar div{
        margin-bottom: 10px;
    }

    .top-bar,
    header,
    .section{
        padding: 10px;
    }

    .appointment-button{
        display: none;
    }
    
    .menuBtn{
        display: block;
    }

    .nav-menu{
        width: 100%;
        background: #fff;
        padding: 0px;
    }

    .nav-menu ul{
        flex-direction: column;
        /* border-top: 1px solid var(--primary); */
        /* border-bottom: 1px solid var(--primary); */
        width: 100%;
        height: 0px;
        overflow: hidden;
        justify-content: flex-start;
        transition: .3s ease-in-out;
    }

    .nav-menu ul.active{
        height: 250px;
        z-index: 9999;
        overflow: auto;
    }

    .nav-menu ul li{
        width: 100%;
        display: block;
    }
    .BannerSlider .splide__arrow{
        width: 2em;
        height: 2em;
        display: none;
    }

    .about-image{
        width: 300px;
        height: 300px;
    }

    .about-image img{
        width: 90%;
    }

    .archive{
        width: 100%;
        margin-bottom: 30px;
    }

    footer .column-4{
        margin-bottom: 15px;
    }

    .testimonialSlider .splide__arrow{
        display: none;
    }

    .appointment-sidebar{
        width: 100%;
        overflow-y: scroll;
    }
    .page-header{
        height: 150px;
    }
    .page-header h2{
        font-size: 26px;
    }

}