.hamburger-menu {
    /* display: none; */
    cursor: pointer;
}

/* RESPONSIVE CSS */

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

    .request_form .form_field:not(:last-child) {
        padding-right: 15px;
    }

}

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

    .services__sec .serv_col h4 {
        font-size: 18px;
    }

}

/*----------------------------- Small Laptop -----------------------------*/
@media only screen and (max-width :1280px) and (min-width: 1101px) {

    .places-cards .places-dest .meta {
        font-size: 13px;
        gap: 6px;
    }

}

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

    .container {
        max-width: 96%;
    }

    .search-desktop {
        padding: 20px;
        overflow: hidden;
    }
    .search-desktop form .form_field_submit {
        width: 100%;
    }
    .search-desktop form .form_field_submit > input {
        max-width: 150px;
        margin: 0 auto;
    }

    .wwu-tabs .tab button .wwu-label {
        font-size: 22px;
        line-height: 26px;
    }

}

/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px) {
    

    /* ========================
        HEADER
    =========================*/

    .logo img {
        max-width: 200px;
    }
    .menu ul {
        gap: 10px;
    }
    .menu ul a {
        font-size: 13px;
    }
    .header-main a.header-button {
        margin-left: 10px;
        padding: 10px 16px;
    }


    /* ========================
        BODY
    =========================*/



    /* ========================
        FOOTER
    =========================*/

    .footer-main .container {
        max-width: 95%;
    }

    /* ========================
        ADVANCED FORM
    =========================*/

    /* PAGES */

    .stealspecial-section .inner-con h3 {
        font-size: 30px;
        line-height: 34px;
    }



    .insurance__grid .ins_grid {
        grid-gap: 40px 20px;
        grid-template-columns: 1fr 1fr;
    }
    .ins_grid .ins_box h4 {
        font-size: 18px;
        line-height: 24px;
    }
    
    .services__sec .serv_col {
        flex: 0 0 33.333333%;
        width: 33.333333%;
    }
    .request_form .type_of_psg_fields .form_field {
        flex: 0 0 33%;
        width: 33%;
    }

    .banner-topbar .wrapper h3 {
        font-size: 18px;
    }
    .banner-topbar .lft-innercon p {
        font-size: 13px;
    }
    .banner-topbar .lft-innercon p a {
        margin-left: 5px;
        padding-left: 5px;
    }
    .banner-topbar .wrapper h4 {
        font-size: 24px;
    }
    .banner-topbar .wrapper h4:before {
        font-size: 18px;
    }

    .offerings .o-col {
        padding: 0 14px;
    }
    .offerings .o-content p {
        font-size: 16px;
        line-height: 24px;
    }
    .places-cards {
        grid-gap: 25px;
    }
    .places-cards .places-title h4 {
        font-size: 18px;
        line-height: 20px;
    }
    .places-cards .places-dest .meta {
        font-size: 11px;
    }
    .places-cards .places-bk-meta .from {
        font-size: 12px;
    }
    .places-cards .places-bk-meta .regular {
        font-size: 22px;
    }
    .places-cards .places-bk-meta .sale {
        font-size: 14px;
    }
    .places-cards .places-bk-cta a {
        font-size: 13px;
        padding: 11px 14px;
    }
}

/*----------------------------- Media 768 -------------------------------*/

