@media only screen and (max-width: 450px) {
/*...........back ground..............*/
#background_container{
    width: 100%;
    
    background-image: url(/Content/front/images/backgroundMobile-light.png);
    background-repeat:no-repeat;
    background-size:auto;
    }
   
}
@media only screen and (max-width: 600px) {
    #background_container {
        width: 100%;
        height: fit-content;
        background-image: url(/Content/front/images/backgroundMobile-light.png);
        background-repeat: no-repeat;
        background-size: auto;
    }
}