.mobile-view{
    display: none !important;
}
.desktop-view{
    display: flex;
}

@media screen and (max-width: 480px) {
    .rm{
        margin: 0px 0px;
        width: 100vw;
        height: 100%;
    }
    .mobile-view{
        display: flex !important;
    }
    .desktop-view{
        display: none !important;
    }
    .icon-movie{
        height: 30px;
        width: 30px;
        background-image: url(../images/Navbar/movie-icon-d.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .icon-train{
        height: 30px;
        width: 30px;
        background-image: url(../images/Navbar/train-icon-d.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .icon-bus{
        height: 30px;
        width: 30px;
        background-image: url(../images/Navbar/bus-icon-d.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .icon-flight{
        height: 30px;
        width: 30px;
        background-image: url(../images/Navbar/flight-icon-d.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .datas-holder{
        flex-direction: column;
        
    }
    .datas-holder select, .datas-holder button{
        margin-bottom: 15px !important;
    }
}