@media only screen and (max-width: 1298px){
    .navbar .navbar-brand .logo{
      width: 150px;
    }
    .navbar .navbar-search-box{
      width: 350px;
    }
    .submenu-web#div_collapseDestination{
        right: -70%;
    }
    .travel-list li a{
        font-size: 15px;
    }
  }

@media only screen and (max-width: 1400px){
    header .second-nav.navbar-nav .nav-item {
        padding: 0 13px;
    }
}
@media only screen and (max-width: 1350px){
    header .second-nav.navbar-nav .nav-item {
        padding: 0 11px;
    }
}
@media only screen and (max-width: 1280px){
    *{
    font-size: 14px;
    }
    .submenu-web#div_collapseDestination{
        right: -150%;
    }
    #div_collapseStartPlanning.submenu-web{
        right: -10%;
    }
    header .second-nav.navbar-nav .nav-item {
        padding: 0 15px;
    }
}
@media only screen and (max-width: 1250px){
    header .second-nav.navbar-nav .nav-item {
        padding: 0 13px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px){
.navigation .navbar-collapse .nav-item{padding: 0 12px;}
.navigation .navbar-collapse .nav-item .nav-link, .sideBar .nav-link{font-size: 15px;}
.submenu-web#div_collapseDestination {
    right: -150%;
}
 header .second-nav.navbar-nav .nav-item {
        padding: 0 11px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.owl-carousel .owl-nav button.owl-prev{left: 42%;}
.owl-carousel .owl-nav button.owl-next{right: 42%;}
.submenu-web{
    right: -40%;
}
}
@media only screen and (max-width: 1400px){
    .navbar .navbar-brand {
    margin-right: 0px;
    }
}
@media only screen and (max-width: 1196px){
    .navbar .navbar-brand .logo,.logo-port img {
      width: 200px;
    }
    .logo-port img{
      width: 150px;
    }
}
@media only screen and (max-width: 1140px){
    .navigation .navbar .navbar-search-box {
    flex-basis: 30%;
    }
    .navigation .navbar .collapse.navbar-collapse{
    flex-basis: 50%;
    }
    .mainBanner{
    padding: 0 100px;
    }
.photoGallery .owl-carousel .owl-nav button.owl-prev{
    left: 42%;
  }
  .photoGallery .owl-carousel .owl-nav button.owl-next{
    right: 42%;
  }
  .photoGallery .owl-carousel .owl-nav button.owl-prev,.photoGallery .owl-carousel .owl-nav button.owl-next{
    bottom: -30%;
  }
  header .second-nav.navbar-nav .nav-item {
        padding: 0 8px;
    }
}
@media only screen and (max-width: 1090px){
  header .second-nav.navbar-nav .nav-item {
        padding: 0 6px;
    }
}
@media only screen and (max-width: 1060px){
  header .second-nav.navbar-nav .nav-item {
        padding: 0 4px;
    }
    .submenu-web {
        left: -80%;
    }
    #div_collapseExplore.submenu-web {
        left: -20%;
    }
    #div_collapseHotels.submenu-web {
        left: -290%;
    }
    #div_collapseHotels{
      min-width: 800px;
    }
    
}
@media only screen and (max-width: 1024px){
    .paddingDiv {
    padding: 30px 0px;
    }
    .navbar .navbar-brand .logo, .logo-port img {
        width: 150px;
    }
    .submenu-web#div_collapseTravelInspiration{
        right: -170%;
    }
    .submenu-web#div_collapseDestination {
        right: -420%;
    }
    header .navbar-nav .nav-item{
        padding: 0 5px;
    }
    .planning-drop-down.nav-item .button{
        padding: 10px 15px;
    }
    header .navbar-nav .nav-item .button.btn-second{
        line-height: 30px;
    }
    .navbar .navbar-brand .logo, .logo-port img{
        width: 100px;
    }
    .card.trip-card{
        height: 400px;
    }
    .top-plan-section .card.trip-card{
        height: 300px;
    }
    .top-plan-section .card.trip-card.small-top-trip-card{
        height: 200px;
    }
    .footer-useful-links .footer-heading{
        font-size: 1.2rem;
    }
    .footer-useful-links li a, .footerCategoryList ul.nav a{
        font-size: 1rem;
    }
    .photoGallery .owl-carousel .owl-nav button.owl-prev,.photoGallery .owl-carousel .owl-nav button.owl-next{
        bottom: -40%;
    }
    #sm_menu_ham{
        display: none;
    }
}
@media only screen and (max-width: 992px){
    .hideInWeb{
    display: block;
    }
    .hideInMobile,header .navbar-nav{
    display: none;
    }
    .navigation .navbar .navbar-search-box {
    flex-basis: 50%;
    }
    .mainBanner {
    padding: 0 40px;
    }
    .card.trip-card{
        height: 400px;
    }
    .top-plan-section .card.trip-card{
        height: 300px;
    }
    .card.trip-card.small-top-trip-card{
        height: 250px;
    }
    .mobileHeader{
        height: 20px;
    }
    .mart-75{
        margin-top: 75px;
    }
    .productDetailImg{
        height: auto;
        margin-bottom: 20px;
    }
      .photoGallery{
        margin-bottom: 70px;
       }
    .photoGallery .owl-carousel .owl-nav button.owl-prev{
        left: 43%;
      }
      .photoGallery .owl-carousel .owl-nav button.owl-next{
        right: 43%;
      }
      .photoGallery .owl-carousel .owl-nav button.owl-prev,.photoGallery .owl-carousel .owl-nav button.owl-next{
        bottom: -37%;
      }
       .swiper-container{
        height:220px;
      }

    .navbar .navbar-brand .logo, .logo-port img{
        width: 150px;
    }
    .point-section:before{
        width: 100%;
    }
    .mainBanner{
        height: 500px;
    }
    #sm_menu_ham{
        display: block;
    }
    .luxury-tour-category-detail-section .nav-pills .nav-link{
        background: #f2f2f2;
    }
    .luxury-tour-category-detail-section .nav-pills .nav-link.active{
        background: #f9f9f9;
    }
     .navbar .navbar-search-box{
      width:100%;
      margin-top: 10px;
    }
}

