@media (min-width:1200px) {
    .container-custom {max-width: 100%;overflow-y: hidden;}
}
@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 (max-width:1024px) {
    .contact-input { margin-bottom: 15px; }
    .title-detail-main { font-size: 20px; }
    .scrollToTop, #messages-facebook { display: none !important; }
    .menu { display: none; }
    .menu-res { display: block; }
    .header { position: fixed; top: 0px; left: 0px; right: 0px; box-shadow: 0 1px 5px 0px rgb(0 0 0 / 30%); z-index: 999; padding: 5px 10px; background: #fff; }
    .header-bottom { padding: 5px 10px; height: 70px; }
    #hamburger { display: block; }
    .header-left, .header-right, .search, .hide-mobile { display: none; }
    .header-logo {/* width: 100px; */zoom: 0.55; }
    .header .wrap-content { gap: 0; justify-content: space-between !important; }
    .btn-view { width: calc(100% - 100px); justify-content: end; }
    .header.header-pagein { position: fixed !important; }
}
@media (max-width:992px) {
    .othernews { position: initial; }
    .footer-title:after { width: 100%; }
    .copyright, .statistic { width: 100%; text-align: center; }
    .footer-copyright { width: 100%; text-align: center; }
    .footer-statistic { width: 100%; text-align: center; margin-top: 5px; }
    .grid-pro-detail .left-pro-detail { width: 100%; text-align: center; margin-bottom: 30px; }
    .grid-pro-detail .right-pro-detail { width: 100%; }
    .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; }
    .news-left { width: 100%; margin-bottom: 30px; }
    .news-right { width: 100%; }
    .title-detail>*, .title-main { font-size: 32px; }
}
@media (max-width:576px) {
    .toast-cus { left: 5px; width: calc(100% - 10px); }
    .box-readmore { width: calc(100% - 5px); }
    .top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
    .cart-pro-detail { flex-wrap: wrap; gap: 10px; }
    .cart-pro-detail a { width: 100%; text-align: center; margin: 0px !important; }
    .cart-pro-detail a:first-child { margin-bottom: 5px !important; }
    .row-product, .row-news, .row-service, .row-video, .row-album { margin: 0px -7px; }
    .col-product, .col-news, .col-service, .col-video, .col-album { padding: 0px 7px; margin-bottom: 20px; }
    .left-news { width: 100%; margin-bottom: 20px; }
    .right-news { width: 100%; }
    .title-detail>*, .title-main { font-size: 24px; }
}
@media (max-width:1024px) {
    .header { background: #fff; padding: 10px 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); position: fixed; }
    .header {background: #fff;padding: 4px 10px;}
    .slide-item-layout { height: auto; min-height: 500px; display: flex; justify-content: center; align-items: center; }
    .slide-title { font-size: 30px; }
    .slide-desc { font-size: 14px; }
    .header-menu { display: none;        /* Use sidebar */ }
}
@media (max-width:991px) {
    .slide-item-layout::before {        /* On mobile/tablet, create full overlay or bottom overlay */
    background: rgba(0, 0, 0, 0.5); }
    .slide-content { align-items: center !important; text-align: center; padding-right: 15px; padding-left: 15px; }
    .slide-desc { text-align: center; margin: 0 auto 30px auto; }
    .slide-content h2.slide-title { text-align: center; font-size: 36px; }
    .btn-slide { margin: 0 auto; }
}
@media (max-width:991px) {
    .intro-wrapper { flex-direction: column; }
    .intro-content { width: 100%; margin-bottom: 40px; }
    .intro-image { width: 100%; height: auto; padding-left: 0; padding-top: 0; margin-top: 20px; }
    .shape-green { width: 80%; height: 90%; top: -15px; left: -15px; }
    .criteria-wrapper { flex-wrap: wrap; }
    .criteria-item { width: 100%; margin-bottom: 30px; }
    .shape-green-2 { display: none; }
    .menu-list { margin-top: 0; }
    .menu-modal-content { padding: 20px 10px; }
    .project-name, .slogan-title { font-size: 14px; }
    .txt-decord { font-size: 22px; }
    .video-overlay-play { zoom: .5 }
    .slide-subname { font-size: 20px; margin-bottom: 10px; }
}
@media (max-width:576px) {
    .criteria-item { width: 100%; }
    .intro-title { font-size: 24px; }
}
@media (max-width:991px) {
    .project-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .project-item:nth-child(1) { grid-column: span 2; }
}
@media (max-width:575px) {
    .project-grid { grid-template-columns: repeat(2, 1fr); gap: 5px; }
    .project-item:nth-child(1) { grid-column: span 1; grid-area: 1 / 1 / 2 / 3; }
    .project-item { height: 300px; }
}
@media (max-width:991px) {
    .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 5px; }
    .watermark-title { font-size: 60px; transform: translate(-50%, -70%); }
}
@media (max-width:575px) {

    /*.gallery-grid { grid-template-columns: 1fr; }*/
    .watermark-title { font-size: 40px; transform: translate(-50%, -60%); }
    .gallery-item { height: 300px; }
}
@media (max-width:768px) {
    .form-row { flex-wrap: wrap; margin: 0; }
    .form-col { width: 100%; padding: 0; margin-bottom: 15px; }
    .newsletter-title { font-size: 28px; }
    .newsletter-section { padding: 50px 0; }
}
@media (max-width:768px) {
    .field-activity-section { padding: 50px 0; }
    .field-name { font-size: 16px; }
}
@media (max-width:575px) {
    .field-activity-section { padding: 40px 0; }
}