@media (max-width: 650px) {

.pc-header {
    display: grid;
    padding: 2vh 2.5vw;
    grid-template-columns: 25% 60% 15%;
}
.pc-header-logo {
    display: none;
}
.mobile-header-logo {
    display: block;
}
.pc-header-logo-box img {
    width:100%;
    opacity: 1;
    transform: scale(1.0);
}
.pc-header-text-block p {
    font-size: 13px;
    font-weight: 400;
}
.pc-header-menu-button i {
    font-size: 18px;
}
.dropdown-item {
    font-size: 20px;
    font-weight: 300;
}


.side_menu__header {
    margin: 10% 0 0 0;
    font-size: 22px;
}
.side_menu__phone_link {
    margin: 7.5% 0 0 0;
}
.side_menu__phone_link a {
    font-size: 25px;
    padding: 5px 20px;
}
.side_menu__subheader {
    margin: 1.25% 0 0 0;
    font-size: 18px;
}
.side_menu__mail_link {
    margin: 5% 0 0 0;
}
.side_menu__mail_link a {
    font-size: 16px;
}
.side_menu__social_link {
    margin: 2.5% 0 0 0;
}
.side_menu__social_link a {
    font-size: 30px;
}


.searched-ticket-comfort-icon {
    margin-top: 10px !important;
    text-align: center;
}



#rezerva_acum {
    padding: 5vh 5vw;
}
#rezerva_acum h1 {
    font-size: 40px;
    line-height: 35px;
    font-weight: 800;
}
#order_ticket_form {
    margin-top: 5vh;
}
#order_ticket_form .first-col {
    flex: 100%;
}
#order_ticket_form .second-col {
    flex: 100%;
}
#order_ticket_form .third-col {
    flex: 100%;
}
#order_ticket_form .fourth-col {
    flex: 100%;
}
#order_ticket_form label {
    font-size: 20px;
}
#order_ticket_form input {
    font-size: 20px;
    height: 17.5vw;
    margin: 0;
}
#order_ticket_form_city_start_trip, #order_ticket_form_city_end_trip {
    padding: 5px;
}

.step-up {
    font-size: 22px;
    left: 65%;
    transform: translate(-65%, -50%);
}
.step-down  {
    font-size: 22px;
    left: 35%;
    transform: translate(-35%, -50%);
}
#order_ticket_form_city_start_trip {
    border-radius: 10px 10px 0px 0 !important;
}
#order_ticket_form_city_end_trip {
    border-radius: 0 !important;
}
#order_ticket_form_date_trip {
    border-radius: 0 !important;
}
#order_ticket_form_qty_of_passengers {
    border-radius: 0 0 10px 10px !important;
}
.order_ticket_form_icon_exchange {
    /*font-size: 22px;*/
    background-color: white;
    border: 1px solid #44a39f;
    border-radius: 50%;
    padding: 5px;
    left: 95%;
    top:100%;
    transform: translate(-95%, -50%) rotate(90deg);
}
.order_ticket_form_icon_bus i {
    display:none;
}
.order_ticket_form_icon_city i {
    display:none;
}
.order_ticket_form_icon_passengers i {
    display:none;
}

#add_passanger_btn, #delete_passanger_btn {
    margin: 1vh 5px;
}

#rezerva_acum {
    background: #fff;
    padding: 0;
}
.non-blur-bg {
    padding: 30px 5px 10px 5px;
}
.blur-bg {
    padding: 10px 25px;
}
.search-result-block {
    padding: 2.5vh 15px;
}
#rezerva_acum h3 {
    font-size: 20px;
    margin-top: 5vh;
    color: #18222e;
}
.third-col label {
    left: 5% !important;
  top: 10% !important;
  transform: translate( -5%, -10%) !important;
  font-size: 14px !important;
  color: #18222e !important;
}
#order_ticket_form label {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translate(-10%, -50%);
  transition: all 0.25s ease;
}
#order_ticket_form input:focus ~ label {
  left: 5%;
  top: 10%;
  transform: translate( -5%, -10%);
  font-size: 14px;
  color: #18222e;
}
#order_ticket_form input:not(:focus):valid~label {
  left: 5%;
  top: 10%;
  transform: translate( -5%, -10%);
  font-size: 14px;
  color: #18222e;
 }
 .bubbly-button {
     width: 100%;
 }
