@media only screen and (max-width: 1024px) {
    section.hero-banner h1 {
        font-size: 2rem;
    }

    section.hero-banner p.fs-5 {
        font-size: 1rem !important;
    }
    .tripInput .fs-14 {
        font-size: 12px;
    }
    section.hero-banner button.fs-12 {
        font-size: 10px;
    }
}

@media only screen and (max-width: 992px) {
    section.hero-banner h1 {
        font-size: 1.8rem;
    }

    .tripInput {
        display: none;
    }

    .whychooseList li {
        width: 100%;
    }
    .accordion-button {
        font-size: 14px !important;
    }
    div#tour-package-list .swiper-slide{ height: 200px; }
}

@media only screen and (max-width: 575px) {
    div#tour-package-list .swiper-slide{ height: 130px; }
    .fs-14 {
        font-size: 12px;
    }
    .fs-12 {
        font-size: 10px;
    }
    h2 {
        font-size: 19px;
    }
    h1 {
        font-size: 21px;
    }

    header .navbar-brand img {
        width: 20px;
    }

    header .navbar-brand .fs-14 {
        width: 10px;
        display: inline-block;
        font-size: 10px;
    }

    header .btn.btnoutlineprimary {
        display: none;
    }

    section.hero-banner h1 {
        font-size: 1.2rem;
    }

    section.hero-banner p.fs-5 {
        font-size: 12px !important;
    }
}