@media (min-width: 1200px) {
    .container{max-width: inherit; width: 1560px;}
}



@media (max-width: 1600px) {
    .container{max-width: inherit; width: 1210px;}

    body{font-size: 0.9em;}

    .whead.whead-sm .title{font-size: 7em;}
    .whead.whead-sm .desc{font-size: 3em;}

    .site-header .main{height: 80px;}
    .site-header .main-brand{width: 220px;}
    .site-header .main-nav li + li{margin-left: 25px;}
    .site-header .main-nav .link{line-height: 80px; font-size: 2.5em;}
    .site-header .main-lang{margin-left: 30px;}
    .site-header .main-social{margin-left: 20px;}

    .main-btnNav{margin-right: -590px;}

    .wg-about-content .inner{padding-left: 40px;}
    .wg-about-list{
        width: 690px;
        transform: scale(0.8);
        transform-origin: top left;
    }

    .wg-customer-content{height: 560px;}

    .default-page{margin-top: 80px;}
    .default-page:before{top: 80px;}

    .about-list .slider-for{top: 80px;}
    .aboutYear-content .inner .desc{font-size: 2.6em;}
    .aboutYear-board .inner{padding-top: 50px;}

    .aboutMile-list .thumb{width: 480px;}
    .aboutMile-list .title{font-size: 6em; margin-bottom: 10px;}
    .aboutMile-list .desc{font-size: 3.2em;}
    .aboutMile-list li:after{width: 60px;}
    .aboutMile-list li:nth-child(odd) .inner{padding-right: 60px;}
    .aboutMile-list li:nth-child(even) .inner{padding-left: 60px;}

    .career-header .cover{height: 370px;}

    .product-list .block .title{font-size: 3em;}

    .proDetail-block{background-size: 100%;}
    .proDetail-nav{padding: 25px 0;}
    .proDetail-nav .title{font-size: 3.8em;}
    .proDetail-nav .icon{width: 42px;}

    .proDetail-content.category-1 .content-1 .title{font-size: 5em;}
    .proDetail-content.category-1 .content-1 .desc{font-size: 3em;}
    .proDetail-content.category-1 .content-1 .gallery{padding: 40px 0;}
    .proDetail-content.category-1 .content-1 .gallery:before{width: calc((100vw - 1180px) / 2);
        -webkit-border-top-left-radius: 60px;
        -moz-border-radius-topleft: 60px;
        border-top-left-radius: 60px;
    }
    .proDetail-content.category-1 .content-1 .gallery:after{width: calc((100vw - 1180px) / 2);
        -webkit-border-bottom-right-radius: 60px;
        -moz-border-radius-bottomright: 60px;
        border-bottom-right-radius: 60px;
    }
    .proDetail-content.category-1 .content-1 .gallery-inner{padding-right: 30px;}
    .proDetail-content.category-1 .content-1 .thumb{
        -webkit-border-top-right-radius: 60px;
        -webkit-border-bottom-left-radius: 60px;
        -moz-border-radius-topright: 60px;
        -moz-border-radius-bottomleft: 60px;
        border-top-right-radius: 60px;
        border-bottom-left-radius: 60px;
    }
    .proDetail-content.category-1 .content-2{padding: 80px 0;}
    .proDetail-content.category-1 .content-2 .thumb{
        -webkit-border-top-right-radius: 60px;
        -webkit-border-bottom-left-radius: 60px;
        -moz-border-radius-topright: 60px;
        -moz-border-radius-bottomleft: 60px;
        border-top-right-radius: 60px;
        border-bottom-left-radius: 60px;
    }
    .proDetail-content.category-1 .content-2 .title{font-size: 5em;}
    .proDetail-content.category-1 .content-2 .desc{font-size: 3em;}
    .proDetail-content.category-1 .content-3 .desc{font-size: 3em;}

    .proDetail-content.category-2 .content-1 .link{
        -webkit-border-top-right-radius: 60px;
        -webkit-border-bottom-left-radius: 60px;
        -moz-border-radius-topright: 60px;
        -moz-border-radius-bottomleft: 60px;
        border-top-right-radius: 60px;
        border-bottom-left-radius: 60px;
    }
    .proDetail-content.category-2 .content-2 .inner{padding: 40px 20px 40px 0;}
    .proDetail-content.category-2 .content-2 .title{font-size: 5em;}
    .proDetail-content.category-2 .content-2 .desc{font-size: 3em;}
    .proDetail-content.category-2 .content-2:before{width: calc((100vw - 1180px) / 2);
        -webkit-border-bottom-right-radius: 60px;
        -moz-border-radius-bottomright: 60px;
        border-bottom-right-radius: 60px;
    }
    .proDetail-content.category-2 .content-3{min-height: inherit;}
    .proDetail-content.category-2 .content-3 .inner{padding: 40px 0 40px 20px;}
    .proDetail-content.category-2 .content-3 .title{font-size: 5em;}
    .proDetail-content.category-2 .content-3 .desc{font-size: 3em;}
    .proDetail-content.category-2 .content-3:before{width: calc((100vw - 1180px) / 2);
        -webkit-border-top-left-radius: 60px;
        -moz-border-radius-topleft: 60px;
        border-top-left-radius: 60px;
    }

    .proDetail-content.category-3 .content .thumb{
        -webkit-border-top-right-radius: 60px;
        -webkit-border-bottom-left-radius: 60px;
        -moz-border-radius-topright: 60px;
        -moz-border-radius-bottomleft: 60px;
        border-top-right-radius: 60px;
        border-bottom-left-radius: 60px;
    }
    .proDetail-content.category-3 .content .title{font-size: 5em;}
    .proDetail-content.category-3 .content .desc{font-size: 3em;}

    .about-header .title{font-size: 7em;}
    .about-header .desc{font-size: 2.6em;}

    .landing .modal-dialog{width: 840px;}
    .landing .modal-body{height: 500px;}
    .landing .inner .brand img{width: 260px;}

    .contact-form .row.form-footer > div{width: 100%;}
    .contact-form .row.form-footer .btn-primary{margin-top: 30px; width: 180px;}

    .modal-dialog{width: 840px;}

    .about-popup .editor-content{font-size: 2.6em;}
}