.search-ticket-block-pc {
    display:none;
}
.search-ticket-block-mobile {
    display:block;
}
.searched-ticket-block-mobile {
    color: #18222e;
    padding: 3vw 5vw 0 5vw;
    position: relative;
}
.searched-ticket-block-mobile-end-trip-header {
    color: #44a39f;
    font-size: 22px;
    margin: 2vh 0;
}
.searched-ticket-block-mobile-all-trip-header {
    color: #44a39f;
    font-size: 22px;
    margin: 2vh 0;
}
.searched-ticket-block-mobile-start-trip-header {
    color: #44a39f;
    font-size: 22px;
    margin: 2vh 0;
}
.searched-ticket-block-mobile-base-price-header {
    color: #44a39f;
    font-size: 22px;
    margin: 2vh 0;
}
.searched-ticket-block-mobile-end-trip-date-time {
    color: #18222e;
    text-align: left;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}
.searched-ticket-block-mobile-end-trip-date-time b {
    color: #18222e;
    font-weight: 800;
}
.searched-ticket-block-mobile-end-trip-city{
    text-align: left;
    margin: 0;
    font-size: 22px;
    font-weight: 400;
}
.searched-ticket-block-mobile-all-trip-list{
    text-align: center;
    margin: 0;
    font-size: 22px;
    font-weight: 400;
}
.searched-ticket-block-mobile-start-trip-date-time{
    text-align: left;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}
.searched-ticket-block-mobile-start-trip-date-time b {
    color: #18222e;
    font-weight: 800;
}
.searched-ticket-block-mobile-start-trip-city{
    text-align: left;
    margin: 0;
    font-size: 22px;
    font-weight: 400;
}
.searched-ticket-block-mobile-transfer {
    margin-top: 2vh;
    color: #18222e;
    font-size: 14px;
    font-weight: 300;
}
.searched-ticket-block-mobile-base-price {
    text-align: center;
    font-size: 20px;
    color: #18222e;
    font-weight: 600;
}
.searched-ticket-block-mobile-order-button {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #66fcf1;
    padding: 5px 25px;
    background-color: #18222e;
    text-decoration: none;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    z-index: 99999;
}
.ticket_badge_block {
    left: -5px;
}
.ticket_badge_block__text {
    padding: 5px 15px;
    font-weight: 400;
    font-size: 12px;
}

.ticket_badge_transport {
    position: absolute;
    top: 0;
    right: -5px;
}
.ticket_badge_transport p {
    margin: 0;
    padding: 5px 15px;
    font-weight: 400;
    font-size: 12px;
}
/*.frame {
    position:relative;
}
.frame:before {
    height:15vw;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    border-left:2px solid #18222e;
    border-right:2px solid #18222e;
    content: " ";
    z-index: 99;
}
.frame:after {
    height:15vw;
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    border-left:2px solid #18222e;
    border-right:2px solid #18222e;
    content: " ";
    z-index: 99;
}
.frame :first-child:before {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    width:20vw;
    border-top:2px solid #18222e;
    border-bottom:2px solid #18222e;
    content: " ";
    z-index: 99;
}

.frame :first-child:after {
    position:absolute;
    top:0px;
    bottom:0px;
    right:0px;
    width:20vw;
    border-top:2px solid #18222e;
    border-bottom:2px solid #18222e;
    content: " ";
    z-index: 99;
}*/
.searched-ticket-block-mobile-display {
    display: block;
    border: 2px solid #18222e;
    box-shadow: 0px 0px 7px rgba(102, 252, 241, 0.5);
    padding: 0 5px;
    margin: 25px 0;
}
.ticket-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 10px;
}
.city-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 10px;
}




.popular-trip-block-container {
    padding: 2.5vh 0;
}
.popular-trip-block-container h2 {
    font-size: 24px;
    margin-bottom: 2.5vh;
}
.popular-trip-block {
    padding: 2.5vh 5vw;
    grid-template-columns: 1fr;
    grid-gap: 5vh 2.5vw;
}
.popular-trip-card-start-city {
    font-size: 22px;
    bottom: 41px;
}
.popular-trip-card-end-city {
    font-size: 24px;
}


