@media screen and (min-width: 320px) {
    .logo {
        width: 190px;
    }
    .header-desktop {
        display: none;
     }
     .header-mobile{
        display: block;
     }


}

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

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

@media screen and (min-width: 992px) {
    .header-desktop {
        display: block;
     }
     .header-mobile{
        display: none;
     }
     .class-header{
        position: absolute;
        right: 0;
     }
}

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

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

    .logo {
        width: 250px;
    }
}

@media screen and (min-width: 1600px) {
    .logo {
        width: 250px;
    }
   
    
}