/*0 up to 479*/
@media only screen and (min-width:0px) and (max-width : 479px) {

.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table-responsive > .table { margin-bottom: 0; }
/*certificate*/
    .certificate-img-list {
        margin-top: 10px;
    }
    .certificate-img-list > ul {
        --column: 1;
        --gap-column: 0;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        width: 100%;
        justify-content: center;
    }
        .certificate-img-list > ul > li > a {
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
    .factory-l {
        width: 100%;
        background-color: #fff;
        padding: 25px 20px;
    }
    .factory-r {
        width: 100%;
        height: 359px;
    }
    /*manager*/
    .manager-list > ul {
        --column: 1;
    }
    /*customer*/
    .customer-list > ul {
        --column: 2;
    }
    /*services*/
    .services-list > ul {
        --column: 2;
        --gap-column: 20px;
        --gap-row: 15px;
    }
    /*products*/
    .products-r {
        width: 100%;
        margin-bottom: 20px;
    }
    .products-l {
        width: 100%;
    }
    .pro-slider figure {
        width: 100%;
        height: 279px;
        margin: 0 auto;
    }
    /*product detail*/
    .detail-pro-r {
        width: 100%;
    }

    .detail-pro-l {
        width: 100%;
        height: unset;
    }
    .detail-pro-gallerytop {
        width: 74%;
        height: auto;
    }
    .tabbox {
        min-height: 290px;
        padding: 30px 0;
    }
    /*project*/
    .project-search-r {
        width: 100%;
        margin-bottom: 5px;
    }
        .project-search-r .selectform {
            width: 49%;
        }
    .project-search-l {
        width: 99%;
    }
    /*project detail*/

    .news-detail-slider-pan {
        margin: 20px auto;
        width: 100%;
    }
    .project-slider a > figure {
        width: 100%;
        height: auto;
    }
    /*contact*/
    .contact-list > ul .worktimebox::after {
        width: 144px;
        height: 158px;
        background-size: 142px;
        bottom: 0;
    }

    .contact-list > ul > li .contact-list-up-box .contact-list-up-info > ul > li {
        background-position: right top 6px !important;
    }

    .contact-form > li .txtform, .contact-form > li .txtariaform {
        width: 100%;
    }

    #captcha {
        width: 51%;
    }

    .contact-list > ul > li .contact-list-up-box {
        width: 100%;
        background-color: #fff;
        box-shadow: 4px 5px 4px -1px #e6e6e6;
        padding: 11px 10px;
        background-image: url(../images/contact-bg.jpg);
        background-repeat: no-repeat;
        background-position: left bottom;
        position: relative;
        margin-bottom: 15px;
    }

    .contact-list > ul .worktimebox .contact-list-up-worktime > ul > li {
        margin-bottom: 34px;
    }

    .contact-list .contact-list-down {
        margin-top: 15px;
    }
    .contact-form {
        width: 100%;
        margin: 30px auto 0;
    }
    /*blog*/
    .txtsearch {
        width:100%;
        margin-bottom: 5px;
    }
    .btnsearch{margin:0 auto}
    .news-r {
        width: 100%;
    }
        .news-r > ul > li > a {
            width: 100%;
            height: 209px;
            position: relative;
        }
    .news-r-desc {
        width: 100%;
        padding: 0;
        margin-top: 5px;
    }
    .news-l {
        width: 100%;
    }
    /*useful link*/
    .col-link a {
        width: 100%;
        margin: 3px 20px;
    }
    /*video*/
    .video-gallery .divViewVideo {
        width: 100%;
        margin: 0 auto;
    }
    .video-gallery .divViewVideo div {
        background-color: #000;
        width: 100%;
        margin: 0 auto;
    }
        .video-gallery .divViewVideo div video {
            width: 100%;
            height: auto;
            margin: 0 auto 33px;
        }
}
/*480 up to 719*/
@media only screen and (min-width : 480px) and (max-width : 719px) {

.table { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table > .table { margin-bottom: 0; }
    /*certificate*/
    .certificate-img-list {
        margin-top: 10px;
    }

        .certificate-img-list > ul {
            --column: 1;
            --gap-column: 10px;
            display: flex;
            flex-wrap: wrap;
            margin: 0 auto;
            width: 100%;
            justify-content: center;
        }

            .certificate-img-list > ul > li > a {
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }
    /*manager*/
    .manager-list > ul {
        --column: 1;
    }
    /*customer*/
    .customer-list > ul {
        --column: 3;
    }
    /*services*/
    .services-list > ul {
        --column: 2;
        --gap-column: 20px;
        --gap-row: 15px;
    }
    /*products*/
    .products-r {
        width: 100%;
        margin-bottom: 20px;
    }

    .products-l {
        width: 100%;
    }

    .pro-slider figure {
        width: 100%;
        height: 279px;
        margin: 0 auto;
    }
    /*product detail*/
    .detail-pro-r {
        width: 100%;
    }

    .detail-pro-l {
        width: 100%;
    }
    /*projects*/
    .project-search-r {
        width: 61%;
    }
        .project-search-r .selectform {
            width: 48%;
        }
    .project-search-l {
        width: 39%;
    }
        .project-search-l .txtsearch-project {
            font-size: 11px;
            color: #c8c5c5;
            width: 82%;
        }
    /*project detail*/

    .news-detail-slider-pan {
        margin: 20px auto;
        width: 100%;
    }

    .project-slider a > figure {
        width: 100%;
        height: auto;
    }
    /*contact*/
    .contact-list > ul .worktimebox::after {
        width: 144px;
        height: 158px;
        background-size: 142px;
        bottom:0;
    }

    .contact-list > ul > li .contact-list-up-box .contact-list-up-info > ul > li {
        background-position: right top 6px !important;
    }

    .contact-form > li .txtform, .contact-form > li .txtariaform {
        width: 100%;
    }

    #captcha {
        width: 51%;
    }
    .contact-list > ul > li .contact-list-up-box {
        width: 100%;
        background-color: #fff;
        box-shadow: 4px 5px 4px -1px #e6e6e6;
        padding: 11px 10px;
        background-image: url(../images/contact-bg.jpg);
        background-repeat: no-repeat;
        background-position: left bottom;
        position: relative;
        margin-bottom: 15px;
    }
    .contact-list > ul .worktimebox .contact-list-up-worktime > ul > li {
        margin-bottom: 34px;
    }
    .contact-list .contact-list-down {
        margin-top: 15px;
    }
    /*blog*/
    .txtsearch {
        width: 100%;
        margin-bottom: 5px;
    }

    .btnsearch {
        margin: 0 auto
    }

    .news-r {
        width: 100%;
    }

        .news-r > ul > li > a {
            width: 100%;
            height: 209px;
            position: relative;
        }

    .news-r-desc {
        width: 100%;
        padding: 0;
        margin-top: 5px;
    }

    .news-l {
        width: 100%;
    }
    /*useful link*/
    .col-link a {
        width: 100%;
        margin: 3px 20px;
    }
    /*video*/
    .video-gallery .divViewVideo {
        width: 100%;
        margin: 0 auto;
    }

        .video-gallery .divViewVideo div {
            background-color: #000;
            width: 100%;
            margin: 0 auto;
        }

            .video-gallery .divViewVideo div video {
                width: 100%;
                height: auto;
                margin: 0 auto 33px;
            }
}
/*720 up to 1000*/
@media only screen and (min-width : 720px) and (max-width : 1000px) {
    /*certificate*/
    .certificate-img-list {
        margin-top: 10px;
    }

        .certificate-img-list > ul {
            --column: 2;
            --gap-column: 3px;
            display: flex;
            flex-wrap: wrap;
            margin: 0 auto;
            width: 100%;
            justify-content: center;
        }

            .certificate-img-list > ul > li > a {
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }
            /*manager*/
    .manager-list > ul {
        --column: 2;
    }
    /*customer*/
    .customer-list > ul {
        --column: 4;
    }
    /*services*/
    .services-list > ul {
        --column: 3;
        --gap-column: 20px;
        --gap-row: 15px;
    }

    /*products*/
    .products-r {
        width: 23%;
    }
    .products-l {
        width: 75%;
    }
    /*product detail*/
    .detail-pro-r {
        width: 50%;
    }
    .detail-pro-l {
        width: 50%;
    }
    /*project*/
    .project-search-l {
        width: 30%;
    }
        .project-search-l .txtsearch-project {
            font-size: 12px;
            color: #c8c5c5;
            width: 84%;
        }
        /*project detail*/
    .news-detail-slider-pan {
        width: 46%;
    }
    /*contact*/
    .contact-list > ul .worktimebox::after {
        width: 135px;
        height: 158px;
        background-size: 135px;
    }
    .contact-list > ul > li .contact-list-up-box .contact-list-up-info > ul > li {
        background-position: right top 6px !important;
    }
    .contact-form > li .txtform, .contact-form > li .txtariaform {
        width: 100%;
    }
    #captcha {
        width: 51%;
    }
    /*film gallery*/
    .video-gallery .divViewVideo {
        width: 79%;
        margin: 0 auto;
    }
        .video-gallery .divViewVideo div {
            background-color: #000;
            width: 100%;
            margin: 0 auto;
        }
    .video-gallery .divViewVideo div video {
        width: 100%;
        height: 295px;
        margin: 0 auto 33px;
    }
}
/*1001 up to 1249*/
@media only screen and (min-width : 1001px) and (max-width : 1249px) {
    .certificate-img-list > ul {
        --column: 4;
        --gap-column: 4px;
        --gap-row: 44px;
    }
    /*customer*/
    .customer-list > ul {
        --column: 5;
    }
    /*products*/
    .products-r {
        width: 18%;
    }
    .products-l {
        width: 80%;
    }
    /*projects*/
    .project-search-l .txtsearch-project {
        font-size: 12px;
        color: #c8c5c5;
        width: 88%;
    }
    .pagination-container .pagination > li > a {
        width: 35px;
        height: 35px;
    }
    /*contact*/
    .contact-list > ul > li .contact-list-up-box .contact-list-up-info > ul > li {
        background-position: right top 6px !important;
    }
    .contact-form > li > span {
        font-size: 12px;
        color: #7c7a7a;
    }
    #captcha {
        width: 58%;
    }
}
/*laptop*/
@media only screen and (min-width : 1250px) and (max-width : 1366px) {
 
}
/*1250 up to 1400*/
@media only screen and (min-width : 1367px) and (max-width : 1450px) {

}