/** head **/
.desktop-showhide {
    display:block;
}
.wrapArrowHis {
    display:none;
}
.owl-nav{
    opacity:0;
    transition:all .5s ease;
}
.owl-carousel:hover .owl-nav{
    opacity:1;
}
@media screen and (max-width: 1199px) {
	/* item df */
    .cate-default {
        padding:240px 0;
    }
    .cate-default .cate-items {
        width:232px;
        height:232px;
    }
    .cate-default .cate-items .item:nth-child(1) {
        top:calc(-224px + 40px);
        left:-46px;
    }
    .cate-default .cate-items .item:nth-child(2) {
        top:calc(-224px + 91px);
        right:-137px;
    }
    .cate-default .cate-items .item:nth-child(3) {
        bottom:-45px;
        right:-189px;
    }
    .cate-default .cate-items .item:nth-child(4) {
        bottom:calc(-224px + 42px);
        right:-36px;
    }
    .cate-default .cate-items .item:nth-child(5) {
        bottom:-133px;
        left:-135px;
    }
    .cate-default .cate-items .item:nth-child(6) {
        top:-47px;
        left:-189px;
    }
    .cate-default .cate-items .item .cate-df-img{
        width:224px;
        height:224px;
        border-radius:50%;
        border:5px solid #fff;
        overflow:hidden;
        position:relative;
        -webkit-transition: all 0.9s ease;
        -moz-transition: all 0.9s ease;
        -o-transition: all 0.9s ease;
        transition: all 0.9s ease;
    }
    /* end item df */
	
    .container {
        width: 970px;
    }

    .menu-df .logo {
        margin-top: 30px;
        width: 250px;
    }
    .menu-df #menu li a {
        padding:0 10px;
        font-size:14px;
    }
    .carousel-inner {
        min-height: inherit;
    }
    /* distribution */
    .distribution {
        padding:30px 0 0;
    }
    /** footer **/
    #footer .info-cty {
        width: calc(345px - 4px);
    }

    #footer .support {
        width: calc(235px - 4px);
    }

    #footer .answer {
        width: calc(235px - 4px);
    }

    #footer .contact-us {
        width: calc(155px - 4px);
    }

        #footer .contact-us a {
            margin-left: 0;
        }
    /* page archiement */
    .bot-achievement .item {
        width: calc(33.3333% - 4px);
    }
    /* catalogue */
    .catalogue .item {
        width: 50%;
        text-align: center;
        border-right: 0;
    }

        .catalogue .item:nth-of-type(2n+1) {
            border-right: 1px solid #e5e5e5;
        }

        .catalogue .item .btn {
            display: inline-block;
            float: none;
        }

            .catalogue .item .btn .btn-read, .catalogue .item .btn .btn-down {
                display: inline-block;
                float: none;
            }
    /** Company-Structure **/
    .aside-support-absolute {
        position: relative;
        width: 100%;
    }

    .main-support-full > h1 {
        position: static;
        text-align: center;
    }

        .main-support-full > h1 span {
            margin-left: 0;
        }

    /** contact **/
    .contact-right {
        width: 60%;
    }

    .contact-left {
        width: calc(40% - 4px);
    }

        .contact-left h1 {
            margin-top: 0;
        }
    /*  */
    .pic-year::before {
    }

    /* pic-video-detail */
    .pic-detail-carousel {
        width:100%;
    }
    .pic-thumb {
        width:15%;
    }
    .pic-main {
        width:80%;
    }
    .pic-thumb .slick-slide img {
        width:100%;
    }
    /* products */
    .pro-cate-items .item .product-circle {
        width:260px;
        height:260px;
    }
    .list-pro-cate .col-md-4 .item .title {
        width:100%;
    }
    .list-pro-cate .col-md-4 .item .title > a {
        width: 250px;
    }
    .list-pro-cate .col-md-4 .item .title > .read-more {
        width: calc(100% - 250px);
    }
    .sp-carousel {
        width:100%;
    }
    .sp-tabs li a{
        font-size:15px;
        padding:10px 5px;
    }
    /**==================================== 
                    site-sub 
        ====================================**/
    .header-sub-bot #menu > li {
        padding: 0 14px;
    }

        .header-sub-bot #menu > li a {
            font-size: 14px;
        }

    .distribution {
        width: 100%;
    }

    .menu-distribution .menu-scroll li {
        font-size: 14px;
    }

    /* financial-statement */
    .pic-year::before, .pic-year::after {
        display: none;
    }
    .main-support-content .price-list{
        width:100%;
    }
    .main-support-content .price-list .items ul .price-content {
        width:100%;
    }
    .main-support-content .price-list .items ul .price-button {
        width:100%;
        float:none;
        border-top:1px solid #fff;
    }
    .main-support-content .price-list .items ul .price-button .read {
        width: calc(50% - 4px);
    }
    .main-support-content .price-list .items ul li {
        margin-bottom: 2px;
    }
    /* relation */
    .main-support-content img{
        max-width:100%;
    }
    /* history */
    .timeline {
        overflow:hidden;
    }
    .timeline > h1 {
        position:static;
    }
    .head-timeline > p {
        text-align:left;
    }
    .head-timeline::after {
        right:auto;
    }
    .head-timeline .timeline-ul::before {
        right:auto;
        height:151px;
    }
    .head-timeline .timeline-ul::after {
        right:auto;
    }
    .timeline-ul li .direction .time-wrapper {
        left:-73px !important;
    }
    .timeline-ul li .direction .desc .desc-img {
        float:left !important;
    }
    .timeline-ul li .direction .desc .desc-img::before {
        right: auto !important;
        left:-35px;
    }
    .timeline-ul li .direction .desc .desc-tit {
        text-align: left !important;
    }
    .center-timeline .timeline-ul li, .bot-timeline .timeline-ul li, .last-timeline .timeline-ul li {
        margin-top: 0;
        padding:1em 0;
    }
    .timeline-ul li {
        margin:15px 0;
    }
    .timeline-ul li .direction {
        float: left !important;
        margin-left: 80px !important;
        width:calc(100% - 85px) !important;
    }
    .out-timeline li .direction {
        float: left !important;
    }
    .out-timeline li .direction .desc .desc-img {
        float: left!important;
        margin-left: 160px !important;
    }
    .out-timeline li .direction .desc .desc-tit {
        float: left !important;
        text-align: left !important;
    }
    .out-timeline .desc-img::before {
        right: 100% !important;
    }
    /**/
    .thumb-items .item .img {
        width:200px;
    }
}
@media (min-width: 993px) and (max-width: 1199px){
    
}

