/* ===================================================================
   ADG — Responsive
   Nạp SAU cùng. Ưu tiên dùng class grid của Bootstrap; file này chỉ bù
   những chỗ Bootstrap không xử lý được.
   =================================================================== */
.footer-contact p:nth-child(3){font-size: 16px;font-weight: 600;}
/* ---------------------------------------------- <= 1199px --------- */
@media (max-width: 1199.98px) {
    .js-swiper .swiper-button-prev,
    .js-swiper .swiper-button-next { display: none; }
}

/* ---------------------------------------------- <= 991px ---------- */
@media (max-width: 991.98px) {
    :root { --header-h: var(--header-h-sm); }

    .home-hero { min-height: clamp(300px, 60vh, 520px); }

    .tour-card { grid-template-columns: 1fr; }
    .tour-media { min-height: 200px; aspect-ratio: 16 / 9; }

    .contact-form-card { padding: 26px; }

    .sticky-sidebar { position: static; }

    .contact-map iframe { height: 340px; }
}

/* ---------------------------------------------- <= 767px ---------- */
@media (max-width: 767.98px) {
    .section, .about, .tours, .testimonials, .gallery, .news, .booking,
    .destinations, .serve-section, .inner-section, .related-posts { padding: 56px 0; }

    .section-heading { flex-direction: column; align-items: flex-start; }
    .section-heading-center { align-items: center; }

    .about-image::after { width: 60px; height: 60px; }

    /* .serve-grid duoi 768px chuyen sang cuon ngang (display:flex trong home.css)
       nen grid-template-columns khong con tac dung — da go de khoi gay hieu nham. */

    /* bottom phai chua cho thanh .mobile-cta dinh day (~58px) — file nay nap SAU
       layout.css nen gia tri o day moi la gia tri cuoi cung. */
    .float-cta { right: 12px; bottom: 70px; gap: 8px; }
    .float-cta-btn { width: 44px; height: 44px; }

    .copyright { flex-direction: column; gap: 6px; text-align: center; justify-content: center; }

    .search-box { flex-wrap: wrap; padding-left: 42px; }
    .search-submit { width: 100%; }

    .post-article-meta { gap: 8px 16px; }

    .home-banner { padding-bottom: 56px; }
}

/* ---------------------------------------------- <= 575px ---------- */
@media (max-width: 575.98px) {
    .container { padding: 0 16px; }

    .home-hero-actions { flex-direction: column; align-items: stretch; }
    .home-hero-actions > a { width: 100%; }

    .contact-form-card, .sidebar-box { padding: 22px; }

    .media-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }

    .lang-switch-item { padding: 3px 8px; }
.hp-about-tag{font-size: 15px;}
.hp-stat{margin-top: 0 !IMPORTANT;margin-bottom: 0 !IMPORTANT;}
.hp-stat-label{font-size: 14px;}
.hp-prog-body:before{right: 0;left: 0;bottom: 99%;border-bottom: 30px solid #ffffff;border-right: 340px solid transparent;border-top: none;border-left: none;top: auto;}
.hp-price-table td:last-child{text-align: left;}
.hp-news-item h3{font-size: 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.hp-news-thumb img{aspect-ratio: 1/1;}
.header-company{font-size: 11px;}
.cl-steps-title{font-size: 18px;}
.ab-hero h1{font-size: 24px;line-height: 32px;}
.ab-landing p{font-size: 14px;text-align: justify;}
.ab-btn{font-size: 14px;padding: 8px 15px;}
.ab-head h2{font-size: 14px;}
.ab-timeline strong{font-size: 13px;}
.ab-ico-lg{width: 70px;height: 70px;}
.ab-vm-card h3{margin-top: 0;margin-bottom: 30px;font-size: 15px;}
.ab-section.ab-conduct .ab-card{padding: 15px;}
.ab-section.ab-conduct .ab-card h3{height: auto;margin-top: 0;}
.ab-section.ab-conduct .ab-card p{margin-left: 80px;font-size: 13px;line-height: 20px;text-align: left;}
.ab-media{aspect-ratio: 2/1.5;}
.ab-section.ab-team p.ab-intro{font-size: 14px;text-align: left;}
.ab-section.ab-team .ab-checks li{padding-left: 70px;font-size: 13px;}
.ab-section.ab-team .ab-ico{left: 25px;}
.ab-mindset p{text-align: center;}
.ab-section.ab-csr .ab-csr-list li{padding-left: 78px;}
.ab-section.ab-csr .ab-csr-list li p{font-size: 12px;line-height: 18px;}
.ab-section.ab-csr .ab-csr-list strong{font-size: 14px;}
.ab-cta-box h2{font-size: 18px;}
.ab-values-grid .ab-value h3{margin-left: 70px;margin-top: 0;font-size: 15px;}
.ab-values-grid .ab-value strong{padding-left: 71px;height: 40px;}
.ab-value-no{font-size: 38px;}
.footer-brandname{font-size: 14px;}
.footer-title{font-size: 16px;}
.offcanvas-lg.site-nav-shell .offcanvas-body{padding-bottom: 100px;}
.btn-consult{display: none;}
.hp-about-media img{height: 360px;object-fit: cover;}
.hp-about-media{width: 100%;}
.hp-about-copy h2{font-size: 15px;}
}

/* ---------------------------------------------- In ấn ------------- */
@media print {
    .site-header, .site-footer, .float-cta, .sticky-sidebar,
    .booking, .home-popup, .swiper-button-prev, .swiper-button-next { display: none !important; }
    body { color: #000; }
    .page-body-offset { padding-top: 0; }
}