.mobile-screen {
    width: 100%;
    background: #fcc;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/wp-content/uploads/2019/05/qbkls.png);
}
.mobile-screen .main-container {
    width: 374px;
    height: auto;
    margin: 0 auto;
}
.price-calculator-mb{
    font-size: 15px;
}
.price-calculator-mb .fare-estimator-form .main{
    max-height: 420px;
    overflow-y: auto;
    display: block;
    background-color: #e4e5e6;
}
.price-calculator-first{
    padding: 15px 20px;;
    background-color: #ccd8de;
    position: relative;
    z-index: 11;
}
.price-calculator-second  {
    background-color: #e4e5e6;
}
.price-calculator-first .title{
    font-family: 'BebasNeue-Bold';
    font-size: 34px;
    color: var(--main-dark-color)
}
#th-site .price-calculator-first .title {
    font-family: 'DB Heavent';
    font-size: 40px;
    font-weight: 700;
}
#th-site .price-calculator-first .content {
    font-family: 'DB Heavent';
    font-size: 22px;
    font-weight: 400;
}
.price-calculator-first .content{
    font-size: 17px;
    margin-top: 5px;
    font-family: 'Roboto-Regular';
    color: #241f20;
    display: block;
    height: auto;
}
.price-calculator-mb #root{
    display: block;
    height: 530px;
    position: relative;
}
.price-calculator-mb section#fare-estimator{
    display: block;
    height: unset;
    position: unset;
}
.price-calculator-mb .fare-estimator-form{
    width: 100% !important;
    padding: unset;
    position: unset;
    font-size: 17px;
    border-radius: unset;
}
.price-calculator-mb .fare-estimator-form .main .main-left{
    padding-right: unset;
    width: unset;
    display: flex;
    padding-bottom: 10px;
    flex-direction: column;
}
.price-calculator-mb .fare-estimator-form .main .main-right{
    padding-left: unset;
    max-height: unset !important;
    width: unset;
    display: block;
}
.price-calculator-mb .fare-estimator-form .main .main-right>div:last-child{
    padding-bottom: unset;
}
.price-calculator-mb .fare-estimator-form .main .item.select-service{
    height: 45px;
    min-height: unset;
    position: relative;
}
.price-calculator-mb .fare-estimator-form .main .item.select-service.red-highlight-vehicle{
    border: thin solid red;
}
.price-calculator-mb .fare-estimator-form .title{
    display: none;
}
.price-calculator-mb .city-vehicle .city .text-box, .price-calculator-mb .city-vehicle .vehicle .text-box{
    display: none;
}
.price-calculator-mb .fare-estimator-form .block{
    max-height: unset;
    background-color: unset;
    margin:unset;
    padding: 0px 20px;
    position: relative;
}
.price-calculator-mb .fare-estimator-form .pickup-address.block{
    order:1;
    margin-top: 10px;
    padding: 0 20px;
}
.price-calculator-mb .fare-estimator-form .main .city-vehicle{
    padding: unset;
    position: unset;
    order: 1;
    padding: 0;
    margin: 15px 20px 0;
}
.price-calculator-mb .fare-estimator-form .main .city-vehicle .city{
    margin-right: unset;
    border-right: 1px solid white;
}
.price-calculator-mb .fare-estimator-form .main .city-vehicle .vehicle{
    margin-left: unset;
    border: 1px solid #cfd1d2;
    border-radius: 5px;
}
.price-calculator-mb .fare-estimator-form .main .item{
    margin-top: unset;
    border: unset;
}
.price-calculator-mb .fare-estimator-form .main .main-right .item {
    margin: 0px 0 12px;
}
.price-calculator-mb .fare-estimator-form .service-types>.media-n-content{
    background-color: transparent;
}
.price-calculator-mb .media-n-content {
    position: relative;
}
.price-calculator-mb .media-n-content .content{
    padding: unset;
    display: block;
    background-color: unset;
    border-radius: unset;
}
.price-calculator-mb .fare-estimator-form .service-types>.media-n-content .content{
    background-color: #fff;
    color: #000;
    padding-left: 0 !important;
    margin-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 45px;
    display: block !important;
}
.price-calculator-mb .fare-estimator-form .service-types>.media-n-content .content.placeholder-select-vehicle {
    padding-left: 11px !important;
}
.price-calculator-mb .fare-estimator-form .service-types>#input-selected-serivcetype .content {
    font-size: 16px;
    font-family: 'Roboto-Light';
    color: var(--main-color);
}
.price-calculator-mb .media-n-content .media{
    background-color: transparent;
}
.price-calculator-mb .fare-estimator-form .select-service .loading-service{
    background-color: #3fae2b;
    border-radius: unset;
    color: white;
    padding-left: 20px;
}
.price-calculator-mb .fare-estimator-form .text-box{
    font-size: 17px;
    margin-bottom: 8px;
    padding-left: 2px;
    height: 23px;
    line-height: 23px;
}
.price-calculator-mb .fare-estimator-form .main-right .text-box{
    display: flex;
}
.price-calculator-mb .fare-estimator-form .main-right .text-box .media-remove-destination{
    margin-left: 7px;
    display: block;
}
.price-calculator-mb .fare-estimator-form .address textarea{
    width: 100%;
    padding: 11px 27px 6px 11px;
    border: 1px solid #cfd1d2;
    border-radius: 5px;
    resize: none;
    font-size: 15px;
    font-family: 'Roboto-Light';
    line-height: 1.4;
    color: var(--main-color);
    overflow-y: hidden;
    box-sizing: border-box;
    display: block;
    background: #fff;
}
#th-site .price-calculator-mb .fare-estimator-form .address textarea {
    font-family: 'DB Adman X';
    font-size: 20px;
}
.price-calculator-mb .fare-estimator-form .address textarea:focus{
    outline: unset;
    border-color: #e59700;
}
.price-calculator-mb .geo-location{
    position: absolute;
    top: 4px;
    right: 4px;
}
.price-calculator-mb .geo-location img{
    filter: invert(15%) sepia(65%) saturate(21%) hue-rotate(29deg) brightness(91%) contrast(93%)
}
.price-calculator-mb .reset-location{
    position: absolute;
    bottom: 2px;
    right: 4px;
    color: #777;
}
.price-calculator-mb .fare-estimator-form .select-pickup .media-remove-destination{
    right: 4px;
    top: 4px;
}
.price-calculator-mb .geo-location img {
    width: 20px;
    height: 20px;
}
.price-calculator-mb .select-pickup .media-remove-destination:hover i{
    color: unset;
}
.price-calculator-mb .select-pickup .media-remove-destination:active i{
    color: red;
}
.price-calculator-mb .fare-estimator-form .select-destination .button,
.price-calculator-mb .fare-estimator-form .select-pickup .button{
    background-color: unset;
    width: 25px;
    height: 25px;
}
#fare-estimator .fare-estimator-form .main .item .error-message {
    bottom: -13px;
    padding: 5px 10px 5px 12px;
}
.price-calculator-mb .fare-estimator-form .main .item .working-message{
    top: 5px;
    left: 21px;
    bottom: unset;
    z-index: 1;
}
.price-calculator-mb .fare-estimator-form .main .item.working{
    border-radius: 5px;
}
.price-calculator-mb .fare-estimator-form .footer{
    flex-direction: column;
    height: 108px;
    margin-top: 0px;
}
.price-calculator-mb .fare-estimator-form .btn-calculating{
    order: 1;
    padding: 0px 20px;
    align-items: center;
}
.price-calculator-mb .fare-estimator-form .btn-calculating button{
    width: 100%;
    justify-content: center;
    height: 45px;
    font-size: 17px;
}
.price-calculator-mb .fare-estimator-form .btn-calculating button img{
    width: 25px;
    height: 25px;
}
.price-calculator-mb .fare-estimator-form .footer .footer-right{
    order: 0;
    flex: unset;
    margin-bottom: -10px;
}
.btn-destination.unbind {
    user-select: none;
    pointer-events: none;
    opacity: 0.9;
}
.price-calculator-mb .fare-estimator-form .footer-right .btn-destination{
    margin-right: 19px;
}
.price-calculator-mb .fare-estimator-form .footer-right .btn-destination .material-icons{
    font-size: 29px;
    width: 29px;
}
.price-calculator-mb .fare-estimator-form .btn-destination .text-destination{
    font-size: unset
}
.price-calculator-mb .fare-estimator-form .main .item.select-service .popout{
    bottom: unset;
    top: 47px;
    width: unset;
    overflow-y: auto;
    max-height: 272px;
}
.price-calculator-mb .fare-estimator-form .service-types>.media-n-content i{
    display: none;
}
.price-calculator-mb .fare-estimator-form .select-destination .media-n-content, .price-calculator-mb .fare-estimator-form .select-pickup .media-n-content {
    overflow: unset;
    width: unset;
    border-radius: unset;
    display: block;
}
.price-calculator-mb .fare-estimator-form .service-types>.media-n-content::after{
    content: '';
    border-top: 8px solid white;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    right: 12px;
    top: 20px;
}
.price-calculator-mb .overlay .popup{
    /* max-height: calc( 100% - 4px );
    max-width: calc( 100% - 4px );
    overflow: auto; */
    transform: scale(0.9);
}
.price-calculator-mb .overlay .popup.result-popup-long-haul{
    overflow: unset;
    border-radius: 6px;
    width: 300px;
    border-radius: 15px;
    text-align: center;
}
.price-calculator-mb .overlay .result-popup-long-haul p{
    font-size: 17px
}
.price-calculator-mb .result-error-out-service p{
    font-size: 17px
}

