@media (min-width: 1800px) {

  #search-routes>div>div.engine-online-form-right {
    flex-direction: row;
    gap: 10px;
  }


}

@media (min-width: 1617px) {
  #search-routes>div>div.engine-online-form-right>div:nth-child(2) {
    margin-left: 45px!important;
  }

  #search-routes>div>div.engine-online-form-right {
    margin-left: -400px;
    flex-direction: row!important;
  }

  .col-md-6{
    flex: 0 0 30%;
  }
}

@media (min-width: 1601px) {
  #route-desktop-1>div.last-column>div.departures-box-first>div {
    margin-left: -80px;
    margin-top: -10px;
  }

  #route-desktop-1>div.last-column {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
  }

  .control__indicator {
    background: #022b5c;
    border: none;
    padding: 10px;
    width: 110px;
    height: 45px;
    padding-left: 23px;
  }

  .control__indicator::before {
    content: "Select";
    color: #fff;
    font-weight: bold;
    font-size: 16px;
  }

  .control input:checked~.control__indicator {
    background: #b5121b;
  }

  #search-routes>div>div.engine-online-form-right {
    flex-direction: column;
    gap: 10px;
  }

  .engine-online-form-user {
    padding-left: 10px;
  }

  #search-routes>div>div.engine-online-form-right>div:nth-child(2) {
    margin-left: -170px;
    margin-top: 20px;
  }

  #body-itineraries .departures-ticket-box {
    width: 95%!important;
}
}

@media (max-width: 1600px) {
 
  .engine-online-form-right {
    flex-wrap: wrap;
  }

  #search-routes>div>div.engine-online-form-right>div:nth-child(2) {
    margin-left: -170px;
    margin-top: 20px;
  }

  .departures-detail {
    /*width: fit-content;*/
  }

  #progressbar li p {
    padding: 0 15px;
  }

  #progressbar li.active::after {
    bottom: 9px;
    z-index: 1;
  }

  .engine-online-form-left {
    max-width: 575px;
    min-width: 575px;
  }

  .engine-online-form-right {
    width: calc(100% - 575px);
  }

  .engine-online-form-user {
    padding-left: 10px;
  }

  .engine-online-form .form-group.user-group {
    margin-left: 5px;
  }

  .engine-online-form-btn .form-group .btn-defult {
    width: 140px;
  }

  #progressbar {
    max-width: 1100px;
    margin: 0 auto;
  }

  .top-bar {
    padding: 0 10px;
  }

  .engine-online-form-inner {
    margin: 0 auto;
    max-width: 1170px;
  }

  /* .engine-online-form {
  padding: 77px 10px 45px;
} */
  .departures-detail {
    padding: 10px 15px;
  }

  .engine-online-seats .departures-detail {
    padding: 10px 120px;
  }

  .departures-city ul li {
    font-size: 16px;
    padding-right: 10px;
  }

  .departures-city ul li:last-child {
    margin: 7px 0 0;
  }

  .departures-weak ul li a {
    font-size: 16px;
    height: 70px;
    padding: 10px 0;
    width: 70px;
  }

  .departures-weak2 ul li a {
    font-size: 16px;
    height: 70px;
    padding: 10px 0;
    width: 70px;
  }

  .departures-city ul li span {
    font-size: 16px;
    height: 37px;
    line-height: 37px;
    margin-left: 5px;
    margin-right: 2px;
    width: 48px;
  }

  .departures-weak ul li a span {
    display: block;
  }

  .departures-weak2 ul li a span {
    display: block;
  }

  /* .departures-box-first {
  padding: 56px 15px;
} */
  .departures-box-second {
    padding: 10px 15px;
  }

  .departures-box-thrd {
    max-width: 130px;
    padding-left: 15px;
  }

  .departures-box-four {
    max-width: 130px;
    /*padding-left: 0;*/
  }

  .departures-box-five {
    padding: 55px 10px;
  }

  .departures-box-six {
    padding-left: 20px;
  }

  .departures-box-seven {
    padding: 57px 10px;
  }

  .departures-box-thrd p {
    /* font-size: 14px; */
    font-size: 32px;
  }

  .departures-box-thrd p span {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    width: 34px;
  }

  .departures-box-thrd ul li {
    font-size: 15px;
    margin-right: 12px;
  }

  .departures-box-thrd ul li:last-child {
    margin: -1px 0 0;
  }

  .departures-box-thrd ul li img {
    height: 12px;
    margin: 7px 5px 0 0;
    max-width: 12px;
  }

  .departures-box-thrd ul li:last-child span {
    font-size: 12px;
    margin-top: 3px;
  }

  .departures-box-second p {
    font-size: 14px;
  }

  .squaredFour label span {
    padding-left: 40px;
  }

  .departures-box-six p {
    font-size: 18px;
  }

  .departures-ticket-top ul li {
    font-size: 15px;
    padding-bottom: 30px;
  }

  .departures-box-five ul li {
    width: 46%;
  }

  .departures-box-first span img {
    margin: -5px 22px 0 0;
  }

  .seats-departures-ticket-detail .departures-box-first p {
    font-size: 18px;
  }

  .seats-departures-ticket-detail .departures-box-first {
    /*padding: 30px 15px;*/
    padding: 15px 15px;
  }

  .seats-departures-ticket-detail .departures-box-second {
    padding: 20px 5px;
  }

  /* .seats-departures-ticket-detail .departures-box-thrd {
      padding: 10px 20px;
  }

  .seats-departures-ticket-detail .departures-box-seven {
      padding: 30px 15px 15px;
  }

  .seats-departures-ticket-detail .departures-box-five {
      padding: 25px 15px;
  }

  .seats-departures-ticket-detail .departures-box-six {
      padding-top: 25px;
  } */

  .engine-online-seats-pass-detail .form-group {
    margin-right: 25px;
  }

  .engine-online-seats-pass-detail .final-price {
    padding-right: 25px;
  }

  .engine-online-seats-pass-detail .final-price {
    max-width: 120px;
    padding-right: 25px;
    width: 100%;
  }

  .engine-online-seats-pass-detail .final-price h4 {
    font-size: 16px;
  }

  .engine-online-seats-pass-detail .total-price {
    max-width: 120px;
    width: 100%;
  }

  .engine-online-seats-pass-detail .total-price h3 {
    font-size: 20px;
  }

  .engine-online-payment-info-right .title h3 img {
    margin-top: 10px;
    margin-right: 10px;
  }

  .engine-online-payment-info-right .title h3 {
    font-size: 18px;
  }

  .engine-online-payment-info-right ul li {
    font-size: 16px;
    padding: 22px 20px 18px;
  }

  .engine-online-payment-info-right ul li span {
    font-size: 24px;
  }

  .engine-online-payment-info-right {
    width: calc(100% - 700px);
  }

  .engine-online-payment-info-left {
    max-width: 100%;
    min-width: 100%;
  }

  .engine-online-payment-ticket .ticket-retrieval ul li {
    padding: 30px 0 15px 20px;
  }

  .engine-online-payment-ticket .ticket-retrieval ul li .control-group label.control span {
    font-size: 16px;
    padding-left: 35px;
  }

  .engine-online-payment-ticket .payment-method-retrieval ul li {
    padding: 23px 28px 10px 20px;
    height: 76px;
  }

  .payment-term-condition.ticket-retrieval ul li span {
    font-size: 16px;
    padding: 0 0 0 35px;
  }

  .payment-term-condition.ticket-retrieval ul li {
    padding: 17px 0 18px 20px;
  }

  .payment-complete-box-right {
    padding: 30px;
  }

  .payment-complete-box-right ul li {
    font-size: 18px;
  }

  .payment-complete-box-right ul li span {
    font-size: 18px;
    width: auto;
  }

  .payment-complete-box h3 img {
    margin-right: 5px;
  }

  .payment-complete-box .text-box {
    margin-left: 45px;
    margin-top: 15px;
  }

  /* .engine-online-confirmation .seats-departures-ticket-detail .departures-box-five {
      padding: 20px;
  } */

  .engine-online-confirmation .seats-departures-ticket-detail .departures-ticket-icon {
    line-height: 76px;
  }

  .confirmation-contact-detail .engine-online-contact-payment {
    max-width: 800px;
    min-width: 800px;
  }

  .confirmation-contact-detail .engine-online-payment-info-right {
    margin-left: 40px;
    width: calc(100% - 800px);
  }

  .control__indicator {
    background: #022b5c;
    border: none;
    padding: 10px;
    width: 110px;
    height: 45px;
    padding-left: 23px;
  }

  .control__indicator::before {
    content: "Select";
    color: #fff;
    font-weight: bold;
    font-size: 16px;
  }

  .control input:checked~.control__indicator {
    background: #b5121b;
  }

}

