@media (max-width: 1780.98px) {
  .hero-section .banner-content {
    top: 170px;
  }
  .query-form {
    bottom: 80px;
  }
  .query-form .form-tabs-btns {
    margin-bottom: 30px !important;
  }
  .hero-section h1 span:last-of-type {
    font-size: 50px;
  }
  .explore-flights .pkg-name {
    font-size: 20px;
  }
  .explore-flights .pkg-type-price {
    font-size: 18px;
  }
  .explore-flights .pkg-type-price span:first-of-type::after {
    margin: 0 6px;
  }
}
@media (max-width: 1480.98px) {
  .query-form {
    bottom: 45px;
  }
  .query-form .form-tabs-btns button {
    height: 50px;
    width: 50px;
  }
  .banner-content h1 span:first-of-type {
    font-size: 30px !important;
  }
  .hero-section h1 span:last-of-type {
    font-size: 35px;
  }
}
@media (max-width: 1399.98px) {
  .query-form .input-container {
    max-width: 247px;
  }
  .hero-section .banner-content {
    top: 135px;
  }
  .query-form .form-tabs-btns {
    margin-bottom: 20px !important;
  }
  .query-form .form-tabs-btns button + span {
    font-size: 14px;
  }
  .header .nav {
    padding: 18px 0;
  }
  .fares .place-name {
  max-width: 10%;
}

  .holiday-pane .form-wrapper .input-container {
    max-width: 32%;
  }
  .query-form {
    bottom: 24px;
  }
  .parking-pane .form-wrapper .input-container:last-of-type,
  .parking-pane .form-wrapper .input-container:nth-last-of-type(2) {
    max-width: 49.5%;
  }

  .primary-heading {
    font-size: 35px;
  }
  .explore-flights .swiper-wrapper {
    margin: 0px auto 55px;
  }
  .fs-5 {
    font-size: 18px !important;
  }
}

