@media screen and (min-width: 1366px) {
    .container {
        max-width: 1600px;
    }

}

@media screen and (max-width: 1440px) {
  .nav-link {
    font-size: .9rem;
}
.menu ul.nav>li>a {
    font-size: 15px;
    padding: 0px 5px;
}
}

@media screen and (max-width: 1200px) {
  .category-activate .nav-tabs {
    padding: 8px 15px 0 15px;
    justify-content: center;
}
  .category-activate .nav-tabs .nav-link::before {
    display: none
}
    .ob-none {
        object-fit: contain;
    }

    #header {
        display: none;
    }

    #hd-mobile {
        display: flex;
        align-items: center;
        position: relative;
    }

    .header-top {
        display: none;
    }

}

@media screen and (max-width: 1024px) {
    .project .text h4 {
        width: 100%;
    }
    .doitac {
        padding: 18px 0 40px 0;
    }
    .projects .title h3 {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 991px) {
    .tn-sm h3 {
        padding-left: 0px;
        padding-bottom: 20px;
    }
    .tn-sm:nth-child(2),
    .tn-sm:nth-child(4) {
        padding: 30px 0 !important;
    }
    .mo-hinh .row.s1 .col-lg-5 {
        order: 0;
    }
    .mo-hinh .row.s3 .col-lg-5 {
        order: 0;
    }
    .mo-hinh .row.s5 .col-lg-5 {
        order: 0;
    }
}

@media screen and (max-width: 768px) {
    .thu-ngo .sumale {
        width: 100%;
        margin: auto;
    }
    .about-chung {
        padding: 30px 0 40px 0;
    }
    .col-lg-6{
        padding-bottom: 15px;
    }
    .about-chung .col-lg-1{
        display: none;
    }
    .about-chung .raria .title h3 {
        margin-top: 0px;
        font-size: 35px;
        line-height: 54px;
    }
    .title h3{
        font-size: 25px;
    }
    .mhkd .text {
        padding: 15px 5px;
    }
    .mhkd .text h4 {
        font-size: 20px;
    }
    .mhkd .text p {
        font-size: 15px;
    }
    .axt {
        margin: 10px 0px;
    }
    .project .text {
        text-align: center;
        padding: 15px 5px;
    }
    .project .text h4 {
        font-size: 22px;
    }
    .row{
        padding-top: 20px !important;
    }
    .col-lg-5{
        padding-bottom: 15px;
    }
    
    .top-banner h3 {
        font-size: 35px;
        line-height: initial;
    }
    .lienhe .content {
        padding-top: 50px;
        width: 100% !important;
    }

}

@media screen and (max-width: 575px) {
  .doitacmaxx .doitac .title h3 {
    padding: 10px 50px;
}
    .top-banner .breadcrumb li a{
        font-size: 14px;
    }
    .top-banner .breadcrumb li {
        font-size: 12px;
    }
    .lienhe input {
        width: 100%;
    }
    .lienhe button {
        width: 100%;
    }
    .slide .box-thumbnail{
        padding-top: 35% !important;
    }
    .top-banner h3 {
        font-size: 25px;
    }
  main{
  	padding:  0!important;
  }
  .list-item .item .img {
    width: 35%;
    height: 150px;
    overflow: hidden;
    border-radius: 10px;
}
  .w20 {
    width: 35%!important;
}
}

@media screen and (max-width: 425px) {


}

@media screen and (max-width: 320px) {}