@media (max-width: 1399px) {
  section.trending-tour .tour-scroll ul.cards li .box {
    width: 270px;
  }
  section.review .review-scroll ul.card-review li .box {
    max-width: 267px;
  }
}

/************ Laptop Screen *************/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html,
  body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
  .w-100 {
    min-height: 660px;
  }
  section.trending-tour .tour-scroll ul.cards li .box {
    height: auto;
    width: 225px;
  }
  section.review .review-scroll ul.card-review li .box {
    max-width: 222px;
  }
}

/************ Laptop & Tab *************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html,
  body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
  .hero-form {
    margin-top: 5px;
  }
  .w-100 {
    min-height: 660px;
  }
  .navigation img.logo-top {
    width: 130px;
  }
  section.tabs-main ul.tabs-contain li {
    padding: 12px 6px;
  }
  section.tabs-main ul.tabs-contain li a {
    font-size: 14px;
  }
  section.trending-tour .tour-scroll ul.cards li .box {
    height: auto;
    width: 168px;
  }
  section.trending-tour .tour-scroll ul.cards li {
    width: 167px;
  }
  .top-nav .right ul li {
    padding: 0 14px;
  }
  section.download-app .contain-txt {
    margin: 30px auto;
  }
  section.download-app .contain-txt h2,
  section.trending-tour .txt-contain h2 {
    font-size: 42px;
  }
  section.download-app .apple-img {
    text-align: right;
  }
  section.download-app .apple-img img {
    width: 200px;
  }
  section.download-app .contain-txt img {
    width: 120px;
  }
  section.trending-tour {
    padding: 30px 0;
  }
  section.trending-tour .txt-contain a {
    font-size: 15px;
    padding: 10px 11px;
  }
  .tour-scroll .button-control a.back,
  .tour-scroll .button-control a.next {
    width: 35px;
    height: 35px;
  }
  .tour-scroll .button-control a.back i,
  .tour-scroll .button-control a.next i {
    font-size: 27px;
    top: 4px;
  }
  section.review .review-scroll ul.card-review li .box {
    max-width: 170px;
  }
  section.review .review-scroll ul.card-review li {
    padding: 0;
  }
  ul.star li i {
    font-size: 10px;
  }
  .review-scroll .button-control a.back {
    width: 35px;
    height: 35px;
    left: -30px;
  }
  .review-scroll .button-control a.next {
    width: 35px;
    height: 35px;
  }
  .review-scroll .button-control a.back i,
  .review-scroll .button-control a.next i {
    font-size: 26px;
    top: 3px;
  }
  section.review .title-contain h2 {
    font-size: 24px;
  }
  section.review .title-contain h2 span {
    font-size: 28px;
  }
  section.review .title-contain .subTitle h2 {
    font-size: 15px;
  }
  section.tabs-main .tabs-data .tab3 h2 {
    font-size: 26px;
  }
  .subTitle span {
    font-size: 12px;
    padding: 0 8px;
  }
  .subTitle h5 {
    padding: 0 0;
    font-size: 15px;
  }
  section.flight-route-v2 .box-flight {
    display: flex;
    
  }
  section.flight-route{
    display: none;
  }
  section.flight-route-v2{
    display: block;
  }
}

/************ Tab and Mobile *************/
@media (max-width: 767px) {
  html,
  body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
  .top-nav .left {
    text-align: center;
  }
  .top-nav .right {
    text-align: center;
    margin-top: 10px;
  }
  .flight-hding {
    display: flex;
    max-width: 390px;
    width: 100%;
    margin: 20px auto 0;
  }
  .w-100 {
    min-height: 830px;
  }
  .navigation img.logo-top {
    width: 130px;
  }
  .navigation {
    text-align: center;
  }
  .slidrright {
    display: none;
}
  .navigation ul {
    text-align: inherit;
    margin-top: 10px;
  }
  .hero-form .banner-title {
    text-align: center;
  }
  section.lowest {
    padding: 40px 0 20px;
  }
  section.lowest .box-content {
    padding-bottom: 8px;
    margin-bottom: 5px;
    border-right: none;
    border-bottom: 2px dotted #8f8d8d;
  }
  section.flight-route h2,
  section.flight-route h2 span {
    font-size: 22px;
  }
  section.lowest .box-content .content p {
    margin: 0;
  }
  .hero-form {
    margin-top: 5px;
  }
  .flight-box {
    margin: 0 auto;
  }
  .carousel-indicators {
    justify-content: center;
    margin: 0;
    z-index: 9999;
  }
  .hero-form .banner-title span::after {
    width: 308px;
    left: 50%;
    transform: translateX(-50%);
  }
  .custom-slide .carousel-indicators [data-bs-target] {
    width: 15px;
    height: 15px;
  }
  .custom-slide .carousel-inner {
    min-height: 935px;
  }
  .custom-slide {
    background: #646363;
  }
  .hero-form .banner-title h2 {
    font-size: 28px;
  }
  section.flight-route-v2 h3 {
    font-size: 16px;
  }
  section.flight-route-v2 .box-flight{
    justify-content: space-between;
  }
  section.flight-route-v2 .box-flight .inner-box {
    margin: 5px 0;
    padding-bottom: 3px;
  }
  

  section.flight-route{
    display: none;
  }
  section.flight-route-v2{
    display: block;
  }

  section.tabs-main h2,
  section.tabs-main h2 span {
    font-size: 22px;
  }
  section.tabs-main ul.tabs-contain li {
    display: inline-block;
    padding: 6px 13px;
  }
  section.tabs-main ul.tabs-contain li a {
    font-size: 13px;
  }
  section.tabs-main .tabs-data .tab3 h2 {
    font-size: 24px;
  }
  section.trending-tour .txt-contain {
    text-align: center;
  }
  section.trending-tour .txt-contain h2 {
    font-size: 42px;
  }
  section.trending-tour .txt-contain a {
    border: 1px solid #fff;
    font-size: 13px;
    padding: 4px 13px;
    margin-top: 0;
  }
  section.trending-tour {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0 20px;
    margin: 50px 0 11px;
  }
  section.trending-tour .tour-scroll ul.cards {
    text-align: center;
  }
  section.trending-tour .tour-scroll ul.cards li .box {
    height: auto;
    width: 180px;
    margin: 10px 0;
  }
  ul.cards li .box .txt .botm {
    display: block;
  }
  .tour-scroll .button-control a.back,
  .tour-scroll .button-control a.next {
    width: 35px;
    height: 35px;
  }
  .tour-scroll .button-control a.back i,
  .tour-scroll .button-control a.next i {
    font-size: 33px;
  }
  ul.cards li .box .txt span,
  ul.cards li .box .txt .botm .data p span {
    font-size: 12px;
  }
  ul.cards li .box .txt .botm .data a {
    border: 1px solid #fff;
    padding: 2px 11px;
    font-size: 13px;
  }
  section.download-app {
    text-align: center;
  }
  section.download-app .contain-txt {
    margin-top: 0;
  }
  section.download-app .contain-txt h2 {
    font-size: 32px;
  }
  section.download-app .apple-img {
    text-align: center;
  }
  section.download-app .apple-img img {
    width: 200px;
  }
  section.download-app .contain-txt img {
    width: 120px;
  }
  section.review .title-contain h2,
  section.review .title-contain h2 span {
    font-size: 22px;
  }
  .subTitle {
    display: block;
    text-align: center;
  }
  section.review .title-contain .subTitle h2 {
    font-size: 18px;
  }
  section.review .review-scroll ul.card-review {
    text-align: center;
  }
  section.review .review-scroll ul.card-review li .box {
    max-width: 166px;
  }
  .review-scroll ul.card-review li .box .star-rate {
    display: block;
  }
  ul.card-review li .box .star-rate h4 {
    font-size: 14px;
  }
  .review-scroll ul.card-review li .box h5 {
    font-size: 14px;
  }
  .review-scroll ul.card-review li .box p {
    font-size: 12px;
  }
  .review-scroll .button-control a.back,
  .review-scroll .button-control a.next {
    width: 35px;
    height: 35px;
  }
  .review-scroll .button-control a.back i,
  .review-scroll .button-control a.next i {
    font-size: 30px;
  }
  section.newsroom {
    padding: 10px 0;
  }
  section.newsroom .title-contain h2 {
    font-size: 22px;
  }
  section.newsroom .box {
    margin: 0 auto;
    width: 100%;
  }
  .footer-wrapper {
    padding: 0;
  }
  .footer-wrapper .footer-v1 h4 {
    padding: 19px 0 0 0;
    margin-bottom: 10px;
  }
  .footer-wrapper .footer-v1 {
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
  }
  .footer-wrapper .footer-v2 h4 {
    font-size: 18px;
    margin-top: 20px;
  }
  .footer-wrapper .footer-v2 .social-icon a {
    width: 28px;
    height: 28px;
  }
  .footer-wrapper .footer-v2 .social-icon a i {
    font-size: 15px;
    position: relative;
    top: -2px;
  }
  .footer-wrapper .botm-footer a img {
    width: 100px px;
  }
  .footer-wrapper .botm-footer .copyright p {
    font-size: 10px;
  }
  .footer-wrapper .botm-footer .copyright a i {
    font-size: 8px;
    width: 20px;
    height: 20px;
  }
  section.tabs-main .tabs-data .tab3 .img-part {
    text-align: center;
  }
}

