@media (max-width: 1199px) {

    .section .module-header .title {
        white-space: pre-wrap !important;
    }

    .section-about .module-content.show-content .text-info {
        top: 0 !important;
    }
}

@media (max-width: 991px) {
    .section .module-header
    {
        padding: 5px 0;
    }
    .item-image__all a img,
.item-image__all .image img {
    width: 100%;
    height: 100%;
    filter: grayscale(1);
}

    #header .logo span {
        display: none !important;
    }

    .section {
        display: block !important;
        overflow: auto !important;
    }

    .section .module-header {
        height: auto !important;
        width: 100% !important;
    }

    .section .module-header .sub-menu {
        margin-top: 0 !important;
    }

    .section .module-header .title {
        display: none;
    }

    .section-about .module-content .btn-circle {
        display: none;
    }

    .section-about .module-content .text-info {
        top: 0 !important;
        padding: 25px !important;
    }

    .section-project .module-content .cell {
        height: auto !important;
        display: block !important;
    }

    .section-project .module-content .cell .item-image__all {
        min-width: unset;
        height: auto;
        width: 100%;
        display: block;
    }

    .map-page-contact {
        width: 100%;
        height: 350px;
        margin-top: 15px;
    }

    .map-page-contact iframe {
        width: 100%;
        height: 100%;
    }

    #header .menu ul li {

    }

    #header .menu ul li a {
        font-size: 18px;
        display: block;
        height: 100%;
        padding: 0 10px;
    }

    .item-image__all .image {
        transform: translateY(-100%) !important;
    }
    .item-image__all .image-old {
        transform: translateY(0%) !important;
    }
    .item-image__all .bg-hover {
        transform: translateY(0) !important;
    }
    #main {
        padding-bottom: 120px;
    }
}

@media (min-width: 768px) {
    .show-menu {
        display: none;
    }
}

@media (max-width: 769px) {
    .show-menu {
        display: block;
        margin-right: 15px;
    }

    #header .menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 100;
        display: none;
        background-color: #c3933d;
    }

    #header .menu ul li {
        display: block;
    }

    #header .menu ul {
        display: block;
        margin-right: 0;
        max-height: 450px;
        overflow-y: auto;
        scroll-snap-type: y mandatory;
    }

    #header .menu ul::-webkit-scrollbar {
        width: 5px;
    }

    #header .menu ul::-webkit-scrollbar-track {
        background: #c3933d;
    }

    #header .menu ul::-webkit-scrollbar-thumb {
      background: #b4842f;
    }

    #header .menu ul li a {
        display: block;
        padding: 20px 15px;
        text-align: center;
        background-color: #c3933d;
        border-bottom: 1px solid #333;
    }

    #header .menu ul li:last-child a{
        border-bottom: none;
    }
}

@media (max-width: 767px) {
    #main {
        padding-bottom: 0 !important;
    }

    #main .main-content {
        height: calc(100% - 110px) !important;
    }

    #header .menu ul li a {
        line-height: 53px;
    }
    .section-project .module-content .cell .item-image__all{
        border-bottom: 1px solid #221713;
    }

}

@media (max-width: 575px) {
    .page-detail {
        max-width: 100% !important;
        padding: 15px !important;
        padding-top: 35px !important;
    }

    .close {
        top: 0 !important;
        right: 0 !important;
    }

    .map-page-contact {
        width: 100%;
        height: 220px;
    }
    .viewpre,.viewnext{
        width: 30px !important;
        height: 30px !important;
    }

}

@media (max-width: 480px) {
    #main .section-project {
        flex-wrap: wrap;
        overflow-x: inherit;
    }

    #main .section .module-header {
        flex: 0 0 100%;
        height: auto;
    }

    .section .module-header .title {
        display: none;
    }
}