/*===================================
        Laptop
===================================*/
@media(max-width:1199px) {
        .section-padding {
                padding: 80px 0;
        }
}
/*===================================
        Tablet
===================================*/
@media(max-width:991px) {
        .section-padding {
                padding: 70px 0;
        }
        .section-title h2 {
                font-size: 36px;
        }
}
/*===================================
        Mobile
===================================*/
@media(max-width:767px) {
        .section-padding {
                padding: 60px 0;
        }
        .section-title {
                margin-bottom: 35px;
        }
        .section-title h2 {
                font-size: 30px;
        }
        p {
                font-size: 15px;
        }
        .btn-theme,
        .btn-outline-theme {
                padding: 12px 25px;
        }
}
/*===========================
        Top Header
===========================*/
@media(max-width:991px) {
        .top-contact {
                justify-content: center;
                margin-bottom: 10px;
                flex-wrap: wrap;
        }
        .top-text {
                margin-bottom: 10px;
        }
        .top-social {
                justify-content: center;
        }
}
@media(max-width:576px) {
        .top-header {
                display: none;
        }
}
/*=============================
        Navbar
=============================*/
@media(max-width:991px) {
        .navbar {
                padding: 12px 0;
        }
        .navbar-brand img {
                height: 58px;
        }
}
/*====================================
            Hero
====================================*/
@media(max-width:991px) {
        .hero-section {
                padding-top: 110px;
                padding-bottom: 80px;
        }
        .hero-content {
                text-align: center;
                margin-bottom: 50px;
        }
        .hero-content h1 {
                font-size: 42px;
        }
        .hero-content p {
                margin: auto auto 30px;
        }
        .hero-features {
                grid-template-columns: 1fr;
                max-width: 350px;
                margin: 0 auto 35px;
                text-align: left;
        }
        .hero-buttons {
                justify-content: center;
        }
        .hero-stats {
                position: relative;
                bottom: 0;
                margin-top: 60px;
        }
}
@media(max-width:576px) {
        .hero-content h1 {
                font-size: 34px;
        }
        .hero-tag {
                font-size: 13px;
                padding: 8px 15px;
        }
        .booking-card {
                padding: 25px;
        }
        .stat-box {
                padding: 20px;
        }
}
/*==============================
      Why Choose
==============================*/
@media(max-width:991px) {
        .why-image {
                margin-bottom: 20px;
        }
}
/*====================================
            Fleet Tabs
====================================*/
.fleet-tabs {
        gap: 12px;
}
.fleet-tabs .nav-link {
        border: 2px solid rgba(255, 255, 255, .15);
        color: #fff;
        padding: 12px 28px;
        border-radius: 50px;
        font-weight: 600;
        background: transparent;
        transition: .35s;
}
.fleet-tabs .nav-link:hover {
        background: var(--secondary);
        border-color: var(--secondary);
        color: #fff;
}
.fleet-tabs .nav-link.active {
        background: var(--secondary);
        border-color: var(--secondary);
        color: #fff;
}
/*====================================
            Fleet
====================================*/
@media(max-width:991px) {
        .fleet-image img {
                height: 180px;
        }
}
@media(max-width:576px) {
        .fleet-tabs {
                justify-content: center;
        }
        .fleet-tabs .nav-link {
                padding: 10px 18px;
                font-size: 14px;
        }
        .fleet-content {
                padding: 22px;
        }
        .fleet-price strong {
                font-size: 24px;
        }
}
/*====================================
            About
====================================*/
@media(max-width:991px) {
        .about-content {
                padding-left: 0;
                margin-top: 30px;
        }
        .about-image img {
                height: 500px;
        }
        .experience-box {
                right: 20px;
                bottom: 20px;
                width: 170px;
                padding: 20px;
        }
        .about-content h2 {
                font-size: 36px;
        }
}
@media(max-width:576px) {
        .about-image img {
                height: 380px;
        }
        .experience-box {
                position: relative;
                right: auto;
                bottom: auto;
                margin: 20px auto 0;
                width: 180px;
        }
        .about-content h2 {
                font-size: 30px;
        }
        .about-buttons {
                flex-direction: column;
                align-items: stretch;
        }
        .about-buttons .btn-theme,
        .about-buttons .btn-outline-theme {
                width: 100%;
                text-align: center;
        }
}
/*====================================
        Popular Routes
====================================*/
@media(max-width:991px) {
        .route-card {
                padding: 25px;
        }
}
@media(max-width:767px) {
        .route-top {
                flex-direction: column;
                gap: 12px;
        }
        .route-top i {
                transform: rotate(90deg);
        }
        .route-card:hover .route-top i {
                transform: rotate(90deg);
        }
}
@media(max-width:576px) {
        .route-card {
                padding: 22px;
        }
        .route-top span {
                width: 100%;
                text-align: center;
        }
        .route-card ul li {
                font-size: 14px;
        }
}
/*====================================
        Tour Packages
====================================*/
@media(max-width:991px) {
        .package-content {
                padding: 24px;
        }
        .package-image img {
                height: 230px;
        }
}
@media(max-width:767px) {
        .package-footer {
                flex-direction: column;
                align-items: flex-start;
        }
        .package-footer .btn-theme {
                width: 100%;
                text-align: center;
        }
}
@media(max-width:576px) {
        .package-image img {
                height: 220px;
        }
        .package-content {
                padding: 20px;
        }
        .package-content p {
                min-height: auto;
        }
        .package-price h5 {
                font-size: 24px;
        }
}
/*====================================
            Footer
====================================*/
@media(max-width:767px) {
        .footer {
                padding: 60px 0 20px;
        }
        .footer-bottom {
                flex-direction: column;
                text-align: center;
        }
        .footer-logo {
                height: 60px;
        }
        .footer-widget {
                margin-bottom: 15px;
        }
}