@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1400px) {}

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

    .bannerTop .text .ls {
        font-size: 14px;
        line-height: 30px;
        margin: 10px 0;
    }
}

@media screen and (max-width: 1280px) {}

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

@media screen and (max-width: 1024px) {
    .common-card {
        width: 100%;
        padding: 0 4%;
    }

    .headerSwiper1,
    .projectCases-con .top {
        height: auto;
    }

    .headerSwiper1 .more {
        width: 60px;
        height: 60px;
        border-radius: 50px 0 0 0;
        background-size: 30px 30px;
        background-position-x: 20px;
        background-position-y: 20px;
    }

    .header-button-next,
    .header-button-prev {
        width: 40px;
        height: 35px;

    }

    .headerSwiper2 {
        height: auto;
        margin: 2px 0 10px 0;
    }

   .bannerTop .text .mores {
        width: fit-content;
        height: 35px;
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        line-height: 35px;
        padding: 0 30px;
    }

    .bannerTop .text .tl {
        font-size: 18px;
        line-height: 30px;

    }

    .common-tl {
        font-size: 20px;
    }

    .advantage-con .text {
        font-size: 14px;
        line-height: 30px;
        margin-top: 8px;
    }

    .productAdvantage {
        padding: 30px 4%;
    }

    .advantage-con .lt {
        width: 100% !important;
        margin: 0 0 !important;
    }

    .advantage-con .rt {
        flex: none !important;
        margin-top: 15px;
    }

    .advantage-con .item {
        flex-wrap: wrap !important;
    }

    .com-tl .nu {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 30px;
        margin-right: 10px;
    }

    .factory .top .images {
        display: none;
    }

    .com-tl h6,
    .recommendedSwiper .text h6,
    .casesSwiper .text h6 {
        font-size: 16px;
    }

    .recommendedSwiper .text .ls {
        font-size: 15px;
        line-height: 20px;
        margin: 10px 0;
    }

    .feedBack .text .ls,
    .feedBackSwiper .text {
        font-size: 14px;
        line-height: 30px;
        margin: 10px 0;
    }

    .recommendedSwiper .text .more,
    .comimages .ad {
        font-size: 14px;
    }

    .com-tl {
        padding-bottom: 10px;
    }

    .com-tl .br {
        bottom: -1px;
        width: 40px;
        height: 2px;
        border-radius: 2px;
    }

    .downloadCatalogue .text .ls {
        font-size: 14px;
        line-height: 30px;
        margin: 10px 0 15px 0;
    }

    .downloadCatalogue .text {
        width: 100%;
        margin-bottom: 10px;
    }

    .downloadCatalogue .lt img {
        position: static;
    }

    .downloadCatalogue .lt {
        flex: none;
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .downloadCatalogue {
        height: auto;
        padding: 2% 0;
    }

    .casesSwiper .text .ls {
        font-size: 14px;
        line-height: 22px;
        margin-top: 5px;
    }

    .downloadCatalogue .common-card {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .downloadCatalogue .text .more,
    .custom-con .lt .ls,
    .factory .top .more {
        width: fit-content;
        height: 35px;
        border-radius: 5px;
        line-height: 35px;
        font-size: 15px;
        padding: 0 15px;
    }

    .custom-con .lt {
        display: none;
    }

    .recommendedSwiper img {
        height: auto;
    }

    .custom-con,
    .projectCases-con .top,
    .feedBack .top {
        flex-wrap: wrap;
    }

    .customItem {
        flex: none;
        margin-top: 15px;
        width: 100%;
    }

    .customItem li {
        width: 100%;
        border-right: none;
        margin-bottom: 10px;
        padding: 0 10px 10px;

    }

    .customItem li:nth-child(2),
    .customItem li:nth-child(5),
    .customItem li:nth-child(8),
    .customItem li {
        flex: none;
        padding-left: 0;
        flex-grow: 1;
        flex-basis: 250px;
    }

    .customItem .tl .icon {
        width: 35px !important;
    }

    .customItem .text h6 {
        font-size: 15px;
        margin: 8px 0;
    }

    .customItem .text .ls {
        font-size: 14px;
        line-height: 22px;
    }

    .customItem .tl::after {
        width: 15px;
        height: 10px;
    }

    .factory .top .text .ls {
        text-align: justify;
        font-size: 14px;
        line-height: 30px;
        margin: 10px 0;
    }

    .factory .top .text {
        flex: none;
        width: 100%;
    }

    .factory .top,
    .factory ul,
    .serviceFeatures ul {
        flex-wrap: wrap;
    }

    .factory li:last-child .lss,
    .projectCases-con .images {
        width: 100%;
        height: auto;
    }

    .casesSwiper {
        flex: none;
        width: 100%;
        margin-top: 10px;
    }

    .factory .top .images {
        display: none;
    }

    .factory .top .lt {
        width: 100%;
        margin: 10px 0;
    }

    .factory .playBack {

        width: 35px;
        height: 30px;
        object-fit: contain;
    }

    .factory .top .video {
        width: 100%;
        position: static;
        height: auto;
        padding: 5px 0 0 5px;

    }

    .factory li .nu ,
 .factory li .counter{
        font-size: 26px;
    }

    .factory li img {
        width: 35px;
        margin-right: 8px;
    }

    .factory li {
        margin-bottom: 10px;
    }

    .factory li .lss {
        font-size: 14px;
        margin-top: 4px;
    }

    .factory li .nu::after {
        font-size: 12px;
    }

    .serviceFeatures .images img {
        height: 25px;
    }

    .serviceFeatures .images {
        width: 35px;
        height: 35px;
        border: solid 2px #ffffff;
    }

    .serviceFeatures li h6 {
        font-size: 16px;
        margin: 8px 0;
    }

    .serviceFeatures li {
        width: auto;
        height: 140px;
        border-radius: 10px;
        padding: 10px;
        margin: 0 10px 10px 0;
        flex-grow: 1;
        flex-basis: 330px;
    }

    .feedBack .top .images {
        margin-right: 0;
        width: 100%;
        height: auto;
    }

    .serviceFeatures li:nth-child(2n) {
        margin-right: 0;
    }

    .serviceFeatures li .text {
        font-size: 14px;
        line-height: 22px;

    }

    .casesSwiper {
        height: auto;
    }

    .casesSwiper .swiper-slide {
        height: 250px !important;
    }

    .casesSwiper img {
        height: 100%;
    }

    .casesSwiper .swiper-slide:hover .text {
        border-bottom: 2px solid #ba1b22;
        padding-bottom: 10px;
    }

    .feedBack .top .text {
        flex: none;
        width: 100%;

    }

    .feedBack .text .br {
        width: 40px;
        height: 2px;

    }

    .comimages img {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .feedBackSwiper .swiper-slide {
        height: auto;
        padding: 10px;
    }

    .feedBackSwiper .dot {
        font-size: 20px;
    }

    .questionsItem li h6 {
        font-size: 16px;
        line-height: 40px;

    }

    .questionsItem li h6::after {

        font-size: 20px;

    }

    .questionsItem li.active h6::after {
        width: 10px;
        height: 2px;
    }

    .questionsItem li .text {
        font-size: 14px;
        line-height: 30px;
        padding-bottom: 20px;
    }

    .advantage-con .item:nth-child(2n) {
        flex-direction: row;
    }

}

@media screen and (max-width: 768px) {
    .advantage-con .rt img {
        height: auto !important;
    }

    .imagesRt .tp,
    .imagesRt .top {
        flex-wrap: wrap;
    }

    .advantage-con .item3 .bto,
    .advantage-con .item3 .tp {
        width: 100%;
    }

    .advantage-con .rt {
        width: 100%;
        margin: 10px 0;
    }

    .feedBack .top .images {
        width: 100%;
        height: auto;
        margin-right: 0;
    }

    .serviceFeatures li {
        margin-right: 0;
    }
}

@media screen and (max-width: 550px) {

    .advantage-con .rt .bigimages,
    .imgRt .tp img {
        width: 100% !important;
    }

    .custom-con .lt {
        width: 100%;
    }

    .serviceFeatures li {
        margin-right: 0;
        flex-basis: 260px;
    }

    .projectCases-con .images {
        width: 100%;
    }

}

@media screen and (max-width: 440px) {
    .advantage-con .rt img {
        width: 100% !important;
    }

    .custom .lt img {
        width: 100%;
    }

    .headerSwiper1 {
        height: 252px;
    }

    .factory li {
        flex-grow: 1;
        flex-basis: 170px;
    }

    .case-pagination,
    .recommended-pagination,
    .feedBack-pagination {
        margin-top: 15px;
    }

    .feedBack .text .ls,
    .feedBackSwiper .text,
    .customItem .text .ls,
    .advantage-con .text {
        text-align: justify;
    }

 .bannerTop .text .ls {
        text-align: left;
    }

    .downloadCatalogue .lt img {
        height: auto;
    }

    .downloadCatalogue .lt {
        justify-content: center;
    }

    .casesSwiper .text {
        padding: 2% 4%;
    }

    .casesSwiper .swiper-slide-active .text {
        border-bottom: 1px solid #ba1b22;
    }
}

@media screen and (max-width: 375px) {
    .serviceFeatures li {
        height: auto;
    }
}

@media screen and (max-width: 360px) {}