.browser{
    display: none;
}
.mobile{
    display: flex;
}
.login .box-login{
    margin-top: 0;
    margin-left: 0;
    text-align: center;
}
.form-input{
    width: 97%;
}
.right{
    justify-content: center;
}
.login .logo {
    display: none;
}
.logo-mobile{
    width: 100px;
    height: 100px;
}
.row{
    display: flex;
    flex-direction: column;
}
.card, .card-green{
    width: 90%;
    max-width: 950px;
    margin-top: 10px;
    margin-left: auto;
}
.card .item {
    flex-direction: column;
}
.group{
    margin-bottom: 40px;
}

.group .item{
    flex-direction: row;
  
}
.dashboard main{
    width: 100%;
}

.row .col-2{
    width: 100%;
}
.row .col-3{
    width: 100%;
}
.row .col-4{
    width: 100%;
}
.row .col-6{
    width: 100%;
}
.notifications .list {
    position: absolute;
    width: 300px;
    left: 0;
}
.search {
    width: 90%;
}
.dialog {
    top: 5% !important;
}