@media (max-width: 1340px) {
  .engine-online-payment-info-right .title {
    padding: 10px 15px 15px;
  }

  .engine-online-payment-info-right .title h3 img {
    margin-right: 10px;
  }

  .engine-online-payment .departures-box-five ul li a {
    font-size: 18px;
  }
  #search-routes > div > div.engine-online-form-right > div.engine-online-form-user {
    margin-top: 10px;
  }
  /* .engine-online-payment .departures-box-five ul li a img {
      height: 15px;
      margin: 6px 6px 0;
      max-width: 15px;
  } */

  .engine-online-payment-info-right .title h3 {
    font-size: 18px;
  }

  .engine-online-payment-info-left {
    max-width: 100%;
    min-width: 100%;
  }

  .engine-online-payment-info-right {
    width: calc(100% - 600px);
  }

  .control__indicator {
    background: #022b5c;
    border: none;
    padding: 10px;
    width: 110px;
    height: 45px;
    padding-left: 23px;
  }

  .control__indicator::before {
    content: "Select";
    color: #fff;
    font-weight: bold;
    font-size: 16px;
  }

  .control input:checked~.control__indicator {
    background: #b5121b;
  }


}

@media (max-width: 1339px) and (min-width: 1201px) {
  #search-routes>div>div.engine-online-form-right {
    flex-direction: column;
    gap: 10px;
  }

  #search-routes>div>div.engine-online-form-right>div:nth-child(2) {
    margin-left: -170px;
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {

  #body-itineraries .departures-ticket-box {
    width: 90%;
  }

  span.dasktop-arrow,
  .itinerary-sec h3,
  .payment-departure-left-mind {
    display: flex;
    width: 80%;
    align-items: center;
  }

  .itinerary-sec h3 {
    gap: 20px;
  }

  span.dasktop-arrow::after,
  .itinerary-sec h3:after,
  .payment-departure-left-mind:after,
  #roundTrip>div>div>div>div>h3:after {
    border-bottom: 2px dotted #022b5c;
    flex: 1;
  }

  #msform>fieldset>div>div.payment-departure>div>div.desktop-version>div>div>div>div.payment-departure-left-mind>img:nth-child(1),
  #msform>fieldset>div>div.payment-departure>div>div.desktop-version>div>div>div>div.payment-departure-left-mind>img:nth-child(2) {
    display: none;
  }
}