/************ All Mobile and small size screen *************/
@media (max-width: 575px) {
  .footer-wrapper {
    text-align: center;
  }
  .footer-wrapper .footer-v1 h4{
    text-align: left;
    display: block;
    padding-bottom: 5px;
  }
  .footer-wrapper .footer-v1 ul li{
    text-align: left;
  }
  .footer-wrapper .footer-v2 ul li {
    display: block;
    text-align: left;
  }
  .footer-wrapper .footer-v2 h4{
    display: block;
    text-align: left;
  }
  .footer-wrapper .footer-v2 p{
    text-align: left;
  }
  .footer-wrapper .footer-v2 ul li::before {
    left: 9px;
  }
  .footer-wrapper .footer-v2 .social-icon {
    justify-content: left;
  }
  .footer-wrapper .botm-footer .copyright {
    text-align: left;
    justify-content: left;
  }
  .custom-slide .carousel-inner {
    min-height: 898px;
  }
  .flight-box {
    max-width: 368px;
  }
  .flight-box .form-control {
    font-size: 12px;
  }
  .flight-box button {
    padding: 8px 20px;
    font-size: 11px;
  }
  .flight-box form .custom-input a {
    font-size: 12px;
  }
  .hero-form .banner-title h2 {
    font-size: 20px;
  }
  .hero-form .banner-title span {
    font-size: 14px;
    margin-top: 10px;
  }
  section.flight-route {
    padding: 10px 0;
  }
  section.flight-route h2,
  section.flight-route h2 span {
    font-size: 20px;
    margin-bottom: 20px;
  }
  section.tabs-main h2 {
    margin-bottom: 20px;
  }
  section.tabs-main .tabs-data .tab3 {
    margin-top: 20px;
    text-align: center;
  }
  section.tabs-main .tabs-data .tab3 h2 {
    font-size: 20px;
  }
  section.tabs-main .tabs-data .tab3 p {
    font-size: 12px;
  }
  section.download-app .contain-txt h2 {
    font-size: 26px;
  }
  section.download-app .apple-img img {
    width: 130px;
  }
  section.review .title-contain {
    padding: 20px 0 0;
  }
  section.review {
    padding: 10px 0 20px 0;
  }
  section.review .title-contain h2,
  section.review .title-contain h2 span {
    font-size: 19px;
  }
  section.newsroom .box .img-part .date-month {
    width: 51px;
    height: 48px;
  }
  .box .img-part .date-month h4,
  .box .img-part .date-month span {
    font-size: 13px;
  }
  section.email .email-content h4 {
    font-size: 18px;
  }
  .footer-wrapper .botm-footer{
    text-align: left;
  }
}