@media (max-width: 1370px) {
    .process__wrap {
        padding: 0 55px;
    }
}
@media(max-width: 1200px) {
    .box_slider {
        height: 400px;
    }
    .carousel-slide [data-slick] img {
        height: 400px;
    }
    .product-navigation ul li a {
        font-size: 14px;
    }
    .product-navigation ul {
        width: calc(100% - 50px);
    }
    .services__desc {
        display: none
    }
    .services__item:hover .services__title {
        transform: unset;
    }
    .process__wrap {
        padding: 0;
    }
    .product__categories--title {
        position: absolute;
        opacity: 1;
        padding: 30px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        transition-duration: unset;
        transition-timing-function: unset;
        transition-property: unset;
        transform: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgb(0,0,0,.3);
    }
    .product__wrap--desc {
        display: none !important;
    }
    .product__item:hover .product__title {
        transform: unset;
        opacity: 1;
    }
    .title-page span, .title-page__child span {
        font-size: 24px;
    }
    .construction__content {
        display: none;
    }
    .customers__slick .slick-prev {
        left: -44px;
    }
    .customers__slick  .slick-next { 
        right: -44px;
    }
    
}
@media (max-width: 768px) {
    .page-nav{
        display: none
    }
    .box_slider {
        height: 300px;
    }
    .carousel-slide [data-slick] img {
        height: 300px;
    }
    .header {
        padding: 15px 0;
    }
    .social-w {
        width: 27px;
    }
    .inputBox {
        position: relative;
        width: unset;
        flex: unset;
        margin-left: 30px;
        margin-bottom: 5px;
    }
    .fixed {
        padding: 0;
    }
    .services__title {
        font-size: 13px;
        padding: 5px 20px;
    }
    .process__item--title {
        font-size: 13px;
    }
    .design-author p {
        font-size: 12px;
    }
    .title-page, .title-page__child {
        text-align: center;
        margin-bottom: 10px;
    }
    .page__desc {
        width: 90%;
    }
    .details__code {
        margin-bottom: 10px;
    }
    .details__prices {
        margin-bottom: 10px;
    }
    .details__desc {
        margin-bottom: 25px;
    }
    .product__other {
        background: white;
        padding: 20px 0;
    }
    #modal-container .modal-background .modal {
        background: white;
        padding: 50px;
        display: inline-block;
        border-radius: 3px;
        font-weight: 300;
        position: relative;
        width: 720px;
        height: auto;
    }
    
    #modal-container .modal-background .modal .modal-svg {
        position: absolute;
        width: 720px;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #modal-container .modal-background .modal .modal-svg rect {
        stroke: #fff;
        stroke-width: 2px;
        stroke-dasharray: 720;
        stroke-dashoffset: 720;
    }
    .reason__slick {
        padding: 0px 30px;
    }
    .customers__slick .slick-prev {
        left: -38px;
    }
    .customers__slick .slick-next {
        right: -38px;
    }
    .carousel-slide .slick-prev, .carousel-slide .slick-next {
        top: 30%;
    }
}

@media (max-width: 767px) {
    .carousel-slide .slick-prev, .carousel-slide .slick-next {
        top: 20%;
    }
    .car
    .header {
        padding: 5px 0;
    }
    .header__contact a {
        color: #185709;
        font-family: Bold;
        font-size: 16px
    }
    .box_slider {
        height: 200px;
    }
    .carousel-slide [data-slick] img {
        height: 200px;
    }
    .services {
        padding: 16px 0;
    }
    .services__title {
        font-size: 15px;
        padding: 5px 65px;
        width: 100%;
        text-align: center;
    }
    .about,.reason,.process,.construction,.inspired,.details__content {
        padding: 15px 0;
    }
    .title-page span, .title-page__child span {
        font-size: 20px;
    }
    .about__see {
        margin-top: 20px;
        font-size: 12px;
        padding: 6px 22px;
    }
    .process__wrap {
        margin-top: 35px;
    }
    .contact {
        background: url(../images/bg-contact.jpg);
        background-size: cover;
        padding: 20px 0;
    }
    .contact__form {
        background: white;
        border: 4px solid #2FA714;
        padding: 20px 15px;
    }
    .map iframe {
        width: 100%;
        height: 180px;
    }
    .footer__bottom {
        background: url(../images/bg-footer.jpg) no-repeat;
        background-size: cover;
        padding: 35px 0;
        font-family: Medium;
    }
    .customers__slick  img {
        width: 100%;
    }
    .customers__slick .slick-prev {
        left: -15px;
    }
    .customers__slick .slick-next {
        right: -15px;
    }
    .details__hotline,.details__advisory {
        font-size: 14px;
    }
    #modal-container .modal-background .modal {
        background: white;
        padding: 25px 10px;
        display: inline-block;
        border-radius: 3px;
        font-weight: 300;
        position: relative;
        width: 380px;
        height: auto;
    }
    
    #modal-container .modal-background .modal .modal-svg {
        position: absolute;
        width: 380px;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #modal-container .modal-background .modal .modal-svg rect {
        stroke: #fff;
        stroke-width: 2px;
        stroke-dasharray: 380;
        stroke-dashoffset: 380;
    }
    .details__contentMain {
        padding: 15px
    }
    .reason__slick .slick-slide {
        margin: 0 10px;
    }
    .reason__slick .slick-next {
        right: -10px;
    }
    .reason__slick .slick-prev {
        left: -10px;
    }
    .contact__desc {
        font-size: 13px;
    }
    .details__advisory {
        margin-left: 15px;
    }
    .details__hotline, .details__advisory {
        font-size: 12px;
    }
    .construction__itemTitle {
        font-size: 14px;
    }
    .product__categories--images:before {
        background: unset;
    }
    .product__categories--item:hover .product__categories--title p:before {
        opacity: 0;
    }
    .product__categories--title p {
        font-size: 18px;
    }
    .process__item--images {
        bottom: 2px
    }
}
@media (max-width: 365px) {
    .header__contact {
        font-size: 12px;
    }
    .header__contact a {
        font-size: 11px;
    }
    #modal-container .modal-background .modal {
        width: 340px;
    }
    
    #modal-container .modal-background .modal .modal-svg {
        position: absolute;
        width: 340px;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #modal-container .modal-background .modal .modal-svg rect {
        stroke: #fff;
        stroke-width: 2px;
        stroke-dasharray: 340;
        stroke-dashoffset: 340;
    }
    .carousel-slide [data-slick] img, .box_slider  {
        height: 180px;
    }
    
}