/* import files css */
@import url(variables.css);
@import url(customglobal.css);

/* media query */
@media screen and (max-width: 1399px) {

  /* Form Area Search tabs start */
  .flight-Search-box {
    padding-left: 8px;
  }

  .flight-Search-box input {
    font-size: 15px;
    width: 85%;
  }

  .border-box-section-content {
    max-width: 1120px;
  }

  .flight-search-hotels-popup {
    height: 320px;
  }

  .flight-search-cars-popup,
  .flight-search-cars-pick-popup,
  .flight-search-cars-drop-popup {
    height: 260px;
  }

  .flight-search-cruise-popup,
  .flight-search-cruise-line-popup {
    height: 260px;
  }

  .range-plan-icon i {
    width: 35px;
    height: 35px;
    font-size: 18px;
  }

  /* hotel and car tab button - guest and time box popup start */
  .dropdown_passenger_area .dropdown-passenger-popup.show {
    transform: translate(-23%, 40px) !important;
  }

  .dropdown-passenger-wrapper .passengers h6,
  .dropdown-passenger-wrapper .cabin-selection h6 {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 4px;
  }

  .dropdown-passenger-wrapper .passengers .passengers-types .passengers-type .text .count {
    position: static;
    background-color: transparent;
    margin-right: 10px;
    font-size: 22px;
  }

  .dropdown-passenger-wrapper .passengers .passengers-types .passengers-type .text .type-label p {
    font-size: 16px;
    padding-top: 2px;
  }

  .dropdown-passenger-wrapper .passengers .passengers-types .passengers-type .button-set button {
    font-size: 14px;
    width: 28px;
    height: 28px;
  }

  /* hotel and car tab button - guest and time box popup end */

  /* oneway - roundtrip - bus ( tab ) passenger box popup start */
  
  .dropdown_passenger_area .dropdown-passenger-box.show {
    transform: translate(-42%, 50px) !important;
  }

  /* oneway - roundtrip - bus ( tab ) passenger box popup end */

  .best-price-image {
    height: 300px;
  }

  .package-wrapper h2 {
    font-size: 21px;
    line-height: 28px;
  }

  .package-content-box p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
  }

  .package-wrapper a {
    padding: 12px 20px;
    font-size: 16px;
    line-height: 20px
  }

  /* Form Area Search tabs end */

}

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

  .nav ul li a {
    padding: 0px 12px;
    font-size: 14px;
  }

  .header-media-left,
  .nav ul,
  .icon-main,
  .media-icon,
  .header-media-right ul {
    column-gap: 0px;
  }

  #banner,
  .Common_banner_sec {
    margin-top: 146px;
  }

  .banner-text h1 {
    font-size: 45px;
  }

  .banner-text p {
    margin: 14px 0 0px 0;
  }

  .comman_pad {
    padding-top: 70px;
  }

  /* form area */
  .border-box-section-content {
    max-width: 920px;
  }

  /* Form Area Search tabs start */
  .flight-Search-box {
    margin-bottom: 0px;
  }

  .flight-search-from-poppup,
  .flight-search-to-poppup {
    height: 410px;
  }

  .flight-roundtrip-journey-date {
    width: 112px;
  }

  .flight-roundtrip-journey-date p {
    font-size: 16px;
  }

  .flight-roundtrip-journey-date input {
    font-size: 15px;
    width: 90%;
  }

  /* hotel and car tab button - guest and time box popup start */
  .dropdown_passenger_area .dropdown-passenger-popup.show {
    transform: translate(-35%, 40px) !important;
  }

  .dropdown_passenger_area .dropdown-passenger-popup {
    padding: 10px 15px;
  }

  .dropdown-passenger-wrapper .passengers .passengers-types .passengers-type .text .type-label p {
    font-size: 15px;
    padding-top: 0px;
  }

  .dropdown-passenger-wrapper .passengers .passengers-types .passengers-type .text .type-label span {
    font-size: 14px;
    padding-top: 0;
  }

  .dropdown-passenger-wrapper .passengers .passengers-types .passengers-type .text .count {
    margin-right: 8px;
    font-size: 20px;
  }

  .dropdown-passenger-wrapper .cabin-selection {
    padding-top: 5px;
    border-top: 2px solid #c7c7cc;
    margin-top: 1px;
  }

  .dropdown-passenger-wrapper .passengers h6,
  .dropdown-passenger-wrapper .cabin-selection h6 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0px;
  }

  .dropdown-passenger-wrapper .cabin-selection .cabin-list button,
  .dropdown-passenger-wrapper .cabin-selection .cabin-list button input {
    font-size: 15px;
    line-height: 20px;
  }

  /* hotel and car tab button - guest and time box popup end */

  /* oneway - roundtrip - bus ( tab ) passenger box popup start */
  .dropdown_passenger_area .dropdown-passenger-box.show {
    transform: translate(-52%, 50px) !important;
  }

  /* oneway - roundtrip - bus ( tab ) passenger box popup end */

  /* Form Area Search tabs end */





}

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

  .head-btn {
    padding: 2px 12px;
    font-size: 15px;
  }

  .header-media-left a,
  .header-media-right a,
  .header-media-left p {
    font-size: 14px;
  }

  .nav ul li a {
    padding: 0px 7px;
    font-size: 12px;
  }

  .media-icon {
    padding: 6px 10px;
  }

  .banner-text h1 {
    font-size: 36px;
  }

  .banner-text p {
    line-height: var(--lh-sm);
  }

  .banner-text a.btn {
    font-size: 18px;
    margin-top: 16px;
    padding: 12px 28px;
  }

  .about-right {
    margin-top: 40px;
    max-width: 90%;
  }

  .about-right h2 {
    font-size: var(--fs-l);
  }

  .about-right-bottom {
    padding-bottom: 0px;
  }

  .call-icon-main {
    padding: 20px 0px 0px 0px;
  }

  .icon-main .nav ul {
    padding-left: 0;
  }

  /* .nav ul {
    gap: 12px;
  } */

  /* Form Area */
  .theme-search-form-area-tabRow .nav-tabs .nav-item {
    border: 1px solid #2196F3;
    padding: 0 15px;
  }

  .tab-search-btn {
    font-size: 18px;
    border-radius: 10px 10px 10px 10px;
    line-height: 32px;
    height: 45px;
    max-width: 100px;
  }

  /* Form Area Search tabs start */
  .flight-Search-box {
    border-radius: 0px !important;
    margin-bottom: 10px;
  }

  .top_form_search_button {
    height: 55px !important;
  }

  .flight-search-from-poppup,
  .flight-search-to-poppup {
    left: -5%;
    height: 395px;
  }

  .flight-search-cars-popup,
  .flight-search-cars-pick-popup,
  .flight-search-cars-drop-popup {
    height: 245px;
  }

  .flight-search-cruise-popup,
  .flight-search-cruise-line-popup {
    height: 240px;
  }

  .flight-roundtrip-journey-date {
    width: 130px;
  }

  .flight-roundtrip-journey-date p {
    font-size: 17px;
  }

  .flight-roundtrip-journey-date input {
    font-size: 17px;
    width: 95%;
  }

  /* hotel and car tab button - guest and time box popup start */
  .dropdown_passenger_area .dropdown-passenger-popup.show {
    transform: translate(-4%, 40px) !important;
  }

  .dropdown-passenger-popup .dropdown-passenger-wrapper {
    position: static;
  }

  /* hotel and car tab button - guest and time box popup end */

  /* oneway - roundtrip - bus ( tab ) passenger box popup start */

  .dropdown_passenger_area .dropdown-passenger-box.show {
    transform: translate(-27%, 40px) !important;
  }

  /* oneway - roundtrip - bus ( tab ) passenger box popup end */

  /* Form Area Search tabs end */

}

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

  .nav {
    display: none;
  }

  .offcanvas-backdrop.show {
    opacity: 0;
  }

  .nav ul li a {
    color: var(--white);
    padding: 8px 18px;
    font-size: 15px;
    width: 100%;
  }

  .show .nav ul {
    padding: 10px 0px;
  }

  .nav ul li a:hover {
    background-color: var(--shade4);
  }

  .logo {
    padding-left: 12px;
  }

  .icon-main {
    padding-right: 12px;
  }

  .header-bottom {
    padding: 20px 0;
  }

  .nav ul {
    left: -100%;
    transition: all ease 1s;
  }

  .fixed-header .header-main {
    top: 0;
  }

  .icon-main,
  .media-icon,
  .header-media-right ul {
    column-gap: 20px;
  }

  .header-media-left a {
    background-color: var(--success);
    color: var(--white);
    padding: 4px 12px;
    border-radius: 5px;
  }

  .offcanvas {
    display: none;
  }

  .offcanvas.show {
    display: none;
  }

  .show .nav {
    display: block;
  }

  .show .nav ul {
    position: absolute;
    top: 100%;
    left: 0;
    flex-direction: column;
    background: var(--primary-color);
    display: inline-block;
    width: 100%;
    z-index: 9999;
    padding: 20px 0;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
  }

  .nav ul li .drop-down {
    width: 100%;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    background-color: var(--shade1);
    padding: 12px;
  }

  .nav ul li:hover .drop-down {
    position: sticky;
  }

  .show .media-close-icon {
    display: block;
    position: absolute;
    font-size: 26px;
    z-index: 9999;
    top: 22%;
    right: 8%;
    color: var(--shade5);
  }

  .search i,
  .toggle-bar i {
    font-size: 20px;
  }

  /* banner */
  #banner,
  .Common_banner_sec {
    margin-top: 130px;
  }

  .banner-text h1 {
    font-size: 22px;
  }

  .banner-text p {
    font-size: 15px;
    line-height: 22px;
  }

  .banner-text a.btn {
    font-size: var(--fs-vsm);
    margin-top: 12px;
    padding: 10px 20px;
  }

  .about-right h2 {
    font-size: var(--fs-m);
  }

  .honey_pack_head h2,
  .foll_head h2,
  .pop_dest_head h2 {
    font-size: var(--fs-l);
  }

  .pop_dest_head h6,
  .honey_pack_head h6 {
    font-size: var(--fs-vsm);
    margin-top: 10px;
  }

  /* footer */
  .footer_link li,
  .footer-del h3,
  .footer-del p,
  .footer-del h5 {
    width: 100%;
    text-align: left;
  }

  .footer-del p span,
  .footer-del p a,
  .foot-bot-head p span {
    font-size: var(--fs-vsm);
  }

  .foot-bot-icon img {
    height: 35px;
  }

  /* Form Area Search tabs start */
  .flight-search-from-poppup,
  .flight-search-to-poppup {
    left: 0%;
  }

  .flight-search-hotels-popup {
    height: 305px;
  }

  .flight-search-bus-from-popup,
  .flight-search-bus-to-popup {
    width: 100%;
    left: 0%;
    top: 90%;
  }

  .theme-search-form-area-tabRow .nav-tabs .nav-item {
    padding: 0 10px;
    margin-bottom: 10px;
    height: 34px;
  }

  .theme-search-form-area-tabRow .nav-tabs .nav-link.active {
    border-bottom-width: 3px;
  }

  .theme-search-form-area-tabRow .nav-tabs .nav-link img {
    width: 30px !important;
    height: 30px !important;
  }

  /* hotel and car tab button - guest and time box popup start */
  .dropdown_passenger_area .dropdown-passenger-popup.show {
    transform: translate(33%, 40px) !important;
  }

  /* hotel and car tab button - guest and time box popup end */

  /* oneway - roundtrip - bus ( tab ) passenger box popup start */
  .dropdown_passenger_area .dropdown-passenger-box.show {
    transform: translate(0%, 110px) !important;
    min-width: 310px !important;
    height: auto;
  }

  .dropdown-passenger-content {
    position: static;
    left: 0;
    top: 0;
    padding: 4px;
    width: 100%;
  }

  .passengers-type-new {
    width: auto;
    flex-wrap: wrap;
    margin-bottom: 6px;
    gap: 2px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
  }

  .passenger-head {
    width: 100%;
  }

  .passenger-count {
    width: 100%;
  }

  .passenger-cabin-list {
    gap: 6px;
  }

  .passenger-cabin-list button {
    font-size: 14px;
    line-height: 21px;
  }

  .dropdown_passenger_area .dropdown-passenger-box.show {
    width: 310px;
  }

  /* oneway - roundtrip - bus ( tab ) passenger box popup end */

  /* box section start */
  .border-box-section-content {
    box-shadow: none;
  }

  /* box section end */

  .nav-tabs {
    display: block;
  }

  .nav-tabs .nav-item {
    width: auto;
  }

  /* Form Area Search tabs end */

  .feature_box {
    flex-wrap: wrap;
  }

  .feature_box_item {
    padding: 10px 6px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }

  .feature_box_item a img {
    height: 65px;
  }

}

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

  h2 {
    font-size: var(--fs-m);
    line-height: var(--lh-m)
  }

  h3 {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
  }

  h4 {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
  }

  h6 {
    font-size: 16px;
    line-height: 24px;
  }

  p {
    line-height: var(--lh-sm);
  }

  /* header start */
  .show .media-close-icon {
    right: 3%;
    top: 105%;
    padding: 20px;
    z-index: 99999999999999999;
  }

  .show .media-close-icon i {
    color: var(--white);
  }

  .nav ul li:hover {
    background-color: var(--shade4);
  }

  .search i,
  .toggle-bar i {
    font-size: 18px;
  }

  .icon-main,
  .media-icon,
  .header-media-right ul {
    column-gap: 14px;
  }

  .header-media-right a {
    gap: 8px;
    display: flex;
    align-items: center;
    font-size: 15px;
  }

  .header-top {
    padding: 8px 0px;
  }

  .logo a img {
    height: 55px;
    width: auto;
  }

  .head-btn {
    padding: 0px 8px;
    font-size: 13px !important;
  }

  .comman_pad {
    padding-top: 110px;
  }

  .header-media-left a {
    padding: 0px 8px;
  }

  /* header end */

  /* ======================================
     Home Page Start 
  ========================================= */

  #banner,
  .Common_banner_sec {
    margin-top: 155px;
  }

  .banner-text p {
    font-size: 13px;
    line-height: 18px;
  }

  .banner-text a.btn {
    padding: 6px 11px;
    font-size: 14px;
    line-height: 18px;
  }

  .col-box-cnt,
  .explore-count-cnt {
    width: 95%;
    margin: 0 auto;
  }

  .explore-count-head h3 {
    font-size: var(--fs-sm);
  }

  .Marquee-tag {
    width: 140px;
    height: 80px;
  }

  .mar-slider-head h3 {
    font-size: var(--fs-sm);
  }

  .honey_pack_head h2 {
    font-size: var(--fs-m);
  }

  .best-price-box {
    width: 95%;
    margin: 0 auto;
  }

  .best-price-box:hover {
    transform: rotate(2deg) scale(1.01);
  }

  .best-price-image {
    height: auto;
  }

  .honey_pack_btn a {
    font-size: 16px;
    border-radius: 16px;
  }

  .honey_pack_head h2,
  .foll_head h2,
  .pop_dest_head h2 {
    font-size: var(--fs-m);
  }

  .frnch_gret_box img {
    width: 75%;
  }

  /* ===========================================
     Home Page End
  ============================================ */

  .about-box-border {
    width: 90%;
  }

  .about-content-text h3 {
    font-size: var(--fs-m);
  }

  .rating-number h1 {
    font-size: var(--fs-m);
  }

  .rating-icon i {
    font-size: var(--fs-sm);
  }

  .mission-head h2 {
    font-size: var(--fs-m);
  }

  .mission-bot-cnt h2 {
    font-size: 24px;
  }

  .mission-bot-cnt-1 h2 {
    font-size: 18px;
  }

  .serv-point-head h2 {
    font-size: var(--fs-l);
  }

  .serv-cover-cnt h3 {
    font-size: var(--fs-m);
  }

  .serv-point-col-cnt p {
    font-size: 17px;
  }

  .carrer-box-border {
    width: 92%;
    margin: 0 auto;
  }

  .carrer-journey-text h2 {
    font-size: 20px;
  }

  .carrer-point>span {
    width: 100%;
  }

  .academy-course-content,
  .academy-benefit-box {
    width: 90%;
  }

  .academy-course-heading h2 {
    font-size: var(--fs-m);
  }

  .academy-journey-text h3 {
    font-size: var(--fs-m);
  }

  .package_policy_content h3 {
    font-size: var(--fs-sm);
  }

  .contact-form-new {
    max-width: 90%;
  }

  .contact-heading h3,
  .contact-text-new h3 {
    font-size: var(--fs-m);
    line-height: var(--lh-m);
  }

  .form_apply h2 {
    font-size: var(--fs-m);
    line-height: var(--lh-m);
  }

  .form_apply form {
    width: 98%;
    margin: 32px auto;

  }

  /* Form Area */
  #theme_search_form {
    margin-top: 70px !important;
    margin-bottom: 30px;
  }

  .theme-search-form-area-tabRow .nav-tabs .nav-item {
    margin-bottom: 10px;
    padding: 0 4px;
    height: 30px;
    margin-right: 5px;
  }

  .theme-search-form-area-tabRow .nav-tabs .nav-link {
    margin: 0px;
    font-size: 15px;
  }

  .theme-search-form-area-tabRow .nav-tabs .nav-link img {
    width: 28px !important;
    height: 28px !important;
  }

  .flight-Search-box {
    margin-bottom: 10px;
    border-radius: 0px !important;
  }

  .flight-Search-box p {
    padding-top: 8px;
    font-size: 16px;
    line-height: 20px;
  }

  .tab-content-main {
    margin-top: 6px;
  }

  .tab-container {
    padding: 10px 4px;
  }

  .tab-btn {
    padding: 4px 6px;
    margin: 4px;
    font-size: 15px;
    gap: 0px;
  }

  .theme_search_form_tabbtn {
    margin-bottom: 0px;
    padding-left: 0px;
  }

  .theme_search_form_area {
    margin-top: 0px !important;
  }

  .tab-search-btn {
    height: 40px;
    margin-bottom: 3px;
  }

  .search-btn {
    padding: 8px 18px;
  }

  .flight-search-from-poppup,
  .flight-search-to-poppup {
    width: 320px;
    height: 350px;
  }

  .flight-search-poppup-heading p,
  .recent-search-flight-details P {
    font-size: 16px;
    line-height: 20px;
  }

  .recent-search-icon,
  .hotel-current-icon span,
  .hotel-dest-icon span,
  .flight-search-cars-icon span,
  .bus-popup-icon span,
  .flight-search-cruise-icon span {
    width: 40px;
    height: 40px;
  }

  .recent-search-flight-details span {
    font-size: 13px;
    line-height: 17px;
  }

  .fare-box-new {
    flex-wrap: wrap;
    margin-top: -15px;
  }

  .fare-box-new p {
    width: 100%;
  }

  .form-check {
    padding-left: 34px !important;
  }

  .flight-categories-search-tabRow .nav-tabs .nav-link {
    padding: 2px 12px;
    font-size: 15px;
  }

  .flight-roundtrip-journey-date input {
    font-size: 15px;
    width: 95%;
  }

  /* hotels */
  .flight-search-hotels-popup {
    width: 100%;
  }

  .flight-search-hotels-popup {
    height: 280px;
  }

  .hotel-current-icon span {
    border-radius: 8px;
  }

  .hotel-current-text h4,
  .flight-search-cars-text h6 {
    font-size: 16px;
    line-height: 24px;
  }

  .hotel-dest h3 {
    font-size: 20px;
    line-height: 28px;
    padding: 8px 0
  }

  .hotel-dest-icon span svg {
    width: 22px;
  }

  .hotel-dest-name p {
    font-size: 16px;
    line-height: 22px;
  }

  /* car */
  .flight-search-cars-popup,
  .flight-search-cars-pick-popup,
  .flight-search-cars-drop-popup {
    width: 320px;
    height: 190px;
  }

  .flight-search-cars-icon span i {
    font-size: 18px;
  }

  /* bus */
  .bus-popup-icon span svg {
    width: 22px;
    height: 22px;
  }

  .bus-popup-text h6 {
    font-size: 16px;
  }

  .flight-search-bus-from-popup,
  .flight-search-bus-to-popup {
    height: 205px;
  }

  .flight-search-bus-content {
    padding-bottom: 8px;
    padding-top: 8px;
  }

  /* curise */
  .flight-search-cruise-icon span i {
    font-size: 17px;
  }

  .flight-search-cruise-text h6 {
    font-size: 15px;
    line-height: 24px;
  }

  .flight-search-cruise-popup,
  .flight-search-cruise-line-popup {
    height: 170px;
  }

  /* hotel and car tab button - guest and time box popup start */
  .dropdown_passenger_area .dropdown-passenger-popup.show {
    transform: translate(-4%, 105px) !important;
    min-width: 320px;
  }

  /* hotel and car tab button - guest and time box popup end */

  /* Form Area End */

  .vacation-apartment-sub-head {
    margin-bottom: 0px;
  }

  .acad-btn {
    top: 70%;
  }

  .acad-btn a, .caution-btn a {
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .caution-btn {
    top: 75%;
  }

  .g_call_icon {
    width: 50px;
    height: 50px;
  }

  .g_call_icon i {
    font-size: var(--fs-m);
  }



}