@media only screen and (max-width:1199px) {
.hamburger-menu {
        display: block;
        text-align: center;
        margin: 0;
        cursor: pointer;
        width: 25px;
        height: 30px;
        position: relative;
        order: -1;
    }
}


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

    /* ========================
        HEADER
    =========================*/
    .header-main .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
    }

    

    .menu {
        position: fixed;
        top: 30px;
        left: -250px;
        width: 250px;
        height: 100%;
        background-color: #fff;
        transition: left 0.3s ease;
    }

    .menu.open {
        left: 0;
    }

    .header-main .menu ul {
        flex-direction: column;
        gap: 20px;
        padding: 30px;
    }

    .hamburger-menu .line {
        display: block;
        height: 3px;
        width: 100%;
        background: #000;
        margin: 5px 0;
        transition: 0.3s;
        border-radius: 10px;
        overflow: hidden;
    }

    .hamburger-menu.cross .line1 {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .hamburger-menu.cross .line2 {
        opacity: 0;
    }

    .hamburger-menu.cross .line3 {
        transform: rotate(-45deg) translate(6px, -6px);
    }


    .logo {
        padding: 10px 20px;
    }

    .menu ul {
        gap: 20px;
    }

    /* ========================
        BODY
    =========================*/
    .banner-section form.search-form ul li {
        flex-basis: 50%;
        margin: 15px 0 0;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 15px;
    }

    .banner-section form.search-form ul li.tocity::before,
    .banner-section form.search-form ul li.tocity::after,
    .banner-section form.search-form ul li.datereturn:after,
    .banner-section form.search-form ul li.datedeparture:after {
        display: none;
    }

    .banner-section form.search-form ul li.guests,
    .banner-section form.search-form ul li.submit {
        border: none;
        padding-bottom: 0;
    }
    .banner-section a.Click-here {
        margin-top: 20px;
        text-align: center;
    }
    .flight-deals-mobile {
        display: block;
    }

    table.flight-deals,
    .banner-topbar .wrapper .rgt-sec {
        display: none;
    }

    .vacation-section .wrapper,
    .hotel-section .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .packages img {
        width: 100%;
    }

    .stealspecial-section .wrapper,
    .banner-topbar .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }


    /* ========================
        FOOTER
    =========================*/
    .footer-top ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .footer-top ul li img {
        max-width: 60px;
    }

    .footer-main .container {
        grid-template-columns: repeat(2, 1fr);
    }


    /* ========================
        ADVANCED FORM
    =========================*/



    /* PAGES */

    .save__grid .sg_grid {
        grid-template-columns: 1fr 1fr;
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .tours__grid .sg_grid {
        max-width: 100%;
    }

    .request_form .type_of_psg_fields .form_field {
        flex: 0 0 50%;
        width: 50%;
    }

    .offerings {
        display: none;
    }
    .offerings-slider {
        display: block;
    }
    .offerings-slider .offerings-wrap {
        display: block;
    }
    .offerings .o-col {
        padding: 0;
    }

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

    .search-desktop .form_fields_inner > div {
        width: 30%;
    }
    .search-desktop form .form_field_submit input[type="submit"] {
        margin: 0;
        padding-left: 30px;
        padding-right: 30px;
        width: fit-content;
    }

    .cruise-search .cruise_form_fields .show_all_sec .form_fields_inner {
        width: 100%;
    }
    .cruise-search .cruise_form_fields .cruise-form-lft,
    .cruise-search .cruise_form_fields .cruise-form-rgt {
        width: 100%;
    }
    .cruise-search .cruise_form_fields .cruise-form-rgt {
        margin-top: 30px;
    }
    .search-desktop form .form_field_submit input[type="submit"] {
        margin: 0 auto;
    }
    .cruise-search .show_more_div {
        margin-top: 20px;
    }
    .cruises-logo {
        display: none;
    }
    .cruises_pg_banner {
        background-position: center right 37%;
    }

    .wwu-tabs .tab button .wwu-label {
        font-size: 16px;
        line-height: 24px;
    }
    .wwu-tabs .tab .ico-user {
        font-size: 26px;
    }
    .wwu-tabs .tab .ico-hand {
        font-size: 33px;
    }
    .wwu-tabs .wwu-inner-heading h3 {
        font-size: 26px;
        line-height: 30px;
    }

}

