/* Responsive */

@media (max-width: 1200px) {
    .product {
        width: 25%;
    }
    .mn-list {
        display: none;
    }
    .menu {
        display: none;
    }
    .slideshow {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    .info-slider .maxwidth {
        width: 100%;
        padding: 0px;
    }
    .hotline-mb {
        display: block;
    }
}

@media (max-width: 1001px) {
    .menu-head {
        padding: 10px 0px;
    }
    .menu {
        padding: 10px 0px;
    }
    .menu-des {
        display: none !important;
    }
    .menu .hotline-mb {
        display: block;
    }
    #hamburger {
        display: block;
    }
    .product,
    .project {
        width: 33.3%;
    }
    .mn-list,
    .top,
    .header-right {
        display: none;
    }
    #hamburger {
        display: block;
    }
    .header .hotline {
        display: none;
    }
    .info-left {
        display: none;
    }
    .info-right {
        width: 100%;
    }
    .header {
        padding: 5px 0px;
    }
    .header .center {
        justify-content: center;
    }
    .header .center-h {
        display: block;
        text-align: center;
    }
    .search {
        width: 100%;
        margin: 10px auto 0px;
    }
    .search input {
        height: 35px;
    }
    .search span {
        line-height: 35px;
    }
    .title-nb,
    .title-list {
        line-height: 40px;
    }
    .footer .title-ft h2,
    .title-ft h2,
    .title-list h4,
    .title-nb span,
    .title-bottom,
    .title-main h4,
    .title-main1 h4,
    .title h4,
    .title-letter h4 {
        font-size: 20px;
    }
    .ds-list h3,
    .name-product,
    .box-service h3,
    .title-main p,
    .name-newshome {
        font-size: 14px;
    }
    .title-cat {
        position: relative;
        right: inherit;
        top: inherit;
        margin: 10px 10px 0px 10px;
    }
    .title-cat span {
        color: #333;
    }
    .info__letter .center {
        display: block;
    }
    .form-newsletter {
        width: 100%;
    }
    .title-lt {
        margin: 10px 0px;
    }
    .box-product .ds-product .price-product .price-new {
        font-size: 16px;
    }
}

@media (max-width: 850px) {
    .row-list {
        grid-template-columns: repeat(3, 1fr);
    }
    .footer-end .center {
        display: block;
        text-align: center;
    }
    .news {
        width: 100%;
    }
    .wr-contact {
        width: 100%;
        margin-top: 20px;
    }
    .left-pro-detail,
    .center-pro-detail {
        width: 100%;
    }
    .wr-bottom {
        width: 100%;
    }
}

@media (max-width: 769px) {
    .footer .title-ft h2,
    .title-ft h2,
    .title-list h4,
    .title-nb span,
    .title-bottom,
    .title-main h4,
    .title-main1 h4,
    .title h4,
    .title-letter h4 {
        font-size: 16px;
    }
    .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;
    }
    .top-contact .form-contact,
    .top-contact .article-contact {
        width: 100%;
        margin: 0px;
    }
}

@media (max-width: 580px) {
    .form-newsletter {
        display: block;
    }
    .form-newsletter input {
        width: 100%;
    }
}