@media (max-width: 1199px) {
  .engine-online-form {
    padding: 40px 10px;
  }

  .engine-online-form-inner {
    margin: 0 auto;
    max-width: 100%;
  }

  .itinerary-sec {
    padding: 25px 0;
  }

  .departures-detail {
    padding: 10px 0;
  }

  .engine-online-seats .departures-detail {
    padding: 10px 0;
  }

  .departures-city {
    padding: 16px 0;
  }

  .departures-ticket-detail {
    padding: 50px 0 0;
  }

  #msform .previous.action-button {
    margin: 30px 0 30px 15px;
  }

  #msform .next.action-button {
    margin: 30px 15px 30px 0;
  }

  .engine-online-form-left {
    max-width: 500px;
    min-width: 500px;
  }

  .engine-online-form-right {
    width: calc(100% - 500px);
  }

  .departures-weak ul li a {
    font-size: 14px;
    height: 67px;
    padding: 10px 0;
    width: 67px;
  }

  .departures-weak2 ul li a {
    font-size: 14px;
    height: 67px;
    padding: 10px 0;
    width: 67px;
  }

  .departures-city {
    padding: 15px 0;
  }

  .seats-departures-ticket-detail .departures-ticket-icon {
    width: 55px;
    padding: 0 10px;
  }

  .engine-online-seats-pass {
    padding: 83px 0 4px;
  }

  .useful-info {
    padding: 59px 15px 30px;
  }

  .payment-departure-inner {
    padding: 20px 0;
  }

  .engine-online-payment .departures-ticket-detail {
    padding: 50px 0 0;
  }

  /* .engine-online-payment-info {
      padding: 50px 0 0;
  } */

  .engine-online-payment-ticket {
    padding: 70px 0 0;
  }

  .payment-complete {
    padding: 30px 0;
  }

  .engine-online-confirmation.engine-online-payment .departures-ticket-detail {
    padding: 0;
  }

  .engine-online-confirmation-passenger {
    padding: 30px 0;
  }

  .tickt-collection {
    padding: 0 0 100px;
  }

  .control__indicator {
    background: #022b5c;
    border: none;
    padding: 10px;
    width: 110px;
    height: 45px;
    padding-left: 23px;
  }

  .control__indicator::before {
    content: "Select";
    color: #fff;
    font-weight: bold;
    font-size: 16px;
  }

  .control input:checked~.control__indicator {
    background: #b5121b;
  }

  .last-column {
    width: 90%;
  }

  #search-routes>div>div.engine-online-form-right {
    flex-direction: column;
    gap: 10px;
  }

  #submit-search-btn-desktop {
    margin-left: -60px;
  }

  #msform>div.top-bar>div>div:nth-child(1)>div {
    padding: 0px;
  }

}

@media (max-width: 1030px) {
  .engine-online-form-btn .form-group .btn-defult {
    width: 100px;
    font-size: 16px;
  }

  .seats-departures-ticket-detail .departures-box-five {
    max-width: 105px;
  }

  .engine-online-seats-pass-detail .form-group .form-control {
    font-size: 14px;
    height: 34px;
  }

  .engine-online-payment-info-left .engine-online-seats-pass-box .engine-online-seats-pass-detail .form-group {
    margin-bottom: 20px;
  }

  .engine-online-payment-info-right ul li img {
    margin-right: 10px;
  }

  .engine-online-payment-info-right ul li {
    font-size: 14px;
  }

  .engine-online-payment-info-right ul li span {
    font-size: 16px;
  }

  .engine-online-payment-info-right ul li {
    font-size: 14px;
    padding: 15px;
  }

  .engine-online-payment-info-left {
    max-width: 100%;
    min-width: 100%;
  }

  .engine-online-payment-info-right {
    width: calc(100% - 600px);
  }

  .seats-departures-ticket-detail .departures-box-thrd {
    padding: 10px;
  }

  .control__indicator {
    background: #022b5c;
    border: none;
    padding: 10px;
    width: 110px;
    height: 45px;
    padding-left: 23px;
  }

  .control__indicator::before {
    content: "Select";
    color: #fff;
    font-weight: bold;
    font-size: 16px;
  }

  .control input:checked~.control__indicator {
    background: #b5121b;
  }

  .last-column {
    width: 90%;
  }

}