/*----------------------------- Media 480 --------------------------------*/
@media only screen and (max-width:767px) {

    .container {
        max-width: 90%;
    }

    p,
    li,
    th,
    td {
        font-size: 15px;
    }

    .title-section h3 {
        font-size: 28px;
        margin-bottom: 4px;
        line-height: 34px;
    }

    .title-section h6 {
        font-size: 14px;
    }

    /* ========================
        HEADER
    =========================*/
    .logo {
        padding: 20px 18px 15px;
    }

    .header-main .menu ul {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #ccc;
    }

    /* ========================
        BODY
    =========================*/
    .stealspecial-section .inner-con h3 {
        font-size: 36px;
    }

    /* ========================
        FOOTER
    =========================*/
    .footer-main .container {
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        position: relative;
    }

    .footer-column.col1 p,
    .footer-column.col2,
    .footer-column.col3,
    .footer-column h3 {
        display: none;
    }

    .footer-column.col4 ul {
        width: 55%;
        margin: 0 auto;
    }

    .footer-column.col1 ul {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -40px;
        width: 45%;
        margin: 0 auto;
    }

    .footer-copyright .container {
        flex-direction: column;
        align-items: center;
    }

    .footer-copyright p {
        font-size: 11px;
        line-height: 17px;
    }

    /* ========================
        ADVANCED FORM
    =========================*/
    .custom-model-wrap {
        padding: 20px 10px;
    }

    /* PAGES */

    .banner-topbar .wrapper .lft-sec {
        gap: 0 20px;
        justify-content: flex-start;
        width: fit-content;
        margin: 0 auto;
    }
    .banner-topbar .wrapper .lft-sec img {
        max-width: 110px;
    }
    .banner-topbar .wrapper .lft-sec .lft-innercon {
        padding-left: 12px;
        text-align: center;
    }
    .banner-topbar .wrapper .lft-sec .lft-innercon:before {
        left: 0;
    }
    .banner-topbar .wrapper h3 {
        font-size: 16px;
    }
    .banner-topbar .lft-innercon p,
    .banner-topbar .lft-innercon p a {
        font-size: 13px;
    }

    .page__banner h1 {
        font-size: 28px;
        line-height: 1.2;
        text-align: center;
    }
    .page__banner {
        background-position: right center;
    }
    .corporate_pg_banner {
        background-image: url('./Images/corporate-banner-mobile.webp');
        padding: 160px 0 80px 0;
        background-position: right;
    }
    .section_heading .sg_heading {
        font-size: 32px;
    }

    .insurance_pg_banner {
        background-image: url('./../imagesv2/insurance-banner-mobile-min.webp');
        background-position: top center;
    }

    .groups_pg_banner {
        background-image: url('./../imagesv2/team-banner-image-min.webp');

        /* background-image: url('./../imagesv2/mobile-form-banner-min.webp'); */
        background-position: top center;
    }

    .hotels_pg_banner {
        background-image: url('./../imagesv2/hotels-mobile-banner-min.webp');
    }

    .cruises_pg_banner {
        background-image: url('./../imagesv2/cruise-banneer-mobille-min.webp');
        background-position: center right 50%;
    }

    .places-cards .places-title h4 {
        font-size: 16px;
        line-height: 18px;
    }
    .places-cards .places-dest .meta {
        font-size: 10px;
        gap: 5px;
    }
    .places-cards .places-dest .meta .arrow svg {
        height: 12px;
        display: block;
    }
    .places-cards .places-bk-meta .regular {
        font-size: 18px;
    }
    .places-cards .places-bk-meta .sale {
        font-size: 12px;
    }

    .cruise-search .cruise_form_fields .form_fields_inner > div {
        width: 44%;
    }
    
    .wwu-tabs .wwu-avail-head h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .wwu-tabs .wwu-avail-grid {
        grid-gap: 30px;
    }
    .wwu-tabs .wwu-avail-grid .wwu-av-thumb {
        height: 100px;
    }
    .wwu-tabs .wwu-avail-grid .wwu-av-cnt h4 {
        font-size: 18px;
    }

    .wwu-tabs .wwu-avail-grid-02 {
        grid-template-columns: 1fr;
    }
    .wwu-tabs .wwu-avail-grid-02::before {
        display: none;
    }
    .wwu-form form .wwu-field-g {
        grid-template-columns: 1fr;
    }
    .wwu-form form input[type="submit"] {
        max-width: 230px;
        margin: 0 auto;
    }

}

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

    /* PAGES */

    .section_heading .sg_heading {
        font-size: 26px;
    }

    .search-desktop .form_fields_inner > div {
        width: 48%;
    }
/*    .vacations_pg_banner {
        background-image: url('./../imagesv2/vacations-banner-image-min.webp');
    } */

    .wwu-tabs .tab button {
        flex-direction: column;
        text-align: center;
        padding: 25px 10px 30px 10px;
    }
    .wwu-tabs .tab button .wwu-label {
        font-size: 14px;
        line-height: 18px;
    }

}

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

    /* PAGES */

    .page__banner {
        padding: 100px 0;
        margin-top: 80px;
    }

    .cruises_pg_banner {
        padding-bottom: 50px;
    }

    .services__sec .serv_col {
        flex: 0 0 50%;
        width: 50%;
    }

    .group__rq {
        display: none;
    }
    .mobile_req_form {
        display: block;
        margin-top: 60px;
    }

    .places-cards {
        grid-template-columns: 1fr;
    }
    .places-heading h3 {
        font-size: 26px;
    }

    .wwu-tabs .wwu-avail-grid {
        grid-template-columns: 1fr;
    }
    .wwu-tabs .wwu-avail-grid::before {
        display: none;
    }
    .wwu-tabs .wwu-avail-grid .wwu-av-thumb {
        height: 140px;
    }
    .wwu-tabs .wwu-avail-grid .wwu-av-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .wwu-tabs .tab button .wwu-label {
        font-size: 12px;
        line-height: 16px;
    }
    .wwu-tabs .tab .ico-user {
        font-size: 20px;
    }
    .wwu-tabs .tab .ico-hand {
        font-size: 24px;
    }

}

