
@media screen and (max-width: 360px) 
{
  .box-flight 
  {
    width: 80px ;
    height: 112px ;
  }
}
@media screen and (max-width: 400px) 
{
  .box-flight 
{
  width: 80px !important;
  height: 110px !important ;
  border: 1px solid #b35600;
  border-radius: 10px;
  display: flex;
  justify-content: c;
  align-items: center;
  flex-direction: column;
  padding: 5px;
  justify-content: center;
}
}
@media screen and (max-width: 576px) 
{
  .main-row-flight
  {
    justify-content: space-between;
  }
  
  .card-header span 
  {
    color: white !important;

  }
  .card-header 
  {
    background-color: #323e5c;
    color: white;
  }
  .search22 
  {
    padding:10px !important;
  }
  .search22 table tr td:first-child 
  {
    margin-bottom: 10px;
  }
  .searchtabs2 i                               nput[type="radio"] {
    border: 1px solid #eaeaea;
    background-color: #fff;
    background-image: -webkit-linear-gradient(0deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%),
                      -webkit-linear-gradient(90deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%);
    border-radius: 10px;
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.8), 0 0 0 1px hsl(0deg 0% 100% / 60%), 0 2px 3px hsl(0deg 0% 59.06% / 60%), 0 4px 3px hsl(0deg 0% 51.97% / 40%), 0 6px 6px hsl(0deg 0% 53.54% / 20%), 0 10px 6px hsl(0deg 0% 73.12% / 0%);
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin-right: 15px;
    position: relative;
    width: 15px;
    -webkit-appearance: none;
}
.searchtabs2 input[type="radio"]:after {
    background-color: white ;
    border-radius: 25px;
      /* box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4),
                  0 1px 1px hsla(0,0%,100%,.8); */
    content: '';
    display: block;
    height: 7px;
    left: 3px;
    position: relative;
    top: 3px;
    width: 7px;
}
.searchtabs2 input[type="radio"]:checked:after {
    background-color: green;
    /* box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4),
                inset 0 2px 2px hsla(0,0%,100%,.4),
                0 1px 1px hsla(0,0%,100%,.8),
                0 0 2px 2px hsla(0,70%,70%,.4); */
}

  .searchtabs2 input::after
  {
    content: '';
    width: 20px;
    height: 20px;
    background-color: red;
  }
  .flightsearchbtn2 input
  {
    width: 100% !important;
    max-width: 100% !important;
  }
  .flightsearchwihite2 table tr td:nth-child(2) div:first-child,
  .flightsearchwihite2 table tr td:nth-child(3) div:first-child,
  .flightsearchwihite2 table tr td:nth-child(4) div:first-child,
  .flightsearchwihite2 table tr td:nth-child(5) div:first-child
  {
    font-size: 15px;
  }
  .flightsearchwihite2 table tr td:nth-child(2) input, 
  .flightsearchwihite2 table tr td:nth-child(3) input ,
  .flightsearchwihite2 table tr td:nth-child(4) input,
  .flightsearchwihite2 table tr td:nth-child(5) input 
  {
    font-size: 18px !important;
  } 
  .flightsearchwihite2 table tr td:first-child
  {
    width: 100% !important;
  }
  .flightsearchwihite2 table tr td:first-child div:first-child
  {
    font-size: 15px;
  }
  .flightsearchwihite2 table tr td:first-child input 
  {
    font-size: 18px !important;
  }
  .flightsearchwihite2 table tr td:nth-child(2)
  {
    width: 100% !important;
  }
  .flightsearchwihite2 table tr td:nth-child(2) div ,
  .flightsearchwihite2 table tr td:nth-child(2) input
  {
    text-align: left !important;
  }
  .flightsearchwihite2 table tr td:nth-child(4) div ,
  .flightsearchwihite2 table tr td:nth-child(4) input
  {
    text-align: left !important;
  }
  

  .flightsearchwihite2 table tr td
  {
    display: flex;
    flex-direction: column;
  }
  .top_bg_ofr_sb2other .searchtabs a
  {
    padding: 5px 10px !important;
  }
  .top_bg_ofr_sb .container-mob 
    {
      --bs-gutter-x: 0 !important;
      padding: 0 !important;
    }
  .flightsearchwihite2
  {
    padding: 40px 20px;
  }
  .one-trip-radio ,
  .round-trip-radio 
  {
      display: block !important;
  }
  .searchtabs2 
  {
    display: flex;
    justify-content: center;
  }
  #tb1 ,#tb2 
  {
    display: flex;
  }



  #hotelview .htdtl_roomtable table tr td
  {
    display: flex !important;
  }
  .mobileflightsearchpax 
  {
    position: absolute !important;
    overflow: scroll !important;
    height: 355px !important;
  }
  .hIhJYl button 
  {
    height: 50px !important;
    width: 180px !important;
  }
    #navmenutopright td 
    {
      top: -45px;
    }
    #mobilehomemenu  i 
    {
      font-size: 10px;
    }
    #mobilehomemenu  a 
    {
      font-size: 10px;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      position: relative;
      top: 15px;
      margin: 0 auto !important;
    }
    #mobilehomemenu 
    {
     margin: 0 auto !important;
     display: flex !important;
     padding: 0 10px !important;
     /*height: 134px !important;*/
     column-gap: 10px;
     margin-bottom: 20px !important;
    }
    #navmenutopright
    {
      position: absolute;
      top: 59px;
      right: 5px;
    }
    .offerphotobox img
    {
      width: 100% !important;
    }
    .offertitle 
    {
      white-space: normal !important;
      padding: 5px 10px !important;
      padding-top: 0 !important;
    }
    /* .offerboxes .card-body 
    {
      font-size: 10px !important ;
      white-space: break-spaces !important;
      padding-bottom: 10px !important;
      padding-top: 0 !;
    } */
  .detailscontent table tr td 
  {
    /* display: flex; */
    font-size: 13px;
    flex-direction: column;
  }
  .sections .slick-current 
  {
    /* width: 9% !important; */
  }
  .offerboxes .card 
  {
    height: fit-content !important;
  }
  
  /* 340px end */
  #holidayspage .offerphotobox
  {
    height: 200px !important;
  }
  .box-price-t 
  {
    padding-top: 15px !important;
  }
  .flightsearchwihite .textfield 
  {
    font-size: 12px !important;
  
  }
  .searchboxouter .textfield
  {
    width: 95% ;
    margin: auto !important;
  }
  .offertitle
  {
    width: auto !important;
  }
  /* .offerboxes .card-body
  {
    padding-top: 0 !important;
  } */
  .filtertopright 
  {
    display: none;
  }
  #filter_left_data1 
  {
    display: none ;
    cursor: pointer;
  }
  #drop_filter_data 
  {
    display: none;
    cursor: pointer;
  }
  #trav_filter_data 
  {
    display: none;
    cursor: pointer;
  }
  .m-flex 
  {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mv-btn1 
  {
    width: 50% !important;
  }
  .price-inside-dest 
  {
    margin: auto;
    background: #d5a3a314;
    width: 50%;
    padding: 8.1px 0;
    border-radius: 5px;
  }
  hr 
  {
    display: none;
  }
  .pricesize 
  {
    color: #005591;
  }
  .text-lh-1dot4 
  {
    margin-bottom: 0 !important;
  }
 
  .mobilelabl 
  {
    padding:0 10px !important;
  }
  .redbuttonsearch 
  {
    margin: 10px !important;
    position: static !important;
    top: 17px !important;
    left: auto !important;
    width: 90% !important;
    border-radius: 5px !important;
  }
  .top_bg_ofr_sb ,
  .top_bg_ofr_sb_new
  {
    padding: 35px 0px !important;
    margin: auto !important;
  }
  #bookingdatainfo .col-3 
  {
    margin-bottom: 10px;
  }
  #flightbookingsubmit .multiflightbox table tr 
  {
    display: flex;
    align-items: center;
  }
  #flightbookingsubmit  .detailscontent .fa 
  {
    padding-left: 15px;
  }
  #flightbookingsubmit .multiflightbox .col-9 ,
  #flightbookingsubmit .multiflightbox .col-3
  {
    padding: 0px 10px !important;
  }
  #flightbookingsubmit .multiflightbox .col-9 table tr 
  {
    margin: 7px 0;
  }
  #flightbookingsubmit .multiflightbox .col-3 table tr:first-child td:nth-child(2) .flightname 
  {
    font-weight: 900 !important;
  }
 
  #flightbookingsubmit .multiflightbox .col-3 table tr:first-child td:nth-child(2)
  {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  /* .main-flight 
  {
    display: block !important;
  } */
  .flightvh 
  {
    display: flex;
  }
  .mfp-dialog 
  {
    top: -140px;
  }
  .booking-details table 
  {
    top: -295px;
    right: -10px !important;

  }
  .openpaxtabadult1 .col-sm-1
  {
    width: 50%;
  }

.box-flight 
{
  width: 110px;
  height: 85px;
  border: 1px solid #b35600;
  border-radius: 10px;
  display: flex;
  justify-content: c;
  align-items: center;
  flex-direction: column;
  padding: 5px;
  justify-content: center;
}
.paybtn 
{
  position: fixed !important;
  bottom: 55px !important;
  right: 20px !important;
  z-index: 999 !important;
}
.session 
{
  width: 100%;
  bottom: 0px;
  right: 0px;
}
.mainflightinner 
{
  grid-gap: 5px !important;
}









}
@media screen and (max-width: 1600px) 
{
  #filter_left_data1 
  {
    cursor: pointer;
  }
  #drop_filter_data 
  {
    cursor: pointer;
  }
  #trav_filter_data 
  {
    cursor: pointer;
  }
}
