.popular_trip_grid_block {
    padding: 2.5vw 2.5vw 2.5vh 2.5vw;
    grid-template-columns: 1fr;
    grid-gap: 20px 0;
}
.popular_trip_grid__item {
    grid-template-columns: 1fr 1fr 0.9fr;
    grid-gap: 0 15px;
    padding: 0px 10px;
}
.popular_trip_grid__item__header {
    font-size: 1rem;
}
.popular_trip_grid__item__cities {
    font-size: 1rem;
}
.popular_trip_grid__item__cities b {
    font-size: 1.125rem;
    font-weight: 500;
}
.popular_trip_grid__item__price {
    color: #18222e;
    margin: 0;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
}
.popular_trip_grid__item__price b {
    font-weight: 700;
}
.popular_trip_grid__item__button {
    color: white;
    background: #18222e;
    font-size: 1.25rem;
    font-weight: 500;
    padding: 5px 0;
    width: 100%;
    margin: 0;
    border: none;
    border-radius: 5px;
}



#cum_lucram h2 {
    font-size: 24px;
}
.first-block-main-page-grid-box {
    grid-template-columns: 1fr;
    grid-gap: 7.5vh 0;
}
.first-block-main-page-grid-item-header-box p {
    font-size: 24px;
}
.first-block-main-page-grid-item-text-box p {
    font-size: 18px;
}



#despre_noi h2 {
    font-size: 24px;
    padding: 0 5%;
}
.second-block-main-page-info-block h3 {
    font-size: 28px;
}
.second-block-main-page-info-block-text-grid-box {
    grid-template-columns: 1fr;
    grid-gap: 2.5vh 0;
}
.second-block-main-page-info-block-text-grid-box-text {
    text-align: center;
    order: 1;
}
.second-block-main-page-info-block-text-grid-box-text p {
    font-size: 20px;
}
.second-block-main-page-info-block-text-grid-box-nav {
    order: 2;
}
.second-block-main-page-info-block-text-grid-box-nav a {
    font-size: 25px;
}

.second-block-main-page-info-3-block h3 {
    font-size: 24px;
}
.despre-noi-link-block {
    grid-template-columns: 1fr;
    grid-gap: 50px;
    margin-top: 15px;
}
.despre-noi-link-item img {
    width: 85%;
}

.second-block-main-page-info-2-block {
    padding: 5vh 0;
}

.second-block-main-page-info-2-block h3 {
    font-size: 24px;
}
.second-block-main-page-info-2-block-text-grid-box {
    grid-template-columns: 1fr;
    grid-gap: 2.5vh 0;
}
.second-block-main-page-info-2-block-text-grid-box-text {
    text-align: center;
    order: 2;
}
.second-block-main-page-info-2-block-text-grid-box-text p {
    font-size: 20px;
}
.second-block-main-page-info-2-block-text-grid-box-image {
    order: 1;
}




.footer-block {
    grid-template-columns: 1fr;
    grid-gap: 2.5vh 0;
}
.footer-info-block-header {
    font-size: 20px;
}
.footer-info-block ul {
    text-align: center;
    padding: 0;
}
.footer-info-link {
    font-size: 18px;
    text-align:center;
}
.footer-help-block-header {
    font-size: 20px;
}
.footer-help-block ul {
    text-align: center;
    padding: 0;
}
.footer-help-link {
    font-size: 18px;
}
.footer-contact-block ul {
    padding: 0;
    text-align:center;
    margin-top:2.5vh;
}
.footer-contact-link-phone {
    font-size: 30px;
}
.footer-contact-link-map {
    font-size: 20px
}
.footer-contact-link-mail {
    font-size: 20px;
}
.footer-contact-link-phone-2 {
    font-size: 20px;
}
.footer-copyright-block p {
    font-size: 16px;
}
.footer-info-block {
    order: 2;
}
.footer-help-block {
    order: 3;
}
.footer-contact-block {
    order: 1;
}