/*----------------------------- Media 320 --------------------------------*/
@media only screen and (max-width:479px) {

    /* ========================
        HEADER
    =========================*/
    .logo {
        padding: 10px 0;
    }
    .logo img {
        max-width: 180px;
    }
    .header-main a.header-button {
        padding: 10px 20px;
        margin-left: 0px;
        font-size: 13px;
    }

    /* ========================
        BODY
    =========================*/
    .banner-section h1 {
        font-size: 28px;
    }
    .banner-section p {
        margin-top: 10px;
        line-height: 20px;
        color: #000;
    }
    .banner-section form.search-form ul {
        margin-top: 30px;
    }


    .banner-topbar .wrapper .lft-sec img {
        max-width: 85px;
    }
    .banner-topbar .wrapper .lft-sec .lft-innercon h3 {
        font-size: 13px;
    }
    .banner-topbar .wrapper .lft-sec .lft-innercon p,
    .banner-topbar .wrapper .lft-sec .lft-innercon a {
        font-size: 11px;
    }
    .banner-topbar .lft-innercon p a {
        padding-left: 5px;
        margin-left: 5px;
    }

    .vacation-section .wrapper, .hotel-section .wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
    .flight-deals-mobile ul {
        grid-template-columns: 17% 19% 19% 36%;
        border-radius: 10px;
        gap: 10px;
    }
    .flight-deals-mobile ul span {
        font-size: 11px;
        line-height: 14px;
    }
    .flight-deals-mobile ul h6 {
        font-size: 14px;
    }
    .stealspecial-section .wrapper .inner-con {
        padding: 30px 20px;
    }
    .stealspecial-section .inner-con h3 {
        font-size: 28px;
    }

    form.newsletter button.submit {
        padding: 14px 18px;
    }




    /* ========================
        FOOTER
    =========================*/
    .footer-top ul li h4 {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .footer-column a {
        font-size: 14px;
    }
    .footer-copyright p {
        font-size: 12px;
        display: flex;
        flex-direction: row;
        align-items: center;
        font-weight: 400;
    }
    


    /* ========================
        ADVANCED FORM
    =========================*/
    .banner-section form.return-form ul {
        margin-top: 0;
    }
    .tabcontent {
        margin-top: 40px;
    }
    .custom-model-wrap {
        padding: 40px 10px 20px;
    }
    .close-btn {
        right: 15px;
        top: 5px;
    }

    /* PAGES */

    .testimonial-section .card {
        border-radius: 30px;
    }
    .card > img {
        max-width: 45px;
    }
    .card-body h4 {
        font-size: 14px;
    }
    .card-body h4 span {
        font-size: 12px;
        font-weight: 400;
    }

    .page__banner {
        /* margin-top: 70px; */
    }
    .save__grid .sg_grid,
    .insurance__grid .ins_grid {
        grid-template-columns: 1fr;
    }
    .section_heading .sg_heading {
        font-size: 20px;
    }

    .insurance__grid .ins_grid {
        grid-template-columns: 1fr;
    }
    .insurance__grid .sg_heading {
        font-size: 26px;
    }

    .tours__content {
        margin-top: 30px;
    }
    .save__grid, .insurance__grid {
        margin: 40px 0;
    }
    .save__grid .sg_grid {
        margin-top: 40px;
    }
    .tours__grid .tr_thumb img {
        height: auto;
        max-width: 200px;
    }

    .management {
        margin: 80px 0;
    }
    .management .mgmt-content {
        max-width: 85%;
    }
    .management .mgmt-icon img {
        max-width: 140px;
    }
    .management .mgmt-content p,
    .management .mgmt-content p a {
        font-size: 24px;
        line-height: 32px;
        color: #282728;
    }

    .cruise-top-para p {
        font-size: 18px;
        line-height: 24px;
    }
    .places-cards .places-thumb .offers-label {
        padding: 6px;
        font-size: 13px;
    }
    .wwu-tabs .wwu-inner-heading h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .wwu-tabs .tab button {
        padding: 20px 6px 25px 6px;
    }

}

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

    .search-desktop .form_fields_inner {
        flex-direction: column;
    }

    .wwu-tabs .tab button .wwu-label {
        font-size: 10px;
        line-height: 14px;
    }

}

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

}