.price-calculator-mb .overlay .popup .footer .back:active,
.price-calculator-mb .overlay .popup .footer .open:active{
    background-color: var(--color-yellow);
    color: black;
}
.price-calculator-mb .fare-estimator-form .service-types .popout .media img{
    object-fit: contain;
}
.price-calculator-mb .fare-estimator-form .vehicle .popout .content{
    padding: 0 10px;
}
.price-calculator-mb .fare-estimator-form .main .item.error{
    border-radius: 5px;
}
.price-calculator-mb .main .city-vehicle .vehicle .media-n-content > .media{
    width: auto;
    background-color: unset;
    padding: 0 12px !important;
}
.price-calculator-mb .main .city-vehicle .vehicle .media-n-content .media-arrow-slide{
    width: 42px;
    box-sizing: border-box;
    background-color: var(--green-mobile);
}
/* .price-calculator-mb .main .city-vehicle .vehicle .media-n-content>.media>div {
    filter: brightness(0) invert(1);
    align-items: flex-end;
    background-size: 55px !important;
    height: 35px !important;
    width: 55px !important;
} */
.price-calculator-mb #fare-estimator #intracity-popout-serivcetype .service .media>img{
    height: 27px; 
}
.price-calculator-mb #fare-estimator #intracity-popout-serivcetype .service .media{
    width: 55px;
    justify-content: flex-start;
}
.price-calculator-mb .fare-estimator-form .popout .service{
    padding-left: 0;
}
@media (max-width: 1367px) {
    html{
        zoom: 0.9;
        height: 100%;
    }
    html body {
      zoom: 1;
      height: 100%;
    }
    #page{
        height: 100%
    }
    body .l-container{
        height: 100%;
    }
    body .mobile-screen{
        zoom: 1.1;
    }
    .l-container .main-page{
        height: 100%
    }
    #fc_frame {
      zoom: 1.1 !important;
    }
    .pac-container{
        zoom: 1.1;
    }
    @-moz-document url-prefix() {
        body .mobile-screen{
            transform: scale(1.1);
            transform-origin: 0 0;
            width: calc(100% / 1.1);
            height: calc(100% / 1.1);
        }
        html body {
            transform: unset;
            transform-origin: unset;
            width: unset;
            height: unset;
        }
        #page{
            transform: scale(var(--scale-standard));
            transform-origin: 0 0;
            width: calc(100% / var(--scale-standard));
            height: calc(100% / var(--scale-standard)) !important;
        }
    }
}
#th-site .fare-estimator-form .main .item.working .working-message,
#th-site .fare-estimator-form .main .item.error .error-message{
  font-size: 15px;
}
@keyframes moveRight {
    from {margin-top: -110px}
    to {margin-top: 0px}
}
.price-calculator-mb .overlay .popup .footer .share:hover{
    background: #FFDB00;
    color: #58595B
}
.pac-container, .price-calculator-mb .pac-item {
    padding: 4px 4px !important;
    font-size: 13px !important;
}
.pac-item .pac-item-query {
    font-size: 15px !important;
}
.price-calculator-mb .fare-estimator-form .address textarea::placeholder {
    color: var(--main-color);
}