@media only screen and (min-width: 1920px){

}

@media only screen and (max-width: 1440px){



}

@media only screen and (max-width: 1368px){

    /* gallery frame */

    .gallery-frame-container{
        width: 20.2vw;
    }

}

@media only screen and (max-width: 1200px){

    /* header navbar */
    .header-nav-menu{
        display: none;
    }
}

@media only screen and (min-width: 1200px){

    /* header hamburger menu */
    /* To ensure that the hamburger menu appears only when the screen is small*/
    .hamburger-menu{
        display: none;
    }
}

@media only screen and (max-width: 1024px){
    
    /* gallery frame */

    .gallery-frame-container{
        width: 28vw;
    }
}

@media only screen and (max-width: 880px){
    
    /* carousel */
    .carousel-caption{
        display: none;
    }

    /* home courses */
    .home-courses-container{
        flex-direction: column;
        gap: 3rem;
    }

    .home-courses-lft{
        width: 100%;
    }

    .home-courses-ryt{
        width: 100%;
    }
    
    .home-courses-ryt1{
        width: 100%;
    }

    .introduction .custom-container{
        flex-direction: column;
        gap: 2rem;
    }


}

/* @media only screen and (max-width: 1000px){ */
    /* gallery */
    /* .gallery .gallery-frame-container{ */
        /* display: flex; */
        /* flex-direction: column; */
        /* margin-left: 150pt; */
        /* float: left; */
        /* scale: 0.9; */
    /* } */
/* } */

@media only screen and (max-width: 720px){
    /* gallery frame */

    .gallery-frame-flex{
        gap: 8vw;
    }

    .gallery-frame-container{
        width: 41vw;
    }

    .home-research-container{
        flex-direction: column;
        gap: 0;
    }

    .home-research-content{
        width: 100%;
    }

    .collabrators-industrial .gallery-frame-flexhold{
        width: 100%;
    }

    .gc--1-of-3{
        width: unset;
    }

    .naccs .menuu div{
        padding: 1rem 1rem 1rem 1.2rem;
    }

    .gc--2-of-3{
        width: calc(100% - 100px);
    }

    .lines-bb p{
        padding: 1rem 0;
    }

    .home-blog-content a{
        padding: 2rem 0 2rem 4rem;
    }
}

@media only screen and (max-width: 576px){

    section{
        padding: 5rem 0;
    }

    h1{
        font-size: 1.5rem;
    }

    h2{
        font-size: 1.3rem;
    }

    h3{
        font-size: 1.2rem;
    }

    p{
        font-size: 0.9rem;
        line-height: 1.3;
    }

    /* header navbar */

    .navbar{
        background-image: linear-gradient(to right, var(--color-1) 50%, var(--secondary-color), var(--secondary-color));
    }

    .adopt-logo{
        width: 50%;
    }
    
    .home-research-content p{
        font-size: 1rem;
        padding: 1rem;
    }

    .home-research .custom-container{
        gap: 2rem;
    }

    .currentteam .custom-container{
        gap: 2rem;
    }

    .collabrators .custom-container{
        gap: 2rem;
    }

    /* gallery frame */

    .gallery-frame-flex{
        gap: 3rem;
    }

    .gallery-frame-container{
        width: 100%;
    }

    .gallery-frame-container{
        gap: 1rem;
    }

    .collabrators-industrial .gallery-frame-flex{
        max-width: 300px;
        gap: 1rem;
    }

    .collabrators-industrial .gallery-frame-container{
        max-width: 300px;
    }

    .home-courses-content a h5{
        font-size: 24px;
    }

    .home-blog-content a h5{
        font-size: 24px;
    }

    .sponsored-list li{
        padding: 1.5rem 0;
    }

    .custom-items-list li{
        padding: 1.2rem 0;
    }

    .introduction-img{
        width: 100%;
    }

    .academy th {
        padding: 1rem;
        font-size: 1rem;
    }

    .academy td{
        padding: 1rem;
    }

    .academy td a{
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 480px){
    
    .home-courses-ryt1 a{
        max-width: 100%;
    }
    
}