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

    /* For home page */
    .navlist{
        flex-direction: column;
        text-align: center;
    }
    
    .navbar{
        flex-direction: column;
        transition: all 0.8s ease-out;
        height: 80%;
    }


    
/* For burger when screen resolution changes */
  
    .rightnav{
        text-align: center;
    }

    .h-nav-resp{
        height: 50px;
    }

    .v-class-resp{
        opacity: 0;
    }

    .burger{
        display: block;
    }

    .box-main{
        flex-direction: column;
        max-width: 100%;
    }
    
      
    /* For features section */
    .section{
        flex-direction: column-reverse;
        width: 100%;
    }

    .pic{
        width: 60%;
    }

    .heading{
        margin: auto;
        width: 90%;
    }

    .youtube{
        flex-direction: column;
        text-align: center;
    }


    /* For Gallery section */

    .rows{
        flex-direction: column;
        text-align: center;
    }

    .content-col{
        margin: auto;
        width: 90%;
        margin-top: -55px;
    }

    .image-col{
        width: 90%;
        margin: auto;
    }

    .image-gallery img{
        width: 80%;
    }

    section h1{
        font-size: 4vmin;
    }

    h1{
        border-bottom-right-radius: 0px;
    }


    /* For review section */

    .col{
        flex: 50%;
        max-width: 70%;
    } 

    @media screen and (max-width: 700px) {
    .col{
        flex: 100%;
        } 
    }


    /* for About us section */
    .views{
        width: 90%;
    }

    @media screen and (max-width: 700px) {
        .views{
            flex-direction: column;
            width: 80%;
        }
    }

}