@media screen and (max-width:1520px) {
    .header {

        padding: 0 120px;

    }

    .hero-section .dropdown-list {
        padding: 0 120px;

    }

    .hero-section .form-container {

        padding: 0 60px;

    }

    .welcome-bj {

        padding: 60px 120px;

    }

    .Groepsrondreizen {
        padding: 0px 120px;

    }

    .tracker-container {
        padding: 40px 120px;

    }

    .card-container-for-slider .card-container {

        padding: 20px 120px;

    }



    .var-reizen {

        padding: 60px 120px;
    }

    /* in which extra adition css */
    .card-container-for-second-slider-section {
        padding: 0px 120px;
    }

    .waarom-keizen {

        padding: 20px 120px;
    }

    /* -- wat zeggen -- */

    .var-reizen.wat-zeggen {

        padding: 42px 120px;
    }

    .footer {
        padding: 40px 120px;

    }

    .footer .footer-container {

        gap: 60px;

    }

    /* itinary page section */

    .tour-detail-section {
        padding: 0px 120px;


    }

    .itinerary-tabs .tabs {

        padding: 0px 120px;

    }

    .itinerary-tabs .tab-content {
        padding: 0 120px;

    }

    .newsletter-container {

        padding: 40px 120px;
    }

    .cruise-container {
        padding: 40px 120px;

    }

    .offer-details-section {
        padding: 40px 120px 0px 120px;

    }

    .country-destination {
        padding: 10px 120px;

    }

    .contact-us-page {
        padding: 20px 120px;
    }





    .user-account-wrapper .user-account-container {

        padding: 40px 120px;

    }

    .destination-group-list {

        padding: 40px 120px;
    }



    .registration-form-container {

        padding: 80px 120px;
    }



    .Login-form-container {

        padding: 80px 120px;
    }

    .welcome-bj.welcome-bj-banner {
        padding: 60px 36px;
    }

    .groupTour-section {

        padding: 40px 120px;
    }

    .flight-checkout-search {
        padding: 20px 80px;
    }

}



