@media (max-width: 992px) {

    #one{
        display: none;
    }
    .why_container{
        display: block;
    }
    #two{
        background:linear-gradient(rgba(0, 16, 61, 0.2), rgba(3, 1, 38, 0.8)), url('../imgs/two2.jpg');
        background-position: center;
    }
    #two, #three {
        height: auto;
        margin-bottom: 10px;
    }
    #ulinks{
        top: 58px;
    }

    nav #burger{
        display: block;
    }

    .subs_a{
        display: none;
    }
    nav #links .link{
        display: none;
    }
    .about-container {
        flex-direction: column;
        text-align: center;
    }

    .about-image {
        text-align: center;
    }

    .subjects-container {
        gap: 10px;
    }
    .about-image img {
        max-width: 100%;
    }

    .about-text h2 {
        font-size: 28px;
    }

    .about-text p {
        font-size: 16px;
    }

    .subject-box{
        width: fit-content;
        padding: 10px 10px;
        margin: 10px 0px;
        box-shadow: 2px 3px 3px rgb(41, 41, 41);
    }
    .subject-box h3{
        font-size: 16px;
    }


    
}
@media (max-width: 992px) {
    .teachers-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    
    .teachers-container {
        grid-template-columns: 1fr;
    }
    /* .product-card{
        width: 180px;
    } */

    .product-meta{
        display: block;
    }
    .product-card .description{
        font-size: 12px;
    }
    .spec{
        font-size: 8px;
        padding: 2px 6px;
        /* flex: 0 0 100px; */
        text-align: center;
    }
    .spec i{
        font-size: 15px;
    }
    #providers_banner{
        padding-top: 80px;
        padding-bottom: 20px;
    }
    #providers_banner .providers-intro{
        padding: 20px 10px;
    }
    
    
    #providers{
        gap: 10px;
        /* justify-content: right; */
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    #products{
        gap: 10px;
        /* justify-content: right; */
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .product-card *{
        font-size: 12px;
    }
    .product-card .img-container{
        height: 160px;
    }
    .img-container{
        height: 100px;
    }
    nav{
        padding: 10px;
        width: 100%;
        justify-content: space-around;
        box-sizing: border-box;
    }
    

    #banner{
        /* background:linear-gradient(rgba(14, 14, 14, 0.85), rgba(22, 4, 40, 0.5) ), url('../imgs/banner2.jpg') ; */
        height: 500px;
    }

    #banner div h1 span{
        font-size: 28px !important;
    }
    #banner div{
        /* padding-top: 100px; */
        text-align: center;
        max-width: 800px;
        margin: auto;
        padding: 80px 15px 10px;
    }

    #banner div h1{
        font-size: 28px !important;
        line-height: 50px;
    }
    #banner div *{
        font-size: 14px;
    }
    nav h1{
        font-size: 22px;
    }
    nav .login_a {
        font-size: 14px;
        padding: 8px 10px;
    }
    nav .login_a span{
        display: none;
    }
    #voile-cart{
        top:55px;
    }
    #vertnav-cart{
        top: 55px;
    }

    .review-card *{
        font-size: 12px;
    }
    .footer-container{
        flex-direction: column-reverse;

    }
    .footer-container > div{
        width: 100%;

        box-sizing: border-box;
    }
    .features{
        gap: 10px;
    }
    .feature-box{
        padding: 20px 10px;
        width: 140px;
        margin: 15px 0px;
    }
    .feature-box h3{
        font-size: 14px;
    }
    .feature-box p{
        font-size: 12px;
    }

    .provider-card *{
        font-size: 14px;
    }
    .provider-card{
        /* width: 100% !important; */
        /* width: 160px !important; */
        display: block;
        overflow:visible;
        padding: 5px;
        margin: 10px 0px;
    }
    

    .provider-logo .img-container{
        width: 50px;
        height: 50px;
    }

    .tag-provider, .provider-inf .description{
        font-size: 10px;
    }
    .provider-card .provider-logo{
        text-align: center !important;
    }
    .provider-info{
        display: block;
        text-align: center;
    }
    .provider-info h3{
        margin-top: -25px;
    }
    .provider-info .prof-container{
        margin-top: -20px;
        /* margin: auto; */
    }
    .provider-banner{
        height: 200px;
        margin-top: 60px;
    }

    .detail-product{
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .detail-product .flex-img{
        /* flex-direction: column-reverse; */
        flex-wrap: wrap-reverse;
        justify-content: left;
        direction: ltr;
    }

    .main-img{
        height: auto !important;
    }
    #stats{
        margin: -60px 20px 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .stat-box{
        margin-top: 20px;
    }
    .stat-box p{
        font-size: 14px;
    }
    .stat-box h2{
        font-size: 22px;
    }

    
    #others{
        display: none;
    }
    #imgotherhidden{
        display: block;
        margin: 20px auto;
    }

    .flex-img{
        max-width: 100%;
        box-sizing: border-box;
        display: block;
    }

    .det{
        width: 100%;
        box-sizing: border-box;
    }

    .cart-item .flex{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}