.box .product-list ul {
    /* display: flex; */
    /* flex-direction: row; */
    /* justify-content: space-between; */
    /* flex-wrap: wrap; */
}
/* .box .product-list ul::after { */
/*     content: ''; */
/*     flex: 0 0 70%; */
/*     max-width: 1350px; */
/* } */
.box .product-list ul li {
    width: 23.5%;
    margin-bottom: 20px;
}

.content .us .container .module ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.content .us .container .module ul li {
    width: 20%;
}

.content .our-service .service-nape ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.content .our-service .service-nape ul li {
    width: 25%;
}

.content .datails .container .list ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.content .datails .container .list ul li {
    width: 225px;
}

.Content .project .show-shelf .list-case ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
/* .content .project .show-shelf .list-case ul::after { */
/*     content: ''; */
/*     flex: auto; */
/* } */
.content .project .show-shelf .list-case ul li {
    width: 23.5%;
}

.content .news-video .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.content .news-video .container .news {
    width: 45%;
}
.content .news-video .container .video {
    width: 50%;
}

/* Tablet Landscape */
@media screen and (min-width: 1440px) {
    /* #primary { width:67%; } */
    /* #secondary { width:30%; margin-left:3%;} */
    .box .product-list ul li {
        width:23.5%;
    }
    .content .project .show-shelf .list-case ul li {
        width: 23.5%
    }
    .content .datails .container .list ul li {
        width:25%;
    }
    .content .our-service .service-nape ul li {
        width:25%;
    }
    .content .us .container .module ul li {
        width:20%;
    }
}

/* Tablet Landscape */
@media screen and (max-width: 1060px) {
    /* #primary { width:67%; } */
    /* #secondary { width:30%; margin-left:3%;}   */
    .box .product-list ul li {
        width: 45%;
        margin-bottom: 20px;
    }
    .content .us .container .module ul li {
        width: 30%;
    }
    .content .project .show-shelf .list-case ul li {
        width: 48%;
    }
    .content .our-service .service-nape ul li {
        width: 48%;
    }
}

/* Tabled Portrait */
@media screen and (max-width: 768px) {
    /* #primary { width:100%; } */
    /* #secondary { width:100%; margin:0; border:none; } */
    .content .news-video .container .news {
        width: 100%;
    }
    .content .news-video .container .video {
        width: 100%;
    }
    .content .project .show-shelf .list-case ul li {
        margin-right: unset !important;
    }
    .box .product-list ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .content .us .container .module ul li {
        width: 50%;
    }
    .content .project .show-shelf .list-case ul li {
        width: 100%;
    }
    .content .our-service .service-nape ul li {
        width: 100%;
    }
}
@media only screen and (max-width:568px) {
    .content .datails .container .list ul li {
        width: 100%;
    }
    
}
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 812px) {
  /* and (-webkit-min-device-pixel-ratio: 3) { */
    .box .product-list ul li {
        width: 100%;
    }
    .content .us .container .module ul li {
        width: 100%;
    }
    .content .our-service .service-nape ul li {
        width: 100%;
    }
    .content .datails .container .list ul li {
        width: 100%;
    }
    .content .project .title h1 {
        font-size: medium;
        line-height: normal;
    }
    .content .project .show-shelf .list-case ul li {
        width: 100%;
    }
    .content .project .look-more a {
        width: auto !important;
    }
    .content .project .show-shelf {
        margin-top: 0 !important;
    }
    .content .project .show-shelf .list-case ul li {
        margin-right: 0 !important;
        /* margin-bottom: 0 !important; */
    }
    .content .news-video .container .video .block ul {
        display: flex;
        flex-direction: column;
    }
    .content .news-video .container .video .block ul li {
        width: 100% !important;
    }
    .content .news-video .container {
        padding: 0 !important;
    }
}