/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.5.15,
* Autoprefixer: v10.5.0
* Browsers: last 4 version
*/

@media (max-width: 640px ) {
    .nav1{
        display: none ;
    }
    .material-symbols-outlined{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 1260px ) {
    .banner1{
        width: 1000px;
    }
    .ftr{
        width: 1000px;
    }
}

@media (max-width: 1010px ) {
    .banner1{
        width: 900px;
    }
    .ftr{
        width: 900px;
    }
}
@media (max-width: 910px ) {
    .banner1{
        width: 800px;
    }
    .ftr{
        width: 800px;
    }
}

@media (max-width: 810px ) {
    .banner1{
        width: 700px;
    }
    .ftr{
        width: 700px;
    }
}

@media (max-width: 710px ) {
    .banner1{
        width: 640px;
    }
    .ftr{
        width: 640px;
    }
}

@media (max-width: 1260px ) {
    .genres-section{
        gap: 30px;
    }
}

@media (max-width: 1200px ) {
    .genres-section{
        gap: 20px;
    }
}

@media (max-width: 1140px ) {
    .genres-section{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 30px;
    }
}