@media screen and (min-width:320px) and (max-width: 767px) {

/*.login {
     position: unset; 
    transform: translate(0%, 0%);
}*/

/*.login__form {
    margin: 30px 0;
    padding: 20px;
    border-radius: 20px;
}*/

.login__text {
    font-size: 13px;
}

.login__input, input {
    padding: 30px 55px;
    margin-bottom: 15px;
    border-radius: 10px;
    font-size: 18px!important;
    font-weight: 600!important;
}
.login__icon img {
    width: 100px;
}
/*
.bl-login {
    display: flex;
    align-items: center;
    height: 100vh;
}*/


/*=========== dashboard css =============*/

.highlights {
    position: absolute;
    top: 84px;
    left: 1%;
    background: white;
    padding: 15px;
    animation: unset!important;
}

.left-menu.collapsed {
    z-index: 9;
}

.middle-content {
    margin-top: 10px;
}
.middle-content .col-5 {
    margin: 10px 0;
}

.play-btn {
    margin-top: 13px;
}

}