@media screen and (max-width: 1400px) {
    .btn-site {
        width: max-content;
    }
    .main_menu {
        padding-right: 0;
    }
    .main_menu > li {
        margin-left: 20px;
    }
    .main_menu > li > a {
        font-size: 15px;
    }
}

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

    .main-wrapper {
        padding-top: 90px;
    }
    .main-wrapper.pd58 {
      padding-top: 90px;
    }

    #header {
        position: fixed;
        top: 0;
        height: auto;
    }

    #header .container {
        justify-content: space-between;
    }

    .bottom-header {
        border-top: 5px solid var(--main-color);
    }

    .hamburger {
        display: flex;
    }

    .top-header,
    .menu-end {
        display: none;
    }

    #header.header-home .bottom-header .container {
        border-radius: 0;
        width: 100%;
        overflow: unset;
    }
    .main_menu {
        display: none;
        padding-right: 0;
    }
    
    .logo-site img {
        max-width: 160px;
    }

    .main_menu {
        position: absolute;
        width: 100%;
        top: 82px;
        left: 0;
        background: #fff;
        box-shadow: 0 6px 7px rgb(0 0 0 / 16%);
        padding-bottom: 20px;
        border-radius: 0;
    }

    .main_menu li {
        display: block;
        float: inherit;
        padding: 10px 20px;
    }
    .header-home .logo-site a {
        padding-right: 0;
    }
    .container {
        padding-right: var(--bs-gutter-x, 1rem);
        padding-left: var(--bs-gutter-x, 1rem);
    }
    .section_home {
        padding: 70px 0 40px;;
    }
    .section_home::after {
      width: 370px;
      height: 120px;
      left: 0;
    }
    .section_home .item {
        min-height: auto;
    }
    .section_home .item {
      min-height: calc(40vh - 58px);
    }
    .thumb-home {
        display: none;
    }
    
    #slide-home .owl-nav {
        display: none !important;
    }
    
    .thumb-about {
        padding-left: 0;
    }
    
    .big-image-about {
        padding: 0 25px 60px 15px;
    }
    
    .big-image-about:before {
        right: 10px;
    }
    
    .thumb-about:before {
        left: 0;
    }
    
    .click-video {
        width: 200px;
    }
    
    .txt-about {
        margin-top: 30px;
    }
    
    .btn-site {
        width: 100px;
        margin: 0;
        padding: 12px 10px;
    }
    
    .sec_head .btn-site {
        top: -20px;
        bottom: auto;
    }
    
    .sec_head h2 {
        font-size: 30px;
    }
    .title-news h4 {
        font-size: 15px;
        line-height: 25px;
    }
    .thumb-news {
        margin-bottom: 15px;
    }
    .item-news {
        margin-bottom: 30px;
    }
    .item-news figure {
        width: 130px;
        margin-bottom: 20px;
    }
    .item-news .txt--news {
        width: calc(100% - 130px);
    }
    .item-news .txt--news h6 {
        font-size: 14px;
    }
    .section_partners .container {
        flex-direction: column;
    }
    .section_partners .sec_head {
        width: 100%;
        text-align: center;
    }
    #partners-slider {
        width: 100%;
    }
    .section_partners {
        padding: 40px 0;
    }
    .section_partners:after {
        background-size: cover;
        background-position: center;
    }
    .item-blog {
        margin-bottom: 20px;
    }
    #footer .container {
        position: relative;
    }
    .item-contact-ft {
        margin-bottom: 15px;
    }
    .col-lg-4:last-child .item-contact-ft {
        margin-bottom: 0;
    }
    .our_works_page .col-lg-3 {
      margin-bottom: 20px;
    }
    .contact-ft {
        padding: 80px 0 20px;
    }
    .pe-5 {
        padding-right: 0 !important;
    }
    .menu-ft {
        margin-bottom: 40px
    }
    .hd-page {
        background-size: cover !important;
    }
    .head-news .txt-head-page {
        width: 100%;
    }
    .head-news .txt-head-page h2 {
        font-size: 22px;
    }
    .breadcrumb li {
        margin-bottom: 10px;
    }
    .cont-news-dtls > figure {
        height: auto;
    }
    .ft-news-dtls {
        align-items: flex-start;
        flex-direction: column;
    }
    .share-news {
        margin-bottom: 30px;
    }
    .other-news {
        flex-direction: column;
    }
    .other-news > div {
        width: 100%;
    }
    
    
    
}

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

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