@media only screen and (max-width : 600px) {
    body{
        background-size: cover;
        background-position: top;
    }
    #navbar  ul{
        padding-left: 2rem;
    }
    .navbar_bg{
        background-size:cover;
        background-position: right;
        position: static;
    }
    .inputStyle{
        width: 90% !important;
        margin-left: 2rem;
    }
    .button_bg{
        width: 40%;
        height: 4rem;
        font-size: 1.6rem;
        margin-left: 15rem !important;

    }
    .carousel-inner{
        width: 100%;
        height: auto;
    }
    .local_banner{
        /* margin: 2rem 0rem 0rem 2.3rem; */
        width: 100%;
        height: 15rem;
        margin: 3rem 0 0 0;
    }
    
    .banner .slider .items{
        position: absolute;
            inset: 0 0 0 0;
    transform: 
        rotateY(calc((var(--position) - 1)*(360 /var(--quantity)) * 1deg))
        translateZ(33rem);
    }

    
    footer > div > div{
        margin-left: 12rem !important;

    }
    footer > div > section{
        margin-left: 7rem !important;
        text-align: center;
    }
}