@media (max-width: 991px) {

    .showProject {
        display: flex;
    }

    .itemproduct {
        min-height: auto;
        height: auto;
    }

    #breadcrumb {
        margin-top: 45px;
        padding-bottom: 50px;
    }

    #mod-search-searchword {
        width: 100%;
    }
}

@media (max-width: 768px) {
    #breadcrumb {
        margin-top: 30px;
    }

    .slideshow {
        padding-top: 100px;
    }

    .slideshow {
        padding-bottom: 50px;
        background: radial-gradient(29.03% 57.89% at 82.85% -12.05%, #831ca3 0%, rgba(15, 23, 42, 0) 100%),
            radial-gradient(47.94% 77.56% at 12.47% 113.71%, #0c0272 0%, rgba(15, 23, 42, 0) 100%), #0c0272;
    }

    .slideshow h2,
    .slideshow strong {
        font-size: 20px;
    }

    .banner-top-left {
        padding: 30px 0;
    }

    .banner-top-right {
        min-height: 225px;
    }

    .robot-vi img {
        margin-top: 30px;
    }

    .banner-top .type-wrap {
        height: 51px;
    }

    .type-wrap .word {
        font-size: 34px;
        line-height: 42px;
        height: 35px;
    }

    .branding p {
        font-size: 14px;
    }

    .main-body {
        min-height: 1450px;
    }

    .top_box h2 {
        font-size: 18px;
        min-height: 28px;
    }

    #aboutus {
        padding-top: 20px;
    }

    .gioiThieu h2 {
        font-size: 22px;
    }

    .gioiThieu p {
        text-align: left;
    }

    #project_home {
        padding: 15px 0;
    }

    #project_home h3.titlecategory {
        font-size: 18px;
    }

    .itemproduct .titprhome {
        font-size: 11px;
    }

    #project_home .xemthem {
        height: auto;
        z-index: 999;
    }

    #project_home .btn-primary {
        margin-top: 15px;
    }

    #camket1 .type-wrap h2 {
        font-size: 24px !important;
    }

    #khnoiveus .owl-buttons>div {
        top: 15%;
    }

    #khnoiveus .owl-next {
        right: 20%;
    }

    #khnoiveus .owl-prev {
        left: 20%;
    }

    .banner-top-left,
    .banner-top-right,
    .gioiThieu,
    .img_about,
    .itemCamKet,
    .showKhach,
    #khachhang .container .textwidget,
    .footer,
    .guiyeucau {
        width: 100% !important;
    }

    .service-content {
        padding: 0;
    }

    .service-content .service {
        padding: 15px;
    }

    .item-experience {
        width: 50% !important;
    }

    .intro_khachHang {
        padding: 0;
    }

    #experience .item-experience h2 {
        font-size: 36px !important;
    }

    .xemthem {
        padding: 0;
        margin: 0;
    }
}

@media (max-width: 639px) {
    .showProject {
        justify-content: space-around;
    }

    .itemproduct {
        width: 47.5%;
    }
}

@media (max-width: 575px) {

    .slideshow .container {
        max-width: 95%;
    }

    .slideshow h2,
    .slideshow strong {
        font-size: 16px;
        margin: 0;
    }

    .branding p {
        font-size: 12px;
    }

    #form .content {
        width: 90%;
    }

    .main-content p strong {
        font-size: 14px;
    }

    .main-content ul li span {
        font-size: 14px !important;
    }

    .eng-project:hover .eng-desc-projects {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
}

@media (max-width: 479px) {
    .eng-project:hover .eng-desc-projects {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 425px) {
    .box_part {
        width: 100%;
    }

    .message {
        top: 50%;
        width: 80%;
        padding: 15px;
        font-size: 16px;
    }
}

@media (max-width: 375px) {
    .type-wrap .word {
        font-size: 30px;
        line-height: 36px;
    }

    .banner-top .type-wrap {
        height: 44px;
    }
}