@media only screen and (max-width: 850px){
    .mainBanner .mainBannerContent {
    width: 60%;
    }
    .sideBar .nav-link,.sideBar .btn{
        font-size: 1.1rem;
    }
    .sideBar .collapse .navbar-nav .nav-link{
        font-size: 0.9rem;
    }      
    #plan-destination-country .multi-select-button{
        width:683px;
    }
}
@media only screen and (max-width:800px){
    .mainBanner .mainBannerContent .webContent .mainHeading {
    font-size: 1.5rem;
    }
    .itinerary-block{
        height: auto;
    }
    .itinerary-block .itinerary-caption .webContent .mainHeading{
        font-size: 1.4rem;
    }      
    #plan-destination-country .multi-select-button{
        width:683px;
    }
}
@media screen and (min-width: 320px) and (max-width: 767px){
    ul{
        padding-left: 0;
    }
    .navCategoryBlock{
        display: block;
    }
    .subcategoryList{
        display: none;
    }  
    .tabingStyle.nav-pills .nav-link{
        width: auto;
    }
    .tabingStyle.nav-pills .nav-link.active, .tabingStyle.nav-pills .show>.nav-link{
        padding: 0.5rem 1rem; 
    }
    .button.btn-second::after, .button.btn-first::after{
        top:5px;
        left: 5px;
    }
    .large_product_pic,.large_product_pic img{
        height: auto;
    }
    .button{
        padding: 10px 30px;
    }
    .card.luxury-tour-card .card-body{
        padding:1.25rem 0.5rem;
    }
    .card.luxury-tour-card .webContent{
        margin-bottom: 0;
    }
    .card.luxury-tour-card .webContent .mainHeading{
        font-size: 1.3rem;
    }
    .card.luxury-tour-card .webContent p{
        font-size: 1.1rem;
    }
    .aboutSection .webContent .subHeading{
        letter-spacing: 2px;
    }  
}

@media only screen and (max-width: 768px){
    .mart-75{
        margin-top: 0;
    }
    .mainBanner .mainBannerContent{
    position: initial;
    height: auto;
    width: 100%;
    top: initial;
    }
    .mainBanner .mainBannerContent .webContent .subHeading{
        display: none;
    }
    .webContent .mainHeading {
        font-size: 1.8rem;
    }
    .fixed-bottom{
        text-align: center;
    }
    .top-plan-section:before{
        height: 100%;
    }
    .button.btn-subscribe{
        padding: 0 20px;
    }
    .photoGallery .owl-carousel .owl-nav button.owl-prev{
        left: 42%;
      }
      .photoGallery .owl-carousel .owl-nav button.owl-next{
        right: 42%;
      }
      .photoGallery .owl-carousel .owl-nav button.owl-prev,.photoGallery .owl-carousel .owl-nav button.owl-next{
        bottom: -39%;
      } 
      .sitemapSection.contentHeading ul.subCategoryListItems ul ul ul{
        column-count: 2;
      }
    .swiper-container{
        height:340px;
      }
    .footer-useful-links .footer-heading{
        font-size: 1.4rem;
    }
    .footer-useful-links li a, .footerCategoryList ul.nav a{
        font-size: 1.15rem;
    }
    .aboutSection .aboutImg{
        width: 100%;
        flex-basis: initial;
    }
    .deals-section .card{
        height: auto;
    }
    .card-footer-block{
        margin-top: 20px;
        position: initial;
        width: 100%;
    }
    .deals-section .card.hori-card .card-footer-block {
      left: initial;
      bottom: initial;
    }
    /*.button, input[type=submit].button{
        line-height: 20px;
    }*/
    .ratingProgress .progress {
        width: 100%;
    }
    .progress.overallProgress{
        width:200px;
    }
    .book-hotel-card .top-trip-img{
        margin-bottom: 15px;
        height: auto;
    }
    .book-hotel-card .contentHeading .travel-list.columnList{
        column-count: 1;
    }
    .book-hotel-card .hotel-book-button{
        position: initial;
    }
    .book-hotel-card .hotel-book-button .button{
        line-height: 40px;
    }
    .vacation-details-sections ul{
        column-count: 1;
    }   

    #carousel-vacation-details img{
      height: 200px;
    }
}

