@media only screen and (max-width: 1440px)
{
    .header .container {
        max-width: 1440px;
        padding: 0;
        margin: 0;
        width: 100%;
        justify-content: space-evenly;
    }
}

@media only screen and (max-width: 1367px)
{
    .header .container {
        max-width: 1346px;
    }

    .swiper-horizontal {
        /*height: 555px;*/ /*FW css*/
    }
    
}
/**
* SCREEN SIZE 1280 < LAPTOPS >
*/
@media only screen and (max-width: 1280px)
{}
/**
* SCREEN SIZE 1024 < TABLOID + LAPTOPS >
*/
@media only screen and (max-width: 1024px)
{
    .card-blocks .owl-nav button.owl-prev { z-index: 1; left: -35px;  } /* fw css */
    .card-blocks .owl-nav button.owl-next { z-index: 1; right: -35px;  } /* fw css */

}
/**
* SCREEN SIZE 922 < TABLOID >
*/
.exp-dest-ctas a{
    color: #fff;
    background-color: rgba(1,113,192,0.6);
}
@media only screen and (max-width: 922px)
{
    .flex-box { display: block; }
    .navigation-links { position: absolute; top: 0; right: -220px; }
    #ddmenu { position: relative; }
    #top-menu { position: absolute; top: 90px; right: 0px; display: block; background-color: #000000; position: relative; top: 90px; min-height: 100vh; padding: 0 20px; overflow: hidden; overflow-y: auto; transition: all 0.2s ease-in-out; }
    #top-menu.active { right: 220px; }
    .menu-icon { position: absolute; top: 20px; right: 240px; }
    #nav-icon3 span { width: 30px; height: 3px; display: block; background-color: #ffffff; margin-bottom: 2px; }

    .swiper-horizontal { height: 480px;}
      .cg-banner .mySwiper {
        height: 480px;
    }
    .swiper-slide .swiper-image img { width: auto; height: 100%; position: relative;} /* fw css */ 
    .swiper-slide .swiper-text { top: 20% !important; }
    .swiper-text p { font-size: 14px; font-weight: 500; line-height: 20px !important; }
    .swiper-text p br { display: none; }
    .swiper-button-next, .swiper-button-prev { top: 50%; }
    .swiper-slide .swiper-text h2 { padding: 0 20px; font-size: 36px; } /* fw css */ 
    .swiper-slide .swiper-text h3 { font-size: 26px; } /* fw css */
    .exp-title h2 { font-size: 36px; padding: 20px 0px 20px 0px;} /* fw css */


    .exp-dest-ctas { flex-direction: column; column-gap: 25px; align-items: inherit; width: 45%; text-align: center; } /* fw css */
    .exp-dest-ctas a { margin-bottom: 15px; padding: 15px 24px 15px; } /* fw css */

    .sec-experience .head-block h2 {font-size: 36px; padding-bottom: 20px; } /* fw css */
    .create-your-journey .cyj-head h2.title {font-size: 36px;  padding: 20px 0px 20px 0px; }  /* fw css */
    .sec-experience .head-block h2 {font-size: 36px; } /* fw css */
    .filter-toggle-cta { width: 100%;} /* fw css */

    .exp-block .owl-nav button.owl-prev { background: none; border-radius: inherit; left: 0; width: inherit; height: inherit; margin: 0px 10px; color: #fff;} /* fw css */
    .exp-block .owl-nav button.owl-next { background: none; border-radius: inherit; right: 0; width: inherit; height: inherit; margin: 0px 0px 0px 10px; color: #fff; } /* fw css */

    .card-blocks .owl-nav button.owl-prev { top: 50%; z-index: 1; left: -30px;  } /* fw css */
    .card-blocks .owl-nav button.owl-next { top: 50%; z-index: 1; right: -20px;  } /* fw css */

    .stories-carousel .owl-nav button.owl-prev { top: inherit; left: 0;  } /* fw css */
    .stories-carousel .owl-nav button.owl-next { top: inherit; right: 0; } /* fw css */
    .blog-stories .head-block h2 { font-size: 36px; padding-bottom: 20px; } /* fw css */
    .blog-stories { padding-top: 30px;} /* fw css */

    .form-col img { min-height: 720px; height: 100%; width: auto; }
    .form-container span[data-name="firstname"], .form-container span[data-name="lastname"] {width: 100%;}
    .form-container .wpcf7 form.invalid .wpcf7-response-output { position: inherit; width: 100%; }

    .blckrw .cl h2 { font-size: 36px; padding-bottom: 30px;}  /* fw css */
    .corporate-clients .head-two { font-size: 36px; padding-bottom: 30px;}  /* fw css */
    .client-testimonials .head-two { font-size: 36px; padding-bottom: 30px;}  /* fw css */
    ul.corptabs { width: 100%;} /* fw css */
    .cg-banner .swiper-slide .swiper-text h1  {font-size: 36px;} /* fw css */


    /**
    * FOOTER STYLING
    */
    .footer-top { padding: 25px; }
    .social-links {padding: 25px 0 0;}
    .footer-bottom, .footer-bottom .copyrights {text-align: center;}
    .footer-bottom .copyrights { padding: 20px 0; }
    ul.social-items li a.facebook { background: #4267B2; }
    ul.social-items li a.twitter { background: #1DA1F2; }
    ul.social-items li a.googleplus { background: #DB4437; }
    ul.social-items li a.linkedin { background: #1986c6; }
    ul.social-items li a.instagram { background: #7a5543; }
    ul.social-items li a.youtube { background: #FF0000; }
    ul.footer-menuitems li { margin-bottom: 10px; }
    ul.footer-menuitems li a { font-weight: 500; }
}
img[data-no-lazy],
img[data-lazyloaded] {
    opacity: 1 !important;
    visibility: visible !important;
}
/**
* SCREEN SIZE 767 < MOBILE >
*/
@media only screen and (max-width: 767px)
{
    .wrapper {
        overflow: hidden !important;
    }
    .brand-logo {
        height: auto;
        width: 250px;
        padding: 5px 0 5px 0px;
        margin: 0;
        position: relative;
        z-index: 100;
    }
    .brand-logo a {display: block; margin-left: 20px;}
    .brand-logo a img {
        width: 80%;
        height: 48px;
    }
    .flex-box { display: block; }
    .navigation-links { position: absolute; top: 0; right: -250px; }
    #ddmenu { position: relative; }
    #top-menu { position: absolute; top: 60px; right: 0px; display: block; background-color: #fff; position: relative; min-height: 100vh; padding: 0 20px 0 0px; overflow: hidden; overflow-y: auto; transition: all 0.2s ease-in-out; }
    #top-menu.active { right: 250px; }
    .menu-icon { position: absolute; top: 20px; right: 270px; }
    #nav-icon3 span { width: 30px; height: 3px; display: block; background-color: #0171c0; margin-bottom: 4px; transition: all 0.2s ease-in-out; position: relative; }
    #nav-icon3.opened span:nth-child(1),
    #nav-icon3.opened span:nth-child(4) { opacity: 0; }

    #nav-icon3 span:nth-child(2) { top: 0px; }
    #nav-icon3 span:nth-child(3) { bottom: 0px; }

    #nav-icon3.opened span:nth-child(2) { rotate: 45deg; top: 3px; }
    #nav-icon3.opened span:nth-child(3) { rotate: -45deg; bottom: 4px; }

    #top-menu li.hamberg-menu { width: 100%; }
    #top-menu li.hamberg-menu .top-heading { display: none; }
    #top-menu li.hamberg-menu .dropdown { display: block; position: relative; padding: 0px;}
    #top-menu li.hamberg-menu .dropdown > .dd-inner > .column > li { padding: 0 0px 0 !important; }

    .hmpg-banner { margin-top: 60px; }

    .twt-btn{
        padding: 15px 20px 12px;
    }

    .swiper-horizontal { height: 600px;}
    .cg-banner .mySwiper {
        height: 600px;
    }
    .swiper-slide .swiper-text h2 { padding: 0 20px; font-size: 32px; } /* fw css */ 
    .swiper-slide .swiper-text h3 { font-size: 22px; } /* fw css */
    .swiper-slide .swiper-image > img { width: 100%; height: 100%; position: relative; left: 0%;; }
    .cg-banner .swiper-image .banner-overlay img { bottom: 0;
        left: 0;
        z-index: 1;
        width: auto; }
    .swiper-slide .swiper-text { top: 10% !important; }
    .swiper-text p { font-size: 14px; font-weight: 500; line-height: 20px !important; }
    .swiper-text p br { display: none; }
    .swiper-button-next, .swiper-button-prev { top: 75%; display:none;}

    .sec-experience.secI { padding-top: 0px;} /* fw css */
    .sec-experience .head-block h2 { font-size: 28px; padding-bottom: 20px; } /* fw css */
    .sec-experience.secI .expitys-block { padding: 2% 0 10%; }

    .exp-dest-ctas { flex-direction: column; column-gap: 25px; align-items: inherit; /*width: 70%;*/ width: 270px; max-width: 100%; text-align: center; }
    .exp-dest-ctas a { margin-bottom: 15px; }

    .exp-block .owl-nav button.owl-prev { background: none; border-radius: inherit; left: 0; width: inherit; height: inherit; }
    .exp-block .owl-nav button.owl-next { background: none; border-radius: inherit; right: 0; width: inherit; height: inherit; }

    .card-blocks .owl-nav button.owl-prev, .stories-carousel .owl-nav button.owl-prev { top: inherit; left: 20px; bottom: -65px; }
    .card-blocks .owl-nav button.owl-next, .stories-carousel .owl-nav button.owl-next { top: inherit; right: 20px; bottom: -65PX; }

    .stories-carousel .owl-nav button.owl-prev { bottom: -45px; }
    .stories-carousel .owl-nav button.owl-next { bottom: -45PX; }

    .create-your-journey img.vshaped-white-mask { display: none; }
    .create-your-journey .cyj-head {
        position: relative;
        top: 0;
        background-color: #ffffff;
        padding-bottom: 20px;
        padding-top: 20px;
    } /* fw css */

    .create-your-journey .cyj-head h2.title { font-size: 28px;} /* fw css */

    .exp-title h2 { font-size: 28px; padding: 20px 0px 20px 0px;} /* fw css */

    .blog-stories { padding-top: 40px;} /* fw css */
    .blog-stories .head-block h2 { font-size: 28px; padding-bottom: 20px;} /* fw css */
    
    .sec-experience .head-block {
        padding-bottom: 40px;
        padding-top: 40px;
        margin: 0px 10px 0px 10px;
    }

    .filter-countries .filter-toggle-cta { width: 100%; }

    #locfiltr {
        width: 80%;
        z-index: 9999;
    }

    #locfiltr li svg {
        right: 10px;
        opacity: 1;
    }

    .taxo-bg > img {
        width: auto;
        height: 100%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .taxocont {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        padding: 0 15px;
    }

    .taxocont h1 {
        color: #fff;
        font-size: 42px;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 10%;
        width: 100%;
    }

    .taxocont .taxo-itinerary {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        text-align: -webkit-center;
    }

    .taxocont .taxo-itinerary li {
        margin: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .taxocont .taxo-itinerary li a {
        width: 90%;
        display: block;
        font-size: 14px;
        font-weight: 500;
        border: 1px solid #ffffff;
        text-decoration: none;
        color: #ffffff;
        border-radius: 20px;
        padding: 12px 15px 10px 15px;
        background: rgba(0, 0, 0, 0.3);
        transition: 0.5s ease-in-out;
        position: relative;
        text-align: left;
    }

    .taxocont .taxo-itinerary li a svg {
        margin-left: 0;
        vertical-align: middle;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .form-col img { min-height: 720px; height: 100%; width: auto; }
    .form-container span[data-name="firstname"], .form-container span[data-name="lastname"] {width: 100%;}
    .form-container .wpcf7 form.invalid .wpcf7-response-output { position: inherit; width: 100%; }

    .story-item .cardblock .card-text .readmore-cta {
        width: 60%;
        text-align: center;
    }

    .package-content {
        flex-direction: column;
    }

    .package-content .content-left {
        width: 100%;
    }

    .package-content .content-right {
        width: 100%;
    }

    .itinerary-page {
        padding-top: 60px;
    }

    .content-left h2.itinerary-locname,
    .content-right h2.itinerary-locname { display: none; }
    .content-left h2.itinerary-locname-mob {
        display: block;
        position: absolute;
        top: 20px;
        left: 5px;
        z-index: 1;
        color: #ffffff;
        text-align: center;
        padding: 0 0 0;
        width: 100%;
        font-size: 56px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .itinerary-content {
        padding: 5% 5%;
    }
    .booking-ctas {
        flex-direction: column;
    }
    .twt-outlinebtn, .booking-ctas form {
        width: 100%;
        margin-bottom: 20px;
    }
    .ity-cost-container { padding: 0; }
    .ity-cost-container .cost .price { font-size: 32px; }
    .ity-cost-container .cost .currency-unit > svg { font-size: 32px; }
    .itinerary-content .ity-ctas { width: 100%; flex-direction: column; }
    .itinerary-content .ity-ctas .twt-fillbtn { width: 100%; margin-bottom: 15px; }
    #relblogs .pckg-stories .card { height: 260px; }

    .customizeform.active .ity-form-wrapper {
        height: 900px;
    }
    .exp-taxo-itinerary li h2 {
        font-size: 18px;
        font-weight: 500;
        width: 90%;
    }

    /**
    COPORATE GETAWAYS STYLING FOR MOBILE
    */
    .swiper-slide .swiper-image {
        height: 100%;
    }
    .cg-banner .swiper-slide .swiper-text {
        padding: 0 4%;
    }
    .cg-banner .swiper-slide .swiper-text h1 {
        font-size: 28px;
        color: #ffffff !important;
    } /* fw css */
    .cg-banner .page-tabs {
        top: inherit;
        bottom: 0;
        padding-bottom: 20px;
    }  /* fw css */
    ul.corptabs {
        width: 100%;
        flex-wrap: wrap;
    }
    ul.corptabs li {
        width: 45%;
        margin-bottom: 10px;
        text-align: center;
    }
    ul.corptabs li a {
        padding: 8px 0px;
        background-color: #064f9e;
        color: #ffffff;
    }

    .blckrw .cl h2 { font-size: 28px; padding: 0px 0px 0;}  /* fw css */
    .corporate-clients .head-two { font-size: 28px; padding-bottom: 30px;}  /* fw css */
    .client-testimonials .head-two { font-size: 28px; padding-bottom: 30px;}  /* fw css */

    .cf-intro {
        padding: 20px 15px;
    }
    .cf-intro .blckrw {
        flex-wrap: wrap;
    }
    .cf-intro .blckrw.img-left{
        flex-direction: column-reverse;
    }
    .image-col {
        position: relative;
        overflow: hidden;
    }
    .image-col img {
        width: 100%;
        height: auto;
    }

    .dg-wrapper {
        width: 300px;
    }
    .dg-container nav {
        top: 45%;
    }
    .dg-container nav span.dg-prev {
        /*position: relative;*/
        left: 8%;
    }
    .dg-container nav span.dg-next {
        /*position: relative;*/
        right: 8%;
    }

    #corp-clients .owl-nav {
        text-align: center;
    }

    .email-popup {
        width: 90%;
    }
    .email-popup.active {
        top: 50%;
        opacity: 1;
        padding: 20px 10px 10px 10px;
    }
    .email-popup .wpcf7 input[type="email"] {
        width: 100%;
    }
    .email-popup .close {
        right: 10px;
        top: 10px;
    }

    .itysitecont {
        padding-top: 20px !important;
    }
    .ity-section {
        padding-top: 10%;
    }
    .section-I .ity-title h1.white {
        padding-top: 20px;
        font-size: 32px !important;
    }
    #anchor-nav {
        padding: 15px 0;
        text-align: right;
        transition: all 0.8s ease-in-out;
    }
    .nav-anchor {
        display: none;
    }
    #anchor-nav .dnld-pdf {
        position: relative;
        top: inherit;
        right: inherit;
    }

    .second-nav-sticky {
        top: 65px;
        text-align: center !important;
    }

    .testimonials-section .testigrid .card {
        width: 100%;
    }
    .testimonials-section .testigrid .card .testiMImg {
        width: 125px;
        height: 125px;
    }

    /**
    * FOOTER STYLING
    */
    .footer-top { padding: 25px; }
    .social-links {padding: 25px 0 0;}
    .footer-bottom, .footer-bottom .copyrights {text-align: center;}
    .footer-bottom .copyrights { padding: 20px 0; }
    ul.social-items li a.facebook { background: #4267B2; }
    ul.social-items li a.twitter { background: #1DA1F2; }
    ul.social-items li a.googleplus { background: #DB4437; }
    ul.social-items li a.linkedin { background: #1986c6; }
    ul.social-items li a.instagram { background: #7a5543; }
    ul.social-items li a.youtube { background: #FF0000; }
    ul.footer-menuitems li { margin-bottom: 10px; }
    ul.footer-menuitems li a { font-weight: 500; }
}

@media only screen and (max-width: 374px)
{
    .address-col { padding-right: 0px; padding-left: 0px; }
    .card-blocks .owl-nav button.owl-prev, .stories-carousel .owl-nav button.owl-prev {
        left: 0px;
    }
    .card-blocks .owl-nav button.owl-next, .stories-carousel .owl-nav button.owl-next {
        right: 0px;
    }
    .exp-taxo-itinerary li {
        width: 100%;
    }
}

.inner-banner {
    height: 400px;
    overflow: hidden;
    position: relative;
}
.inner-banner:before{
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.4);
}
.inner-banner .swiper-text{
    position: absolute;
    top: 0%;
    left: 0%;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}
.inner-banner .swiper-text > div{
    width: 70%;
    margin: 0 auto;
}
.inner-banner .swiper-text h1{
    font-size: 60px;
    margin: 0 0 30px;
    text-align: center;
}