/* RS Tours legacy site — responsive compatibility layer.
   This file changes layout and sizing only; the original visual identity remains intact. */

html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;overflow-x:hidden}
img,svg,video,iframe{max-width:100%}
img{height:auto}
input,select,textarea,button{max-width:100%;font:inherit}
.container,.container-fluid,.row,[class*="col-"]{min-width:0}
.container{width:100%}
.section-title h1,.section-title h2,.section-title h3,.page-header-box h1,.perfect-fleet-title h2,.fleets-single-content h2,.service-entry h2{overflow-wrap:anywhere}
.btn-default,.section-icon-btn,.perfect-fleet-btn a{min-height:46px;display:inline-flex;align-items:center;justify-content:center}
.table-responsive,table{max-width:100%}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Fluid media and cards */
.image-anime,.image-box,.service-featured-image,.fleets-slider-image,.about-image,.vision-image{overflow:hidden}
.image-anime img,.image-box img,.service-featured-image img,.fleets-slider-image img,.about-image img,.vision-image img{width:100%;object-fit:cover}
.perfect-fleet-item,.service-item,.testimonial-item,.rs-blog-card,.rs-policy-card{height:100%}
.perfect-fleet-image img,.fleets-single-slider img{max-width:100%;object-fit:contain}
.perfect-fleet-body,.perfect-fleet-footer,.service-content,.rs-blog-card__body{min-width:0}
.fleets-amenities,.fleets-amenities-list{flex-wrap:wrap}
.fleets-amenities-list{min-width:0}
.rs-fleet-package-price,.rs-fleet-package-price-contact{overflow-wrap:anywhere}

/* Prevent long contact details and links from forcing horizontal scroll */
.header-style1__contact,.footer-links,.footer-menu,.footer-quick-links,.contact-info-list{min-width:0}
.header-style1__contact a,.footer-links a,.footer-menu a,.about-footer-content p,.footer-copyright-text p,.rs-contact-method a,.rs-contact-method p{overflow-wrap:anywhere}
address{overflow-wrap:anywhere}

@media (max-width:1199px){
  .container{max-width:960px}
  .navbar .container{gap:16px}
  .navbar-brand img{width:138px;height:auto}
  .main-menu .navbar-nav{gap:2px}
  .main-menu ul li a{padding-left:9px!important;padding-right:9px!important}
  .rs-header-actions .btn-default{padding-left:18px;padding-right:18px}
  .section-title h1{font-size:clamp(44px,5.2vw,68px)}
  .section-title h2{font-size:clamp(36px,4.2vw,54px)}
}

