@media screen and (max-width: 1300px) {
    .customer-cases .swiper-container .swiper-slide .item {
        width: 25%;
    }
}

@media screen and (max-width: 1000px) {
    .w-e-content .inner .right {
        grid-template-columns: repeat(auto-fill, 33.33%)
    }
    .customer-cases .swiper {
        margin-left: 4vw;
        width: 92vw;
    }
    .customer-cases .swiper-container {
        width: 100%;
    }
    .customer-cases .swiper-button-next,
    .customer-cases .swiper-button-prev {
        display: none !important;
    }
    .customer-cases .swiper-container .swiper-slide .item {
        width: 33.33% !important;
    }
}

@media screen and (max-width: 780px) {
    .header .logo {
        margin-left: 15px;
    }
    .banner {
        justify-content: center;
        background-image: url("./images/banner-m.png");
    }
    .banner .info {
        margin-left: initial;
        width: 80vw;
    }
    .company-data {
        height: 140px;
    }
    .company-data .info {
        align-items: center;
        flex-direction: column;
        height: auto;
        width: 92vw;
        box-shadow: 4px 4px 2px rgba(0, 0, 0, .1);
    }
    .company-data .info .right,
    .company-data .info .left {
        width: 100%;
    }
    .company-data .info .left .inner {
        padding: 15px 0;
        width: 90%;
        text-align: center;
        border-right: initial;
        border-bottom: 1px solid #ddd;
    }
    .company-data .info .left .inner .title {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .company-data .info .right {
        display: flex;
        flex-wrap: wrap;
        padding: 20px;
    }
    .w-e-content .inner {
        width: 92vw;
    }
    .w-e-content .inner .item {
        flex-direction: column;
    }
    .w-e-content .inner .item .left {
        width: 100%;
    }
    .w-e-content .inner .right .data {
        flex: 1 0 50%;
        margin-right: initial;
    }
    .s-l-r-content {
        width: 92vw;
    }
    .s-l-r-content .item {
        flex: 1 0 calc(50% - 20px);
        margin: .1rem;
    }
    .s-l-r-content .item .logo {
        height: 30px;
    }
    .business-consulting {
        display: none;
    }
    .about-us .module-subtitle {
        margin-left: 10vw;
        width: 80vw;
    }
    .footer .inner {
        width: 92vw;
    }
    .footer .inner .bottom .phone img {
        width: 20px;
        height: 20px;
    }
    .customer-cases .swiper-container .swiper-slide .item .logo {
        width: 1rem;
    }
    .customer-cases .swiper-container .swiper-slide .item {
        width: 50% !important;
    }
    .customer-cases .swiper-container .swiper-slide .item .inner {
        margin-left: 3%;
        width: 92%;
    }
}