/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    /*********** LOGIN STYLES ***********/
    .logo_pasarex{
        padding-bottom: 40px;
        padding-top: 20px;
    }
    .logo_pasarex img{
        width: 102%;
    }
    .btn_login{
        border-radius: 22px;
        width: 70%;
        height: 50px;
        font-size: 20px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    /*********** LOGIN STYLES ***********/
    .logo_pasarex{
        padding-bottom: 15px;
    }
    .logo_pasarex img{
        width: 80%;
    }
    .btn_login{
        border-radius: 20px;
        width: 45%;
        height: 35px;
        font-size: 15px;
    }
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    /*********** LOGIN STYLES ***********/
    .logo_pasarex{
        padding-bottom: 15px;
    }
    .logo_pasarex img{
        width: 80%;
    }
    .btn_login{
        border-radius: 20px;
        width: 45%;
        height: 35px;
        font-size: 15px;
    }
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    /*********** LOGIN STYLES ***********/
    .logo_pasarex{
        padding-bottom: 15px;
    }
    .logo_pasarex img{
        width: 80%;
    }
    .btn_login{
        border-radius: 20px;
        width: 45%;
        height: 35px;
        font-size: 15px;
    }
}