@media only screen and (max-width: 768px){
    .w-select{
        width: 150px !important;
    }
    .w-card{
        max-width: 400px;
    }
    .mt-notification{
        margin-top: 10px !important;
    }
}
@media only screen and (max-width: 600px){
    .w-select{
        width: 150px !important;
    }
    .w-card{
        max-width: 400px;
    }
    .mt-notification{
        margin-top: 10px !important;
    }
}
@media only screen and (max-width: 576px){
    .w-select{
        width: 150px !important;
    }
    .w-card{
        max-width: 400px;
    }
    .mt-notification{
        margin-top: 10px !important;
    }
}

@media only screen and (min-width: 900px){
    .w-card{
        max-width: 500px;
    }
    .mt-notification{
        margin-top: 10px !important;
    }
}
@media only screen and (min-width: 910px){
    
}
@media only screen and (min-width: 1200px){
    .w-card{
        max-width: 500px;
    }
}
@media only screen and (min-width: 1400px){
    .w-card{
        max-width: 500px;
    }
    .mt-notification{
        margin-top: 10px !important;
    }
}