@media (max-width: 992px) {
    .ipadmo-992 { /* hiện menu đt */
        display: block;
    }

    .desktop-992 { /* ẩn menu pc */
        display: none;
    }

    .menu-mobile .logo {
        background-color: #000;
        float: none;
        padding-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        width: 210px;
        margin-bottom: 15px;
    }

    #menumobile .close-menu {
        display:none;
    }

}
@media screen and (max-width: 991px){
    .aside-support ul li::after {
        display:none;
    }
    /** head **/
    .desktop-showhide {
        display:none;
    }
    .mobile-showhide {
        margin-bottom:5px;
        border:1px solid #ccc;
        padding:5px;
    }
    .container {
        width:750px;
    }
    .menu-df {
        height:auto;
    }
    .menu-df .logo {
        margin-top: 0;
        padding:15px 0;
    }
    .df-menu-mo {
        padding-bottom: 9px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 9px;
        color:#fff;
    }
    .sub-menu-mo {
        padding: 4px 0;
        color:#fff
    }
    .ipadmo-992:hover {
        color:#fff;
    }
    .ipadmo-992 span {
        color:#fff;
    }

    /** cate-default **/
    .cate-default {
        padding:25px 0;
        background-image:none;
    }
    .cate-default .cate-items {
        width:100%;
        position:static;
        background:none;
        height:auto;
        text-align:center;
    }
    .cate-default .cate-items .item {
        position:static;
        width:calc(50% - 4px);
        display:inline-block;
        text-align:center;
        margin-bottom:35px;
        vertical-align:top;
    }
    .cate-default .cate-items .item .cate-df-img {
        display:block;
        margin: 0 auto;
    }
    .cate-default .cate-items .item .cate-df-tit {
        position:static;
        display:block;
        text-align:center !important;
        margin:0 !important;
        width:100%;
        margin-top:5px !important;
    }
    /** news default **/
    .news-default .item {
        border-bottom:0;
    }

    /** distribution default **/
    .distribution-default {
        padding-left:0;
    }

    /** representative project **/
    .representative-project p {
        width:95%;
    }
    .tab-project-bor {
        float: none;
        height: auto;
        position: static;
        width: 100%;
    }
    .tab-project-slide {
        position:static;
        width:100%;
    }
    .tab-project-slide .items-tab {
        width:100%;
    }
    .tab-project-bor .slick-list {
        padding-left: 0px;
        padding-bottom:15px;
    }
    .tab-project-content {
        width:100%;
        height:auto;
    }
    .tab-project-content .slick-slide img {
        width:100%;
    }
    .tab-project {
        height:auto;
        background:none;
    }
    .items-tab.active::before {
        bottom: -10px;
        left: 0;
        top:auto;
        right:0;
        width: 0; 
        height: 0; 
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #e33226;
        border-bottom:none;
    }
    .slick-active.active::before {
        bottom: -10px;
        left: 0;
        top:auto;
        right:0;
        width: 0; 
        height: 0; 
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #e33226;
        border-bottom:none;
    }
    .tab-project-slide {
        position:relative;
    }
    .tab-project-slide .slick-next{
        display:none !important;
    }
    .tab-project-slide .slick-prev {
        display:none !important;
    }

    /** footer **/ 
    #footer .info-cty {
        width: calc(50% - 4px);
    }
    #footer .support {
        width: calc(50% - 4px);
    }
    #footer .answer {
        width: calc(50% - 4px);
    }
    #footer .contact-us {
        width: calc(50% - 4px);
    }
    /* page archiement */
    .head-achievement {
        text-align:center;
    }
    .head-achievement .item {
        width: calc(50% - 4px);
        margin-bottom:25px;
    }
    .bot-achievement .item {
        width: calc(50% - 4px);
    }
    /**==================================== 
                    site-sub 
        ====================================**/
    .header-sub-top .logo {
        margin-top: 29px;
        width: 250px;
    }
    .header-sub-top #laguge {
        margin-top: 22px;
    }
    .header-sub-top .pull-right .menu-top {
        margin-top:32px;
    }
    .desktop-sub-showhide {
        display:none;
    }
    .price-list {
        width: 100%;
    }
    .price-list .items ul .price-content {
        width:calc(78% - 5px);
    }
    .price-list .items ul .price-button {
        width:calc(100% - (78% - 5px));
    }
    .menu-distribution {
        display:none !important;
    }
    .distribution-default {
        background:url(../images/phanphoi.png) no-repeat;
        background-size:contain;
    }
    .distribution .distribution-default {
        padding-top:50px;
    }
    .items-table .table {
        width: 100%;
    }
    .list-table .pull-left,.list-table .pull-right{
        float:none !important;
    }

    /** answer **/
    .id-answer .box-bg {
        display:none;
    }
    .id-answer > ul {
        padding-left: 0;
    }
    .id-answer > ul li{
        padding-left: 20px !important;
    }
    .id-answer h1 {
        padding-left:20px;
    }
    .list-answer .item ul {
        padding: 0;
    }
    .list-answer .item-answer .question {
        padding:0;
    }
    .list-answer .comment {
        padding-left:0;
        padding-right:0;
    }

    /** announced **/
    .main-support-wrap {
        width:100%;
        padding:0;
    }
    .aside-support {
        width:100%;
    }
    .congbo {
        text-align:center;
    }
    .congbo .col-md-4 {
        width:calc(50% - 4px);
        display:inline-block;
    }
    .model-content {
        width:90%;
    }
    .model-content .model-ct-left {
        width: calc(20% - 4px);
    }
    .model-content .model-ct-left .item img {
        max-width:100%;
    }
    .model-content .model-ct-right {
        width:80%;
    }
    /** contact **/
    .contact-right {
        width:100%;
    }
    .contact-left {
        width:100%;
    }
    .content-contact {
        padding:0;
    }
    /* distribution */
    .distribution-tb {
        overflow-x:scroll;
        width:100%;
    }
    .distribution-tb .table{
        width:1200px;
        max-width:1200px;
    }
    /* environment */
    .envi-cate .item {
        width:calc(33.3333% - 4px);
        margin-bottom:50px;
    }
    .bot-envi-left {
        width: 100%;
        padding-right:0;
    }
    .bot-envi-right {
        width:100%;
        border-left:0;
        margin-top:45px;
    }
    .bot-envi-right > h2 {
        left:0;
        font-size:20px;
    }
    .bot-envi-right > h2 span{
        font-size:35px;
    }
    .bot-envi-right > p {
        text-align:justify; 
    }
    /* news */
    .main-news-left {
        width:100%;
    }
    .main-news-left .news-image img {
        width: 100%;
    }
    .main-news-right {
        width:100%;
        padding:0;
        border-left:0;
        margin-top:15px;
    }
    .thumb-items .item {
        padding:0;
        width:100%;
    }
    .thumb-items .item .title {
        margin-top:15px;
    }
    .thumb-items .item .img {
    }

    /* pic-video */
    .pic-content .col-md-4,.video-content .col-md-4{
        width:calc(50% - 4px);
        display:inline-block;
        float:none;
    }
    .pic-content .item a > img,.video-content .item a > img {
        width: 100%;
    }
    /* pic-video-detail */
    .pic-thumb {
        width:100%;
        margin-left:0;
    }
    .pic-main .slick-slide .main-pic img {
        width: 100%;
    }
    .pic-main {
        width:100%;
    }
    .pic-thumb .slick-slide  {
        padding:10px;
    }
    .pic-thumb .slick-slide::after {
        width:calc(100% - 20px);
        height:calc(100% - 20px);
        top:10px;
        left:10px;
    }
    .pic-thumb .slick-next {
        top:0;
        bottom:0;
        left:-15px;
        right:auto;
        transform:rotate(-90deg);
    }
    .pic-thumb .slick-prev {
        top:0;
        bottom:0;
        left:auto;
        right:-15px;
        transform:rotate(90deg);
    }

    /* products */
    .pro-cate-items .item {
        width: calc(50% - 4px);
    }
    .list-pro-cate .col-md-4 {
        width:calc(50% - 4px);
        display:inline-block;
        float:none;
        margin-bottom:30px;
    }
    .list-products .col-md-3{
        width:calc(33.3333% - 4px);
        display:inline-block;
        float:none;
    }
    .sp-carousel .main-dt::before,.sp-carousel .main-dt::after {
        display:none;
    }
    .sp-carousel {
        padding:0;
        height:auto;
        overflow:inherit;
    }
    .sp-carousel .main-dt {
        box-shadow:0 0 10px 0 rgba(0,0,0,.5);
        width:100%;
    }
    .sp-carousel .thumb-dt {
        width:100%;
    }
    .sp-tabs .nav-tabs li {
        width:calc(33.33333% - 2px);
        margin-bottom:2px;
        text-align:center;
    }
    .pane-tab {
        width:100%;
    }
    .tab-pane img{
        max-width:100%;
    }

    /* support */
    .more-video {
        text-align:center;
    }
    .more-video .item{
        width:calc(50% - 4px);
        display:inline-block;
        float:none;
        margin-bottom:25px;
    }
    .more-video .item .video-img img{
        width:100%;
    }
    
    .wrapArrowHis {
        display:block;
    }
}
@media screen and (max-width: 970px){
   
}
@media screen and (max-width: 860px){
    .popup .popup-content {
        width:90%;
    }
} 
@media screen and (max-width: 820px){

}       
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 992px){ 
	
}
@media screen and (max-width: 768px) {
    .container {
        width: 90%;
    }

    .distribution-default {
        background: #fff;
        min-height: inherit;
        margin-bottom: 50px;
    }

        .distribution-default h1 {
            padding-top: 15px;
            text-align: center;
        }

            .distribution-default h1 span {
                display: inline-block;
                margin-left: 0;
            }

        .distribution-default p {
            width: 100%;
        }

    /**==================================== 
                    site-sub 
        ====================================**/
    .price-list .items ul .price-content {
        border-right: 0;
        width: 100%;
        line-height: inherit;
        padding: 8px 10px 8px 38px;
    }

    .price-list .items ul .price-button {
        float: none;
        width: 100%;
        border-top: 1px solid #fff;
    }

        .price-list .items ul .price-button .read {
            width: calc(50% - 4px);
        }

        .price-list .items ul .price-button .down {
            width: calc(50% - 4px);
        }

    /** answer **/
    .popup .popup-content {
        background: #fff;
        background-image: none;
        padding: 20px;
        height: 540px;
    }

        .popup .popup-content .form-popup {
            width: 100%;
            padding-top: 10px;
        }

        .popup .popup-content h1 {
            position: static;
            text-align: center;
            display: block;
        }

    .contact-btn-1 {
        margin-left: 0;
        text-align: center;
        padding-left: 0;
    }

    .popup .popup-content .form-popup .wrap-send .contact-w .contact-input input::-webkit-input-placeholder,
    .popup .popup-content .form-popup .wrap-send .contact-w .contact-input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        opacity: 1;
    }

    .popup .popup-content .form-popup .wrap-send .contact-w .contact-input input::-moz-placeholder,
    .popup .popup-content .form-popup .wrap-send .contact-w .contact-input textarea::-moz-placeholder { /* Firefox 19+ */
        opacity: 1;
    }

    .popup .popup-content .form-popup .wrap-send .contact-w .contact-input input:-ms-input-placeholder,
    .popup .popup-content .form-popup .wrap-send .contact-w .contact-input textarea:-ms-input-placeholder { /* IE 10+ */
        opacity: 1;
    }

    .popup .popup-content .form-popup .wrap-send .contact-w .contact-input input:-moz-placeholder,
    .popup .popup-content .form-popup .wrap-send .contact-w .contact-input textarea:-moz-placeholder { /* Firefox 18- */
        opacity: 1;
    }
    .popup .popup-content .form-popup .wrap-send .contact-w .contact-input input,
    .popup .popup-content .form-popup .wrap-send .contact-w .contact-input textarea {
        width:100%;
    }
    .popup .popup-content .form-popup .wrap-send .contact-w .contact-input label {
        display:none;
    }
    .id-answer > ul li a {
        font-size: 14px;
    }

    /* products */
    .list-pro-cate .col-md-4 .item .title > a {
        width:80%;
    }
    .list-pro-cate .col-md-4 .item .title > .read-more {
        width: calc(100% - 80%);
    }
    .list-products .col-md-3{
        width:calc(50% - 4px);
        display:inline-block;
        float:none;
    }
    .list-products .item::before,.list-products .item::after {
        display:none;
    }
    .list-products .item {
        box-shadow:0 0 10px 0 rgba(0,0,0,0.5);
    }
}
@media screen and (max-width: 720px) {
    .price-list-bg {
        background:none;
    }
    /* relation */
    .support-news .item .items-img {
        width:100%;
    }
    .support-news .item .items-img img{
        display:block;
        margin:0 auto;
    }
    .support-news .item .items-tit {
        width:100%;
        padding-left:0;
    }
    .support-news .item .items-img::after {
        display:none;
    }
}