@media screen and (max-width:1280px) {
    .header {
        padding: 0 24px;
        height: 70px;

    }

    .hero-section .dropdown-list {
        padding: 0 24px;
        gap: 28px;
    }

    .hero-section .form-container {

        padding: 0 40px;

    }

    .hero-section .form-container .holiday-form h2 {
        width: 275px;
    }


    .header .header-logo img {
        padding: 20px
    }

    .menu-list {
        column-gap: 20px;
    }

    .menu-item {

        padding: 8px 4px;
    }

    .welcome-bj {
        padding: 40px 24px;
    }

    .Groepsrondreizen-container {
        padding: 40px 0px;
    }

    .Groepsrondreizen .left-text h1 {
        font-size: 42px;
        line-height: 46px;

    }

    .Groepsrondreizen .right-link a {
        font-size: 18px;
    }

    .card-container-for-slider .slider-wrapper::before {

        width: calc(100% - 50%);

    }

    .card-container-for-slider .card-container {

        padding: 20px 60px;
        gap: 16px;

    }

    .card-container .card {
        min-width: 280px;
        max-width: 330px;

    }

    .Groepsrondreizen {
        padding: 0px 60px;

    }

    .Groepsrondreizen .tagline {
        color: #ff7801;
        font-size: 36px;
        line-height: 36px;

    }

    .card-container-for-slider input[type="range"] {
        width: 70%;

    }

    .var-reizen .reizen-info h3 {
        font-size: 32px;
        line-height: 32px;

    }



    .var-reizen .reizen-info h1 {
        font-size: 52px;

    }

    .var-reizen .reizen-info p {
        margin-top: 11px;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
    }

    .var-reizen .reizen-info button {
        font-size: 16px;

    }

    .var-reizen .reizen-info ul li {
        font-size: 16px;
    }

    .var-reizen .reizen-info ul li span img {
        max-width: 20px;
        width: 20px;
        max-height: 18px;
    }

    .card-container-for-second-slider-section .slider-wrapper-second::before {
        width: calc(100% - 50%);
    }

    .card-container-for-second-slider-section {
        padding: 0px 60px;
    }

    .card-container-for-second-slider-section input[type="range"] {
        width: 70%
    }


    .Groepsrondreizen-second .card-second {
        min-width: 260px;

    }

    .welcome-bj .bj-title {
        font-size: 36px;
        line-height: 36px;


    }

    .welcome-bj .bj-heading {
        font-size: 36px;
        line-height: 36px;
    }

    .welcome-bj.waarom-keizen-header {

        padding: 10px 0px;
        padding-bottom: 10px;

    }

    .welcome-bj .bj-info {
        font-size: 18px;
        line-height: 24px;
    }


    .waarom-keizen {

        padding: 20px 60px;
    }

    .waarom-keizen-cards {
        display: flex;
        padding: 20px 0px;
    }

    .waarom-keizen-cards .waarom-cards {
        padding: 24px 16px;

    }

    .waarom-keizen .cruiser-section .cruiser-section-container {
        padding: 24px 0px;
    }

    .waarom-keizen .cruiser-section-card {
        padding: 20px;
    }

    .waarom-keizen .waarom-heading {
        font-size: 32px;
        line-height: 32px;

    }



    .var-reizen.wat-zeggen .reizen-info h1 {
        font-size: 42px;
        line-height: 48px;
    }

    .var-reizen.wat-zeggen .reizen-info p {
        margin-top: 16px;
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 24px;
    }

    .wat-zeggen .slider__buttons .slider__button {
        width: 48px;
        height: 48px;
    }

    .var-reizen .reizen-info ul {

        margin-bottom: 18px;
    }

    .var-reizen.wat-zeggen {
        gap: 20px;
        padding: 40px 60px;
    }

    .wat-zeggen .slide {

        padding: 20px 20px;
    }

    .var-reizen {

        padding: 50px 60px;
    }

    .laten .left-container {

        padding: 36px 20px;

    }

    .laten .left-container .laten-btn li button {
        border-radius: 6px;
        font-size: 18px;
        width: 180px;

    }

    .footer .footer-container {
        gap: 50px;
    }

    .footer .footer-container .footer-address {
        gap: 16px;

    }

    .footer .footer-column {
        min-width: 180px;
    }

    .footer .company-info h2 {

        font-size: 32px;
        line-height: 36px;

    }

    .footer .company-info .tagline {


        font-size: 18px;
        line-height: 22px;
        margin-top: 16px;
    }

    .footer .company-info .description {
        font-size: 14px;
        margin: 16px 0;
        /* line-height: 1.4; */
        font-family: 'GT Walsheim', sans-serif !important;
    }

    .var-reizen .reizen-info ul {

        margin-bottom: 18px;
    }

    .welcome-bj.welcome-bj-banner {
        padding: 30px 24px;
    }

    .footer {
        padding: 50px 60px;
        background-color: #fff;
    }


    /* group tour section */

    .groupTour-section {
        padding: 40px 60px;
    }



    .groupTour-section .groupTour-header {
        font-size: 36px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 12px;
    }



    .tour-detail-section {
        padding: 0px 60px;
        gap: 20px;
    }

    .itinerary-tabs .tabs {
        padding: 0px 60px;
        overflow: auto;
    }

    .itinerary-tabs .tabs .tab-link {
        font-size: 15px;
        padding: 7px 18px;
    }

    .itinerary-tabs .tab-content {
        padding: 0 60px;
        padding-bottom: 30px;
    }


    /* ========================= */
    .newsletter-container .newsletter-form {
        display: flex;
        justify-content: start;
        align-items: center;
        column-gap: 10px;
        row-gap: 16px;
        flex-wrap: wrap;
    }

    .newsletter-container .newsletter-title {
        font-size: 24px;
        line-height: 30px;
        font-weight: bold;
        margin-bottom: 14px;
    }

    .newsletter-container {
        gap: 20px;
        padding: 40px 60px;
    }

    .newsletter-container .newsletter-form input[type="text"],
    .newsletter-container .newsletter-form input[type="email"] {
        padding: 7px 16px;
        color: #000;
    }

    .newsletter-container .newsletter-form button {
        width: fit-content;
        padding: 6px 36px;

    }

    .tour-detail-section .tour-detail-left-section .tour-detail-title {
        font-size: 21px;
        padding-bottom: 24px;

    }

    .tour-detail-section .tour-detail-left-section .tour-detail-info {
        font-size: 17px;

    }

    .tour-detail-section .tour-detail-left-section .tour-detail-location {
        font-size: 17px;

    }

    .tour-detail-section .tour-detail-left-section .tour-detail-info span {
        font-size: 17px;
        padding-right: 4px;
        width: 20px;
    }

    .tour-detail-section .tour-detail-right-section .tour-detail-price {
        font-size: 32px;

    }

    .tour-detail-section .tour-detail-right-section .tour-detail-info {
        font-size: 17px;
    }

    .tour-detail-section .tour-detail-right-section .tour-detail-book-now {
        font-size: 17px;

        padding: 5px 0px;

    }

    .itinerary-tabs .days-heading {
        font-size: 24px;

        margin-top: 5px;
        padding: 15px 0px;
    }

    .itinerary-tabs .days-target-container .targeted-days .day-content .day-title {
        font-size: 16px;

        margin-bottom: 5px;
    }

    .itinerary-tabs .days-target-container .targeted-days .day-content .day-info {
        font-size: 15px;
    }

    .itinerary-location-container .city {
        font-size: 16px;
    }

    .Inclusive-and-exclusive ul li {
        font-size: 16px;
    }

    .overview-crousal .testimonial-box span {
        font-size: 14px;
    }

    .overview-crousal {
        padding: 40px 0px 35px 0px;
    }

    .overview-crousal .section-title .orange-script {
        font-size: 28px;
        line-height: 28px;

    }

    .overview-crousal .section-title h2 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 25px;
    }

    .cruise-container {
        padding: 30px 60px;
        text-align: center;
    }

    .cruise-container h1 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .cruise-container p {
        font-size: 15px;
    }



    .offer-details-section {
        padding: 30px 60px 0px 60px;

    }

    .offer-details-section-heading {
        font-size: 32px;
        line-height: 32px;
    }

    .offer-details-section-heading img {
        padding-right: 5px;
        height: 35px;
    }

    .country-destination {
        padding: 10px 60px;
    }

    .deal-destination {
        padding: 0px 40px;
    }

    .country-destination h1 {
        font-size: 32px;

    }

    .contact-us-page {
        padding: 20px 60px;
    }

    .contact-us-page .contact-us-header h1 {
        font-size: 32px;

    }

    .contact-us-page .contact-form h2 {
        font-size: 21px;

        font-weight: 600;
    }

    .contact-us-page .contact-form button {
        font-size: 16px;
    }

    .contact-us-page .contact-card p {
        font-size: 14px;
        color: #333;
    }


    .destination-group-list {
        padding: 30px 60px;
    }

    .destination-group-list h1 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    /* login registartion and reset password section */

    .registration-form-container {
        background-color: #f1f1f1;
        padding: 60px 60px;
    }

    .user-account-wrapper .user-account-container {

        padding: 40px 60px;

    }

    .card-container-for-second-slider-section .card-container-second {
        gap: 24px;
    }

    .flight-filter {
        max-width: 380px;
        min-width: 310px;
    }

    .flight-card-wrapper.flifgt-wrapper {
        padding: 30px 12px;
    }

    .flight-filter .airline-card-wrapper {
        padding: 12px 8px;
    }

    .flight-checkout-search {
        padding: 20px 40px;
    }

}

