@media screen and (max-width:1190px) {
    .container {
        width: 870px
    }

    .home-intro-des {
        padding: 0
    }

    .featured {
        height: 350px
    }

    .featured-head {
        margin-top: 100px
    }

    .service-item {
        width: calc(100%/2)
    }

        .service-item:nth-child(4n+4) {
            border-right: 1px solid #fff
        }

        .service-item:nth-child(2n+2) {
            border-right: none
        }

        .service-item:nth-child(n+3) {
            border-top: 1px solid #fff
        }

    .duandth-item {
        width: calc(100%/2);
        padding: 20px 10px;
    }

        .duandth-item:nth-child(4n+4) {
            border-right: 1px solid #fff
        }

        .duandth-item:nth-child(2n+2) {
            border-right: none
        }

        .duandth-item:nth-child(n+3) {
            border-top: 1px solid #fff
        }

    .new-item-thumb {
        width: 100%;
        height: 250px;
        float: none !important
    }

    .new-item-info {
        margin-left: 0
    }
}

@media screen and (max-width:890px) {
    .container {
        width: 570px
    }

    .close-nav, .collap-main-nav {
        display: block
    }

    .main-nav {
        position: fixed;
        float: none;
        margin-left: 0 !important;
        z-index: 10000;
        top: 0;
        right: -250px;
        width: 250px;
        height: 100%;
        background-color: #1559a8;
        box-shadow: -3px 3px 0 rgba(0,0,0,.2);
        opacity: 0;
        visibility: hidden;
        transition: all ease-in-out .3s
    }

    .main-nav-active {
        right: 0;
        opacity: 1;
        visibility: visible
    }

    .main-nav-inner {
        position: absolute;
        top: 40px;
        text-transform: uppercase;
        left: 0;
        width: 100%;
        height: calc(100% - 40px);
        overflow-y: auto
    }

        .main-nav-inner > ul > li {
            float: none;
            width: 100%;
            line-height: 40px;
            border-top: 1px solid #98b53a;
            border-bottom: 1px solid #85a02e
        }

            .main-nav-inner > ul > li:first-child {
                border-top: none
            }

            .main-nav-inner > ul > li:last-child {
                border-bottom: none
            }

            .main-nav-inner > ul > li a {
                color: #fff
            }

    .featured {
        height: 280px
    }

    .featured-head {
        margin-top: 70px
    }

    .form-order {
        width: 560px
    }

    .datepicker {
        width: 170px
    }

    .form-house {
        width: 150px
    }

    .block-register-col, .customer-review-item, .footer-item, .ly-do-item, .page-intro-left, .primary, .sidebar {
        width: 100%
    }

    .block-intro .container {
        margin-top: -30px;
        padding: 30px
    }

    .home-intro-title1 {
        font-size: 22px;
        line-height: 30px
    }

    .block-ly-do .container {
        padding: 30px 0 0 0;
    }

    .block-ly-do-head p:nth-child(1), .block-service-head {
        font-size: 20px
    }

    .block-ly-do-head p:nth-child(2) {
        font-size: 18px
    }

    .ly-do-item {
        margin-top: 30px
    }

    .customer-review-item:nth-child(2), .footer-item:nth-child(n+2) {
        margin-top: 20px
    }

    .ly-do-item-head {
        font-size: 16px
    }

    .footer-item {
        margin-right: 0
    }

    .sidebar {
        margin-top: 30px
    }

    .page-intro-right {
        width: 100%;
        margin-top: 20px
    }

    .dat-lich-bottom-time {
        width: 420px
    }

    .field-des {
        width: 96%;
        box-sizing: border-box
    }

    .form-order-wrap {
        width: 90% !important
    }
}