@media (max-width:991px){
  .container{max-width:720px;padding-left:22px;padding-right:22px}
  section,.page-services,.page-service-single,.page-fleets-single,.about-us,.perfect-fleet,.our-services,.our-testimonial,.main-footer{background-attachment:scroll!important}
  .row{--bs-gutter-x:30px}
  .main-header-one__top-inner{gap:12px}
  .main-header-one__top-right{display:none}
  .header-style1__contact{justify-content:center}
  .header-sticky .navbar>.container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
  .navbar-brand{margin-right:auto}
  .navbar-toggle{flex:0 0 auto;position:relative;z-index:1001}
  .responsive-menu{position:relative;z-index:1000}
  .slicknav_menu{max-height:calc(100vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .slicknav_nav li a,.slicknav_nav .slicknav_row{min-height:44px;display:flex;align-items:center}
  .rs-mobile-nav-search{flex-basis:100%}
  .hero,.hero-section,.page-header{height:auto!important;min-height:0!important}
  .hero-section .container,.page-header .container{position:relative;z-index:2}
  .hero-content{max-width:100%}
  .hero-content .section-title h1{font-size:clamp(38px,7vw,58px);line-height:1.08}
  .hero-content-body{max-width:650px}
  .page-header{padding:72px 0!important;background-position:center!important}
  .page-header-box h1{font-size:clamp(36px,7vw,54px);line-height:1.1}
  .breadcrumb{flex-wrap:wrap;row-gap:5px}
  .section-row{margin-bottom:36px}
  .section-title{max-width:100%}
  .section-title h2{font-size:clamp(34px,6vw,48px);line-height:1.12}
  .about-image,.service-sidebar,.fleets-single-sidebar{margin:0 0 32px!important;max-width:100%!important;position:static!important}
  .service-sidebar,.fleets-single-sidebar{top:auto!important}
  .service-entry,.fleets-single-content{min-width:0}
  .service-featured-image img{max-height:520px}
  .fleets-single-slider,.fleets-single-content{width:100%}
  .fleets-information{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .fleets-amenities{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .perfect-fleet-item{display:flex;flex-direction:column}
  .perfect-fleet-body{flex:1}
  .rs-client-strip__inner,.rs-trusted-customers__logos{gap:14px}
  .rs-contact-panel,.rs-contact-map__head,.rs-fleet-browse__head,.rs-home-fleet-intro__panel{gap:20px}
  .rs-contact-map iframe{width:100%;min-height:360px}
  .cta-box,.cta-contact-content{align-items:flex-start!important}
  .cta-box{flex-direction:column}
  .cta-box-btn,.cta-contact-btn{width:100%}
  .cta-box-btn .btn-default,.cta-contact-btn .btn-default{width:100%}
  .main-footer .row>[class*="col-"]{margin-bottom:28px}
  .footer-copyright .row{row-gap:18px}
  .footer-copyright-text,.rs-footer-credit{text-align:center!important}
  .footer-social-links ul{justify-content:center}
}

@media (max-width:767px){
  .container{max-width:540px;padding-left:20px;padding-right:20px}
  .row{--bs-gutter-x:24px}
  .main-header-one__top{display:block}
  .main-header-one__top-inner{min-height:42px;padding:8px 0}
  .header-style1__contact{gap:10px}
  .header-style1__contact li:nth-child(3){padding-left:10px}
  .header-style1__contact li .text p,.header-style1__contact li .text p a{font-size:12px}
  .navbar-brand img{width:126px}
  .rs-logo-text{font-size:8px!important}
  .hero-section.bg-section{padding:58px 0 64px!important}
  .hero-content .section-title h1{font-size:clamp(35px,9vw,48px)}
  .hero-content-body p{font-size:16px;line-height:1.65}
  .hero-content-btn,.rs-mini-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}
  .hero-content-btn .btn-default,.rs-mini-actions .btn-default{width:100%}
  .page-header{padding:58px 0!important}
  .page-header-box h1{font-size:clamp(32px,9vw,44px)}
  .section-title h2{font-size:clamp(31px,8vw,40px)}
  .section-title p,.service-entry p,.fleets-single-content p,.about-footer-content p{font-size:16px;line-height:1.7}
  .perfect-fleet,.about-us,.our-services,.page-services,.page-service-single,.page-fleets-single,.our-testimonial{padding-top:58px!important;padding-bottom:58px!important}
  .perfect-fleet-image{min-height:210px;display:grid;place-items:center}
  .perfect-fleet-title h2{font-size:23px;line-height:1.2}
  .perfect-fleet-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
  .perfect-fleet-btn{margin-left:auto}
  .service-item{margin-bottom:0}
  .service-featured-image img{max-height:390px}
  .fleets-information,.fleets-amenities{grid-template-columns:1fr}
  .fleets-single-sidebar-box{padding:24px!important}
  .fleets-single-sidebar-btn .btn-default{width:100%;text-align:center}
  .rs-policy-grid,.rs-client-strip__inner{grid-template-columns:1fr!important}
  .rs-trusted-customers__logos{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rs-blog-grid{grid-template-columns:1fr!important}
  .accordion-button{font-size:16px;line-height:1.35;padding:18px 16px}
  .accordion-body{padding:16px}
  .form-group input,.form-group select,.form-group textarea,.form-control{width:100%;min-height:48px;font-size:16px}
  .form-group textarea{min-height:140px}
  .rs-contact-method{padding:20px!important}
  .rs-contact-map{margin-left:0!important;margin-right:0!important}
  .rs-contact-map iframe{min-height:320px}
  .about-footer,.footer-links,.footer-quick-links{margin-bottom:0}
  .footer-logo img{max-width:150px}
  .footer-menu ul,.footer-links ul,.footer-quick-links ul{padding-left:0}
  .footer-copyright{padding-bottom:76px}
  .rs-quick-contact{left:0!important;right:0!important;bottom:0!important;width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:0!important}
  .rs-quick-contact a{border-radius:0!important;min-height:54px;padding:0 10px!important;font-size:13px!important;box-shadow:none!important}
}

@media (max-width:575px){
  .container{width:100%;padding-left:17px;padding-right:17px}
  .header-style1__contact li:nth-child(3){display:none!important}
  .header-style1__contact{justify-content:flex-start}
  .header-sticky .navbar{padding:9px 0!important}
  .navbar-brand img{width:116px}
  .slicknav_menu{left:10px!important;right:10px!important}
  .rs-mobile-nav-search{margin-top:8px!important}
  .rs-mobile-nav-search input{height:44px}
  .hero-section.bg-section{padding:48px 0 54px!important}
  .hero-content .section-title h3{font-size:12px}
  .hero-content .section-title h1{font-size:clamp(32px,10vw,40px)!important;line-height:1.12!important}
  .page-header{padding:48px 0!important}
  .page-header-box h1{font-size:clamp(29px,10vw,38px)}
  .breadcrumb-item,.breadcrumb-item a{font-size:13px}
  .section-title h2{font-size:clamp(28px,9vw,36px)}
  .section-title h3{font-size:13px}
  .btn-default{width:100%;padding-left:18px;padding-right:18px;text-align:center}
  .perfect-fleet,.about-us,.our-services,.page-services,.page-service-single,.page-fleets-single,.our-testimonial{padding-top:46px!important;padding-bottom:46px!important}
  .perfect-fleet-image{min-height:180px}
  .perfect-fleet-body,.perfect-fleet-footer,.service-content{padding-left:18px!important;padding-right:18px!important}
  .perfect-fleet-footer{align-items:stretch;flex-direction:column}
  .perfect-fleet-btn{width:100%;margin-left:0}
  .perfect-fleet-btn a{width:100%}
  .fleets-single-slider .swiper-slide{min-height:250px}
  .fleets-single-slider img{max-height:280px}
  .fleets-single-sidebar-box{padding:20px!important}
  .fleets-amenities-list{width:100%}
  .cta-box,.cta-contact-content,.rs-blog-detail__cta{padding:24px!important}
  .rs-trusted-customers__logos{grid-template-columns:1fr!important}
  .rs-contact-map iframe{min-height:280px}
  .main-footer{padding-top:48px!important}
  .footer-copyright-text p,.rs-footer-credit{font-size:12px;line-height:1.6}
}

@media (max-width:380px){
  .container{padding-left:14px;padding-right:14px}
  .navbar-brand img{width:105px}
  .hero-content .section-title h1{font-size:30px!important}
  .page-header-box h1{font-size:28px}
  .rs-quick-contact a{font-size:12px!important}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
