@media (min-width:1366px) and (max-width: 1920px) {
    

    #logo{
        width: 100%;
        height: 160px;
        margin:0 auto;
    }
    #logo img{
        max-width:550px;
        width: 100%;
    }

    
    .main-container{
        clear:both;
        position:relative;
        width:930px;
        margin:0 auto;
    }
    nav#genres {
        padding-left: 380px;
    }

    
    #first-mobile,#second-mobile,#third-mobile,#fourth-mobile,#fifth-mobile,#sixth-mobile{
        display: none;
    }

    
    .info-mobile{
        display:none;
    }
}
@media (min-width:1921px) and (max-width: 4096px){

    .main-container{
        clear:both;
        position:relative;
        width:930px;
        margin:0 auto;
    }
    nav#genres {
        padding-left: 28%;
    }
}