@media screen and (max-width: 1200px) {
    .menu ul li a {
        margin-left: 75px;
        margin-right: 75px;
        /*padding-right: 70px;*/
        /*padding-left: 70px;*/
    }
}

@media screen and (max-width: 880px) {
    .menu ul li a {
        margin-left: 15px;
        margin-right: 15px;
        /*padding-right: 20px;*/
        /*padding-left: 20px;*/
    }
}
@media screen and (max-width: 680px) {
    .menu ul li a {
        margin-left: 10px;
        margin-right: 10px;
        /*padding-right: 20px;*/
        /*padding-left: 20px;*/
    }
}

@media screen and (max-width: 495px) {
    .menu ul li a {
        margin-left: 5px;
        margin-right: 5px;
        /*padding-right: 5px;*/
        /*padding-left: 5px;*/
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 1200px) {
    .banner1 {
        max-width: 100%;
        min-height: 60px;
    }
}


@media screen and (max-width: 680px) {
    .banner1 {
        max-width: 100%;
        min-height: 50px;
    }
}

@media screen and (max-width: 480px) {
    .banner1 {
        max-width: 100%;
        min-height: 10px;
    }
}

@media screen and (max-width: 1200px) {
    .new-collection {
        margin-top: 290px;
        margin-bottom: 300px;
    }
}


@media screen and (max-width: 680px) {
    .new-collection {
        font-size: 2.4rem;
        margin-top: 180px;
    }
}

@media screen and (max-width: 680px) {
    .more {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 1300px) {
    .for-u div picture img {
        width: 350px;
        height: 350px;
    }
}

@media screen and (max-width: 1000px) {
    .for-u picture img {
        width: 390px;
        height: 390px;
    }
}

@media screen and (max-width: 1000px) {
    .for-u {
        margin-top: 20px;
        grid-template-columns: repeat(2, 1fr);

    }
}

@media screнуen and (max-width: 750px) {
    .for-u div picture img {
        width: 350px;
        height: 350px;
    }
}

@media screen and (max-width: 750px) {
    .for-u {
        grid-template-columns: repeat(1, 1fr);

    }
}


@media screen and (max-width: 480px) {
    .for-u div picture img {
        width: 300px;
        height: 300px;
    }
}

@media screen and (max-width: 480px) {
    .for-u {
        margin-top: 15px;
        grid-template-columns: repeat(1, 1fr);

    }
}

@media screen and (max-width: 600px) {
    .banner2 blockquote {
        padding: 5px 5px;
    }
}

@media screen and (max-width: 600px) {
    .banner2 blockquote h1 {
        font-size: 4.5rem;
        padding: 5px 3px;
    }
}

@media screen and (max-width: 480px) {
    .banner2 blockquote h1 {
        font-size: 3.9rem;
        padding: 4px 2px;
    }
}

@media screen and (max-width: 600px) {
    .banner2 blockquote q {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 480px) {
    .banner2 blockquote q {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 600px) {
    .banner2 blockquote cite a {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 480px) {
    .banner2 blockquote cite a {
        font-size: 1.0rem;
    }
}

@media (max-width: 680px) {
    .cat {
        display: none;
    }
}

@media (max-width: 1200px) {
    .swiper-slide img {
        width: 800px;
        height: 645px;
    }
}

@media (max-width: 750px) {
    .swiper-slide img {
        width: 550px;
        height: 400px;
    }
}

@media (max-width: 680px) {
    .swiper-slide img {
        width: 450px;
        height: 300px;
    }
}

@media (max-width: 500px) {
    .swiper-slide img{
        width: 350px;
        height: 250px;
    }
}
@media (max-width: 400px) {
    .swiper-slide img{
        width: 300px;
        height: 200px;
    }
}