@media (max-width: 1199.98px) {
    .airline-img img {
	max-width: 90px;
}
  .query-form {
    position: relative !important;
    bottom: auto;
    background-color: var(--secondary-color) !important;
    padding: 40px 0;
    margin-bottom: 30px;
  }
  .hero-section .banner-content {
    top: 50%;
    text-align: center;
  }
  .hero-section {
    margin-bottom: 0px;
  }
  .flight-pane .form-wrapper .input-container {
    max-width: 32.5%;
  }
  .flight-pane .form-wrapper .input-container:last-of-type,
  .flight-pane .form-wrapper .input-container:nth-last-of-type(2) {
    max-width: 49.5%;
  }
  .parking-pane .form-wrapper .input-container {
    max-width: 24%;
  }
  .primary-heading {
    margin-bottom: 45px !important;
    font-size: 28px !important;
  }
  .contact-line-sec {
    padding: 0;
  }
  .contact-line {
    padding: 30px 0;
  }

  .footer-content {
    padding: 85px 0;
  }
  .pattern-end::after,
  .pattern-start::before {
    display: none;
  }
  .error-msg .msg {
    font-size: 55px;
  }
  .error-msg p {
    font-size: 20px;
  }
  .dsp-msg .exp-more {
    font-size: 14px !important;
    width: 150px;
    height: 40px;
  }
  .error-msg {
    margin: 50px 0;
  }
  /*  */
  .fare .fare-price {
    font-size: 24px;
  }
  .fare .select-sec a:last-of-type {
    font-size: 13px;
  }
  .fare .select-btn {
    width: 82px;
    height: 30px;
    font-size: 14px;
    margin-bottom: 4px;
  }
}
@media (max-width: 991.98px) {
  .query-form form {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .flight-pane .form-wrapper .input-container:last-of-type,
  .flight-pane .form-wrapper .input-container:nth-last-of-type(2) {
    max-width: 49.4%;
  }
  .query-form form button[type="submit"] {
    width: 100%;
    margin: auto;
  }
  .holiday-pane .form-wrapper .input-container {
    max-width: 49%;
  }
  .holiday-pane .form-wrapper .input-container:last-of-type {
    max-width: 100%;
  }
  .parking-pane .form-wrapper .input-container {
    max-width: 49% !important;
  }
  .header .contact-text {
    display: none;
  }
  .header .logo {
    margin-right: 0;
  }
  .header .contact {
    margin-left: auto;
  }
  .explore-flights,
  .airlines,
  .special-offer {
    margin-bottom: 40px;
  }
  .airlines,
  .destination {
    padding: 30px 0;
  }
  .swiper-wrapper {
    margin-bottom: 30px !important;
  }
  .primary-heading {
    margin-bottom: 30px !important;
  }
  /*  */
  .detail-sec .days-detail span:first-of-type {
    font-size: 18px;
  }
  .detail-sec .days-detail span:last-of-type {
    font-size: 14px;
  }
  .detail-sec .park-price {
    font-size: 24px;
  }
  .detail-sec p,
  .detail-sec li {
    font-size: 13px;
  }
  .detail-sec ul li::before {
    height: 6px;
    width: 6px;
  }
  .detail-sec label {
    font-size: 14px;
  }
  .detail-sec input,
  .detail-sec textarea {
    font-size: 13px;
  }
  .detail-sec button[type="submit"] {
    font-size: 13px;
  }
  .detail-sec .swiper-wrapper {
    margin-bottom: 0 !important;
  }
  .detail-sec .hotel-days,
  .detail-sec .offer-text {
    font-size: 18px;
  }
  .detail-sec .hotel-price {
    font-size: 25px;
  }
  .need-help p span {
	font-size: 25px;
}
.need-help p a {
	font-size: 20px;
}
.fare-detail .need-help {
	font-size: 25px;
}
.filter {
	padding-bottom: 0 !important;
}
}
@media (max-width: 767.98px) {
  .header .logo {
    max-width: 110px;
  }
  .flight-pane .form-wrapper .input-container {
    max-width: 49% !important;
  }
  .header .menu-btn img {
    max-width: 30px;
  }
  .header .contact img {
    max-width: 30px;
  }
  .contact-line ul {
    flex-direction: column;
    gap: 20px;
  }
  .footer .contact-number {
    font-size: 24px;
    margin-bottom: 17px;
  }
  .footer .logo {
    margin-bottom: 40px;
  }
  .footer-links .heading {
    margin-bottom: 30px !important;
  }
  .footer-content {
    padding: 40px 0;
  }
  /*  */
  .detail-sec .swiper-esn button {
    display: none;
  }
  .detail-sec h2 {
    font-size: 18px !important;
  }
  .fare .airline-img {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .fares .place-name {
    max-width: 100%;
  }
  .fares .fare {
    flex-wrap: wrap;
    text-align: center;
  }
  .fares .travel-img {
    max-width: 100%;
    width: 100%;
  }
  .fare .select-sec,
  .fare .fare-price {
    max-width: 30%;
    width: 100px;
  }
  .fare-detail label {
	width: 92px;
	height: 33px;
  font-size: 12px !important;
}
.airline-img img {
	max-width: 130px;
}

}
@media (max-width: 575.98px) {
  .primary-heading {
    margin-bottom: 24px !important;
  }
  .banner-content h1 span:first-of-type {
    font-size: 20px !important;
  }
  .hero-section h1 span:last-of-type {
    font-size: 25px;
  }
  .query-form .form-wrapper .input-container {
    max-width: 100% !important;
  }
  .explore-flights .pkg-name {
    font-size: 18px;
  }
  .explore-flights .pkg-type-price {
    font-size: 15px;
  }
  .dest-package {
    max-width: 312px;
    margin: auto;
  }
  .content p,
  .content blockquote {
    font-size: 14px;
  }
  .content ul {
    font-size: 14px;
  }
  .content p,
  .content ul,
  .content ol {
    margin-bottom: 20px !important;
  }
  .error-msg p {
    font-size: 14px;
  }
  .dsp-msg .exp-more {
    font-size: 14px !important;
    width: 150px;
    height: 40px;
  }
  .error-msg {
    margin: 50px 0;
  }
  .thnx-msg {
    margin: 80px;
  }
  .thnx-msg .msg {
    font-size: 28px;
    color: var(--secondary-color);
  }
  .thnx-msg p {
    font-size: 13px;
  }
  /*  */
  .detail-sec .days-detail span:first-of-type {
    font-size: 14px;
  }
  .detail-sec .days-detail span:last-of-type {
    font-size: 12px;
  }
  .detail-sec .park-price {
    font-size: 14px;
  }
  .detail-sec h2 {
    font-size: 15px !important;
  }
  .detail-sec .hotel-days,
  .detail-sec .offer-text {
    font-size: 14px;
  }
  .detail-sec .hotel-price {
    font-size: 17px;
  }
  .fares .fare {
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .fare .select-sec,
  .fare .fare-price {
    margin: auto;
  }
  /*  */
  .fare-detail .fare {
    text-align: center;
  }
  .fare-detail .fare .row
  {
    gap: 20px;
  }
  .need-help p span {
	font-size: 18px;
}
}