@media(max-width:430px){
    /* ****************General Styles******************************** */
    /* body, html{
        width:100vw;
    } */
    

    .grid{
        column-gap: 1rem;
    }

    .subheading{
        font-size: 1.0rem;
        padding: 0rem 1rem;
    }
    
    /* ********************************************** */
    /**************SECTION NAVIGATION******************* */
    /* ************************************************ */
    .btn-mobile-nav{
        display:block;
        z-index:10;
    }
    
    .main-nav{
        background-color: rgba(255, 255, 255, 0.97); 
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100vh;
        transform:translateX(100%);

        z-index:9;

        display:flex;
        align-items:center;
        justify-content: center;
        transition:all 1s ease-in;

        /* hide it visually */
        opacity:0;

        /* make it unaccessible to mouse and keyboard */
        pointer-events: none;

        /* hide it from screen reader */
        visibility:hidden;
    }

    /* .section--gallery{
        z-index:5;
    } */

    .nav-open .main-nav{
        opacity:1;
        pointer-events:auto;
        visibility:visible;
        transform:translateX(0);
    }

    .nav-open .icon-mobile-nav[name="close-outline"]{
        display:block;
    }

    .nav-open .icon-mobile-nav[name="menu-outline"]{
        display:none;
    }
    
    .main-nav-list{
        flex-direction: column;
        gap:4rem;
    }

    .main-nav-link:link,
    .main-nav-link:visited{
        font-size:2.8rem;
    }


    /* ********************************************** */
    /**************SECTION CAROUSEL******************* */
    /* ************************************************ */
    html{
     font-size: 62.5%;
    }

    .carousel{
        max-width:100%;
    }

    .rollingNews{
        flex-direction: column;
        gap:1rem;
    }

    .carousel-img{
        width:90%;
    }

    .news-title{
        font-size:1rem;
        margin-bottom:0.8rem;
    }

    .news-intro{
        font-size:0.5rem;
    }

    .btn{
        height:1rem;
        width:1rem;
    }

    .dots{
        bottom:15%;
    }

    /* **********NEWS************* */

    .accordion--news{
      width:100%; 
      padding-left:1rem;
    }
    
    .news--year{
      font-size:1.0rem;
    }

    .pub-icon--news{
      width:1rem;
      height:1rem;
    }
    
    /* ********************************************** */
    /**************SECTION RESEARCH FIELD******************* */
    /* ************************************************ */

    .section--field .grid--2-cols{
       grid-template-columns:repeat(1,1fr);
    }

    .section--field .grid{
       row-gap:0;
    }

    
    .section--field div div{
      padding:1.5rem 0;  
    }

    .research-intro-img{
      width:80%;  
    }

    .field-1-img,
    .field-2-img,
    .field-3-img,
    .field-4-img{
        margin-top:4.5rem;
    }
    

    .research-intro-img,
    .research-intro-text,
    .field-1-img,
    .field-1-text,
    .field-2-img,
    .field-2-text,
    .field-3-img,
    .field-3-text,
    .field-4-img,
    .field-4-text{
        grid-column:1;
    }

    .research-intro-img{
        order:1;
    }
    .research-intro-text{
        order:2;
    }
    .field-1-img{
        order:3;
    }
    .field-1-text{
        order:4;
    }
    .field-2-img{
        order:5;
    }
    .field-2-text{
        order:6;
    }
    .field-3-img{
        order:7;
    }
    .field-3-text{
        order:8;
    }
    .field-4-img{
        order:9;
    }
    .field-4-text{
        order:10;
    }


    /* ********************************************** */
    /**************SECTION MEMBERS******************* */
    /* ************************************************ */

    .member{
      margin: 4rem 2rem ;
      gap:3.2rem;
    }

    .member-img{
      width:10rem;
    }

    .PI-social-media{
        width:1.3rem;
        height:1.3rem
    }

    /* ********************************************** */
    /**************SECTION CAROUSEL******************* */
    /* ************************************************ */

    .accordion{
      width:100%;   
      padding-left:1rem;
    }
    
    /* ********************************************** */
    /**************SECTION EQUIPMENT******************* */
    /* ************************************************ */
    .section--equipments .grid--2-cols{
       grid-template-columns:repeat(1,1fr);
    }
    
    .section--equipments .grid--3-cols{
       grid-template-columns:repeat(1,1fr);
    }


    /* ********************************************** */
    /**************SECTION RESOURCES******************* */
    /* ************************************************ */
    .section--resources .grid--4-cols{
        grid-template-columns:repeat(1,1fr);
        row-gap:0;
    }

    .book-container{
        margin: 5.0rem;
    }

    /* ********************************************** */
    /**************SECTION GALLERY******************* */
    /* ************************************************ */

    .activity{
      width:100%;
      height:20rem;
    }

    .carousel_260120{
        height:100%;
    }

    .img_241101{
      width: 50%;
    }

}