@media (min-width:1200px) {
    .container-custom { max-width: 100%; }
}
@media (min-width:992px) and (max-width:1199px) {
    .container-custom { max-width: 980px; }
}
@media (min-width:768px) and (max-width:991px) {
    .container-custom { max-width: 760px; }
}
@media only screen and (max-width:991px) {
    .menu { display: none; }
    .menu-res { display: block; }
}
@media (max-width:1024px) {
    .contact-input { margin-bottom: 15px; }
    .flex-cus, .row-video, .row-20 { margin-left: -5px; margin-right: -5px; }
    .mg-cus, .mg-video, .col-20 { padding-left: 5px; padding-right: 5px; }
    .content-text img { height: auto !important; }
    .padding-top-bottom { padding: 2rem 0; }
    .pad-top { padding-top: 2rem; }
    .pad-bottom { padding-bottom: 2rem; }
    .mg-top { margin-top: 2rem; }
    .mg-bottom { margin-bottom: 2rem; }
    .title-detail-main { font-size: 20px; }
    .scrollToTop, #messages-facebook, .btn-frame { display: none !important; }
    .pad-bottom { padding-bottom: 2rem !important; }
    .pad-top { padding-top: 2rem !important; }
    .padding-top-bottom { padding: 2rem 0 !important; }
    .menu { display: none; }
    .menu-res { display: block; }
    .header { position: fixed !important; !importan; !importa; !import; !impor; !impo; !imp; !im; !i; !; top: 0px; left: 0px; right: 0px; box-shadow: 0 1px 5px 0px rgb(0 0 0 / 30%); z-index: 999; }
    .product-tool { opacity: 1; visibility: visible; position: initial; }
    .product-tool a span { display: none; }
    .header-bottom { padding: 5px 10px; height: 70px; background: #1c1919; }
    .right-header { display: flex; }
    .banner-header, .hotline-header { display: none; }
    .logo-header { width: auto; zoom: 1 !important; !importan; !import; !impor; !impo; !imp; !im; !i; !; }
    .logo-header img { max-height: 60px; }
    .left-header-top { width: 100%; font-size: 14px; }
    .right-header-top { display: none; }
    .info-header { display: none; }
    #hamburger { display: block; }
    .search, .hide-mobile { display: none; }
    .btn-header { padding: 5px; }
    .search-res .icon-search { color: var(--color-main); }
    .lang-res { display: flex; gap: 5px; margin-left: 14px; }
    .wrap-container { padding: 30px 0 !important; }
    .about-home .row>* { padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5); }
    .about-home .row { margin-top: calc(var(--bs-gutter-y)* -1); margin-right: calc(var(--bs-gutter-x)* -.5); margin-left: calc(var(--bs-gutter-x)* -.5); }
    .wrap-bio { aspect-ratio: unset; padding: 35px 0; display: block; }
    .wrap-bio .wrap-content:before, .wrap-bio .wrap-content:after { display: none; }
}
@media (max-width:992px) {
    .othernews { position: initial; }
    .footer-title:after { width: 100%; }
    #fanpage-facebook { overflow: hidden; }
    .footer-news:nth-child(1) { width: 100%; margin-bottom: 20px; }
    .footer-news:nth-child(2) { width: 48%; }
    .footer-news:nth-child(3) { width: 48%; }
    .footer-news:nth-child(4) { width: 30%; }
    .time-news { display: none; }
    .copyright, .statistic { width: 100%; text-align: center; }
    .footer-copyright { width: 100%; text-align: center; }
    .footer-statistic { width: 100%; text-align: center; margin-top: 5px; }
    .left-content-detail { width: 100%; margin-bottom: 20px; }
    .right-content-detail { width: 100%; }
    .contact-detail { flex-direction: column-reverse; }
    .left-contact-detail { width: unset; }
    .right-contact-detail { width: unset; margin-bottom: 30px; }
    .row-contact { justify-content: center; }
    .contact-item { width: 100%; margin: 5px; }
    .contact-item span { word-break: break-all; }
    .pic-intro a { max-width: 500px; display: inline-block; }
    .pic-intro { text-align: center; }
    .content-slide p, .content-slide span { font-size: 28px !important; text-align: center !important; line-height: 32px; }
    .logo-slide { width: 100%; margin-bottom: 25px; padding-top: 35px; }
    .logo-slide img { max-width: 150px; margin: 0 auto; }
    .content-slide { flex-wrap: wrap; }
    .content-slide .content { width: 100%; max-width: 100%; }
    #myVideo, .slideshow { aspect-ratio: unset; max-height: 100vh; width: 100vw; height: 100vh; }
    .slideshow .pic img { width: 100%; height: 100vh; object-fit: cover; }
    .about-home .content { font-size: 20px; }
    .title-letter span, .title-scale-operation span { font-size: 36px; }
    .title-awards .title, .title-scale-operation p { font-size: 32px; }
    .title-letter p { font-size: 17px; }
    .info-news { font-size: 14px; }
    .footer-article .ovl { display: none; }
    .social-footer { margin-bottom: 25px; }
    .activitie-home .col-lg-2 { display: none; }
    .title-letter { padding-bottom: 20px; margin-bottom: 10px; }
    .title-project .sub { margin-bottom: 0px; }
    .slogan-main { font-size: 14px; }
    .strategic-partners::after { display: none; }
    .pic-partner { width: unset; margin: 0 5px; padding: 20px 30px; }
    .wrap-partner-1 { margin-bottom: 10px; }

    /*.wrap-partner-2 { margin: 0 0px 0 -93px; }
    .wrap-partner-1 { margin: 0 0px 10px -80px; left: 93px; position: relative; }*/
    .title-media span:nth-child(1) { font-size: 25px; }
    .view-all a { margin: 20px auto 0 auto; width: 110px; height: 110px; font-size: 13px; }
    .view-all a::after { width: 35px; }
    .footer-article .wrap-content { flex-wrap: wrap; gap: 20px; }
    .mobile-full { width: 100% !important }
    .footer-logo { padding-left: 8px; }
    .title-footer { font-size: 16px; padding-left: 15px; }
    .footer-ul { padding-left: 15px; }
    .item-bio .left { width: 100%; }
    .info-bio { margin-top: 0; }
    .item-bio .right { width: 100%; }
    .item-bio { padding-right: 0; display: block; max-width: 100vw; }
    .item-bio .title-main span { line-height: 1; }
    .slick-prev, .slick-next, .wrap-bio:before, .wrap-bio:after { display: none; }
    .wrap-partner-1 .slick-slide { margin: 0 180px 0 -180px; }
    .wrap-partner-2 .slick-slide { margin: 0 -220px 0 220px; }
    .contact-home::after { display: none; }
    .project-home .swiper-project { padding-bottom: 0; }
    .title-project { height: 45px; }
    .slick-bio .slick-slide{padding: 30px 0;}
}
@media (max-width:768px) {
    .left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
    .pic-news { width: 160px; }
    .info-news { padding-top: 10px; }
    .name-news { font-size: 15px; }
    .title-main { padding-bottom: 5px; margin-bottom: 15px; }
    .title-main span { font-size: 45px; }
    .wrap-news { padding: 25px 0px; }
    .footer-article { padding: 30px 0px; }
    .pic-map { width: 100%; }
    .w-scale-operation { width: 100%; }
    .scale-operation .wrap-content { flex-wrap: wrap; }
    .pic-map { max-width: 300px; margin: 0 auto; }
    .item-operation:before, .item-operation:after { display: none; }
    .item-operation-2, .item-operation-3 { margin-left: 0 !important; }
    .level { display: flex;/* justify-content: center; */ align-items: center; gap: 25px; flex-wrap: wrap; }
    .item-operation { margin-bottom: 0px; }
    .awards-left { width: 100%; margin-bottom: 20px; }
    .awards-right { width: 100%; }
    .w-awards { flex-wrap: wrap; }
    .awards-1 .item-awards-1, .awards-1 .item-awards-2 { left: 0; }
    .footer-title, .title-project span { font-size: 45px; }
    .grid-partner { grid-template-columns: repeat(4, 1fr); }
    .letter-right { padding: 10px; }
    .name-media { font-size: 20px; }
    .grid-medialist { grid-column-gap: 10px; grid-row-gap: 10px; }
}
@media (max-width:714px) {
    .content-slide p, .content-slide span { font-size: 12vw !important; text-align: center !important; lin; line-height: 1.1; }
}
@media (max-width:576px) {
    .toast-cus { left: 5px; width: calc(100% - 10px); }
    .box-readmore { width: calc(100% - 5px); }
    .newshome-scroll { width: 100%; }
    .newshome-intro { width: 100%; margin-bottom: 20px; }
    .top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
    .row-news { margin: 0px -7px; }
    .col-news { padding: 0px 7px; margin-bottom: 20px; }
    .footer-news:nth-child(2) { width: 100%; margin-bottom: 20px; }
    .footer-news:nth-child(3) { width: 100%; }
    .footer-news:nth-child(4) { width: 100%; }
    .about-home .content { font-size: 16px; }
    .title-bio, .footer-title, .title-project span, .title-main span { font-size: 30px; }
    .title-activitie span { font-size: 25px; }
    .content-media { font-size: 15px; color: var(--color-main); font-weight: 500; margin-top: 0; }
}
@media (max-width:480px) {
    .grid-partner { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width:370px) {
    .col-product { flex: 0 0 100%; max-width: 100%; }
}