@media screen and (max-width: 640px){
    /** head **/
    

	/** footer **/ 
    #footer .info-cty {
        width:100%;
        margin-bottom:15px;
    }
    #footer .support {
        width:100%;
        margin-bottom:15px;
        padding-left:25px;
    }
    #footer .answer {
        width:100%;
        margin-bottom:15px;
        padding-left:25px;
    }
    #footer .contact-us {
        width:100%;
        margin-bottom:15px;
        padding-left:25px;
    }
    /** answer **/
    .list-answer .item-answer .question .answer-question {
        background:none;
        padding:0;
    }
    /* environment */
    .bot-envi-right > h2 span{
        font-size:35px;
    }
    .bot-envi-right > p {
        text-align:justify; 
    }
    /* products */
    .pro-cate-items .item {
        /*width: 100%;*/
        vertical-align:top;
    }
    .pro-cate-items .item .product-circle{
        width:150px;
        height:150px;
    }
    .pro-cate-items .item .product-circle img{
        width:100%;
    }
    .pro-cate-items .item a p{
        font-size:15px;
    }
    .pane-tab {
        width:100%;
        overflow-x:scroll;
    }
    .pane-tab > table{
        width:900px;
    }
    /* timeline */
    .direction .desc .desc-tit {
        font-size:14px;
    }
    .direction .desc .desc-img {
        width:100px;
        height:100px;
    }
    .direction .desc .desc-img img {
        width:94px;
        height:94px;
    }
    .timeline-ul li .direction {
        width:calc(95% - 80px);
    }
    .timeline-ul li .direction .desc .desc-img {
        float: none !important;
    }
    .timeline-ul li .direction .desc .desc-tit {
        display: block !important;
        position: static !important;
        transform: translateY(0) !important;
        width: 100% !important;
    }
    .out-timeline li .direction .desc .desc-img {
        float: none !important;
    }
    .out-timeline li .direction {
        width: calc(95% - 80px);
        margin-left:60px;
    }
    .out-timeline li .direction .desc .desc-img {
        margin-left: 100px !important;
    }
    .out-timeline li .direction .desc .desc-tit {
        display: block !important;
        position: static !important;
        transform: translateY(0) !important;
        width: 100% !important;
    }
    .timeline-ul li .direction .time-wrapper {
        top: 37px !important;
        transform: translateY(0%) !important;
    }
}
@media screen and (max-width: 550px){
    .carousel-control.left, .carousel-control.right {
        display:none;
    }
    .cate-default .cate-items .item{
        margin-bottom:10px;
    }
    .cate-default .cate-items .item .cate-df-img{
        width:150px;
        height:150px;
    }
    .cate-default .cate-items .item .cate-df-tit{
        font-size:13px;
        line-height:16px;
    }
    .product-id h1{
        font-size:20px;
        margin-bottom:0;
    }
    .news-default-bg h3,.distribution-default h1, .representative-project h1 {
        font-size:25px;
    }
    /**==================================== 
                    site-sub 
        ====================================**/
    .header-sub-top #laguge {
        margin-top: 24px;
    }
    .header-sub-top .pull-right .menu-top {
        margin-right: 5px;
        margin-top: 33px;
    }
    .header-sub-top .pull-right .menu-top li a {
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .header-sub-top .logo {
        width: 220px;
    }
    .aside-support ul li::after {
        display:none;
    }
    /* page archiement */
    .head-achievement .item {
        width: 100%;
    }
    .bot-achievement .item {
        width: 100%;
    }
    /** announced **/
    .model-content .model-ct-left {
        width: 100%;
    }
    .model-content .model-ct-left .item {
        width:calc(33.3333% - 4px);
        display:inline-block;
    }
    .model-content .model-ct-right {
        width:100%;
    }
    /* catalogue */
    .catalogue .item {
        width:100%;
        text-align:center;
        border-right:0;
    }
    .catalogue .item:nth-of-type(2n+1) {
        border-right:0;
    }
    /** Company-Structure **/
    .main-support-full > h1 span {
        font-size:14px;
    }
    .main-support-full > h1 {
        font-size:20px;
    }
    /*  */
    .page-table {
        float:left;
        width:100%;
        height:auto;
    }
    .page-table .pull-left {
        margin-bottom:15px;
    }
    /** news **/
    .thumb-items .item {
        padding:0;
        width:100%;
    }
    .thumb-items .item .title {
        margin-top:15px;
        width:100%;
        padding:0;
    }
    .thumb-items .item .img {
        display:block;
        margin:0 auto;
        float:none;
    }
    /* pic-video-detail */
    .pic-thumb {
        display:none;
    }
    /* product */
    .list-pro-cate .col-md-4 {
        width:100%;
    }
    .list-products .col-md-3{
        width:100%;
    }
    /* regulations */
    .dieule {
        width:100%;
        overflow-x:scroll;
    }
    .dieule > table {
        width:600px;
        max-width:600px;
    }
    /* support */
    .more-video .item{
        width:100%;
    }
}
@media screen and (max-width: 480px){
    .header-top .pull-left ul li a {
            font-size: 10px;
            padding: 0 5px;
        }
    /**==================================== 
                    site-sub 
        ====================================**/
    .header-sub-top .pull-right{
        position:absolute;
        float:none !important;
        top:0;
        right:5%;
    }
    .header-sub-top .pull-right .menu-top {
        margin-top: 8px;
    }
    .header-sub-top #laguge {
        margin-top: 0;
    }
    .header-sub-top .logo {
        width: 100%;
        margin-top: 40px !important;
    }
    .header-sub-top .logo img{
        width:270px;
        margin:0 auto;
        display:block;
    }

    /** answer **/
    .list-answer .comment .comment-input input {
        width:100%;
        margin-right:0;
    }
    .list-answer .comment .comment-item .item p {
        text-align:justify;
    }
    /** announced **/
    .congbo .col-md-4 {
        width: 100%;
    }
    /** contact **/
    .tabs-contact .nav-tabs {
        text-align:center;
    }
    .tabs-contact .nav-tabs li {
        width:calc(50% - 4px);
        margin-bottom:4px;
        display:inline-block;
        float:none;
        margin-right:0;
        vertical-align:top;
    }
    .tabs-contact .nav-tabs > li::after {
        display:none;
    }
    .tabs-contact .nav-tabs > li > a {
        border-radius:0;
    }

    /* maps in distribution */
    .map-info iframe{
        height: 250px;
    }
    .pro-cate-items .item{
        margin-bottom:10px;
    }
    .pro-cate-items .item .product-circle{
        width:120px;
        height:120px;
    }
    .pro-cate-items .item a p {
        font-size: 11px;
        line-height:15px;
        padding:0 15px;
    }
}
@media screen and (max-width: 420px){
    .menu-df .logo {
        width:180px;
        padding:18px 0;
    }
    /* pic-video */
    .pic-content .col-md-4,.video-content .col-md-4{
        width:100%;
    }
    
    .cate-default .cate-items .item .cate-df-img{
        width:120px;
        height:120px;
    }
}