@media(max-width:960px){
  .menu-toggle{display:block}
  .nav-links{
    position:fixed;
    top:0;
    right:-280px;
    width:260px;
    height:100dvh;
    background:#fff;
    background-size:68% auto;
    flex-direction:column;
    padding:80px 24px 30px;
    gap:6px;
    box-shadow:-10px 0 40px rgba(0,0,0,.15);
    transition:right .4s cubic-bezier(.4,0,.2,1),opacity .35s ease;
    opacity:0;
    pointer-events:none;
  }
  .nav-links.open{
    right:0;
    opacity:1;
    pointer-events:auto;
  }
  .menu-close{display:flex}
  
  .booking-form-wrap {
    flex-direction: column;
  }
  .booking-form-wrap .form-item {
    border-right: none;
    border-bottom: 1px solid var(--gray-200);
  }
  .booking-form-wrap .form-item:last-of-type {
    border-bottom: none;
  }
  .booking-btn {
    width: 100%;
    height: 64px;
  }
  .live-info-wrap {
    flex-direction: column;
    gap: 16px;
  }
  
  .about-cxy-wrap {
    flex-direction: column;
  }
  .about-cxy-left {
    width: 100%;
  }
  .about-cxy-data-row {
    grid-template-columns: repeat(2,1fr);
  }

  .servebj-row {
    flex-direction: column;
  }
  .servebj-left-col {
    width: 100%;
  }
  .serve-card-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .serve-faq-row {
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
  }
  .serve-faq-row .faq-answer {
    font-size: 13px;
  }
  
  .intro-wrap{
    grid-template-columns:1fr;
  }

  .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .card-img-box {
    height: 190px;
  }

  .customer-static-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .article-detail-wrap{
    grid-template-columns:1fr;
    padding:30px 0;
  }
  
  .article-wrap{
    grid-template-columns:1fr;
    padding:30px 0;
  }
  
  .service-wrap{grid-template-columns:1fr;}
  .service-card-grid{grid-template-columns:repeat(2,1fr);}
  
  .detail-wrap{
    grid-template-columns:1fr;
  }

  .package-grid{
    grid-template-columns:repeat(2,1fr);
  }
  
    .back-top {
        right: 20px;
        bottom: 30px;
        width: 44px;
        height: 44px;
    }
}