@media (max-width: 991px) {
  #body-itineraries #msform>div.top-bar>div>div:nth-child(3) {
    margin-top: -500px;
  }

  .mobile-devices {
    display: block;
    margin: 0 auto;
    width: 40%;
  }

  .desktop-devices {
    display: none;
  }

  .confirmation-contact-detail .engine-online-payment-info-right {
    margin: 0px;
    width: 100%;
  }

  .engine-online-form-user .form-group:first-child {
    /*width: 55%;*/
    width: 100% !important;
  }

  .top-bar {
    padding: 0;
  }

  #progressbar {
    padding: 15px 0 10px;
  }

  .engine-online-form {
    padding: 20px 15px;
  }

  .engine-online-form-left {
    max-width: 100%;
    min-width: 100%;
  }

  .engine-online-form-right {
    width: 100%;
  }

  .engine-online-form-inner {
    display: flex;
    flex-direction: column;
  }

  .engine-online-form-right {
    margin-top: 30px;
  }

  .engine-online-form .form-group select.form-control {
    height: 50px;
  }

  .engine-online-form .form-group.user-group select.form-control {
    height: 50px;
    width: 100%;
  }

  .engine-online-form-btn .form-group .btn-defult {
    font-size: 16px;
    width: 130px;
    height: 50px;
    line-height: 50px;
  }

  .engine-online-form-user {
    max-width: 460px;
    min-width: 460px;
    padding-left: 0;
  }

  .engine-online-form .form-group.datepick {
    position: relative;
    width: 33.3%;
  }

  .departures-city {
    /* padding: 0 0 20px; */
    text-align: center;
  }

  .departures-city ul {
    display: inline-block;
    vertical-align: top;
  }

  .departures-weak ul {
    justify-content: space-between;
  }

  .departures-weak2 ul {
    justify-content: space-between;
  }

  .control-group label.control span {
    padding-left: 32px;
    font-size: 16px;
  }

  .departures-box-first {
    max-width: 110px;
    /* padding: 45px 15px; */
    padding: 50px 0px;
  }

  .departures-box-second {
    padding: 10px 10px;
  }

  .departures-box-second p {
    font-size: 14px;
  }

  .departures-box-thrd {
    padding-left: 10px;
  }

  .departures-box-four {
    max-width: 105px;
  }

  .departures-box-thrd p span {
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    margin-left: 0;
    width: 29px;
  }

  .departures-box-thrd ul li {
    font-size: 12px;
  }

  .departures-box-five {
    max-width: 90px;
    padding: 45px 5px;
  }

  .departures-box-five ul li {
    width: 47%;
  }

  .departures-box-six {
    max-width: 100px;
    padding-top: 45px;
  }

  .departures-ticket-top ul li {
    font-size: 12px;
  }

  .engine-online-form .form-group.user-group span {
    right: 40px;
  }

  .departures-box-seven {
    padding: 49px 10px;
    max-width: 88px;
  }

  .departures-box-first span {
    font-size: 18px;
  }

  .departures-box-first span img {
    margin: -5px 7px 0 0;
  }

  .seats-departures-ticket-detail .departures-box-six {
    padding-left: 15px;
  }

  .seats-departures-ticket-detail .departures-box-thrd {
    padding: 10px 15px;
  }

  .engine-online-seats-pass-detail .form-group .form-control {
    font-size: 14px;
  }

  .departures-city.text-right {
    text-align: center !important;
  }

  .payment-departure .payment-departure-left-mind {
    padding: 0 30px;
  }

  .departures-ticket-detail .departures-box-five ul li {
    width: 40%;
  }

  .engine-online-payment-info-inner {
    flex-direction: column;
  }

  .engine-online-payment-info-left {
    max-width: 100%;
    min-width: 100%;
    padding: 0;
  }

  .engine-online-payment-info-left .heading::after {
    display: none;
  }

  .engine-online-payment-info-right {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
  }

  .engine-online-contact-payment-detail-top .form-group:nth-child(2) {
    margin-right: 25px;
  }

  .engine-online-contact-payment .engine-online-seats-pass-box .form-group {
    margin-bottom: 25px;
  }

  .engine-online-seats-pass-box {
    margin-bottom: 30px;
  }

  .engine-online-payment-ticket .payment-method-retrieval ul li .control-group label.control span {
    width: 230px;
  }

  .engine-online-payment-ticket .ticket-retrieval ul li .control-group label.control span {
    font-size: 14px;
    padding-left: 25px;
  }

  .engine-online-payment-ticket .payment-method-retrieval ul li {
    padding: 15px 15px 10px 15px;
  }

  .engine-online-payment-ticket .ticket-retrieval ul li {
    padding: 20px 0 15px 15px;
  }

  .payment-term-condition.ticket-retrieval ul li {
    padding: 17px 0 18px 20px;
  }

  .payment-complete {
    padding: 10px 0;
  }

  .payment-complete-box .text-box {
    margin-bottom: 25px;
    margin-left: 0;
  }

  .payment-complete-box-right {
    float: none;
    max-width: 100%;
    padding: 30px;
  }

  .engine-online-seats-pass-detail {
    flex-direction: row;
  }

  .form-group.datepick.user-group,
  .form-group.datepick.user-group.travling-group {
    width: 100%;
  }

  .control__indicator {
    background: #022b5c;
    border: none;
    padding: 10px;
    width: 83px;
    height: 45px;

  }

  .control__indicator::before {
    content: "Select";
    color: #fff;
    font-weight: bold;
    font-size: 16px;
  }

  .control input:checked~.control__indicator {
    background: #b5121b;
    ;
  }

  #body-itineraries #progressbar {
    margin-top: 400px !important;
  }
}

@media (max-width: 990px) and (min-width: 768px) {
  .dropdown-pad {
    padding: 20px !important;
    padding-bottom: 0px !important;
  }

  #submit-search-btn-desktop {
    margin-left: 0px;
  }

  .engine-online-form-right {
    align-items: center;
  }

  #body-itineraries .top-bar {
    height: 220px;
  }

  #payment-form>section>div>div:nth-child(1)>div:nth-child(2)>div>ul>li:nth-child(2) {
    padding: 10px;
  }
}