.order-ticket-block-pc {
    display: none;
}
.order-ticket-block-mobile {
    display:block;
    border: 2px solid #18222e;
    padding: 10px;
    box-shadow: 0 0 10px 3px rgba(102, 252, 241, 0.5);
}
.order_page_block {
    padding: 10px 2.5vw;
}
.order_page_block h1 {
    font-size: 25px;
}
.order-ticket-block-mobile-start-trip {
    text-align: left;
}
.order-ticket-block-mobile-end-trip {
    text-align: left;
}
.order-ticket-block-mobile-end-trip-header {
    font-size: 20px;
    font-weight: 700;
    color: #44a39f;
    display: inline-block;
    border-bottom: 5px solid #66fcf1;
}
.order-ticket-block-mobile-all-trip-header {
    font-size: 20px;
    font-weight: 700;
    color: #44a39f;
    display: inline-block;
    border-bottom: 5px solid #66fcf1;
}
.order-ticket-block-mobile-start-trip-header {
    font-size: 20px;
    font-weight: 700;
    color: #44a39f;
    display: inline-block;
    border-bottom: 5px solid #66fcf1;
}
.order-ticket-block-mobile-base-price-header {
    font-size: 20px;
    font-weight: 700;
    color: #44a39f;
    display: inline-block;
    border-bottom: 5px solid #66fcf1;
}
.order-ticket-block-mobile-end-trip-date-time {
    font-size: 22px;
    font-weight: 400;
    color: black;
}
.order-ticket-block-mobile-start-trip-date-time {
    font-size: 22px;
    font-weight: 400;
    color: black;
}
.order-ticket-block-mobile-end-trip-city {
    font-weight: 700;
    font-size: 24px;
    color: black;
}
.order-ticket-block-mobile-all-trip-list {
    font-weight: 500;
    font-size: 20px;
    color: black;
    text-align: center;
}
.order-ticket-block-mobile-start-trip-city {
    font-weight: 700;
    font-size: 24px;
    color: black;
}
.order-ticket-block-mobile-transfer {
    font-weight: 400;
    font-size: 22px;
    color: #44a39f;
}
.order-ticket-block-mobile-base-price {
    font-weight: 700;
    font-size: 25px;
    color: black;
    text-align: center;
}
.order-ticket-block-mobile-order-button {
    text-decoration: none;
    color: white;
    background-color: #18222e;
    display: inline-block;
    width: 100%;
    font-weight: 800;
    font-size: 25px;
    padding: 8px 0;
    text-align: center;
}


.checkout-page-block {
    padding: 5vh 2.5vw;
}
.checkout-page-block h1 {
    font-size: 30px;
    margin-bottom: 5vh;
}
.checkout-page-trip {
    font-size: 24px;
}
.checkout-page-passengers {
    font-size: 24px;
}
.checkout-page-total-price {
    font-size: 24px;
}
#checkout_order_form label {
    font-size: 20px;
}
#checkout_order_form .col {
    flex: 100%;
}
#checkout_order_form input {
    font-size: 20px;
}
#checkout_order_form select {
    font-size: 20px;
}
.checkout-order-form-passengers-hint {
    font-size: 26px;
}
.checkout-order-form-passengers-header {
    font-size: 22px;
}
#checkout_order_form_button {
    font-size: 25px;
    transform:translate(-5px, -5px);
    box-shadow: 5px 5px 0 0 #18222e;
}
#checkout_order_form_button:hover {
    transform:translate(0px, 0px);
    box-shadow: 0px 0px 0 3px #18222e;
}
.error_order_message {
    font-size: 35px;
}
.error-order-msg img {
    width: 100%;
}



.content {
    width: 97.5%;
    height: 100%;
    margin: 5vh 0;
    padding: 10px;
    box-shadow: 0 0 15px 5px rgba(102, 252, 241, 0.5);
}
.content h1{
    font-family: 'Kaushan Script', cursive;
    font-size:40px;
}
.content p{
    font-size:18px;
}
.success_link{
    font-size: 20px;
}

.success-page-block {
    padding: 5vh 0;
}
.success-order-msg img {
    width: 100%;
}
.success_order_message {
    font-size: 25px;
    font-weight: 600;
}
.success_order_id {
    font-size: 30px;
}


.modal-dialog {
    max-width: 100vw;
}
.modal-body img {
    width: 80vw;
}

.datepicker {
    transform: translate(-15%, 33%) !important;
}
.order_ticket_form_input_pc {
    display:none;
}
.order_ticket_form_input_mobile {
    display:block;
}



.social-block {
    padding: 5vh 5vw;
}
.social-block h2 {
    font-size: 35px;
}
.social-grid-block a {
    width: 100%;
    margin: 15px 0;
}



.faq-page-button:hover {
    background: #18222e;
}

.page-404-block {
    padding: 25% 5% 5% 5%;
}

.page-404-block h1 {
    color: white;
    font-size: 60px;
    font-weight: 700;
}



