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

@media screen and (max-width: 1919px) {
    .tuyen-dung .img {
        width: 100% !important;
        height: 500px;
        position: relative;
        display: flex;
    }

    .tuyen-dung .img img {
        width: 70% !important;
    }

    .tuyen-dung .text {
        width: 30%;
        position: inherit;
        top: 0;
        transform: translateX(0);
    }

    .about .row {
        max-width: 1575px;
        padding-left: 0 !important;
        padding-right: 15px;
        padding-left: 15px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .about .col-lg-7 img {
        width: 100%;
    }
}

@media screen and (max-width: 1574px) {
    .duan-khac .owl-nav img {
        filter: brightness(1);
    }

    .duan-khac .owl-nav .owl-next {
        right: 0px;
    }

    .duan-khac .owl-nav .owl-prev {
        left: 0px;
    }

    .about .row {
        max-width: 100%;
        padding-left: 0 !important;
        padding-right: 15px;
        padding-left: 15px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .hethong .item .text {
        padding: 0 30px;
    }

    .menu {
        justify-content: space-around !important;
    }

    .hoso h6 {
        font-size: 12px;
        line-height: 20px;
    }

    .hoso {
        display: inline-flex;
        padding: 12px 10px;
        align-items: center;
        border-radius: 10px;
    }

    .container {
        max-width: 1366px;
    }

    /*.banner .swiper-slide .text {
        left: 20% !important;
    }*/

    .about-index .things {
        width: 100%;
        padding-top: 40px;
        padding-left: 60px;
        position: relative;
    }

    .project-index .owl-nav img {
        filter: brightness(1);
    }

    .project-index .owl-nav .owl-next {
        right: 0px;
    }

    .project-index .owl-nav .owl-prev {
        left: 0px;
    }

    .project-index {
        background-image: url('../img/Group%20191.png');
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 100px 0 450px 0;
        margin-top: 0;
        position: relative;
    }

    .contact-index .text {
        /*flex: 1;*/
        flex: unset !important;
    }

    .contact-index h3 {
        font-size: 20px;
        line-height: 32px;
    }

    .contact-index h3 a {
        font-size: 20px;
        line-height: 32px;
    }

    .about span {
        font-size: 16px;
        line-height: 30px;
    }

    .about h4 {
        font-weight: 700;
        font-size: 30px;
        line-height: 50px;
    }
}

@media screen and (max-width: 1366px) {
    .hethong .owl-carousel .owl-stage {
        /*left: -50px;*/
    }

    .project-index .news .xt {
        padding: 20px 50px;
    }

    .title h3 {
        font-weight: 700;
        font-size: 35px;
        line-height: 45px;
        color: #181717;
    }
    .lvhd .nav-tabs .nav-link {
        padding: 15px 30px;
        box-shadow: 1.0408px 1.0408px 5.20399px rgb(15 41 156 / 16%);
        border-radius: 5px;
        color: #2A55AA;
    }
    .footer ul li a {
        padding-bottom: 8px;
        font-size: 14px;
    }
}

@media screen and (max-width: 1365px) {
    .all-project .title {
        width: 100%;
        margin: auto;
    }

    .project-index .item .text h3 {
        padding: 10px 12px;
    }

    #header {
        display: none;
    }

    #hd-mobile {
        display: flex;
        align-items: center;
        position: fixed;
        z-index: 999;
        background: #fff;
        top: 0;
    }
    main{
        margin-top: 60px;
    }
    .footer p {
        font-size: 13px;
    }
}

    @media screen and (max-width: 1199px) {
        .table {
            width: 1200px;
            max-width: 1200px;
        }
    }


    @media screen and (max-width: 1170px) {
        .tuyen-dung .img img {
            width: 50% !important;
        }

        .tuyen-dung .text {
            width: 50%;
        }

        .project-index .news .container .row .col-lg-3 {
            padding-left: 15px;
        }
    }

    @media screen and (max-width: 1000px) {
        .banner-bg .box-thumbnail {
            padding-top: 30% !important;
        }
    }

    @media screen and (max-width: 991px) {
        .lvhd .nav-tabs {
            justify-content: center;
            border: 0;
        }
        .lvhd .nav-tabs li{
            margin: 10px;
        }
        .so-do img{
            width: 100%;
        }
        .project-ct .col-lg-2 {
            padding: 15px;
        }

        .project-index .news>.container>.row {
            background-color: #FFFFFF;
            box-shadow: 0px 16px 40px rgb(15 41 156 / 8%);
            margin: 0 !important;
            padding: 50px 0;
        }

        .tuyen-dung {
            padding-top: 0px !important;
            padding-bottom: 50px;
        }

        .project-index {
            padding: 100px 0 50px 0;
        }

        .project-index .news {
            position: inherit;
            transform: translateY(0);
        }

        .contact-index .col-lg-6 .d-flex {
            justify-content: center;
        }

        .project-index .news .xt {
            padding: 20px 50px;
            position: inherit;
            top: 0;
            transform: translateY(0);
            margin: 25px 0;
        }

        .tuyen-dung .img {
            display: block;
            height: auto !important;
        }

        .tuyen-dung .text {
            width: 50%;
            margin: auto;
        }

        .tuyen-dung .img img {
            width: 100% !important;
        }

        .project .texts {
            opacity: 1;
            visibility: visible;
        }
    }

    @media screen and (max-width: 800px) {
        .hethong .owl-carousel .owl-stage {
            left: 0px;
        }
    }

    @media screen and (max-width: 768px) {
        .title h3 {
            font-size: 25px;
            line-height: 45px;
        }

        .tuyen-dung .text {
            width: 80%;
            margin: auto;
        }

        .banner .swiper-slide .text {
            left: 10% !important;
        }

        .lich-su .title h3 {
            font-size: 30px;
            padding-bottom: 50px;
            line-height: 42px;
        }

        .lich-su .col-lg-5 {
            padding: 15px 15px;
        }

        .news ul {
            justify-content: center;
        }
    }

    @media screen and (max-width: 767px) {
        .lich-su .title h3 {
            font-size: 25px;
            padding-bottom: 30px;
        }

        .banner .swiper-slide .text {
            left: 10% !important;
            bottom: 50%;
            transform: translateY(50%);
        }

        .banner .box-thumbnail {
            padding-top: 100% !important;
        }
    }
  @media screen and (max-width: 600px) {
      .pagination li a {
      		margin: 0 5px;
  	  }
    
  }
    @media screen and (max-width: 575px) {
      .banner-bg .text h3 {
            font-size: 20px;
            line-height: 30px;
        }
        .banner-bg .text h3 span {
            font-size: 18px;
            display: block;
            padding-left: 0;
        }
        .about-index .things::before {
            width: 250px;
            height: 180px;
        }

        .chungtoi .things::after {
            width: 250px;
            height: 180px;
        }

        .banner .swiper-slide .text {
            width: auto;
        }

        .lich-su .col-lg-4 span {
            width: 100px;
        }

        .banner-bg .box-thumbnail {
            padding-top: 60% !important;
        }

        .nang-luc .content img {
            width: 100%;
        }
      .breadcrumb{
        padding-top: 0;
      }
    }

    @media screen and (max-width: 425px) {
        .noidung {
            padding: 10px !important;
        }
       .noidung img{

        width:100% !important;
       } 
      .pagination li:first-child{
      		display: none;
  	  }
      .pagination li:last-child{
      		display: none;
  	  }
        .banner .swiper-slide .text h3 {
            font-size: 24px;
            line-height: 36px;
            width: 300px;
        }
        .banner .swiper-slide .text p {
            font-size: 15px;
        }
        .about-index h3 {
            font-size: 22px;
            line-height: 36px;
        }
        .about-index a {
            padding: 10px 50px;
        }
        .about-index {
            padding: 20px 0 30px 0;
        }
        .hethong .item .text p {
            font-size: 15px;
            line-height: 30px;
            margin-bottom: 20px;
        }
        .hethong .owl-nav {
            display: none;
        }
        .hethong .item .text a {
            padding: 5px 45px;
        }
        .about-index.chungtoi .item{
            padding: 5px;
        }
        .chungtoi .d-flex h3 {
            font-size: 36px;
            line-height: 50px;
        }
        .chungtoi .d-flex p {
            font-size: 14px;
            line-height: 30px;
        }
        .about-index .things {
            margin-top: 20px;
        }
        .project-index {
            padding: 20px 0 30px 0;
        }
        .news {
            padding: 30px 0;
        }
        .project-index .news>.container>.row {
            padding: 0px 0;
        }
        .project-index .item .text h3 {
            font-size: 15px;
            line-height: 24px;
            padding: 5px 20px;
            bottom: 15px;
        }
        .project-index .item .text p {
            font-size: 20px;
        }
        .project-index .news .xt {
            padding: 5px 50px;
            margin: 16px 0;
            font-size: 15px;
        }
        .tuyen-dung .text {
            width: 100%;
        }
        .tuyen-dung .text::before {
            height: 0;
        }
        .tuyen-dung .text {
            padding: 20px 30px;
        }
        .tuyen-dung .text h3 {
            margin-bottom: 10px;
        }
        .tuyen-dung .text p {
            margin-bottom: 30px;
        }
        .tuyen-dung a {
            font-size: 16px;
            padding: 5px 50px;
        }
        .tuyen-dung {
            padding-top: 0px !important;
            padding-bottom: 0px;
        }
        .contact-index h2 {
            font-size: 20px;
            line-height: 32px;
        }
        .ab-title {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 10px;
        }
        .contact-index {
            padding: 20px 0;
        }
        .footer ul li a {
            padding-bottom: 5px;
        }
        .footer ul {
            margin-top: 0px;
        }
        .project .texts h3 {
            font-size: 16px;
            line-height: 26px;
        }
        .project .texts p {
            font-size: 14px;
            line-height: 24px;
        }
        .banner-bg .text h3 {
            font-size: 18px;
            line-height: 30px;
          display: block;
        }
        .banner-bg .text h3 span {
            font-size: 15px;
            display: block;
            padding-left: 0;
        }
        .banner-bg .box-thumbnail {
            padding-top: 40% !important;
        }
        .thu-ngo {
            padding: 30px 0;
        }
        .thu-ngo h3 {
            margin-bottom: 15px;
        }
        .tuyen-dungs {
            padding: 30px 0;
        }
        .breadcrumb li a {
            font-size: 11px;
        }
        .breadcrumb li.active {
            font-size: 11px;
        }
      
.breadcrumb-item+.breadcrumb-item::before {
	font-size: 11px;
}
        .project-ct .item h3 {
            font-size: 13px;
            line-height: 24px;
            width: 100%;
            padding: 5px 20px;
        }
        .project-ct .owl-nav {
            display: none;
        }
        .project {
            padding: 30px 0;
        }
    }

    @media screen and (max-width: 375px) {
	.banner .swiper-slide .text {
            left: 0% !important;
        }
}
    @media screen and (max-width: 320px) {
	.about-index .things {
    padding-left: 30px;padding-right: 30px;
}
      .about-index .things::before {
    width: 200px;
    height: 150px;
}
      .chungtoi .things::after {
    width: 200px;
    height: 150px;
}
}