@media screen and (max-width:590px) {
    .header-top, .slogan {
        display: none
    }

    body {
        padding-top: 65px
    }

    .container {
        width: 96%
    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 500000;
        box-shadow: 0 3px 5px rgba(0,0,0,.2)
    }

    .header-bottom .container {
        height: 65px;
        line-height: 65px
    }

    .header-btn, .logo {
        float: none !important;
        height: 55px
    }

    .logo {
        padding-top: 5px;
        margin-top: 0
    }

        .logo a img {
            margin: 0 auto
        }

    .header-btn, .mobile-btn-browser {
        display: block
    }

    .collap-main-nav {
        position: absolute;
        top: 13px;
        margin-top: 0;
        left: 0
    }

    .main-nav {
        right: auto;
        left: -250px;
        z-index: -1;
        box-shadow: 3px 3px 0 rgba(0,0,0,.2)
    }

    .main-nav-active {
        right: auto;
        left: 0
    }

    .header-btn {
        position: fixed;
        left: 0;
        bottom: 0;
        line-height: 55px;
        background-color: #ffac0c;
        z-index: 1000;
        width: 100%;
        text-transform: uppercase;
        box-shadow: -3px 0 3px rgba(0,0,0,.1)
    }

        .header-btn > a {
            margin-left: 0;
            padding: 0 10px
        }

        .header-btn .header-btn-call {
            padding-left: 35px;
            width: 85px;
            height: 65px;
            line-height: 25px;
            background: url(../images/icon/phone.png) left 10px top 19px no-repeat #ffbf44;
            background-size: 18px auto
        }

            .header-btn .header-btn-call span:nth-child(1) {
                font-size: 12px;
                margin-top: 3px
            }

            .header-btn .header-btn-call span:nth-child(2) {
                font-size: 12px
            }

        .header-btn .header-btn-order {
            background: url(../images/icon/calendar.png) top 8px center no-repeat #ffac0c;
            background-size: auto 20px;
            line-height: 83px;
            height: 65px;
            font-size: 12px;
            width: calc(100% - (100px + 101px + 35px))
        }

    .mobile-btn-browser span {
        width: 40px;
        height: 65px;
        float: left;
        color: #fff;
        font-size: 29px;
        text-align: center;
        cursor: pointer
    }

        .mobile-btn-browser span:nth-child(1) {
            border-right: 1px solid #fff
        }

    .featured .form-order, .featured-head, .service-item-des {
        display: none
    }

    .featured {
        height: 150px
    }

    .form-order {
        width: calc(96% - 10px);
        left: 2%;
        margin-left: 0;
        padding: 48px 0 4px
    }

    .datepicker {
        position: absolute;
        top: 0;
        height: 38px;
        line-height: 38px;
        width: calc(100% - 20px);
        background-color: #fff;
        border-radius: 3px
    }

    .form-order:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 5px;
        letter-spacing: 0;
        top: 38px;
        background-color: #1559a8
    }

    .block-page-order-content .form-order:before {
        background-color: #fff
    }

    .form-house {
        border-left: none
    }

    .form-order-sunbmit {
        margin-right: 4px
    }

    .block-intro {
        background-color: #1559a8
    }

        .block-intro .container {
            margin-top: 0
        }

    .home-intro-title1 {
        font-size: 19px;
        line-height: 25px
    }

    .home-intro-des {
        margin-top: 10px
    }

    .footer {
        padding-bottom: 20px
    }

    .block-service-head {
        font-size: 20px;
        line-height: 25px
    }

    .service-item-head {
        white-space: normal !important;
        text-overflow: normal !important;
        height: 46px;
        overflow: hidden !important
    }

    .form-content-left, .form-content-right {
        width: 100%
    }

    .form-content-right {
        margin-top: 5px
    }

    .form-item-register {
        text-align: left
    }

    .block-archive-top .container {
        box-sizing: border-box
    }

    .new-item-thumb {
        height: 200px
    }

    .archive-top-title {
        line-height: 30px
    }

    .dat-lich-bottom .container {
        padding-bottom: 0
    }

    .dat-lich-bottom-time {
        width: calc(100% - 110px)
    }

    .dat-lich-bottom-time-item {
        width: 95px;
        font-size: 11px
    }

    .dat-lich-bottom-form {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .dat-lich-bottom-time-item:nth-child(1) {
        left: -47.5px
    }

    .dat-lich-bottom-time-item:nth-child(3) {
        right: -47.5px
    }

    .page-service-item {
        width: 100%;
        margin-right: 0
    }

        .page-service-item:nth-child(n+2) {
            margin-top: 20px
        }

    #lhc_status_container {
        display: none !important
    }
}

@media screen and (max-width:350px) {
    .form-house {
        width: 100px
    }
}