/* ==========================
      MOBILE
========================== */

@media(max-width:900px){

.navbar{

    flex-direction:column;

}

.nav-links{

    margin-top:20px;

    flex-wrap:wrap;

    justify-content:center;

    gap:18px;

}

.logo{

    margin-bottom:10px;

}

}
/* HERO */

@media(max-width:900px){

.hero{

    flex-direction:column;

    text-align:center;

    padding:60px 8%;

}

.hero h1{

    font-size:42px;

}

.hero-buttons{

    justify-content:center;

}

.hero-image{

    margin-top:50px;

}

.hero-image img{

    width:320px;

}

}
/* SUBJECTS */

@media(max-width:900px){

.subject-container{

    grid-template-columns:1fr;

}

.section-title h2{

    font-size:34px;

}

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

.featured-grid{

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

}

}

@media(max-width:700px){

.featured-grid{

grid-template-columns:1fr;

}

}
/* VIDEOS */

@media(max-width:1000px){

.video-grid{

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

}

}

@media(max-width:700px){

.video-grid{

grid-template-columns:1fr;

}

}
/* NOTES */

@media(max-width:1000px){

.notes-grid{

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

}

}

@media(max-width:700px){

.notes-grid{

grid-template-columns:1fr;

}

.note-buttons{

flex-direction:column;

}

}
/* WHY */

@media(max-width:1000px){

.why-grid{

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

}

}

@media(max-width:700px){

.why-grid{

grid-template-columns:1fr;

}

}
/* SUBSCRIBE */

@media(max-width:768px){

.subscribe-content{

    padding:50px 25px;

}

.subscribe-content h2{

    font-size:32px;

}

.features{

    flex-direction:column;

    align-items:center;

}

.subscribe-btn{

    width:100%;

    max-width:320px;

}

}
/* FOOTER */

@media(max-width:900px){

.footer-container{

grid-template-columns:1fr 1fr;

}

.footer-bottom{

flex-direction:column;

gap:20px;

text-align:center;

}

}

@media(max-width:600px){

.footer-container{

grid-template-columns:1fr;

text-align:center;

}

}
/* STUDY HERO */

@media(max-width:768px){

.study-content h1{

    font-size:42px;

}

.study-content p{

    font-size:18px;

}

.study-btn{

    padding:15px 35px;

}

}

/* SEARCH */

@media(max-width:768px){

.search-container h2{

    font-size:34px;

}

.search-box{

    padding:12px 20px;

}

.search-box input{

    font-size:16px;

}

.search-tags{

    justify-content:center;

}

.search-tags button{

    font-size:14px;

    padding:10px 18px;

}

}
/* filter section */

@media(max-width:1000px){

.category-grid{

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

}

}

@media(max-width:700px){

.category-grid{

grid-template-columns:1fr;

}

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

.recent-grid{

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

}

}

@media(max-width:700px){

.recent-grid{

grid-template-columns:1fr;

}

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

.video-card{

grid-template-columns:1fr;

}

.video-card img{

height:220px;

}

.watch-btn{

margin:30px;

display:inline-block;

text-align:center;

}

}
/*=====================================
        PYQ HERO RESPONSIVE
======================================*/

@media(max-width:900px){

    .pyq-hero h1{

        font-size:48px;

    }

    .pyq-hero p{

        font-size:18px;

    }

    .hero-stats{

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

    }

}

@media(max-width:600px){

    .hero-stats{

        grid-template-columns:1fr;

    }

    .pyq-hero h1{

        font-size:38px;

    }

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

    .why-grid{

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

    }

}

@media(max-width:700px){

    .why-grid{

        grid-template-columns:1fr;

    }

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

    .mission-grid{

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

    }

}

@media(max-width:700px){

    .mission-grid{

        grid-template-columns:1fr;

    }

    .mission-box{

        padding:35px 25px;

    }

    .mission-box h3{

        font-size:30px;

    }

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

    .benefits-grid{

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

    }

}

@media(max-width:700px){

    .benefits-grid{

        grid-template-columns:1fr;

    }

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

    .cta-section h2{

        font-size:40px;

    }

    .cta-section p{

        font-size:18px;

    }

    .cta-buttons{

        flex-direction:column;

        align-items:center;

    }

    .primary-btn,
    .secondary-btn{

        width:280px;

        text-align:center;

    }

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

    .contact-grid{

        grid-template-columns:1fr;

    }

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

    .counselling-hero h1{

        font-size:52px;

    }

    .hero-stats{

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

    }

}

@media(max-width:600px){

    .counselling-hero{

        padding:80px 6%;

    }

    .counselling-hero h1{

        font-size:38px;

    }

    .counselling-hero p{

        font-size:18px;

    }

    .hero-stats{

        grid-template-columns:1fr;

    }

    .hero-buttons{

        flex-direction:column;

        align-items:center;

    }

    .primary-btn,
    .secondary-btn{

        width:280px;

        text-align:center;

    }

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

    .updates-grid{

        grid-template-columns:1fr;

    }

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

    .documents-grid{

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

    }

}

@media(max-width:650px){

    .documents-grid{

        grid-template-columns:1fr;

    }

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

    .videos-grid{

        grid-template-columns:1fr;

    }

}