@media only screen and (max-width:600px) {
  .checkout___mobile__view {
    display: block !important;
  }

  .checkout___desktop_view {
    display: none !important;
  }

  .checkoutPage .check__flight_image img {
    width: 20%;
    height: unset;
  }

  .checkoutPage .check__flight_image span {
    font-size: 14px;
    color: #141c3a;
  }

  .infoNewPage .emailInput {
    margin-top: 40px !important;
  }

  .infoNewPage button#couponApply {
    width: 90% !important;
    margin: 20px auto 0;
    border-radius: 100px !important;
  }

  .checkoutPage .flight__from p,
  .checkoutPage .flight__to_where p {
    text-align: center;
    font-size: 12px;
  }

  .checkoutPage .flight__connected p {
    font-size: 14px;
  }

  .checkoutPage .check__flight_image {
    text-align: left;
  }

  .checkoutPage .search-result {
    padding-top: 10px;
  }

  .checkoutPage .flight___all_information {
    display: flex;
    justify-content: space-between;
  }

  .checkoutPage h6.pricePax {
    position: relative;
    left: 0 !important;
  }

  .checkoutPage .manageWidthMobile1 {
    flex: 0 0 auto;
    width: 25%;
  }

  .checkoutPage .manageWidthMobile2 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .checkoutPage .manageWidthMobile3 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .checkoutPage .depart_time span {
    font-size: 20px;
  }

  .checkoutPage .Scott p,
  .checkoutPage span.slidess,
  .checkoutPage span.subTotalPrice {
    white-space: nowrap;
    font-size: 12px !important
  }

  .enrollmentPage .select2-container--default .select2-selection--multiple .select2-selection__choice,
  .homePage button.get,
  .hotel_pic {
    margin-top: 10px !important
  }

  body {
    overflow-x: hidden
  }

  .h1Heading {
    font-size: 30px !important
  }

  .containerPadding,
  .homePage .padding0,
  .tabs-whitebg .form-box {
    padding: 0 !important
  }

  .bodyContainerPadding {
    padding-left: 10px;
    padding-right: 10px
  }

  .checkoutPage .h1Heading {
    padding-top: 0 !important
  }

  .checkoutPage form {
    width: 100%
  }

  .checkoutPage .tab {
    padding: 5px !important
  }

  .checkoutPage .navBreadcrumbs {
    padding-bottom: 0;
    margin-bottom: 0
  }

  .checkoutPage .travellerol li:before {
    width: 28px !important;
    left: 0 !important;
    height: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
  }

  .checkoutPage .account .input-group-append {
    width: 100%;
    text-align: end;
    padding: 0 !important
  }

  .checkoutPage .Option {
    padding-top: 5px !important
  }

  .checkoutPage .daniel {
    padding: 20px 10px 0 !important;
    min-height: 60px;
    height: auto;
    border: none !important
  }

  .checkoutPage .terms.text-center {
    border: none !important;
    box-shadow: none !important
  }

  .checkoutPage .account {
    min-height: 60px;
    height: auto;
    display: flex
  }

  .checkoutPage .checkout_text,
  .checkoutPage .checkout_ticket,
  .checkoutPage .flight-detail ul li,
  .checkoutPage .payment-card {
    padding-left: 10px !important
  }

  .loginCardLocation,
  .tabs-whitebg .fp-input {
    margin-left: 0 !important
  }

  .checkoutPage span.slidess {
    right: 16px !important;
    padding: 0 !important
  }

  .checkoutPage .colPadding {
    padding: 0
  }

  .checkoutPage .Scott {
    padding: 5px 0 0
  }

  .checkoutPage .Scott p,
  .reservationCode {
    margin-left: -10px
  }

  .faqPage .accordion-body p,
  .faqPage .first-que {
    font-size: 14px !important
  }

  .mobileHeaderMenu {
    background: #fff;
    overflow-y: scroll;
    height: 550px !important
  }

  .offcanvas-end {
    width: 100% !important
  }

  .footerPage li,
  .footerPage p.privacy {
    padding: 12px 0
  }

  .homePage .hero-form {
    margin: 32px 10px !important;
    padding-top: 0 !important
  }

  .hero-form.pt-0.pb-3.mb-3.animate.fadeInRight.mt-2.one,
  .homePage .search-btn {
    margin: 0 !important
  }

  .homePage input#flight-departure-date,
  .homePage input#flight-return-date {
    padding-left: 2px !important
  }

  .homePage .arrow_svg .arrow {
    left: 42%
  }

  .homePage .part {
    height: 100px
  }

  .homePage .dummyes {
    font-size: 30px;
    padding-left: 15px !important
  }

  .homePage h1.dummy {
    font-size: 20px !important;
    position: relative;
  }

  .tabs-whitebg .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none
  }

  .tabs-whitebg .input-date .input-field {
    font-size: 12px
  }

  .homePage button.get {
    margin-bottom: 20px !important;
    font-size: 16px
  }

  .homePage .reservation {
    margin: 6px 10px 18px !important
  }

  .homePage .acces {
    padding: 12px 0 0
  }

  #toggleButton {
    right: -150px;
    transition: right .5s
  }

  .earnButton {
    right: 0 !important
  }

  .BCCEmail,
  .mainEmail {
    position: absolute !important;
    right: 0;
    width: 85% !important;
    padding-left: 10px !important;
    border-radius: 10px !important
  }

  .enrollmentPage .rightContent h3 {
    font-size: 20px;
    line-height: 30px
  }

  .enrollmentPage .empower h2 {
    font-size: 20px
  }

  .enrollmentPage .empower h4 {
    font-size: 18px;
    line-height: 30px
  }

  .enrollmentPage .colBox h3,
  .enrollmentPage .colBox h6 {
    font-size: 30px
  }

  .enrollmentPage .referalLink p {
    font-size: 16px
  }

  .enrollmentPage .btn-enroll {
    width: 100%;
    height: 40px;
    font-size: 16px;
    margin-bottom: 30px
  }

  .avatar-preview {
    display: flex;
    align-items: center;
    justify-content: center
  }

  .hideMobile,
  .mobileEmailGroup,
  .showDesktopTable {
    display: none !important
  }

  .BCCEmail {
    top: 50px
  }

  .nextMT {
    margin-top: 70px !important
  }

  .mobileEmailGroup {
    position: relative;
    left: 1px !important
  }

  .logindiv input {
    border-left: 1px solid #ced4da !important
  }

  .editFlghtPage .tabs-nav li.active {
    border: 2px solid #ff8900;
    border-radius: 10px
  }

  .editFlghtPage .flighticon-check {
    top: 8px;
    left: 15px
  }

  .hotel-detail .delete__btn.text-white.position__handler {
    top: 10px !important
  }

  .editFlghtPage .modal-body {
    background-color: #fff
  }

  .showMobileTable {
    display: block;
    padding: 0 !important
  }

  .showMobileTable .showTableDataIcon,
  .showMobileTable .showTableDataIcon:focus {
    background-color: transparent;
    border: 1px solid #4579ff;
    outline: 0;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    box-shadow: none
  }

  .showMobileTable .showTableDataIcon i {
    font-size: 10px;
    color: #4579ff
  }

  .showMobileTable ul {
    padding: 0 12px
  }

  .showMobileTable ul li {
    display: flex;
    border-bottom: 1px dashed;
    align-items: center
  }

  .showMobileTable ul .listSpanFirst {
    font-size: 12px;
    font-weight: 500;
    margin: 8px 0;
    width: 110px;
    display: block
  }

  .showMobileTable ul span {
    font-size: 12px;
    font-weight: 400
  }

  .showMobileTable .showTd {
    border: none !important;
    padding: 0 !important
  }

  .showMobileTable .flightTableMobile,
  .showMobileTable .hideTableList {
    background: #fff !important
  }

  .showMobileTable .hotelTableMobile {
    background: #fff;
    border-radius: 5px !important;
    padding: 20px 20px 10px;
    margin-bottom: 30px
  }

  .showMobileTable .flightTableMobile {
    border-radius: 5px !important;
    padding: 0 10px !important
  }

  .showMobileTable .sub-container td,
  .showMobileTable .table-condensed,
  .showMobileTable table th,
  .showMobileTable tr.explode {
    border: 1px solid #e2e4e9 !important
  }

  .showMobileTable .sub-container td {
    vertical-align: middle !important
  }

  .showMobileTable table th {
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    vertical-align: middle
  }

  .showMobileTable .showImageMobileAction svg {
    background-color: #e07a32;
    border-radius: 5px
  }

  .relatedPosts {
    margin: 20px 0 !important
  }

  .relatedPosts .pading_margin {
    padding-bottom: 0 !important
  }

  .relatedPosts .bookings {
    margin: 15px 0 0
  }

  /* _____________________NEW RESPONSIVE PAGE CSS UPDATE ____________________ */

  .infoNewPage {
    padding: 0 10px;
  }

  .infoNewPage button.search-btn.hotelupdate {
    width: inherit !important;
  }

  .infoNewPage .travels_checkout .cardCustomShadow {
    padding: 20px !important;
  }

  .infoNewPage .hotel_pic {
    margin-left: 10px !important;
  }

  .infoNewPage .hotel-detail ul li {
    margin-left: 0 !important;
  }

  .infoNewPage .hotel-detail ul {
    margin-bottom: 0 !important;
    margin-top: 15px !important;
  }

  .infoNewPage .hotel-detail .delete__btn.text-white.position__handler {
    right: 0% !important;
  }

  .infoNewPage .infoTitleH4 {
    font-size: 14px !important;
  }

  .infoNewPage .infoTitleH6 {
    font-size: 12px !important;
  }

  .infoNewPage .payment-card {
    padding-bottom: 5px !important;
  }

  .infoNewPage .account,
  .infoNewPage .payment-card {
    margin: 0 !important;
  }

  /*____________________ ADD AND EDIT HOTEL MODAL ___________________ */
  .editHotelPage .tabs-whitebg,
  .editHotelPage .form-box {
    padding: 0px 15px 10px;
  }

  .editHotelPage .addhotel-box h6,
  .homePage .round-way span {
    font-size: 14px
  }

  .editHotelPage .tabs-nav li {
    border-radius: 10px !important;
    border: 1px solid #ff8900 !important;
    margin: 10px 0;
  }

  .editHotelPage .checkimg {
    left: 30px !important;
    top: 20px !important
  }

  .editHotelPage .tabs-content {
    margin-top: 0 !important;
    margin-bottom: 20px !important
  }

  .editHotelPage .tabs-nav.tabs-nav2.col-md-4.col-xs-12.mb-5 {
    min-height: 470px !important;
    height: auto !important;
    background: #fff !important;
    padding: 10px !important
  }

  .editHotelPage .padding0Mobile {
    padding: 0 !important;
    overflow-x: hidden !important;
    margin: 0 10px;
  }

  .editHotelPage .widthCol1,
  .editHotelPage .widthCol2 {
    min-width: 50% !important;
  }

  /* NEW RESPNSIVE CSS 9/11*/

  .addEditFlightNew .flight-tabs li a {
    margin: 0 4px;
  }

  .addEditFlightNew .flight-tabs li a {
    padding: 10px 0;
  }

  .addEditFlightNew .tabsForm {
    border-radius: 0px;
    padding: 0px 25px 25px 15px;
  }

  .downArrowImg {
    left: 44%;
  }

  .moreCity {
    left: 37%;
  }

  .text-end.mb-2.d-flex.justify-content-end.gap-3.py-3 {
    padding: 20px;
  }

  .text-end.mt-4.d-flex.justify-content-end.gap-3 {
    margin: 0px 13px 15px 0 !important;
  }

  /* TABS LIST ADD IN MODAL */
  .EditHotelPageNew .customTabsAddForm .trip-tabs {
    align-items: end;
    justify-content: center;
  }

  .EditHotelPageNew .customTabsAddForm .tab-btn {
    min-width: 330px;
  }


}

@media only screen and (min-width:600px) {
  .showDesktopTable {
    display: block !important
  }

  .showMobileTable {
    display: none
  }
}

@supports (-webkit-touch-callout:none) {

  .showMobileTable .btn-danger:focus,
  .showMobileTable .btn-danger:hover,
  .showMobileTable .btn-success:focus,
  .showMobileTable .showTableDataIcon,
  .showMobileTable .showTableDataIcon:focus {
    width: 20px !important;
    height: 20px !important;
    max-height: 20px !important;
    min-height: 20px !important;
    padding: 0 !important
  }
}