@media (max-width:1300px) {}

@media (max-width:1200px) {
    .new-hero-banner-section h2 {
        padding-top: 9rem;
    }
    .inside_cal_bner .airline img {
        width: 90px;
    }
    .cruise-promo h1 {
        font-size: 37px;
    }
    .cruise-promo h2 {
        font-size: 25px;
    }
    .cruise_more_offer .highlight {
        font-size: 34px;
    }
    .search-card h5 {
        font-size: 24px;
    }
}

@media (max-width:992px) {
    .cruise_more_offer {
        font-size: 20px;
    }
    .cruise_more_offer .highlight {
        font-size: 32px;
        padding-left: 0 !important;
    }
    .hero-section1 {
        height: 670px;
        background-position: center;
    }
    .cruise_more_suboffer {
        background: none;
        padding: 0 0px;
        backdrop-filter: blur(0);
    }
    .slider {
        position: unset;
        border-radius: 0;
        background: #ffffffe8;
    }
    .cruise_offer {
        padding-bottom: 1rem !important;
        padding: 0 20px;
    }
    .new-hero-banner-form .new-hero-banner-btn {
        padding: 9px 20px;
        margin-top: 16px;
    }
    .hero-text {
        position: absolute;
        top: 0;
        padding-top: 16px;
    }
    .search-card h5 {
        margin: 0;
        margin-bottom: 10px;
    }
    .hero-section1 {
        display: block;
    }
    .hero-section {
        padding: 0rem 0rem;
        background: linear-gradient(146deg, #0072e7, #30bcf6) !important;
        padding-bottom: 1.5rem;
    }
    .hero-section h1,
    .hero-section p {
        display: none;
    }
    .hero-text h1 {
        font-size: 40px;
    }
    .hero-text p {
        font-size: 16px;
    }
    .new-hero-banner-section {
        padding: 15px 20px;
    }
    .new-hero-banner-section p {
        margin-bottom: 1rem;
    }
    .thank-you-card {
        margin-top: 0rem;
    }
    .royal_international_main h2 {
        font-size: 20px;
    }
    .wave {
        display: none;
    }
    .new-hero-banner-section h2 {
        padding-top: 0rem;
    }
    .new-hero-banner-destination {
        display: none;
    }
    .new-hero-banner {
        height: 17vh;
    }
    .testimonials-header {
        margin-bottom: 2rem;
    }
    .cruise_line_right {
        display: none;
    }
    h1.faq-title {
        font-size: 1.5rem;
    }
    .cruise_line_left h2 {
        font-size: 30px;
    }
    .new_deals_price {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .new-hero-banner-section h2 {
        font-size: 22px;
    }
    .toll-free p {
        color: #333 !important;
    }
    .toll-free-no {
        color: #000000 !important;
    }
    .new-hero-banner-section {
        height: auto;
    }
}

@media screen and (max-width:820px) {}

@media (max-width:767px) {
    .cruise-promo h2 {
        font-size: 22px;
    }
    .cruise_line_left h2 {
        font-size: 25px;
    }
    .banner_call {
        width: 90%;
    }
    .inside_cal_bner {
        flex-direction: column;
        gap: 10px;
        border-top: none;
        text-align: center;
    }
    .inside_cal_bner .divider {
        display: none;
    }
    .inside_cal_bner .airlines {
        justify-content: space-evenly;
        gap: 5px;
    }
}

@media (max-width:640px) {}

@media (max-width: 600px) {}

@media (max-width:580px) {}

@media (max-width:480px) {
    .cruise-promo h2 {
        font-size: 20px;
    }
    .hero-section1 {
        height: 540px;
    }
    .cruise_more_offer .highlight {
        font-size: 25px;
    }
    .inside_cal_bner .airline img {
        width: 70px;
    }
    .hero-text h1 {
        font-size: 25px;
    }
    .hero-text p {
        font-size: 15px;
    }
    .highlight {
        font-size: 22px;
    }
    .cruise_more_suboffer {
        font-size: 20px;
    }
    .cruise_more_offer {
        font-size: 17px;
    }
    @media (max-width:414px) {}
    @media (max-width:380px) {}
    @media (max-width:360px) {}