.logo {
    background: url(../Images/logo-black.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    width: 139px;
    height: 55px;
}

.logo-mobile {
    width: 50px;
    height: 35px;
    background: url(../Images/logo-mobile.svg) no-repeat;
    background-position: center center;
    background-size: contain;
}

button i {
    font-weight: bold;
}

@media screen and (min-width: 320px) {
    /*.logo {
        width: 50px !important;
        background: url(../../Images/logo-mobile.svg) no-repeat;
    }*/

}

@media screen and (min-width: 480px) {
    /*.logo {
        width: 50px !important;
        background: url(../../Images/logo-mobile.svg) no-repeat;
    }*/

}

@media (max-width: 480px) {
    .logo {
        width: 83px !important;
    }
}
@media screen and (min-width: 600px) {
    /*.logo {
        width: 50px !important;
        background: url(../../Images/logo-mobile.svg) no-repeat;
    }*/
}

@media (max-width: 767px) {
    .logo {
        width: 96px;
    }
}

@media screen and (min-width: 900px) {
}

@media screen and (min-width: 1024px) {
}

@media screen and (min-width: 1200px) {
}

.fixed-background {
    background: url('../Images/LoginBackground.jpg') no-repeat center center fixed;
}

.auth-card .image-side {
    background: url('../Images/Login-Left-Bg.jpg') no-repeat center center;
    background-size: cover;
}

.logo-single {
    background: url(../Images/logo-black.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    width: 184px;
    height: 64px;
    margin-bottom: 26px;
}