@media (max-width: 1366px) {
    .container{max-width: inherit; width: 1210px;}

    .whead .title{font-size: 7em;}

    .wg-product-list .desc{padding: 0 40px;}
}




@media (max-width: 1199px) {
    .container{max-width: inherit; width: 970px;}

    .section-middle{display: block; width: auto; height: auto;}
    .section-middle > div{display: block; width: auto;}

    .whead{margin-bottom: 20px;}
    .whead .title{font-size: 6em;}
    .whead.whead-sm{margin-bottom: 40px;}
    .whead.whead-sm .title{font-size: 6em;}
    .whead.whead-sm .desc{font-size: 2.7em;}
    .whead.whead-xs .title{font-size: 4em;}
    .whead.whead-vxs{margin-bottom: 20px;}
    .whead.whead-vxs .title{font-size: 3.6em;}

    .site-header .container{width: 100%;}
    .site-header .main{height: 60px;}
    .site-header .main-brand{width: 150px;}
    .site-header .main-nav li + li{margin-left: 20px;}
    .site-header .main-nav .link{line-height: 60px; font-size: 2.2em;}
    .site-header .main-nav .active .link:after{height: 4px;}
    .site-header .main-lang .link{width: 20px;}
    .site-header .main-social li + li{margin-left: 10px;}
    .site-header .main-social .link{width: 20px;}

    .site-footer .container{width: 100%;}
    .site-footer .main-social{margin-top: 30px;}

    .site-container{margin-top: 60px;}

    .default-page{margin-top: 0px;}
    .default-page::before{height: 5px; top: 60px;}

    .intro{height: auto;}
    .intro .cover{height: auto; padding-top: 47%;}
    .intro-nav .link{transform: scale(0.7); transform-origin: center right;}

    .wg-about{padding: 50px 0; min-height: inherit;}
    .wg-about-list{width: auto; transform: scale(1); padding: 0;}
    .wg-about-list:before{display: none;}
    .wg-about-list li:nth-child(2){margin-top: 0; top: 0; left: 0;}
    .wg-about-list li:nth-child(4){margin-top: 0; top: 0; left: 0;}
    .wg-about-content .thumb{border-width: 10px;}
    .wg-about-content .thumb img{width: 100%;}
    .wg-about-content .inner{padding-left: 20px;}
    .wg-about-content .brand{width: 340px;}
    .wg-about-content .desc{font-size: 2.4em;}
    .wg-about-list{margin-top: 20px;}
    .wg-about-list .title{font-size: 2.4em; padding: 0 15px; margin-top: 10px; position: relative; left: 0; right: 0;}

    .wg-product{
        padding: 40px 0 50px 0;
        background: -moz-linear-gradient(top, rgba(219,190,94,0.9) 0%, rgba(200,160,53,0.9) 100%); 
        background: -webkit-linear-gradient(top, rgba(219,190,94,0.9) 0%,rgba(200,160,53,0.9) 100%); 
        background: linear-gradient(to bottom, rgba(219,190,94,0.9) 0%,rgba(200,160,53,0.9) 100%);
    }
    .wg-product .whead{position: relative; top: 0;}
    .wg-product .whead .title{background: none; padding: 0;}
    .wg-product-list .desc{padding: 0 20px;}

    .wg-customer{min-height: inherit; padding: 40px 0 50px 0;}
    .wg-customer-content{height: 450px;}

    .wg-news{min-height: inherit; padding: 40px 0 30px 0;}

    .about-block{padding: 50px 0;}
    .aboutYear-content .inner{padding: 50px 0;}
    .aboutYear-content .vdo{margin-top: 50px;}
    .aboutYear-board{padding: 50px 0;}
    .aboutYear-board .inner{padding-left: 50px; padding-right: 0;}
    .aboutYear-board .title{font-size: 5em;}
    .aboutYear-board .desc{font-size: 3em;}
    .aboutYear-team{padding: 50px 0;}

    .aboutMile-list{padding-bottom: 80px;}
    .aboutMile-list .inner{margin-top: 54px;}
    .aboutMile-list .thumb{width: 380px;}
    .aboutMile-list .title{font-size: 4.8em;}
    .aboutMile-list .desc{font-size: 3em;}
    .aboutMile-list li:after{width: 40px;}

    .product-block{padding: 50px 0;}
    .product-header{margin: 20px 0 0 0; padding: 15px 0;}
    .product-header .inner{padding-left: 20px;}
    .product-header .title{font-size: 3em;}

    .customer-block .wg-customer{padding: 50px 0;}
    .customer-block .com-list li{font-size: 2.2em;}
    .customer-block .com-list li:before{width: 18px; height: 18px; background-size: cover; top: 0;}
    .customer-block .com-list{height: auto; max-height: 124px;}
    .wg-customer-content .block{height: 224px;}
    .wg-customer-content .block .title{font-size: 3.2em;}

    .news-block{padding: 50px 0;}
    .news-list{padding-top: 0;}
    .news-list .row-40{margin: 0 -10px;}
    .news-list .row-40 > div{padding: 0 10px;}
    .news-list .inner{padding: 15px 20px;}
    .news-list .title{font-size: 3em;}
    .news-relate{margin-top: 50px;}

    .career-header .cover{height: 270px;}
    .career-body{padding: 50px 0;}
    .career-content{font-size: 2.4em; margin-bottom: 40px;}
    .career-list .row{margin: 0 -10px;}
    .career-list .row > div{padding: 0 10px;}
    .career-list .link{padding: 20px; height: 140px; margin-bottom: 20px;}
    .career-list .title{font-size: 2.6em;}
    .career-list .desc{font-size: 2.6em;}

    .career-form{padding: 30px;}
    .career-detail .title{font-size: 3em;}

    .contact-block{padding: 50px 0;}
    .contact-map{margin-top: 0; margin-bottom: 40px; height: 440px;}
    .contact-form{margin-bottom: 40px;}
    .contact-info .item-list > li + li{margin-top: 15px;}

    .product-list .block{height: 220px;}
    .product-list .thumb{height: 220px;}
    .product-list .thumb .icon{width: 164px; height: 164px;}
    .product-list li:nth-child(even) .block{top: 270px;}
    .product-list li:nth-child(even) .thumb{top: -270px;}

    .proDetail-nav{padding: 20px 0; margin-bottom: 30px;}
    .proDetail-nav .title{font-size: 3em;}
    .proDetail-nav .icon{width: 32px;}

    .proDetail-content.category-1 .content-1{padding-top: 0;}
    .proDetail-content.category-1 .content-1 .title{font-size: 4em; margin-bottom: 15px;}
    .proDetail-content.category-1 .content-1 .desc{font-size: 2.6em;}
    .proDetail-content.category-1 .content-1 .gallery{margin-top: 40px; padding: 30px 0;}
    .proDetail-content.category-1 .content-1 .gallery:before{width: calc((100vw - 940px) / 2);
        -webkit-border-top-left-radius: 40px;
        -moz-border-radius-topleft: 40px;
        border-top-left-radius: 40px;
    }
    .proDetail-content.category-1 .content-1 .gallery:after{width: calc((100vw - 940px) / 2);
        -webkit-border-bottom-right-radius: 40px;
        -moz-border-radius-bottomright: 40px;
        border-bottom-right-radius: 40px;
    }
    .proDetail-content.category-1 .content-1 .gallery-inner{padding-right: 30px;}
    .proDetail-content.category-1 .content-1 .thumb{
        -webkit-border-top-right-radius: 40px;
        -webkit-border-bottom-left-radius: 40px;
        -moz-border-radius-topright: 40px;
        -moz-border-radius-bottomleft: 40px;
        border-top-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }
    .proDetail-content.category-1 .content-1 .gallery-inner{padding-right: 10px;}
    .proDetail-content.category-1 .content-2{padding: 60px 0;}
    .proDetail-content.category-1 .content-2 .thumb{
        -webkit-border-top-right-radius: 40px;
        -webkit-border-bottom-left-radius: 40px;
        -moz-border-radius-topright: 40px;
        -moz-border-radius-bottomleft: 40px;
        border-top-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }
    .proDetail-content.category-1 .content-2 .inner{padding-left: 30px;}
    .proDetail-content.category-1 .content-2 .title{font-size: 4em; margin-bottom: 15px;}
    .proDetail-content.category-1 .content-2 .desc{font-size: 2.6em;}
    .proDetail-content.category-1 .content-3 .desc{font-size: 2.6em;}

    .proDetail-gallery{padding: 60px 0;}

    .proDetail-content.category-2 .content-1{padding: 0 0 60px 0;}
    .proDetail-content.category-2 .content-1 .link{
        -webkit-border-top-right-radius: 40px;
        -webkit-border-bottom-left-radius: 40px;
        -moz-border-radius-topright: 40px;
        -moz-border-radius-bottomleft: 40px;
        border-top-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }
    .proDetail-content.category-2 .content-2 .inner{padding: 20px 20px 20px 0;}
    .proDetail-content.category-2 .content-2 .thumb{padding-bottom: 60px;}
    .proDetail-content.category-2 .content-2 .title{font-size: 4em; margin-bottom: 15px;}
    .proDetail-content.category-2 .content-2 .desc{font-size: 2.6em;}
    .proDetail-content.category-2 .content-2:before{width: calc((100vw - 940px) / 2);
        -webkit-border-bottom-right-radius: 40px;
        -moz-border-radius-bottomright: 40px;
        border-bottom-right-radius: 40px;
    }
    .proDetail-content.category-2 .content-3{min-height: inherit;}
    .proDetail-content.category-2 .content-3 .inner{padding: 20px 0 20px 20px;}
    .proDetail-content.category-2 .content-3 .thumb{padding-bottom: 60px;}
    .proDetail-content.category-2 .content-3 .title{font-size: 4em; margin-bottom: 15px;}
    .proDetail-content.category-2 .content-3 .desc{font-size: 2.6em;}
    .proDetail-content.category-2 .content-3:before{width: calc((100vw - 940px) / 2);
        -webkit-border-top-left-radius: 40px;
        -moz-border-radius-topleft: 40px;
        border-top-left-radius: 40px;
    }

    .proDetail-content.category-3 .content .thumb{
        -webkit-border-top-right-radius: 40px;
        -webkit-border-bottom-left-radius: 40px;
        -moz-border-radius-topright: 40px;
        -moz-border-radius-bottomleft: 40px;
        border-top-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }
    .proDetail-content.category-3 .content .inner{margin-top: 30px;}
    .proDetail-content.category-3 .content .title{font-size: 4em; margin-bottom: 15px;}
    .proDetail-content.category-3 .content .desc{font-size: 2.6em;}

    .about-header .title{font-size: 5em; margin-bottom: 15px;}
}