@media (max-width: 767px) {
  #payment-form>section>div>div:nth-child(1)>div:nth-child(2)>div>ul>li:nth-child(2) {
    padding: 10px;
  }

  .confirmation-contact-detail .engine-online-payment-info-right {
    margin: 0px;
    width: 100%;
  }

  #dvLoading {
    margin-top: 60%;
  }

  #check-availability,
  #check-payment {
    width: 100% !important;
    margin: 10px auto !important;
  }

  .clickable-date {
    display: none;
  }

  .mobile-version {
    display: block;
  }

  .desktop-version {
    display: none;
  }

  #msform .previous.action-button.desktop-version {
    display: none;
  }

  #msform .previous.action-button.mobile-version {
    display: inline-block;
  }

  .itinerary-sec.desktop-version {
    display: none;
  }

  .itinerary-sec.mobile-version {
    display: block;
  }

  .itinerary-sec {
    padding: 10px 0;
    text-align: center;
  }

  #progressbar span {
    display: none;
  }

  #progressbar li p {
    padding: 0;
  }

  #progressbar li::after {
    display: none;
  }

  #progressbar li.active::after {
    display: block;
  }

  .engine-online-form {
    padding: 10px 15px;
  }

  .engine-online-form .form-group select.form-control {
    background: #ffffff url("../images/down-arrow.svg") no-repeat scroll 97% center / 17px auto;
    height: 65px;
    margin-bottom: 15px;
  }

  .engine-online-form-right {
    margin-top: 0;
  }

  .engine-online-form-right {
    flex-direction: column;
  }

  .engine-online-form-btn .form-group .btn-defult {
    font-size: 20px;
    height: 65px;
    line-height: 50px;
    width: 100%;
  }

  .engine-online-form-user {
    max-width: 100%;
    min-width: 100%;
    padding-left: 0;
  }

  .engine-online-form .form-group.datepick span {
    right: 0;
  }

  .engine-online-form .form-group.user-group span {
    right: 47px;
  }

  .engine-online-form .form-group.user-group select.form-control {
    padding: 0 10px;
  }

  .engine-online-form-btn {
    display: none;
  }

  .engine-online-form-btn.mobile-version {
    display: block;
    margin-top: 5px;
  }

  .itinerary-sec.departures-sec {
    padding: 15px 0 0;
    text-align: left;
  }

  .engine-online-form {
    background-position: center center;
  }

  .itinerary-sec.departures-sec h3 {
    color: #1d1d1d;
    font-family: "noir_proregular", Arial;
    font-size: 30px;
    padding: 20px 18px 41px;
  }

  .itinerary-sec.departures-sec .heading h3 {
    padding-top: 33px;
  }

  .engine-online-form .form-group.user-group select.form-control {
    background-position: 100% 55%;
    background-size: 15px auto;
    margin-bottom: 0;
  }

  .departures-city ul li::after {
    display: none;
    padding: 0;
  }

  .departures-city ul li {
    float: none;
    padding: 0;
    font-size: 17px;
  }

  .departures-city ul {
    display: block;
  }

  .departures-city {
    /*padding: 0;*/
    text-align: left !important;
  }

  .departures-city ul li:last-child {
    padding-left: 0;
  }

  .departures-detail {
    height: 105px;
    padding: 13px 0;
  }

  .engine-online-seats .departures-detail {
    height: auto;
    padding: 13px 0;
  }

  .departures-city ul li span {
    font-size: 15px;
    height: 38px;
    line-height: 38px;
    /*margin-left: 27px;*/
    margin-left: 5px;
    margin-right: 2px;
    width: 50px;
  }

  .departures-weak ul li.active a {
    background-color: #1b669b;
    color: #fff;
  }

  .departures-weak ul {
    justify-content: space-between;
  }

  .departures-weak ul li a {
    font-size: 11px;
    height: 43px;
    padding: 5px 0;
    width: 47px;
    color: #1d1d1d;
  }

  .departures-weak {
    margin-top: 41px;
  }

  .departures-weak2 ul li.active a {
    background-color: #b5121b;
    color: #fff;
  }

  .departures-weak2 ul {
    justify-content: space-between;
  }

  .departures-weak2 ul li a {
    font-size: 11px;
    height: 43px;
    padding: 5px 0;
    width: 47px;
    color: #1d1d1d;
  }

  .departures-weak2 {
    margin-top: 41px;
  }

  .departures-ticket-top {
    display: none;
  }

  .departures-ticket-detail {
    padding: 7px 0 35px 0;
    text-align: center;
    margin-top: 90px;
  }

  .itinerary-sec .heading {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
  }

  .itinerary-sec a {
    width: 100%;
  }

  .itinerary-sec.mobile-version h3 img {
    margin: 3px 18px 0 0;
  }

  .itinerary-sec.mobile-version {
    padding: 8px 0;
  }

  #progressbar {
    padding: 18px 0;
  }

  #msform fieldset {
    text-align: center;
    padding: 0 15px;
  }

  #msform .next.action-button {
    margin: 10px auto;
    max-width: 735px;
    width: 100%;
  }

  .engine-online-main,
  .engine-online-seats {
    margin: 0px;
  }

  #msform .previous.action-button {
    margin: 30px 0;
    width: 100%;
  }

  #msform .next.action-button img {
    margin: -10px 0 0 5px;
  }

  .departures-ticket-bottm {
    text-align: left;
  }

  .engine-online-form-user .form-group:first-child {
    /*width: 55%;*/
    width: 100%;
  }

  .daterange {
    margin: 0 !important;
    padding: 0;
  }

  .engine-online-form-user .form-group:nth-child(2) {
    width: 40%;
  }

  .engine-online-form .form-group.datepick .form-control {
    width: 100%;
  }

  .engine-online-seats .itinerary-sec .text-box h3 {
    padding: 5px 5px 23px;
  }

  .engine-online-seats .itinerary-sec .text-box span {
    left: 256px;
  }

  .seats-departures-ticket-detail .departures-ticket-top {
    display: none;
  }

  .seats-departures-ticket-detail .departures-ticket-bottm {
    flex-direction: column;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .heading h3 img {
    margin-left: 10px;
    margin-top: -8px;
    vertical-align: middle;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .company-detail {
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    margin: 25px 0 25px;
    position: relative;
  }

  /* .seats-departures-ticket-detail .mobile-version .departures-ticket-box .company-detail:after {
      position: absolute;
      content: "";
      top: 50%;
      transform: translate(0,-50%);
      left: 0;
      height: 1px;
      width: 100%;
      background-color: #707070;
  } */

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .company-detail h4 {
    background-color: #ffffff;
    margin: 0;
    padding-right: 23px;
    position: relative;
    z-index: 1;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .company-detail h3 {
    background-color: #ffffff;
    margin: 0;
    padding-left: 23px;
    position: relative;
    color: #909090;
    font-size: 18px;
    font-family: "noir_prolight", Arial;
    z-index: 1;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .company-detail .image-holder {
    background-color: #ffffff;
    margin: 0;
    /*padding-left: 23px;*/
    position: relative;
    padding: 0;
    z-index: 1;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .departure-arrival-detail.company-detail {
    margin-bottom: 20px;
  }

  .depature-arrival-galgary {
    display: flex;
    justify-content: space-between;
  }

  .depature-arrival-galgary h4 {
    color: #1d1d1d;
    font-size: 20px;
    font-family: "noir_proregular", Arial;
  }

  .depature-arrival-galgary ul {
    background: rgba(0, 0, 0, 0) url("../images/dash-arrow-icon.png") no-repeat scroll left bottom;
    max-width: 200px;
    padding: 0 7px 0 0;
    width: 100%;
  }

  .depature-arrival-galgary ul li {
    color: #909090;
    font-family: "noir_prolight", Arial;
    font-size: 15px;
  }

  .depature-arrival-galgary ul li span {
    display: inline-block;
    float: right;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .indicate-price {
    margin-bottom: 9px;
    margin-top: 49px;
    text-align: center;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .indicate-price .indicate-price-left {
    display: flex;
    justify-content: space-between;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .indicate-price .indicate-price-left h3 img {
    width: 20px;
    margin-left: 10px;
    margin-top: -8px;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .indicate-price .indicate-price-right {
    display: flex;
    justify-content: space-between;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .indicate-price .indicate-price-right h3 img {
    width: 20px;
    margin-left: 10px;
    margin-top: -8px;
  }

  .departures-ticket-detail.seats-departures-ticket-detail {
    padding: 40px 0 35px;
  }

  .engine-online-seats-pass {
    padding: 16px 0 4px;
  }

  .engine-online-seats-pass-box h2 img {
    margin: 0 18px 0 0;
  }

  .engine-online-seats-pass-box h2 {
    text-align: left;
    margin-bottom: 18px;
  }

  .engine-online-seats-pass-detail {
    position: relative;
    display: block;
  }

  .engine-online-seats-pass-box {
    position: relative;
    padding-bottom: 30px;
  }

  .engine-online-seats-pass-box:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #909090;
  }

  .engine-online-seats-pass-detail .form-group:first-child {
    max-width: 100%;
    width: 100%;
  }

  .engine-online-seats-pass-detail .form-group {
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }

  .engine-online-seats-pass-detail .form-group select.form-control {
    background: none;
  }

  .engine-online-seats-pass-detail .final-price {
    display: inline-block;
    float: left;
    padding-top: 25px;
  }

  .engine-online-seats-pass-detail .total-price {
    display: inline-block;
    float: right;
    padding-top: 25px;
  }

  .engine-online-seats-pass-detail .total-price h3 {
    font-size: 30px;
  }

  .engine-online-seats .itinerary-sec.return-sec .text-box span.mobile-arrow {
    left: auto;
    right: 0;
    transform: translate(0px);
  }

  .engine-online-seats .itinerary-sec.return-sec {
    margin: -26px 0 0;
    padding-top: 0;
  }

  .engine-online-seats .itinerary-sec.return-sec .text-box .control-group.mobile-version {
    display: block;
    margin-bottom: 24px;
  }

  .totale-sub-price {
    margin-bottom: 48px;
    padding-bottom: 11px;
    padding-right: 0;
    padding-top: 8px;
    text-align: center;
  }

  .totale-sub-price .text-box h3 span {
    font-size: 40px;
    margin-left: 13px;
  }

  .useful-info {
    text-align: left;
    /*margin: 0 -15px;*/
  }

  .departures-city.text-right {
    text-align: center;
  }

  .payment-departure .mobile-version .payment-departure-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 22px 0;
  }

  .payment-departure .mobile-version .payment-departure-left {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }

  .payment-departure .mobile-version .payment-departure-right {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }

  .payment-departure .mobile-version .payment-departure-left h3 img,
  .payment-departure .mobile-version .payment-departure-right h3 img {
    margin: 3px 22px 0 0;
  }

  .engine-online-payment-info-left .heading {
    text-align: center;
    border-bottom: none;
    padding-bottom: 0;
  }

  .engine-online-payment-info-left .heading h3 {
    font-size: 20px;
  }

  .engine-online-payment-info-left .heading h3 img {
    display: block;
    margin: 0 auto 30px;
  }

  .engine-online-payment-info {
    padding: 0;
  }

  .engine-online-payment-info-left .engine-online-seats-pass-box {
    padding-top: 36px;
  }

  .engine-online-seats-pass-detail .form-group label {
    text-align: left;
    display: block;
    margin: 0;
  }

  .engine-online-seats-pass-detail .form-group .form-control {
    height: 40px !important;
  }

  .engine-online-contact-payment {
    padding-top: 70px;
  }

  .engine-online-contact-payment .engine-online-seats-pass-box h2 {
    text-align: center;
    margin-bottom: 25px;
  }

  .engine-online-contact-payment .engine-online-seats-pass-box h2 img {
    margin: 0 auto 20px;
    display: block;
  }

  .engine-online-contact-payment-detail-mid .form-group:nth-child(2),
  .engine-online-contact-payment-detail-mid .form-group:nth-child(3) {
    max-width: 100%;
  }

  .engine-online-payment-ticket .ticket-retrieval h3 img {
    display: block;
    margin: 0 auto 20px;
    max-width: 48px;
  }

  .engine-online-payment-ticket .ticket-retrieval h3 {
    font-size: 25px;
    margin-bottom: 60px;
  }

  .engine-online-payment-ticket .ticket-retrieval ul {
    margin: 0 -15px;
  }

  .engine-online-payment-ticket .ticket-retrieval ul li {
    padding: 30px 0 20px 15px;
    text-align: left;
    border-radius: 0;
    border: none;
    height: auto;
  }

  .engine-online-payment-ticket .ticket-retrieval ul li .control-group label.control span {
    padding-left: 70px;
  }

  .ticket-retrieval {
    margin-bottom: 52px;
  }

  .engine-online-payment-ticket .payment-method-retrieval ul li {
    display: block;
  }

  .engine-online-payment-ticket .payment-method-retrieval ul li p {
    text-align: center;
    padding: 0 10px;
  }

  .payment-term-condition {
    margin-top: 0;
  }

  .payment-term-condition.ticket-retrieval ul li {
    margin-bottom: 0;
  }

  .payment-term-condition.ticket-retrieval {
    margin-bottom: 25px;
  }

  .engine-online-payment-info-right {
    background-color: transparent;
    margin-top: 53px;
  }

  .engine-online-payment-info-right .title {
    background-color: rgba(0, 0, 0, 0);
    text-align: center;
    padding: 0;
  }

  .engine-online-payment-info-right .title h3 {
    color: #1d1d1d;
  }

  .engine-online-payment-info-right .title h3 img {
    display: block;
    margin: 0 auto 20px;
  }

  .engine-online-payment-info-right ul li {
    text-align: left;
    background-color: #f9f9f9;
    font-size: 20px;
  }

  .engine-online-payment-info-right ul {
    margin: 0 -15px;
  }

  .engine-online-payment-info-right ul li img {
    vertical-align: top;
    margin-right: 30px;
  }

  .engine-online-payment-info-right ul li p {
    display: inline-block;
    vertical-align: top;
  }

  .engine-online-payment-info-right ul li span {
    font-size: 30px;
    display: block;
    float: none;
  }

  .payment-info-total {
    padding: 18px 15px 22px;
    text-align: center;
    background-color: #f9f9f9;
    margin: 0px;
  }

  .payment-complete-box {
    padding: 0 15px;
  }

  .payment-complete {
    margin: 0 -15px;
    padding: 10px 0 0;
    text-align: left;
  }

  .payment-complete-box-right {
    padding: 25px 20px;
    border-radius: 0;
  }

  .payment-complete-box-right ul li span {
    display: block;
    float: none;
    font-size: 18px;
    width: 100%;
  }

  .payment-complete-box-right ul li {
    margin-bottom: 10px;
  }

  .engine-online-confirmation .payment-departure-inner {
    padding: 20px 0;
    flex-direction: column;
    align-items: flex-start;
  }

  .confirmation-contact-detail .engine-online-contact-payment {
    display: none;
  }

  .confirmation-contact-detail .engine-online-payment-info-right {
    margin-left: 0;
    width: 100%;
  }

  .confirmation-contact-detail .engine-online-payment-info-right {
    margin: 0;
  }

  .confirmation-contact-detail .engine-online-payment-info-right .title {
    background-color: #1b669b;
    padding: 20px 0;
    border-radius: 0;
    margin: 0 -15px;
  }

  .confirmation-contact-detail .engine-online-payment-info-right .title h3 {
    color: #fff;
  }

  .confirmation-contact-detail .engine-online-payment-info-right .title h3 img {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
  }

  .confirmation-contact-detail .engine-online-payment-info-right ul {
    padding-top: 0;
  }

  .engine-online-confirmation-passenger .engine-online-seats-pass-box::after {
    display: none;
  }

  .engine-online-confirmation-passenger .engine-online-seats-pass-box {
    padding-bottom: 0;
  }

  .confirmation-contact-detail .engine-online-payment-info-right ul li span {
    padding-left: 73px;
  }

  .tickt-collection {
    padding-top: 30px;
  }

  .tickt-collection h3 {
    text-align: left;
  }

  .tickt-collection h3 img {
    display: block;
  }

  .tickt-collection h4 {
    border-radius: 0;
    border-right: none;
    color: #1d1d1d;
    font-size: 20px;
    margin: 20px -15px 0;
    padding: 15px 20px 20px;
    text-align: left;
  }

  .tickt-collection p {
    padding-left: 0;
    text-align: left;
  }

  .tickt-collection-mykone {
    margin: 55px auto 0;
    max-width: 100%;
  }

  .tickt-collection-mykone .text-box {
    margin-top: 20px;
    text-align: left;
  }

  .tickt-collection strong {
    padding-top: 40px;
  }

  .itinerary-sec.desktop-version-top {
    /*position: absolute;
      top: -117px;*/
    width: 100%;
  }

  /* .wrapper {
      padding: 50px 0 0;
  } */

  .itinerary-sec h3 img {
    margin-right: 10px;
  }

  /******* Anna ***********/
  #msform .previous.action-button.mobile-version {
    width: 80px;
    height: 80px;
    margin-top: 100px;
  }

  .departures-weak ul li.active a {
    background-color: #b5121b;
  }

  .departures-ticket-box>div:nth-child(3)>ul {
    display: flex;
    flex-direction: column;
  }

  .departures-ticket-box>div:nth-child(3)>ul>li:nth-child(1) {
    order: 1;
    color: #022b5c;
  }

  .departures-ticket-box>div:nth-child(3)>ul>li:nth-child(3) {
    order: -1;
  }

  .engine-online-seats-pass-detail {
    flex-direction: column;
  }

  .engine-online-form-user .form-group:nth-child(2),
  .engine-online-form .form-group.user-group select.form-control {
    padding: 0px 10px;
    width: 100%;
  }

  #body-itineraries #msform>div.top-bar>div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    padding: 20px 20px 0px 20px;
    border-bottom: 1px solid #00285D;
  }

  #progressbar {
    display: none;
  }

  #body-itineraries #logo-img {
    left: 30px;
  }

  .departures-city>.clearfix {
    flex-direction: column;
    align-items: center;
  }

  .departures-ticket-box {
    width: 100%;
  }

  .departures-ticket-box>div:nth-child(3)>ul>li:nth-child(2) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
  }

  .company-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .departures-ticket-box>div.company-detail>p {
    text-align: center;
  }

  .departure-arrival-detail {
    display: flex;
    flex-direction: column;
  }

  .departures-ticket-box>div:nth-child(3)>h4 {
    order: 2;
  }

  .control__indicator {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #707070;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
  }

  .control__indicator::before {
    content: " ";
  }

  .control input:checked~.control__indicator {
    background: #b5121b;
  }

  .control input:checked~.control__indicator:before {
    content: "\2713";
    margin: 0;
    padding: 0;
    position: relative;
    top: -12px;
    right: 6px;
  }

  .engine-online-main {
    margin-top: -340px;
  }

  .engine-online-form {
    padding: 10px 40px;
  }

  #body-itineraries #logo-img {
    position: relative;
    top: -11px;
  }

  #msform>div.top-bar>div>div:nth-child(3) {
    margin-top: -30px;
  }

  #msform>div.top-bar>div>div:nth-child(3)>div {
    padding-right: 30px;
  }

  #body-itineraries #msform>div.top-bar>div {
    border-bottom: 1px solid #fff;
  }

  #step-seats>fieldset {
    margin-top: 0px;
  }

  .engine-online-form-user {
    flex-direction: column;
  }

  #body-itineraries .top-bar {
    height: 400px;
  }

  .top-bar {
    height: 150px;
  }
}