.ui-menu {
    background: rgb(250, 250, 250);
    padding: 7px 0;
    max-height: 35vh !important;
    max-width: calc(100vw - 40px) !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.ui-autocomplete-category {
    padding: 0px 15px 5px 5px;
    font-size: 10px;
}
.ui-menu-item {
    padding: 5px 15px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.ui-menu-item-wrapper {
    font-size: 14px;
}


jdiv, .wrap_b362 {
    z-index: 2147483640 !important;
}



.custom_trip_form_block {
            padding: 5% 2%;
        }
    
        .custom_trip_form_block__header {
            font-size: 1.25rem;
        }
    
        .custom_trip_form_block__subheader {
            font-size: 1.5rem;
            margin: 0px 0px 15px 0px;
        }
    
        .form-row-group {
            flex-direction: column;
        }
        .form-row-group.row-2 .form-group,
        .form-row-group.row-3 .form-group,
        .form-row-group.row-4 .form-group {
            width: 100%;
            padding: 0px;
        }
        
        #customTripForm .form-group {
            margin: 20px 0;
        }
        
        #customTripForm .form-group label {
            margin: 0px 0px 10px 0px;
        }
        
        .form_hint {
            margin: 12px 0 6px 0;
        }
        .form_hint_header {
            margin: 10px 0 0 0;
        }
    
        .passangers_block_btns {
            margin: 8px 0;
        }



    .blog_page_block {
        padding: 2rem 0.5rem;
    }
    
    .blog_page__container {
        padding: 0;
    }

    .blog_page_block h1 {
        font-size: 2.5rem;
    }


    .post_block__image img {
        width: 100%;
        height: 10rem;
        object-fit: cover;
    }


    .post_block__hint {
        padding: 0 0.5rem;
    }
    .post_block__hint__text {
        font-size: 0.7rem;
    }


    .post_block__text {
        margin: 0.75rem 0 0 0;
        padding: 0 0.5rem;
    }
    .post_block__text__header {
        font-size: 1.5rem;
    }
    .post_block__text__subheader {
        font-size: 1rem;
        text-align: center;
    }

    .post_block__link {
        padding: 1rem 0.5rem 0.25rem 0.5rem;
    }

    .post_block__link a {
        font-size: 0.85rem;
        padding: 0.25rem 1.5rem;
    }



    .post_cover {
        height: 100vh;
    }
    .post_cover__image img {
        height: 100vh;
    }
    .post_cover__text {
        width: 95%;
        padding-top: 2.5vh;
    }
    .post_cover__text__header {
        font-size: 7.5vw;
    }
    .post_cover__text__price {
        width: 10rem;
        height: 10rem;
        border: 5px solid white;
        margin: 1.25rem 0 2rem 0;
    }
    .post_cover__text__price span {
        font-size: 0.85rem;
    }
    .post_cover__text__price span b {
        font-size: 1.85rem;
    }
    .post_cover__text ul li a {
        font-size: 15vw;
    }
    .post_hint {
        top: 95%;
        padding: 0 2rem 0 0;
    }
    .post_hint__text {
        font-size: 0.75rem;
    }
    .popular-trip-block-container {
        padding: 0 5%;
    }


    .advantages_block__grid {
        grid-template-columns: 1fr;
        grid-gap: 0.5rem;
        padding: 2.5rem 5%;
    }
    .advantages_block__grid_item__image {
        width: 7.5rem;
        height: 5rem;
        background-color: #66fcf1;
        border-radius: 50%;
        margin: 1rem;
        position: relative;
    }
    .advantages_block__grid_item__image i {
        color: #18222E;
        font-size: 2.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .advantages_block__grid_item__text__header {
        font-size: 1.5rem;
    }
    .advantages_block__grid_item__text__subheader {
        font-size: 0.9rem;
    }


    .post_page__body {
        padding: 2.5% 5%;
        font-size: 1rem;
    }

    .post_page__recently {
        padding: 0 5% 5% 5%;
    }

    .recently_block__header {
        font-size: 2.5rem;
        font-weight: 700;
        color: #18222E;
        display: inline-block;
        border-bottom: 5px solid #66fcf1;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
        margin: 0 0 2rem 0;
    }

    .recently_block__grid {
        grid-template-columns: 1fr;
        grid-gap: 2.5rem;
    }
    .recently_block__grid_item {
        border: 2px solid #18222E;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 0 0 1rem 0;
        transition: all 0.15s ease;
    }
    .post_popular_trip_button {
        margin: 15px 0 0 0;
    }

}