@media screen and (max-width:1024px) {
    .filter-button-for-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background-color: #ff7801;
        color: white;
        padding: 10px 24px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        margin-bottom: 15px;
        font-weight: 600;

    }

    .flight-filter {
        max-width: 100%;
        min-width: 260px;
        border-radius: 0px;
    }

    .flight-checkout-search {

        padding: 20px 40px;

    }

    .filter-button-for-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background-color: #ff7801;
        color: white;
        padding: 10px 24px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        margin-bottom: 15px;
        font-weight: 600;

    }

    .flight-filter {
        max-width: 100%;
        min-width: 260px;
        border-radius: 0px;
    }

    .flight-checkout-search {

        padding: 20px 40px;

    }

}

@media screen and (max-width:991px) {


    .hero-section .form-container {
        padding: 0 24px;
    }

    .hero-section .dropdown-list {
        padding: 5px 61px;
        gap: 28px;
        overflow: scroll;
        justify-content: start;
        /* overflow: hidden; */
    }

    .hero-section .form-container .holiday-form {


        padding: 10px 10px;
    }

    .header-info {
        flex-direction: column;
        gap: 4px !important;
        justify-content: end;
        align-items: end;
    }

    .header .header-info-left h1 {
        font-weight: 600;
        font-size: 16px;

        line-height: 17px;
    }

    .header .header-info-right {
        background-color: #ff7801;
        border-radius: 16px;
        width: fit-content;
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
        padding: 6px 16px;
        color: white;
    }

    .header .header-info-left span {
        color: #ff7801;
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
    }

    .menu-list {
        column-gap: 10px;
    }

    /* button {
        margin-top: 0px !important;
    } */

    .header .header-logo {
        height: 80px;
        width: auto;
    }

    .header .header-logo img {
        padding: 8px;
    }



    .hero-section .form-container .holiday-form h2 {
        font-size: 17px;
        font-weight: 700;
        width: 275px;

    }

    .hero-section .form-container .label-heading {
        font-size: 12px;
        margin-bottom: 0px;

    }

    .hero-section .form-container select,
    .hero-section .form-container input[type="date"] {

        font-size: 12px;

    }



    .hero-section .form-container .holiday-form {

        width: 210px;

    }


    .Groepsrondreizen .left-text h1 {
        font-size: 28px;
        line-height: 30px;
        font-weight: 800;
        margin-bottom: 24px;
        margin: 0;
    }

    .content h3 {
        font-size: 18px;
        line-height: 20px;
        margin: 8px 0;
    }

    .content .info {
        font-size: 14px;

        margin-bottom: 8px;

    }

    .button {
        font-size: 18px;
        border-radius: 6px;
    }

    .card-container-for-slider .slider-wrapper::before {
        width: calc(100% - 35%);
    }

    .welcome-bj .bj-title {
        font-size: 26px;
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 0px;
    }

    .Groepsrondreizen .right-link a {
        font-size: 16px;
    }

    .Groepsrondreizen .tagline {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: -6px;
    }

    .welcome-bj .bj-heading {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 10px;

    }

    /* button {
        font-size: 22px;
    } */

    .tracker-container {
        padding: 40px 40px;
        height: auto;
    }

    .Groepsrondreizen {
        padding: 0px 24px;
    }

    .card-container-for-slider .card-container {
        padding: 20px 24px;
    }

    .card-container .card {
        max-width: 310px;
    }

    .var-reizen {
        padding: 30px 24px;
    }

    .var-reizen .reizen-info h3 {
        font-size: 24px;
        line-height: 26px;
    }

    .var-reizen .reizen-info h1 {
        font-size: 42px;
    }

    .var-reizen .reizen-info p {
        margin-top: 8px;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }


    .var-reizen.wat-zeggen {
        padding: 30px 24px;
    }

    .var-reizen.wat-zeggen .reizen-info h1 {
        font-size: 36px;
        line-height: 38px;
    }

    .card-container-for-second-slider-section {
        padding: 0px 24px;
    }

    .card-container-for-second-slider-section .card-container-second {
        gap: 16px;
    }

    .card-container-for-second-slider-section .slider-wrapper-second::before {
        width: calc(100% - 35%);
    }

    .welcome-bj-banner .bj-second-button {
        margin-top: 24px !important;
    }

    .waarom-keizen {
        padding: 16px 24px;
    }

    .waarom-keizen .cruiser-section-card h2 {

        font-size: 36px;
        line-height: 37px;

    }

    .waarom-keizen .waarom-heading {
        font-size: 28px;
        line-height: 328px;
        margin-bottom: 16px;
    }

    .welcome-bj .bj-heading {
        font-size: 26px;
        line-height: 28px;
        margin-bottom: 8px;
    }

    .welcome-bj .bj-info {
        font-size: 16px;
        line-height: 22px;
    }

    .waarom-keizen .waarom-heading {
        font-size: 24px;
        line-height: 24px;
        font-weight: 800;

    }

    .footer {
        padding: 30px 24px;
        background-color: #fff;
    }

    .footer .footer-container {
        gap: 30px;
        flex-direction: column;
    }

    .footer .footer-container .footer-about {

        gap: 30px;
        max-width: 100%;
    }

    .footer .footer-container .footer-address {

        gap: 16px;
        width: 100%;
    }

    .footer .company-info h2 {
        font-size: 28px;

    }


    .laten .left-container .laten-title {
        font-size: 36px;
    }

    .laten .left-container .laten-btn {
        font-size: 16px;
        gap: 10px;
        padding: 16px 0px;
    }

    .laten .right-container {
        padding: 12px;
    }

    .hero-section .form-container .holiday-button {
        margin-top: 10px !important;
        font-size: 14px;
    }

    .groupTour-section .card-container {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 24px;
        column-gap: 16px;
    }

    .footer .company-info .tagline {

        margin-top: 5px;
    }

    .footer .company-info .description {
        font-size: 14px;
        margin: 5px 0;
    }


    .groupTour-section {
        padding: 20px 24px;
    }


    .groupTour-section .groupTour-header {
        font-size: 32px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 12px;
    }

    .tour-detail-section {
        padding: 0px 24px;
        gap: 16px;
    }

    .tour-detail-section .tour-detail-left-section .tour-detail-title {
        font-size: 18px;

    }

    .tour-detail-section .tour-detail-left-section .tour-detail-info {
        font-size: 15px;
        padding: 2px 0px;
    }

    .tour-detail-section .tour-detail-left-section .tour-detail-location {
        font-size: 15px;
    }

    .tour-detail-section .tour-detail-right-section .tour-detail-price {
        font-size: 28px;
    }

    .tour-detail-section .tour-detail-right-section .tour-detail-info-container {
        padding: 16px;
    }

    .itinerary-tabs .tab-content {
        padding: 0 24px;
        padding-bottom: 30px;
    }

    .itinerary-tabs .tabs .tab-link {
        font-size: 15px;
        padding: 5px 18px;
    }

    .itinerary-tabs .days-heading {
        font-size: 21px;

    }

    .itinerary-location-container .city {
        font-size: 16px;
        line-height: 22px;
    }

    .itinerary-location-container {
        padding: 20px 20px;
    }

    .newsletter-container .newsletter-title {
        font-size: 21px;
        line-height: 28px;

        margin-bottom: 12px;
    }

    .newsletter-container .newsletter-desc {
        font-size: 14px;
        max-width: 600px;
    }

    .newsletter-container {
        gap: 20px;
        padding: 30px 24px;
    }

    .Departure-dates-table-container th,
    .Departure-dates-table-container td {
        padding: 5px 12px;
        font-size: 14px;
        min-width: 180px;
    }

    .cruise-container {
        padding: 30px 24px;
        text-align: center;
    }

    .cruise-container h1 {
        font-size: 28px;
        margin-bottom: 16px;
    }

    .cruise-container p {
        font-size: 14px;
    }

    .offer-details-section {
        padding: 30px 24px 0px 24px;

    }


    .offer-details-section-heading {
        font-size: 28px;
        line-height: 32px;
        padding-bottom: 0px;
    }

    .offer-details-section-heading img {
        padding-right: 5px;
        height: 30px;
    }

    .country-destination {
        padding: 10px 24px;
    }

    .deal-destination {
        padding: 0px 10px;
    }

    .country-destination h1 {
        font-size: 28px;

    }


    .contact-us-page {
        padding: 20px 24px;
    }

    .contact-us-page .form-map-container {
        gap: 20px;
        flex-direction: column;
    }

    .contact-us-page .contact-form {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .contact-us-page .map {
        flex: 1 1 380px;
        max-width: 100%;
    }



    .contact-us-page .contact-us-header h1 {
        font-size: 28px;
    }


    .destination-group-list {
        padding: 30px 24px;
    }

    /* login registartion and reset password section */

    .registration-form-container {
        background-color: #f1f1f1;
        padding: 60px 24px;
    }

    .registration-form h2 {

        margin-bottom: 24px;
        font-size: 28px;

    }

    .registration-form label {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .registration-form input {
        padding: 6px 12px;
        border-radius: 5px;
        font-size: 14px;
    }

    .registration-form .btn-submit {
        padding: 5px;
        border-radius: 5px;
        font-size: 21px;
    }

    .registration-form .btn-secondary button {
        padding: 5px;
        border-radius: 5px;
        font-size: 21px;
    }

    /* login============ */
    .Login-form-container {
        background-color: #f1f1f1;
        padding: 60px 24px;
    }

    .login-form h2 {
        text-align: center;
        color: #0077bf;
        margin-bottom: 24px;
        font-size: 28px;
        font-weight: 700;
    }


    .user-account-wrapper .user-account-container {
        display: flex;
        padding: 40px 24px;
        padding-top: 20px;
        gap: 16px;
    }

    .user-account-wrapper .user-account-logo {

        font-size: 28px;

    }

    .user-account-wrapper .user-account-tab-btn {
        padding: 12px 8px;
    }

    .user-account-wrapper .user-account-tab-content input,
    .user-account-wrapper .user-account-tab-content textarea {
        padding: 7px 12px;
        margin-bottom: 16px;
        border-radius: 5px;
    }

    .user-account-wrapper .user-account-save-btn {
        padding: 9px 32px;
    }

    .user-account-wrapper .user-account-sidebar {
        width: 180px;
    }

    .user-account-wrapper .user-account-tab-content {
        padding: 20px;
    }

    .grid-container.cruisecontainer {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width:768px) {


    .hero-section .form-container {

        position: relative;
        padding: 24px 24px 40px 24px;
    }

    .hero-section .form-container .holiday-form {
        width: 100%;
    }

    .navigation-container {
        min-height: 42px;
    }

    .header-contact-info {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        display: none;
    }



    .menu-link {

        font-size: 14px;

    }

    .card {
        max-width: 320px;
    }

    .card img {
        height: 200px;
    }

    .content {
        padding: 0px 15px;

    }

    .content .button {
        margin-bottom: 15px !important;

    }

    .content h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 17px;
        margin: 10px 0;
    }

    .content .info {
        font-size: 14px;
        color: #444;

    }

    .main-slider {
        margin: 0 auto;
        padding-top: 20px;
        position: relative;
    }


    .header .header-logo {
        width: fit-content;
    }

    .welcome-bj {
        padding: 20px 24px;
    }

    .welcome-bj .bj-info {
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;

        text-align: center;
    }



    .hero-section .form-container select,
    .hero-section .form-container input[type="date"] {

        padding: 0px 12px !important;

    }





    .tracker-container {
        padding: 40px 0px;
        height: auto;
    }

    .welcome-bj-banner .welcome-bj-banner-section {

        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .waarom-keizen .cruiser-section .cruiser-section-container {
        max-width: 100%;
        width: 100%;
        padding: 0px 0px;
        background-image: clear;
    }

    .waarom-keizen .cruiser-section {

        display: flex;
        justify-content: end;
        align-items: center;
        margin: 0px 0;
        margin-bottom: 10px;
        background: none;
    }

    .waarom-keizen-cards {
        display: flex;
        padding: 20px 0px;
        flex-wrap: wrap;
    }

    .waarom-keizen-cards .waarom-cards {

        padding: 36px 20px;
        width: 50%;
    }

    .image-on-mobile {
        display: block;
    }

    .waarom-keizen-cards .waarom-cards:nth-child(odd) {
        border: none !important;
    }

    .waarom-keizen-cards {

        padding: 20px 0px;
        flex-wrap: wrap;
        row-gap: 24px;
    }

    .waarom-keizen .cruiser-section-card {
        margin-top: -10px;
    }


    .footer .footer-container .footer-address {
        flex-wrap: wrap;
    }

    .footer .footer-column {
        min-width: 47%;
    }

    .footer .footer-column:last-child {
        min-width: 100%;
    }

    .welcome-bj-banner .welcome-bj-banner-section .bj-second {
        max-width: 48%;
    }

    .var-reizen.wat-zeggen {
        gap: 20px;
        flex-direction: column;
        padding: 24px 16px;
    }

    .wat-zeggen .container {
        max-width: 100%;

    }

    .laten {

        flex-direction: column;
    }

    .Groepsrondreizen .left-text .right-link {
        display: flex;
        justify-content: start;
        width: 100%;
        gap: 7px;
        flex-direction: column;
    }

    .Groepsrondreizen .right-link a {
        font-size: 16px;
        text-align: start;
        width: 100%;
    }

    .groupTour-section {
        padding: 20px 16px;
    }

    .groupTour-section .groupTour-header {
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 12px;
    }

    .overview-crousal .testimonial {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 68px;
    }

    .overview-crousal .arrow.right {
        right: 12px;
    }

    .overview-crousal .arrow.left {
        left: 12px;
    }

    .tour-detail-section {

        gap: 20px;
        flex-direction: column;
    }

    .tour-detail-section .tour-detail-right-section {
        box-shadow: 0 0 5px 0px #00000038;
        width: 100%;
    }

    .tour-detail-section .tour-detail-left-section {
        padding-top: 20px;
        width: 100%;
    }

    .tour-detail-section .tour-detail-right-section .tour-detail-price {
        font-size: 21px;
    }

    .tour-detail-section .tour-detail-right-section .tour-detail-book-now {
        font-size: 16px;
        padding: 5px 32px;
        width: fit-content;
        margin: 0 auto;
    }

    .itinerary-tabs .days-target-container {
        padding: 0 0px;
        overflow: hidden;
    }

    .itinerary-tabs .days-target-container .targeted-days .day-content {
        padding-left: 15px;
        padding-bottom: 10px;
    }

    .itinerary-tabs .days-target-container .targeted-days .day-content .left-tracker {
        top: 8px;
    }

    .overview-crousal .section-title .orange-script {
        font-size: 24px;
        line-height: 24px;
    }

    .overview-crousal .section-title h2 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .overview-crousal {
        padding: 25px 0px 20px 0px;
    }

    .newsletter-container {
        gap: 24px;
        padding: 24px 24px;
        flex-wrap: wrap;
    }

    .itinerary-gallery {
        display: grid;
        grid-template-columns: repeat(3, minmax(150px, 1fr));
        gap: 10px;
    }

    .itinerary-tabs .days-heading {
        font-size: 18px;
    }

    .Inclusive-and-exclusive ul li {
        font-size: 13px;
        margin-bottom: 8px;
    }

    .overview-crousal .testimonial-box {
        background: #ff7801;
        color: white;
        padding: 16px;
        border-radius: 8px;
        margin-bottom: 30px;
        position: relative;
    }

    .overview-crousal .author {
        font-weight: bold;
        color: #000;
        font-size: 14px;
    }

    .overview-crousal .location {
        color: #555;
        font-size: 14px;
    }

    .Departure-dates-table-container th,
    .Departure-dates-table-container td {
        padding: 4px 10px;
        font-size: 14px;
        min-width: 150px;
    }

    .cruise-container h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .cruise-container p {
        font-size: 14px;

    }

    .offer-details-section {

        flex-direction: column-reverse;

    }

    .offer-details-section .offer-detail-profile {
        padding: 0px 0px 16px 0px;
    }

    .offer-details-section .offer-detail-profile img {
        width: 100%;
        max-width: 580px;
        margin: 0 auto;
    }

    .offer-details-section .offer-details-container h1 {
        font-size: 24px;
        line-height: 32px;
        text-align: center;
    }

    .offer-details-section .offer-details-container pre {
        font-size: 14px;
        line-height: 24px;
        text-align: start;
    }

    .country-destination h1 {
        font-size: 24px;

    }

    .country-destination p {
        font-size: 14px;

        text-align: center;

    }

    .contact-us-page .map {
        flex: 1 1 320px;

    }

    .destination-group-list h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .destination-group-list {
        padding-top: 20px;
    }

    .destination-group-list .destinationList-name {

        font-size: 15px;

    }

    /* .card-container-for-second-slider-section .card-second {
        height: 280px;
    } */

    .registration-form-container {
        background-color: #f1f1f1;
        padding: 24px 16px;
    }

    .Login-form-container {
        background-color: #f1f1f1;
        padding: 24px 16px;
    }

    .booking-form-container {
        background-color: #f1f1f1;
        margin: 0;
        padding: 40px 16px;
    }

    .booking-form-container .bookingForm {


        padding: 20px;

    }

    .user-account-wrapper .user-account-container {
        display: flex;
        padding: 40px 16px;
        padding-top: 20px;
        gap: 8px;
        flex-direction: column;
    }

    .user-account-wrapper .user-account-sidebar {
        width: 180px;
        display: flex;
        width: 100%;
        overflow-x: auto;
    }

    .user-account-wrapper .user-account-tab-btn {
        padding: 12px 24px;
        min-width: fit-content;
    }

    .user-account-wrapper .user-account-tab-btn.active {
        background: #fff;
        font-weight: 500;
        border-bottom: 4px solid #ff7801;
        border-left: none;
    }




    .menu-toggle-btn {
        display: block;
    }

    .menu-list {
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        border-top: 1px solid #ffffff;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #ff7801;
        display: none;
        z-index: 999;
    }

    .menu-item {
        width: 100%;
        padding: 7px 20px;
        border-bottom: 1px solid #ffffff7c;
    }

    .menu-list.show {
        display: flex;

        ;
        background-color: #ff7801;
        height: auto;
    }

    .menu-item.sub-menu-dropdown-container .sub-menu-dropdown {
        position: absolute !important;
        top: 0;
        /* top: calc(100% + 1px); */
        left: 145px;
        min-width: 150px;
        list-style: none;
        display: flex;
        background-color: #ff7801;
        flex-direction: column;
        z-index: 99;
        padding: 0px 0px;
        display: none;
        box-shadow: 0px 0px 33px 3px #cb5f00;
        border-top: 1px solid #0000003b;
        ;
    }

    .footer .footer-column.contact-info {
        max-width: 100%;
    }



    .flight-first-search__row {
        flex-wrap: wrap;
    }

    .flight-first-search__multi-row {
        display: flex;
        gap: 10px;
        flex: 1;
        align-items: center;
        flex-wrap: wrap;
    }

    .flight-first-search__input-group {
        min-width: 280px;
        width: 100%;
    }

    .destination-cards-wrapper {
        padding: 0px;
    }

    .destination-cards-wrapper .flight-section__cards {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 10px 0;
    }

    .destination-cards-wrapper .flight-card__img {
        height: 180px;
    }

    .destination-cards-wrapper .flight-card__content {
        padding: 12px;
    }

    .destination-cards-wrapper .flight-card__title {
        font-size: 20px;
    }

    .destination-cards-wrapper .flight-card__price {
        font-size: 12px;
    }

    .destination-cards-wrapper .flight-card__btn {
        padding: 12px 20px;
        font-size: 14px;
    }

    .destination-group-list.flight-page-first-search-section {
        padding: 20px 20px;
    }

    .flight-section__title {
        font-size: 28px;
    }

    .flight-card-wrapper .flight-card {
        flex-direction: column;
        max-width: 100%;
    }

    .flight-card-wrapper .flight-right {
        min-width: auto;
        border-left: none;
        border-top: 1px solid #e8ecf4;
    }



    .flight-card-wrapper .baggage {
        justify-content: center;
        flex-wrap: wrap;
    }



    .flight-card-wrapper .more-flights-link {
        align-self: flex-end;
    }

    .flight-card-wrapper .tickets-left {

        max-width: 240px;
    }

    .flight-card-wrapper .time {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .flight-card-wrapper .airport {
        font-size: 11px;
        line-height: 1.2;
    }

    .flight-card-wrapper .timing {
        margin: 6px 0;
        padding: 6px 0px;
        border-radius: 12px;
    }

    .flight-card-wrapper .flight-left {
        flex: 1;
        padding: 12px 12px;
    }

    .flight-card-wrapper .flight-right {
        padding: 12px;
    }

    .flight-card-wrapper .btn {
        background: linear-gradient(135deg, #ff7801, #e6690a);
        border: none;
        padding: 8px 16px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        margin-bottom: 6px;
    }



    .flight-card-wrapper .per-person {
        margin-bottom: 8px;
    }

    .flight-card-wrapper .price {
        font-size: 24px;
        margin-bottom: 0px;
    }

    .filter-button-for-mobile {
        margin-bottom: 0px;
    }

    .flight-card-wrapper .premium-badge {
        right: 10px;
    }

    .flight-card-wrapper .baggage-and-more {
        padding: 6px 12px;
    }



    .ticket-cards {
        grid-template-columns: 1fr;
    }


    .ticket-card-header {
        padding: 12px 12px 10px;
    }

    .ticket-features {
        padding: 0 12px 10px;
    }

    .ticket-info {
        padding: 0 12px 10px;

    }

    .ticket-price {
        padding: 12px;
    }

    .luggage-body {
        padding: 12px 12px;
    }

    .luggage-footer {
        padding: 12px;
    }

    .luggage-btn {
        padding: 5px 8px;
    }

    .checkout-next-btn {
        padding: 7px 28px;
        border-radius: 6px;
    }

    .options-checkout-wrapper .booking-section {
        padding: 12px;
    }

    .options-checkout-wrapper .booking-luggage {
        padding: 12px;
    }

}



@media screen and (max-width:600px) {
    .groupTour-section .card-container {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 24px;
        column-gap: 16px;
    }

    .hero-section .form-container {

        position: relative;
        padding: 24px 24px 24px 24px;
    }

    .itinerary-gallery {
        display: grid;
        grid-template-columns: repeat(2, minmax(150px, 1fr));
        gap: 10px;
    }

    .grid-container.cruisecontainer {
        grid-template-columns: 1fr;
    }

    .grid-container.cruisecontainer .destinationList-card {
        max-width: 100%;
    }

    .bookingForm-preview-popup.cruize-popup .enquiry-form-wrapper .enquiry-form-form {
        display: flex !important;
        flex-direction: column !important;

        gap: 8px;
    }

}


@media screen and (max-width:480px) {
    .hero-section .dropdown-list {
        padding: 5px 24px;
        gap: 18px;
    }

    .hero-section .form-container {
        padding: 12px 12px;
    }

    .offer-details-section .offer-details-container h1 {
        font-size: 21px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 10px;
    }



    .welcome-bj .bj-title {
        font-size: 18px;
        line-height: 18px;
        font-weight: 400;
        margin-bottom: 0px;
    }

    .welcome-bj .bj-heading {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 5px;
    }

    .waarom-keizen .waarom-heading {
        font-size: 21px;
        line-height: 21px;

    }

    .Groepsrondreizen .left-text h1 {
        font-size: 18px;
        line-height: 20px;



    }

    .Groepsrondreizen .tagline {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: -8px;
    }

    .Groepsrondreizen .right-link a {
        font-size: 12px;
    }

    .Groepsrondreizen {

        gap: 14px;
    }

    .slider {


        gap: 12px;

        padding-bottom: 0px;

    }

    .content .info {
        margin-bottom: 6px;
    }

    /* 
    button {
        font-size: 16px;
    } */

    .tracker-container .tracker .tracker-button {

        height: 32px;


        padding: 2px 12px;

        font-size: 14px;

    }


    .Groepsrondreizen-container {
        padding: 24px 16px;
    }

    .header {
        padding: 0 12px;
        height: 70px;
    }

    h2 {
        font-size: 16px;

        line-height: 17px;
    }

    .hero-section .form-container select,
    .hero-section .form-container input[type="date"] {

        font-size: 14px;

    }

    .hero-section .form-container .holiday-form h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
    }

    .card-container-for-slider input[type="range"] {
        width: 100%;
    }

    .card-container-for-slider .slider-wrapper::before {
        width: calc(100% - 10%);
    }

    .Groepsrondreizen {
        padding: 0px 0px;
    }

    .card-container-for-slider .card-container {
        padding: 16px 0px;
    }

    .var-reizen .reizen-info h1 {
        font-size: 36px;
        line-height: 36px;

    }

    .var-reizen .reizen-info ul {
        margin-bottom: 18px;
        flex-wrap: wrap;
        row-gap: 6px;

    }

    .card-container-for-second-slider-section {
        padding: 0px 0px;
    }

    .Groepsrondreizen-second .card-second {
        min-width: 172px;
    }

    .card-container-for-second-slider-section input[type="range"] {
        width: 100%;
    }

    .card-container-for-second-slider-section .slider-wrapper-second::before {
        width: calc(100% - 10%);
    }

    .welcome-bj-banner .welcome-bj-banner-section .bj-second {
        max-width: 100%;
    }

    .welcome-bj.welcome-bj-banner {
        padding: 30px 16px;
    }

    .welcome-bj.waarom-keizen-header {
        padding: 0px 0px;
        padding-bottom: 10px;
    }

    .waarom-keizen-cards .waarom-cards {
        padding: 10px 0px;
        width: 100%;
        border: none;
    }

    .waarom-keizen .cruiser-section-card h2 {
        font-size: 24px;
        line-height: 22px;
    }

    .waarom-keizen .cruiser-section-card p {
        font-size: 14px;
        margin-bottom: 16px;

    }

    .waarom-keizen .cruiser-section-card button {
        font-size: 18px;
    }

    .var-reizen.wat-zeggen .reizen-info h1 {
        font-size: 24px;
        line-height: 26px;
    }

    .var-reizen.wat-zeggen .reizen-info p {
        margin-top: 10px;
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 20px;
    }

    .wat-zeggen .slide .title {
        font-size: 24px;

        margin-bottom: 8px;

    }

    .wat-zeggen .slide .info {
        font-size: 14px;
        margin-bottom: 10px;

    }

    .wat-zeggen .slide {
        padding: 16px 16px;
    }

    .wat-zeggen .slider__buttons .slider__button {
        width: 32px;
        height: 32px;
    }

    .wat-zeggen .slider__buttons {
        margin-top: 1rem;

        gap: 16px;

    }

    .waarom-keizen {
        padding: 16px 16px;
    }

    .var-reizen {
        padding: 18px 16px;
    }

    .laten .left-container .laten-title {
        font-size: 24px;
    }

    .laten .left-container {
        padding: 24px 16px;
    }

    .laten .left-container .laten-btn {

        padding-bottom: 0px;
    }

    .laten .left-container .laten-title::before {

        height: 3px;

    }

    .laten .left-container .laten-info {
        font-size: 14px;
        text-align: center;
        margin-top: 32px;
        font-family: 'GT Walsheim', sans-serif !important;
    }

    .laten .left-container .laten-btn li button {
        border-radius: 5px;
        font-size: 14px;
        line-height: 15px;
        width: 151px;
        font-weight: 600;
    }

    .footer .company-info h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .footer .company-info .description {
        font-size: 14px;
        margin: 5px 0;
    }

    .footer .company-info .tagline {
        font-size: 16px;
    }

    .footer .social-icons span {
        font-weight: bold;
        font-size: 16px;
    }

    .footer .footer-container {
        gap: 20px;

    }

    .footer .footer-column h4 {

        margin-bottom: 8px;
        font-size: 16px;

    }

    .footer .footer-column ul li {
        margin-bottom: 4px;
        font-size: 14px;

    }

    .terms-of-condition {
        font-size: 14px;
    }

    .welcome-bj {
        padding: 20px 16px;
    }

    .footer .contact-info p {
        font-size: 14px;
        margin-bottom: 6px;

    }

    .menu-toggle-btn {
        font-size: 24px;
    }

    .contact-us-page .form-group {
        display: flex;
        gap: 15px;
        margin-bottom: 15px;
        flex-direction: column;
    }

    .contact-us-page .map {
        flex: 1 1 280px;

    }



    /* .card-container-for-second-slider-section .card-second {
        height: 220px;
    } */

    .user-account-wrapper .user-account-form-row {
        display: flex;
        gap: 0px;
        flex-direction: column;
    }

    .user-account-wrapper .user-account-tab-content input,
    .user-account-wrapper .user-account-tab-content textarea {
        padding: 7px 12px;
        margin-bottom: 8px;
        border-radius: 5px;
    }

    .user-account-wrapper .user-account-tab-content h2 {

        margin-bottom: 12px;
    }

    .user-account-wrapper .user-account-tab-content {
        padding: 20px 12px;
    }

    .bookingForm-preview-popup .preview-booking-footer {
        padding: 12px 10px;
        gap: 8px;
        flex-wrap: wrap;
    }

    .bookingForm-preview-popup {
        align-items: start !important;
        padding: 30px 8px;
    }

    .bookingForm-preview-popup .preview-booking {
        padding: 8px;
    }

    .bookingForm-preview-popup .preview-booking-header {

        padding: 12px 8px;

    }

    .enquiry-form-wrapper select:not([size]) {
        background-position: right 0.5rem center !important;
        background-size: 0.75em .75em !important;
        padding-right: 1rem !important;

    }

    .destination-cards-wrapper .flight-card__img {
        height: 160px;
    }

    .destination-cards-wrapper .flight-card__content {
        padding: 10px;
    }

    .destination-cards-wrapper .flight-card__title {
        font-size: 18px;
    }

    .destination-group-list.flight-page-first-search-section {
        padding: 20px 10px;
    }

    .flight-first-search__container {
        padding: 16px;
    }

    .flight-section {

        padding: 24px 12px;
    }

    .flight-first-search__add-flight {
        padding: 12px 16px;
    }

    .flight-section__title {
        font-size: 21px;

    }

    .filter-button-for-mobile {

        padding: 6px 24px;

    }

    .flight-card-wrapper.flifgt-wrapper {
        padding: 20px 8px;
    }

    .flight-checkout-search .checkout-heading {
        font-size: 24px;
        line-height: 1.1;
        margin-bottom: 10px;
    }

    .flight-checkout-search .checkout-header {
        justify-content: center;
        gap: 8px;
    }

    .flight-checkout-search .checkout-dates {
        text-align: center;
    }

    .flight-card-wrapper .flight-card {

        border: 1px solid #ff7801;
    }

    .flight-card-wrapper .timing {
        flex-direction: column;
        gap: 16px;
        padding: 16px;
    }

    .flight-card-wrapper .duration-section {
        margin: 0;
        order: -1;
        width: 100%;
    }

    .flight-card-wrapper .baggage-and-more {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        gap: 8px;
        padding: 10px;
        gap: 8px;
    }

    .flight-card-wrapper .badge {
        padding: 6px 20px;
        border-radius: 7px;
        left: 10px;
        width: fit-content;
    }

    .flight-card-wrapper .timing {
        gap: 10px;
        padding: 10px;
    }

    .flight-card-wrapper .time {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .flight-card-wrapper .plane-icon-route {
        right: 0px;
    }


    .flight-card-wrapper .flight-right {
        position: unset;
    }

    .flight-card-wrapper .premium-badge {
        right: 10px;
        top: 10px;
        border-radius: 7px;
        padding: 5px 20px;
    }

    .flight-card-wrapper .flight-right {
        padding: 10px;
    }

    .flight-card-wrapper .airline {
        margin-top: 35px;
        max-width: 100%;
        font-size: 13px;
        line-height: 1.2;
    }

    .flight-card-wrapper .more-flights-link {
        align-self: flex-start;
    }



}

@media screen and (max-width:425px) {
    .card-container .card {
        max-width: 280px;
    }

    .laten .left-container .laten-btn li button {
        border-radius: 5px;
        font-size: 12px;
        width: 130px;
        font-weight: 600;
    }
}