@media (max-width: 575px) {
  .triptypeLabel {
    width: 100% !important;
  }

  .clickable-date {
    display: none;
  }

  .engine-online-seats .itinerary-sec .text-box span.dasktop-arrow {
    display: none;
  }

  .engine-online-seats .itinerary-sec .text-box span.mobile-arrow {
    display: block;
    top: 9px;
    transform: translate(0px);
  }

  .indicate-price h4 {
    font-size: 15px;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .indicate-price .indicate-price-left h3 {
    font-size: 18px;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .indicate-price .indicate-price-left h3 img {
    width: 13px;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .indicate-price .indicate-price-right h3 {
    font-size: 18px;
    margin: 0 -10px 9px 0;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .indicate-price .indicate-price-right h3 img {
    width: 13px;
  }

  .seats-departures-ticket-detail .mobile-version .departures-ticket-box .indicate-price .indicate-price-right span {
    font-size: 20px;
  }

  .ticket-retrieval ul li .control-group label.control span {
    width: 280px;
  }

  .engine-online-confirmation {
    overflow: hidden;
  }

  .control__indicator {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #707070;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
  }

  .control input:checked~.control__indicator {
    background: #b5121b;

  }

  .control input:checked~.control__indicator:before {
    content: "\2713";
    margin: 0;
    padding: 0;
    position: relative;
    top: -12px;
    right: 10px;
  }

  .control__indicator::before {
    content: " ";
  }
}

@media (max-width: 574px) and (min-width: 480px) {
  .control__indicator {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #707070;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
  }

  .control input:checked~.control__indicator {
    background: #b5121b;

  }

  .control input:checked~.control__indicator:before {
    content: "\2713";
    margin: 0;
    padding: 0;
    position: relative;
    top: -12px;
    right: 10px;
  }

  .control__indicator::before {
    content: " ";
  }
}

@media (max-width: 479px) {
  .triptypeLabel {
    width: 100% !important;
  }

  .clickable-date {
    display: none;
  }

  .engine-online-form .form-group.user-group span {
    right: 30px;
  }

  /* .engine-online-form-user .form-group:nth-child(2) {
  width: 33%;
  width: 60%;
  } */
  .depature-arrival-galgary ul {
    max-width: 140px;
    background-size: contain;
    margin: 0 20px;
  }

  .depature-arrival-galgary h4 {
    font-size: 14px;
  }

  .control__indicator {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #707070;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
  }

  .control__indicator::before {
    content: " ";
  }


  .control input:checked~.control__indicator {
    background: #b5121b;

  }

  .control input:checked~.control__indicator:before {
    content: "\2713";
    margin: 0;
    padding: 0;
    position: relative;
    top: -12px;
    right: 10px;
  }
}

@media (max-width: 375px) {
  .triptypeLabel {
    width: 100% !important;
  }

  .clickable-date {
    display: none;
  }

  #msform .next.action-button {
    font-size: 13px;
  }

  .engine-online-form .form-group.datepick span img {
    height: 25px;
    max-width: 25px;
  }

  .engine-online-form .form-group.datepick span {
    right: -10px;
  }

  .engine-online-form-user .form-group:first-child {
    /*width: 48%;*/
    width: 100%;
  }

  .daterange {
    margin: 0 !important;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
  }

  .engine-online-form .form-group.user-group span {
    right: 25px;
  }

  .engine-online-form .form-group.user-group span img {
    height: 16px;
    max-width: 16px;
  }

  .engine-online-form .form-group.user-group select.form-control {
    padding: 0 5px;
  }

  .departures-weak ul li a {
    font-size: 11px;
    height: 40px;
    padding: 4px 0;
    width: 40px;
  }

  .departures-weak2 ul li a {
    font-size: 11px;
    height: 40px;
    padding: 4px 0;
    width: 40px;
  }

  .departures-city ul li span {
    margin-left: 5px;
  }

  .engine-online-seats .itinerary-sec .text-box h3 img {
    margin: 3px 20px 0 0;
  }

  .engine-online-seats .itinerary-sec .text-box span {
    left: 226px;
  }

  .depature-arrival-galgary ul li {
    font-size: 12px;
  }

  .depature-arrival-galgary ul {
    margin: 0 14px;
  }

  .control__indicator {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #707070;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
  }

  .control__indicator::before {
    content: " ";
  }

  .control input:checked~.control__indicator {
    background: #b5121b;

  }

  .control input:checked~.control__indicator:before {
    content: "\2713";
    margin: 0;
    padding: 0;
    position: relative;
    top: -12px;
    right: 10px;
  }
}

.mobile-devices {
  display: none;
}