/* =========================================================
   RM ACELECT ENGINEERING — RESPONSIVE V1
   Kept separate so mobile/tablet behavior can be maintained
   without touching booking JavaScript.
   ========================================================= */

@media (max-width:1200px){
    .container{width:94%}
    .nav-wrapper{gap:15px}
}

@media (max-width:992px){
    .hero-content{max-width:850px}
    .hero h1{font-size:46px}
    .nav-wrapper ul a{padding-left:6px;padding-right:6px}
}

@media (max-width:768px){
    .top-contact{display:flex}
    .left-contact,.right-contact{width:100%}
    .nav-wrapper ul{max-width:100%}
}

@media (max-width:480px){
    .hero h1{line-height:1.13}
    .section-title h2{line-height:1.2}
}