@media only screen and (max-width: 650px){
    .mainBanner .mainBannerContent .webContent{
    margin-top: 20px;
    }
    .swiper-container{
        height:330px;
    }    
    #plan-destination-country .multi-select-button{
        width:503px;
    }
}
@media only screen and (max-width: 551px){
    *{
    font-size: 15px;
    }
    .navbar .navbar-brand .logo {
    width: 150px;
    }
    .mainBanner .mainBannerContent .webContent {
    margin-top: 30px;
    }
    .mainBanner .webContent .subHeading{
        font-size: 1.2rem;
    }
    .paddingDiv{
    padding: 20px;
    }
    .socialMedia ul li {
    margin: 5px 20px 0 0;
    }
    .socialMedia i{
    font-size: 20px;
    }
    .mainBanner .webContent .mainHeading{
        font-size: 2rem;
    }
    .mainBanner{
        padding: 0;
        height: 500px;
    }
    .point-section{
        margin-bottom: 50px;
    }
    .aboutImg img{
        height: 350px;
    }
    #plan-destination-country .multi-select-button{
        width:514px;
    }
}
@media only screen and (max-width: 480px){
    .mainBanner .mainBannerContent {
    padding: 0px;
    }
    .webContent .mainHeading{
    font-size: 1.6rem;
    }
    .webContent .subHeading,.fixedFooter .webContent .mainHeading{
    font-size: 1.2rem;
    }
    .internalBanner .webContent .mainHeading {
        font-size: 22px;
    }
    .photoGallery .owl-carousel .owl-nav button.owl-prev{
        left: 39%;
      }
      .photoGallery .owl-carousel .owl-nav button.owl-next{
        right: 39%;
      }
      .photoGallery .owl-carousel .owl-nav button.owl-prev,.photoGallery .owl-carousel .owl-nav button.owl-next{
        bottom: -55%;
      } 
    .swiper-container{
        height:300px;
      }
    #plan-destination-country .multi-select-button{
        width:440.5px;
    }
}
@media only screen and (max-width: 451px){
    .menuButton i{
        font-size: 1.2rem;
    }
    .itinerary-block .itinerary-caption .webContent .mainHeading{
        font-size: 1.2rem;
    }
    .sitemapSection.contentHeading ul.subCategoryListItems ul ul ul{
        column-count: 1;
    }
    .card.trip-card {
        height: 350px;
    }
    .itineraryThumbCarousel img{
        height: 80px;
    }
    #plan-destination-country .multi-select-button{
        width:410px;
    }

}
@media only screen and (max-width: 415px){
    .internalBanner .webContent .mainHeading{
    font-size: 1.2rem;
    }
    .webContent .mainHeading{
    font-size: 1.4rem;
    }
    .paddingDiv{
        padding: 20px 15px;
    }
    .pointBlock .webContent .subHeading{
        font-size: 1.3rem;
    }
    .itinerary-section .scrollnav{
        column-count: 1;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
        width: 30px;
        height: 30px;
    }
    .owl-carousel .owl-nav button.owl-next::after, .owl-carousel .owl-nav button.owl-prev::after{
        width: 10px;
        height: 10px;
        border-width: 3px;
    }
    .swiper-container{
        height:250px;
      }
}
@media only screen and (max-width: 412px){
    #plan-destination-country .multi-select-button{
        width: 372.5px;
    }
}
@media only screen and (max-width: 376px){
    .internalBanner{
    height: 120px;
    }
    .internalBanner.cruiseBanner{
    height: auto;
    }
    .webContent .mainHeading {
    font-size: 1.5rem;
    }
    .navbar .navbar-brand .logo {
    width: 120px;
    }
    .mainBanner{
        height: 400px;
    }
    .aboutImg img{
        height: 300px;
    }
    .swiper-container{
        height:200px;
    }
    #plan-destination-country .multi-select-button{
        width:340px;
    }
}

@media only screen and (max-width: 360px){
    #plan-destination-country .multi-select-button{
        width: 320px;
    }
}
@media only screen and (max-width: 320px){
    *{
    font-size: 14px;
    }
    .navbar .navbar-brand .logo {
    width: 100px;
    }
    .swiper-container{
        height:170px;
    }
    #plan-destination-country .multi-select-button{
        width: 283px;
    }
}