/* ==================================MEDIA QUERY=================================================================== */
@media (max-width:800px) {
    header{
        padding: 1rem 2rem;
    }
    .cof-outer-div{
        flex-direction: column;
        border: none ;
        width: 80% ;
    
    }
    .cof-info p{
        margin-bottom: 1rem;
        max-width: fit-content ;
    
    }
    .cof-info{
        text-align: center ;
    }
    .cof-info button{
        margin: auto; 
    }

    .menu-item{
        flex-basis: 45% ;
    }
    .cus-review{
        flex-basis: 90%;
        margin: 0 2rem;
    }
    .map{
        flex-basis: 100%;
        height: 50%;
    }
    .form-div{
        padding: 2rem 1rem;
        flex-basis:100% ;
    }
    .contact-div{
        max-width: 70rem;
        min-height: 60vh;
        height: 125vh;
    }
    .vlog-card{
        flex-basis: 100%;
        text-align: center;
        align-items: center;
    }
    .vlog-card button{
        margin-left: 0rem;
    }
}
@media (max-width:600px) {


    .more{
        display: block;
    }
    nav{
        height: 100vh;
        width: 250px;
        position: absolute;
        right: 0;
        display: flex;
        bottom: 100vh;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background: black;
    }

}
@media (max-width:450px){
    .cus-review{
        margin: 0 0rem;
    }
    .menu-item{
        flex-basis: 100%;
        border: none;
    }
}