@media (max-width: 991px) {
    .container{max-width: inherit; width: 100%;}

    body{font-size: 0.8em;}

    .whead{margin-bottom: 15px;}
    .whead.whead-sm{margin-bottom: 20px;}
    .whead.whead-sm .title{margin-bottom: 4px;}
    .whead.whead-xs{margin-bottom: 20px;}
    .whead.whead-vxs{margin-bottom: 15px;}
    .whead.whead-vxs .title{font-size: 3.2em;}

    .editor-content{font-size: 2.4em;}

    .site-header .main{height: 50px;}
    .site-header .main .row-table{height: 50px;}
    .site-header .main-wrapper{
        /*transform: translate(0);*/
        transform: translate(-100%, 0);
        background-color: rgba(255,255,255,1);
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        position: fixed;
        left: 0;
        top: 0;
        width: calc(100% - 50px);
        height: 100vh;
        padding: 30px 10px;
        overflow: auto;

        -webkit-transition: all 400ms ease-out;
        -moz-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        -ms-transition: all 400ms ease-out;
        transition: all 400ms ease-out;

        -webkit-transition-delay: 100ms;
        -moz-transition-delay: 100ms;
        -o-transition-delay: 100ms;
        -ms-transition: 100ms;
    }
    .site-header .main-wrapper.open{
        transform: translate(0);
    }
    .site-header .main-wrapper .row-table{height: auto; display: block; width: auto;}
    .site-header .main-wrapper .row-table > div{display: block; width: auto;}
    .site-header .main-wrapper .col-auto{float: left;}
    .site-header .main-nav{float: none;}
    .site-header .main-nav li{width: 100%;}
    .site-header .main-nav li + li{margin-left: 0; margin-top: 0px;}
    .site-header .main-nav .link{padding: 8px 15px; line-height: 1em; font-size: 2.4em;}
    .site-header .main-nav .active .link{background-color: #fff;}
    .site-header .main-nav .active .link:after{display: none; width: 3px; height: 100%; top: 0; left: 0;}
    .site-header .main-lang .title{font-size: 1.6em; line-height: 1em; color: #231f20; opacity: 0.3; margin-bottom: 8px;}
    .site-header .main-lang{margin-left: 15px; margin-top: 20px;}
    .site-header .main-lang .link{width: 24px;}
    .site-header .main-social .title{font-size: 1.6em; line-height: 1em; color: #231f20; opacity: 0.3; margin-bottom: 8px; padding-left: 8px;}
    .site-header .main-social{margin-left: 30px; margin-top: 20px;}
    .site-header .main-social .link{width: 24px; filter: brightness(1) invert(1);}

    .site-footer .main-contact .row-table{display: block; width: auto;}
    .site-footer .main-contact .row-table > div{display: block; width: auto;}
    .site-footer .main-contact .map{width: 100%;}
    .site-footer .main-contact .inner{padding-left: 0; margin-top: 20px;}
    .site-footer .main-contact .title{margin-bottom: 5px;}
    .site-footer .main-contact .desc{margin-bottom: 5px;}
    .site-footer .main-social{margin-top: 15px;}
    .site-footer .main-social li + li{margin-left: 10px;}
    .site-footer .main-social .link{width: 40px; height: 40px;}
    .site-footer .footbar{height: auto; padding: 10px 0; line-height: 1.8em;}

    .site-container{margin-top: 50px; overflow: hidden;}

    .default-page{margin-top: 0;}
    .default-page::before{height: 3px; top: 50px;}

    .pagination-block{margin-top: 20px;}

    .intro .cover{height: auto; padding-top: 52%;}
    .intro .owl-dots{bottom: 10px;}
    .intro .owl-dot{width: 12px; height: 12px; margin: 0 4px;}
    .intro-nav{top: 30%;}
    .intro-nav .link{transform: scale(0.65); transform-origin: center right;}

    .wg-about{padding: 30px 0;}
    .wg-about-content .thumb{border-width: 5px;}
    .wg-about-content .inner{padding-left: 0; margin-top: 15px;}
    .wg-about-content .brand{width: 150px; margin-bottom: 10px;}

    .wg-product{padding: 30px 0 30px 0;}
    .wg-product-list .cover{height: 360px;}
    .wg-product-list .wrapper .cover:after{background-color: rgba(0,0,0,0.4);}
    .wg-product-list .wrapper .desc{margin-bottom: 0; opacity: 1;}
    .wg-product-list .inner{bottom: 20px;}
    .wg-product-list .title{font-size: 4em;}
    .wg-product-list .desc{font-size: 2.6em;}

    .wg-customer{padding: 30px 0 30px 0;}
    .wg-customer .whead{margin-bottom: 15px;}

    .wg-customer-content{height: auto; padding-top: 47.8%;}
    .wg-customer-content .pin{width: 6px; height: 6px; border-width: 1px;}
    .wg-customer-content .category{
        position: relative;
        top: 0 !important;
        left: 0 !important;
        float: left;
        width: 33.333%;
        margin-top: 20px;
    }

    .customer-block .wg-customer-content{background-size: 100%; background-position: top center;}
    .customer-block .wg-customer-content .pin{
        position: relative;
        width: 100%;
        height: auto;
        top: 0 !important;
        left: 0 !important;
        background-color: #d2af4a;
        padding: 15px 15px 15px 40px;
        display: block;
        border-radius: 3px;
        border: none;
        margin-top: 10px;
    }
    .customer-block .wg-customer-content .pin .inner{opacity: 1; visibility: visible;}
    .customer-block .wg-customer-content .pin:hover,
    .customer-block .wg-customer-content .pin:focus{text-decoration: none;}
    .customer-block .wg-customer-content .pin:hover .inner{top: 0;}
    .customer-block .wg-customer-content .pin-icon{position: absolute; width: 22px; left: -30px; top: -4px; bottom: 0; transform: translate(0);}
    .customer-block .wg-customer-content .pin-title{position: relative; left: 0; bottom: 0; transform: translate(0);
        padding: 0;
        background-color: transparent;
        line-height: 1em;
        font-size: 2.4em;

        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        -ms-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
    }
    .customer-block .wg-customer-content .pin:hover .pin-title{color: #fff;}
    
    /*.wg-customer-content{height: auto; background: none;}
    .wg-customer-content .pin{
        position: relative;
        width: 100%;
        height: auto;
        top: 0 !important;
        left: 0 !important;
        background-color: #d2af4a;
        padding: 15px 15px 15px 40px;
        display: block;
        border-radius: 3px;
        border: none;
        margin-bottom: 10px;
    }
    .wg-customer-content .pin .inner{opacity: 1; visibility: visible;}
    .wg-customer-content .pin:hover,
    .wg-customer-content .pin:focus{text-decoration: none;}
    .wg-customer-content .pin:hover .inner{top: 0;}
    .wg-customer-content .pin-icon{position: absolute; width: 22px; left: -30px; top: -4px; bottom: 0; transform: translate(0);}
    .wg-customer-content .pin-title{position: relative; left: 0; bottom: 0; transform: translate(0);
        padding: 0;
        background-color: transparent;
        line-height: 1em;
        font-size: 2.4em;

        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        -ms-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
    }
    .wg-customer-content .pin:hover .pin-title{color: #fff;}
    .wg-customer-content .category{
        position: relative;
        top: 0 !important;
        left: 0 !important;
        float: left;
        width: 33.333%;
        margin-top: 20px;
    }*/

    .wg-customer-content .pin:after{
        top: -3px;
        left: -3px;
    }

    .customer-content .pin:after{
        border: unset;
    }

    .wg-news{padding: 30px 0 10px 0;}
    .wg-news-list .item-list > li{width: 50%;}
    .wg-news-list .cover{height: 220px;}

    .about-block{padding: 30px 0;}
    .aboutYear-content{padding: 30px 0;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-bottomright: 20px;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .aboutYear-content .inner{padding: 0;}
    .aboutYear-content .inner .desc{font-size: 2.4em;}
    .aboutYear-content .vdo{margin-top: 20px;}
    .aboutYear-content .vdo img{width: 100%;}
    .aboutYear-board{padding: 30px 0;}
    .aboutYear-board .thumb{
        margin: 0 40px;
        -webkit-border-top-right-radius: 40px;
        -webkit-border-bottom-left-radius: 40px;
        -moz-border-radius-topright: 40px;
        -moz-border-radius-bottomleft: 40px;
        border-top-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }
    .aboutYear-board .inner{padding-left: 0; padding-top: 20px; text-align: center;}
    .aboutYear-board .title{font-size: 4em; margin-bottom: 10px;}
    .aboutYear-board .desc{font-size: 2.6em; margin-bottom: 20px;}
    .aboutYear-board .name{line-height: 1em;}
    .aboutYear-team{padding: 30px 0; min-height: 300px;}
    .aboutYear-team-list{margin: 0 -15px;}
    .aboutYear-team-list .cover{margin: 0; opacity: 1;}

    .aboutMile-list{padding-top: 105px; padding-bottom: 30px;}
    .aboutMile-list li + li{margin-top: 30px;}
    .aboutMile-list .title{margin-bottom: 5px;}
    .aboutMile-list li:nth-child(odd) .row > div:first-child{float: none;}
    .aboutMile-list li:nth-child(odd) .thumb{float: none;}
    .aboutMile-list li:nth-child(odd) .inner{margin-top: 10px; padding-right: 0;}
    .aboutMile-list li:nth-child(even) .inner{margin-top: 10px; padding-left: 0;}
    .aboutMile-list li:after{display: none;}
    .aboutMile-list .line:after{display: none;}
    .aboutMile-list .line-brand img{width: 80px;}
    .aboutMile-list .thumb{
        width: auto;
        -webkit-border-top-right-radius: 40px;
        -webkit-border-bottom-left-radius: 40px;
        -moz-border-radius-topright: 40px;
        -moz-border-radius-bottomleft: 40px;
        border-top-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }
    .aboutMile-list .inner{text-align: center;}
    .aboutMile-list .title{font-size: 4.4em; margin-bottom: 0;}
    .aboutMile-list .desc{font-size: 2.6em;}

    .aboutVision{padding: 30px 0 0 0; min-height: inherit; background-color: #a3111e;}
    .aboutVision .cover{position: relative; height: auto; padding-top: 54%;}
    .aboutVision .topic{font-size: 5em; text-align: center;}
    .aboutVision .title{font-size: 4em; padding: 0; text-align: center; display: block; background-color: transparent;}
    .aboutVision .inner{width: auto; padding: 0; margin-top: 25px; margin-bottom: 20px; background-color: transparent;}
    .aboutVision .desc{font-size: 2.4em;}

    .product-block{padding: 30px 0;}
    .product-header .wrapper{width: auto;}
    .product-header .icon{width: 60px;}
    .product-header .inner{padding-left: 15px;}
    .product-header .title{font-size: 2.4em;}

    .customer-block .wg-customer{padding: 30px 0;}
    .customer-block .com-list li{padding-left: 22px;}
    .customer-block .com-list li:before{width: 14px; height: 14px; top: 1px;}
    .customer-block .com-list li + li{margin-top: 10px;}
    .customer-block .com-list{height: auto; max-height: 102px;}
    .wg-customer-content .block{position: relative; left: 0; bottom: 0; transform: translate(0); border: none;
        width: auto;
        margin-left: -25px;
        padding: 15px;
        height: auto;
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .wg-customer-content .block:before,
    .wg-customer-content .block:after{display: none;}
    .wg-customer-content .block .title{font-size: 2.4em; margin-bottom: 10px;}

    .news-block{padding: 30px 0;}
    .news-list .wrapper{margin: 0 0 15px 0;}

    .newsDetail-desc{font-size: 3em;}
    .newsDetail-image{margin-top: 20px;}
    .newsDetail-content{margin-top: 20px; padding-bottom: 30px;}
    .news-relate{margin-top: 30px; margin-bottom: 0;}
    .news-relate-list{margin: 0 -15px;}
    .news-relate .news-list{padding-top: 0;}
    .news-relate .news-list .wrapper{margin-bottom: 0;}

    .career-header .cover{height: auto; padding-top: 46%;}
    .career-body{padding: 30px 0;}
    .career-content{padding: 0; margin-bottom: 20px; word-break: normal;}
    .career-content span{word-break: keep-all; display: inline-block;}
    .career-list{margin-bottom: -15px;}
    .career-list .link{margin-bottom: 15px; padding: 15px; height: auto;}
    .career-list .title{margin-bottom: 5px;}

    .career-detail{margin-bottom: 30px;}
    .career-detail .block + .block{margin-top: 20px;}
    .career-form{padding: 20px;}
    .career-form .form-button .btn{min-width: inherit; width: 100%;}
    .career-form .form-button .item-list{margin: 0 -10px;}
    .career-form .form-button li{width: 50%; padding: 0 10px;}
    .career-form .form-button li + li{margin: 0;}

    .btn{font-size: 24px;}

    .form-default .form-group{margin-bottom: 20px;}
    .form-default .form-control{font-size: 22px;}
    .form-default .radio-list li + li{margin-left: 30px;}
    .radio-control .title{font-size: 22px;}
    .radio-control .icon{top: 9px;}
    .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 22px;}

    .contact-block{padding: 30px 0;}
    .contact-map{height: 300px; /*padding-top: 56%;*/ /*margin-bottom: 30px;*/}
    .contact-map .action {
        right: 15px;
        bottom: 15px;
        transform: scale(0.7);
        transform-origin: bottom right;
    }
    .contact-form{margin-bottom: 30px; padding: 20px;}
    .contact-info .inner{padding-left: 15px;}

    .captcha{margin-bottom: 20px;}
    .captcha .form-control{min-height: 44px;}
    .captcha .btn{width: 44px; height: 44px;}
    .captcha-image{width: 141px;}

    .product-list{margin-top: 30px;}
    .product-list .item-list > li{width: 100%;}
    .product-list .item-list > li + li{margin-top: 30px;}
    .product-list .line{display: none !important;}
    /*.product-list .wrapper{display: table; width: 100%;}
    .product-list .wrapper > div{display: table-cell; vertical-align: middle;}
    .product-list .wrapper .block{width: auto;}
    .product-list .wrapper .thumb{width: 1%;}*/

    .product-list .block .title{margin-top: 10px; margin-bottom: 10px;}
    .product-list .thumb .icon{width: 100%; height: auto; border-radius: 10px;}
    .product-list .thumb .icon img{width: 100%;}

    .product-list .block{height: auto;}
    .product-list .block .inner{top: 0; transform: translate(0);}
    .product-list .thumb{height: auto;}
    .product-list .thumb .icon{top: 0; transform: translate(0);}

    .product-list li:nth-child(even) .thumb{top: 0;}
    .product-list li:nth-child(even) .inner{top: 0; transform: translate(0);}
    .product-list li:nth-child(even) .block{top: 0;}

    .proDetail-nav{margin-top: 3px; padding: 15px 0;}
    .proDetail-nav .nav-list > li{padding: 0 25px;}
    .proDetail-nav .icon{display: block; margin: 0 auto; width: 30px;}
    .proDetail-nav .title{font-size: 2.6em;}

    .proDetail-content.category-1 .content-1{padding-top: 10px;}
    .proDetail-content.category-1 .content-1 .title{font-size: 3.2em; margin-bottom: 5px;}
    .proDetail-content.category-1 .content-1 .desc{font-size: 2.4em;}
    .proDetail-content.category-1 .content-1 .thumb{position: relative; margin-top: 20px;}
    .proDetail-content.category-1 .content-1 .gallery{margin: 0 -15px; margin-top: 30px; padding: 20px 0;}
    .proDetail-content.category-1 .content-1 .gallery-inner{padding: 0 15px;}
    .proDetail-content.category-1 .content-1 .gallery-inner .row{margin: 0 -10px;}
    .proDetail-content.category-1 .content-1 .gallery-inner .row > div{padding: 0 10px;}
    .proDetail-content.category-1 .content-1 .gallery-thumb{
        -webkit-border-top-right-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-topright: 20px;
        -moz-border-radius-bottomleft: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .proDetail-content.category-1 .content-2{padding: 30px 0;}
    .proDetail-content.category-1 .content-2 .inner{padding-left: 0; margin-top: 20px;}
    .proDetail-content.category-1 .content-2 .title{font-size: 3.2em; margin-bottom: 5px;}
    .proDetail-content.category-1 .content-2 .desc{font-size: 2.4em;}
    .proDetail-content.category-1 .content-3 .desc{font-size: 2.4em;}

    .proDetail-gallery{margin: 0 -15px; padding: 30px 0;}
    .proDetail-gallery .cover{margin: 0; opacity: 1;}

    .proDetail-content.category-2 .content-1{padding-top: 10px; padding-bottom: 30px;}
    .proDetail-content.category-2 .content-1 .link{
        border-right-width: 5px;
        border-bottom-width: 5px;
        -webkit-border-top-right-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-topright: 20px;
        -moz-border-radius-bottomleft: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .proDetail-content.category-2 .content-1 .nav-list{margin: 0 -7.5px;}
    .proDetail-content.category-2 .content-1 .nav-list > li{padding: 0 7.5px;}
    .proDetail-content.category-2 .content-2{margin: 0 -15px; padding: 30px 15px;}
    .proDetail-content.category-2 .content-2 .inner{padding: 0;}
    .proDetail-content.category-2 .content-2 .title{font-size: 3.2em; margin-bottom: 5px;}
    .proDetail-content.category-2 .content-2 .desc{font-size: 2.4em;}
    .proDetail-content.category-2 .content-2 .thumb{margin-top: 20px; padding-bottom: 0;}
    .proDetail-content.category-2 .content-3{margin: 0 -15px; padding: 30px 15px;}
    .proDetail-content.category-2 .content-3 .pull-right{float: none !important;}
    .proDetail-content.category-2 .content-3 .inner{padding: 0;}
    .proDetail-content.category-2 .content-3 .title{font-size: 3.2em; margin-bottom: 5px;}
    .proDetail-content.category-2 .content-3 .desc{font-size: 2.4em;}
    .proDetail-content.category-2 .content-3 .thumb{margin-top: 20px; padding-bottom: 0;}

    .proDetail-content.category-3 .content .inner{margin-top: 20px;}
    .proDetail-content.category-3 .content .title{font-size: 3.2em; margin-bottom: 5px;}
    .proDetail-content.category-3 .content .desc{font-size: 2.4em;}

    .about-header .title{font-size: 4em;}
    .about-header .desc{font-size: 2.4em;}
    .about-body{margin-top: 20px;}
    .about-list .slider-nav .icon{width: 60px; top: 10px;}
    .about-list .slider-nav .title{font-size: 3.4em;}

    .landing .modal-dialog{width: 300px;}
    .landing .modal-body{height: auto; padding: 30px 0 60px 0;}
    .landing .inner{top: 0; transform: translate(0);}
    .landing .inner .brand{margin-bottom: 20px;}
    .landing .inner .brand img{width: 160px;}

    .contact-form .row.form-footer .btn-primary{margin-top: 0;}

    .modal-dialog{width: 300px;}

    .about-popup .editor-content{font-size: 2.4em;}
    .about-popup .editor-content p{margin-bottom: 20px;}
    .about-popup .editor-content p:last-child{margin-bottom: 0;}
    .about-popup{padding: 0 10px;}
    .about-popup .modal-dialog{border-width: 5px; margin-top: 10px; margin-bottom: 10px; width: 100%;}
    .about-popup .wrapper{padding: 20px;}
    .about-popup .brand{margin-bottom: 20px; text-align: left; padding-right: 60px;}
    .about-popup .close{transform: scale(0.8); transform-origin: top right;}

    .captcha-image img {
        height: 50px;
        padding-top: 6px;
    }
}




@media (max-width: 767px) {
    .container{max-width: inherit; width: 100%;}

    .wg-news{padding: 30px 0 15px 0;}
    .wg-news-list .item-list > li{width: 100% !important;}
    .wg-news-list .link{margin-bottom: 15px;}
}




@media (max-width: 575px) {
    .container{max-width: inherit; width: 100%;}

    .whead.whead-sm .title{font-size: 4.4em; margin-bottom: 2px;}
    .whead.whead-sm .desc{font-size: 2em;}

    .wg-about-content .desc{margin-bottom: 0;}
    .wg-about-list{margin-top: 0;}
    .wg-about-list li{width: 50%; margin-top: 20px !important;}
}