/* Responsive */

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

@media(max-width:1001px) {
    .menu-des {
        display: none !important;
    }
    #hamburger {
        display: block;
    }
    .product,
    .project {
        width: 33.3%
    }
    .mn-list,
    .head-right,
    .top,
    .header-right {
        display: none
    }
    .box-album {
        width: 33.3%;
    }
    .info-newshome-normal {
        padding: 0px;
    }
    .footer {
        padding-top: 60px;
    }
    .news-left {
        width: 100%;
    }
    .news-right {
        width: 100%;
    }
    .menu {
        padding: 5px 0px;
    }
    .menu:after {
        display: none;
    }
    .menu:before {
        display: none;
    }
}

@media(max-width:850px) {
    .box-news-one {
        display: none;
    }
    .box-news-all {
        width: 100%;
    }
    .box-tc h3 {
        font-size: 14px
    }
    .desc-about {
        max-height: 150px;
        overflow-x: hidden;
    }
    .ds-list h3,
    .name-product,
    .box-service h3,
    .title-main p,
    .name-newshome {
        font-size: 14px
    }
    .title-main h4,
    .title-main1 h4,
    .title-about h4,
    .title-pro h4,
    .title-ts h4,
    .title h4,
    .title-letter h4,
    .title-contact h4,
    .title-kt {
        font-size: 20px;
    }
    .title-company h4 {
        font-size: 20px;
    }
    .title-company h2 {
        font-size: 30px;
    }
    .footer-end .center {
        display: block;
        text-align: center;
    }
    .news {
        width: 100%;
        float: none !important;
    }
    .info-service-normal {
        width: 90%;
    }
}

@media(max-width:769px) {
    .row-ip {
        width: 100%;
        margin: 0px;
    }
    .grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 200px 200px;
        grid-gap: 15px;
    }
    .item1 {
        grid-column: 1;
        grid-row: 1;
    }
    .item2 {
        grid-column: 2;
        grid-row: 1;
    }
    .item3 {
        grid-column: 1;
        grid-row: 2;
    }
    .item4 {
        grid-column: 2;
        grid-row: 2;
    }
    .wr-news {
        width: 100%;
    }
    .wr-video {
        width: 100%;
    }
    .ds-about {
        width: 100%;
        margin-top: 20px;
    }
    .photo-about {
        width: 100%;
    }
    .title-about span {
        font-size: 50px;
    }
    .box-album {
        width: 50%;
    }
    .tabs-pro-detail .ul-tabs-pro-detail li {
        padding: 5px;
        font-size: 13px;
    }
    .wr-contact {
        width: 100%
    }
    .d-footer {
        display: block !important;
    }
    .footer-news {
        width: 100% !important;
        margin: 20px 0px;
    }
    .ft-top .center {
        display: block;
    }
    .ft {
        width: 100%;
        text-align: left;
        padding: 10px 0px;
    }
    .ft:nth-child(2) {
        border: none;
    }
    .product,
    .project {
        width: 50%
    }
    .top-contact {
        flex-wrap: wrap;
    }
    .left-pro-detail,
    .right-pro-detail,
    .top-contact .form-contact,
    .top-contact .article-contact {
        width: 100%;
        margin: 0px;
    }
    .left-pro-detail,
    .top-contact .article-contact {
        margin-bottom: 30px;
    }
}

@media(max-width:580px) {
    .logo-ft {
        float: none;
    }
    .ds-ft {
        float: none;
        width: 100%;
    }
}