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

@media screen and (max-width: 1200px) {
    #header {
        display: none;
    }

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

    .header-top {
        display: none;
    }
    section.slides {
        padding-top: 60px;
    }
    .top-bercum {
        padding-top: 60px;
    }
    /* .all-about-us .about img {
        height: auto;
    } */
}

@media screen and (max-width: 1024px) {
    .title h3 {
        font-size: 40px;
        line-height: 42px;
    }
    .slide .item .text h3 {
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .slide .item .text p {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1000px) {
    
    .slide .item .text {
        display: none;
    }
    .job-overview .contact-ov a:nth-child(2) {       
        margin-left: 10px;
    }
}

@media screen and (max-width: 768px) {
    .news .tintuc .owl-nav .owl-prev {
        left: -25px;
    }
    .news .tintuc .owl-nav .owl-next {
        right: -25px;
    }
    .slides .slide .owl-nav .owl-prev {
        width: 35px;
        height: 35px;
        line-height: inherit;
        padding: 5px;
    }.slides .slide .owl-nav img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .slides .slide .owl-nav .owl-next {
        width: 35px;
        height: 35px;
        line-height: inherit;
    }
    .all-history .col-md-10 {
        border-left: none;  
        padding-left: 15px;  
        text-align: center;   
    }
    p.his-mt {     
        padding: 25px 15px;
    }
    .all-history .col-md-10 .cercle {     
        display: none;
    }
    .all-history .content {
        margin-top: 0;
    }
    .footer .logo {
        width: 100%;
    }
    .all-history img {
        padding: 20px 15px;
    }
    .advsemail h1 {
        font-size: 36px;
        line-height: 40px;   
        padding: 20px 15px;   
    }
    .text-contact h2 {    
        font-size: 36px;
        line-height: 40px;
    }
    .rela-news h2 {
        padding-top: 10px;
    }
    .lastest-news h2 {      
        margin: 20px 0;
    }
    .overview-ns h2 {
        font-size: 36px;
        line-height: 40px;
        padding-top: 15px;
    }
    .titles h1 {
        font-size: 36px;
        line-height: 40px;;
    }
    .thum-ns{
        padding: 0 15px;
    }
    .employee .thum-ns{
        margin: 15px 0;
    }
    .titles h2 {
        font-size: 16px;
    }
    .all-vision .col-md-6.order{
        order: 2;
    }
    .all-vision h2 {
        font-size: 36px;
        line-height: 40px;
    }
    .all-vision .line-vs {
        width: 100px;    
    }
    .tab-content {
        padding-top: 30px;
        border-top: none;
    }
    .tab-content1 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border-bottom: none;
    }
    .tab-content1 .nav-item a{       
        font-size: 20px;
    }
    .tab-content1 .nav-item {
        margin-bottom: 0;
        width: 100%;
        text-align: center;
    }
    .tab-content1 {
        padding-top: 40px;
    }
    .job-overview .contact-ov {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    h2.tdtt {
        font-size: 36px;
        line-height: 40px;  
        margin-left: 15px;  
    }
    .slide-td .item {
        padding: 0 15px;
    }
    .titles p {       
        padding: 30px 30px 42px 30px;
    }
    .gt-rec .content {       
        margin-bottom: 40px;
    }
    .all-about-us .title h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .us-ct p {
        padding: 0;
    }
    h1.nv {
        font-size: 36px;
        line-height: 40px;
    }
    .mt-contact h2 {
        font-size: 36px;
        line-height: 40px;
    }
    .mt-contact .ctht {
        padding-top: 0px;
        padding-bottom: 50px;
        text-align: right;
    }
}

@media screen and (max-width: 426px) {
    .od2{
        order: 2;
    }
    .od1{
        order: 1;
    }
    .all-history h2 {
        font-size: 40px;
        line-height: 40px;
        text-align: center;
        width: 100%;
    }
    .all-contact .container {
        padding: 0 15px;
    }
    .all-contact .ct-left {
        text-align: right;
    }
    .all-news-ct .news{
        padding-top: 30px;
    }
    .right-bd {
        border-right: none;
    }
    .all-news .top-news .content {
        position: relative;
        padding: 20px 30px;
        background-color: #0678B6;
    }
    .pagination a {
        padding: 5px 12px;
        margin: 0 10px;
    }
   
   .us-employee{
       padding-bottom: 30px;
   }
   .view-infor {
        width: 100%;
        text-align: right;
    }
    .all-contact .container {
        padding: 15px;
    }
    
}

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