@media (max-width: 1645px) {
    nav {
        padding-left: 20%;
    }
}
@media (min-width: 1500px) {
    .advance-search-area .advance-search {
        margin-left: -145px;
        margin-right: -145px;
        padding-left: 145px;
        padding-right: 145px;
    }

    .hero-area .advance-search {
        padding-right: 0px;
    }

    .hero-content {
        padding-left: 0px;
    }

    .hero-img {
        right: 70px;
    }

    form.search-from input.form-control {
        padding: 25px 15px;
    }

    .hero-area .single-input i {
        top: 18px;
    }
    .hero-area .single-data-input i {
        top: 18px;
    }

    .bg-man-img {
        right: 6%;
    }

    .primary-btn {
        min-width: 120px;
    }

    .header-style2 nav {
        padding-left: 284px;
    }

    .submit-btn .secondary-btn,
    .submit-btn .primary-btn {
        padding: 24px 10px;
    }

    section.testimonial-area {
        padding: 130px 8%;
    }

    .form-side-img {
        position: absolute;
        left: 8%;
    }

    .footer-img {
        right: 5%;
    }
}

@media (max-width: 1500px) {

    .single-input textarea.form-control {
        height: unset!important;
    }
    .user-setting .dropdown-menu.show{
        position: absolute;
        transform: none!important;
        top: 50px!important;
        right: 0px!important;
        left: unset!important;
        will-change: unset!important;
    }

    .hero-content.changed{
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 90px;
        padding-right: 90px;
    }

    .one-way-round .radio-group{
        margin-left: 28px;
    }

    .single-input, .single-date-input{
        margin-bottom: 0px;
    }

    .advance-search .row{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .form-control{
        height: 47px!important;
        line-height: 47px!important;
    }

    .hero-content .passenger .dropdown .btn{
        padding-top: 0px;
    }

    .hero-area .submit-btn .primary-btn{
        margin-right: 0px;
    }

    .submit-btn .primary-btn{
        min-width: 110px;
        width: auto;
    }

    .select-lang .dropdown-menu{
        will-change: unset!important;
        top: 50px!important;
        right: 0px!important;
        left: unset!important;
        transform: unset!important;
    }

    /***Blog_detalji***/

    .blog-detalji textarea.form-control{
        height: unset!important;
    }
}

@media (min-width: 1200px) and (max-width:1500px) {
    .departure-point, .destination-point {
        flex: 0 0 23%;
        max-width: 23%;
    }

    .return-confirmation .submit-btn {
        flex: 0 0 10.5%;
        max-width: 10.5%;
    }

    .hero-content .advance-search .departure-point input, .hero-content .advance-search .destination-point input, .hero-content .advance-search .departureCalender-wrapper input, .hero-content .advance-search .returnCalender-wrapper input{
        height: 40px !important;
        line-height: 40px !important;
    }

    .hero-content .advance-search .passenger,
    .hero-content .submit-btn{
        height: 74px !important;
    }

    .hero-area-inside .search-from .row.pd-25{
        padding-right: 10px;
    }

    .hero-area-inside .search-from.roundKl .row.pd-25{
        padding-right: 6px;
    }

    .top-header-wrapper {
        padding-left: 250px;
        padding-right: 25px;
    }

    .hero-img img {
        max-width: 85%;
    }

    .hero-img {
        text-align: right;
        padding-top: 130px;
    }

    nav ul li:not(:last-child) {
        margin-right: 9px;
    }

    .hero-content {
        padding-top: 300px;
        padding-bottom: 200px;
    }

    .destination-area {
        padding: 125px 0;
    }

    .form-side-img img {
        width: 80%;
    }

    .subscribe-now {
        right: 5%;
    }

    .destination-content-title h3 {
        color: #fff;
        font-size: 26px;
        margin-bottom: 0;
    }

    .main-header {
        padding-right: 30px;
    }

    .logo {
        left: 30px;
    }

    .footer-content-title h4 {
        color: #fff;
        margin-bottom: 0;
        font-size: 24px;
    }

    .single-footer.email-us {
        padding-right: 0;
    }

    .testi-content-footer:after {
        position: absolute;
        content: '\f10e';
        top: 10px;
        right: 0;
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        font-size: 40px;
        color: #fea116;
    }

    .testimonial-content {
        padding: 25px 25px;
    }

    .footer-copyright {
        left: 30px;
    }

    /* home2 */
    .header-style2 nav {
        padding-left: 284px;
    }

    .header-style2 nav ul li:not(:last-child) {
        margin-right: 15px;
    }

    .choose2-img {
        right: 20px;
    }

    .testimonail-slider2 .single-testimonial.testimonial-2 .testimonial-content {
        padding: 0 15px !important;

    }

    .single-testimonial.testimonial-2 .testimonial-img {
        margin-bottom: 30px;
    }

    .brand-area.gallery-style {
        padding-left: 0;
        padding-right: 0;
    }

    .bg-man-img {
        right: 0%;
        width: 600px;
    }

    .cta-area {
        padding-left: 50px;
    }

    .primary-btn {
        min-width: 190px;
    }

    .logo.logo-style3 {
        left: 80px;
    }

    section.testimonial-area {
        padding: 130px 8%;
    }
}

@media (max-width: 1305px) {
    nav{
        padding-left: 15px;
    }

    .top-header-right .email{
        display: none;
    }

    .top-header-wrapper .col-md-8{
        flex: 0 0 75%;
        max-width: 75%;
    }

    .top-header-wrapper .col-md-4{
        flex: 0 0 25%;
        max-width: 25%;
    }
    /*
        .return-confirmation .search-col-padding{
            flex: 0 0 65%;
            max-width: 65%;
        }

     */

    .return-confirmation .submit-btn{
        flex: 0 0 14.15%;
        max-width: 14.15%;
        text-align: right;
        padding-right: 5px;
    }
}

@media (max-width: 1260px) {
    .submit-btn {
        padding-left: 0px;
    }
}

.kupovinaKarte .columnRight {
    padding-left: 58px;
}

@media (max-width: 1200px) {

    .routePd{
        padding: 0 0 0 10px;
    }

    .kupovinaKarte .columnRight {
        padding-left: 35px;
    }

    .logo {
        left: 1%;
    }

    nav{
        padding-left: 10px;
    }

    .work-process-area.changed {
    //margin-top: 330px;
    }

    .banner img {
        display: none;
    }

    .accordion-notification-wrapper{
        padding-right: 0px;
    }

    .hero-content.changed{
        padding-top: 30px;
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    .hero-content.changed .row {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .single-input, .single-date-input{
        margin-bottom: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .single-date-input{
        padding-left: 0px;
    }

    .exchange i{
        padding: 10px;
    }

    .submit-btn .primary-btn{
        min-width: 110px;
        width: auto;
    }

    .departure-point, .destination-point {
        flex: 0 0 23%;
        max-width: 23%;
    }

    .one-way-round {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .one-way-round .radio-group{
        margin-left: 50px;
    }

    .submit-btn{
        flex: 0 0 15%;
        max-width: 15%;
        text-align: right;
    }

    .accordion-notification-wrapper, .bus-equipment{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .top-header-left p{
        padding-left: 100px;
    }

    .verification{
        padding-top: 0px;
    }

    .hero-area .submit-btn .primary-btn{
        font-size: 14px;
    }
}

@media (max-width: 1135px) {
    .timetable-wrapper .tooltip-wrapper .tooltiptext, .discount-wrapper .tooltip-wrapper .tooltiptext{
        width: 500px;
    }
}

@media (max-width: 1100px) {

    .top-header-wrapper {
        padding-left: 100% !important;
    }

    .collapse:not(.show) {
        display: none!important;
    }

    .top-header-wrapper{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .top-header-wrapper .col-md-8{
        flex: 0 0 100%;
        max-width: 100%;
    }

    button.meanmenu-reveal{
        display: inline-block;
        top: -20px;
    }

    .top-header-wrapper .col-md-4{
        display: none;
    }

    .navbar-expand-lg .navbar-toggler {
        display: inline-block;
    }

    .mobile-user-lang-wrapper {
        display: flex;
        align-items: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .mobile-menu{
        display: block;
    }

    .mean-container .mean-nav{
        margin-top: 0px;
    }

    .select-lang.alternative a.btn.btn-secondary {
        color: #fff;
        font-weight: 700;
    }

    ul li a {
        padding: 12px 15px!important;
    }

    .select-lang.alternative .dropdown-menu {
        top: 50px!important;
        left: 0px!important;
        right: unset!important;
        min-width: 350px!important;
    }

    .hero-area h1{
        margin-top: 20px;
    }

    .user-setting .dropdown-menu.show{
        right: unset!important;
    }

    .signin-btn {
        margin-right: 10px;
    }

    .hero-area .submit-btn .primary-btn{
        font-size: 14px;
    }

    /*.return-confirmation .search-col-padding{
        margin-top: 5px;
        flex: 0 0 100%;
        max-width: 100%;
    }



    .return-confirmation .departure-point, .return-confirmation .destination-point{
        flex: 0 0 34.5%;
        max-width: 34.5%;
    }

    .return-confirmation .departureCalender-wrapper{
        padding-right: 0px;
    }*/

    .return-confirmation .submit-btn{
        font-size: 14px;
    }
}

@media (max-width: 1000px) {
    .route-direction-opened .col-md-2 .route-direction-wrapper-opened .vertical-line{
        height: 88px;
    }

    .departure-opened, .route-direction-opened, .card-body-inside .review-wrapper-opened {
        justify-content: center;
        text-align: center;
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }

    .departure-opened, .route-direction-opened{
        text-align: left;
    }

    .card-body-inside .ticket-price, .card-body-inside .button-wrapper {
        flex: 0 0 70%;
        max-width: 70%;
        text-align: center;
    }

    .card-body-inside .ticket-price{
        padding-left: 100px;
    }

    .card-body-inside .button-wrapper {
        flex: 0 0 30%;
        max-width: 30%;
        text-align: right;
    }
}

@media (max-width: 1000px) {
    .top-header-wrapper .col-md-8{
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .hero-content .advance-search .submit-btn .primary-btn{
        height: 80px;
    }

    .roundKl .departure-point, .roundKl .destination-point{
        flex: 0 0 20%;
        max-width: 20%;
    }

    .pd-Mob{
        padding-left: 0;
    }

    .hero-area-inside .search-from .row.pd-25 {
        padding-right: 15px;
    }

    .logo-text h2 {
        font-size: 42px;
    }

    .logo-style2 h2 a i {
        margin-right: 0;
    }

    .top-header-wrapper {
        padding-right: 0;
    }

    .main-header {
        padding-right: 0;
    }

    .main-header-right a {
        font-size: 15px;
        margin-right: 20px;
    }

    .signin-btn {
        margin-right: 5px;
    }

    .top-header-wrapper {
        padding-left: 20%;
    }

    .header-style3 nav {
        padding-left: 280px;
    }

    nav ul li:not(:last-child) {
        margin-right: 15px;
    }

    .main-header-right a {
        display: none;
    }

    .top-header-left {
        padding-top: 20px;
    }

    .signin-btn a.secondary-btn {
        padding: 13px 20px;
    }

    .hero-img {
        text-align: right;
        padding-top: 140px;
        right: 0;
    }

    .hero-img img {
        width: 65%;
    }

    .hero-content {
        padding-top: 80px;
    }

    .feature-widget p:nth-child(2) span:not(:last-child) {
        margin-right: 30px;
    }

    .feature-widget p:first-child span:not(:last-child) {
        margin-right: 20px;
    }

    .feature-content {
        padding: 0 15px;
    }

    .feature-widget {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .feature-title {
        margin-bottom: 15px;
    }

    .destination-wrapper:first-child .destination-content-title h3 a {
        font-size: 32px;
        margin-bottom: 0;
    }

    .destination-hover-btn {
        bottom: 10px;
        display: none;
    }

    .destination-content-title p {
        margin-bottom: 0px;
        line-height: 1.3;
    }

    .destination-content-title h3 a {
        font-size: 24px;
    }

    .destination-hover-content {
        padding-left: 20px;
    }

    .destination-content-title p {
        margin-bottom: 0px;
        line-height: 1.3;
    }

    .form-side-img {
        display: none;
    }

    .subscribe-now {
        right: 0;
    }

    .subscribe-area .section-title {
        margin-bottom: 50px;
        position: relative;
    }

    .single-footer:not(.email-us) {
        padding-left: 0;
    }

    .footer-content-title h4 {
        font-size: 22px;
    }

    .single-footer.email-us {
        padding-right: 0;
    }

    .footer-content {
        padding-left: 18%;
        padding-right: 0;
    }

    .footer-content-text p {
        margin-bottom: 13px;
    }

    .testimonial-img {
        margin-bottom: 30px;
    }

    .testi-content-text {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .testi-content-footer:after {
        top: 15px;
        font-size: 42px;
    }

    .testimonial-content {
        padding: 30px 30px;
    }

    section.subscribe-area .container-fluid:before {
        font-size: 150px;
        top: 85%;
    }

    .signin-btn {
        margin-right: 10px;
        min-width: 120px;
    }

    .footer-copyright {
        left: 20px;
    }

    .logo-text h2 a {
        font-size: 42px;
    }

    .testimonial2-area .single-testimonial.testimonial-2 .testimonial-img {
        margin-bottom: 30px !important;
    }

    .header-style2 nav {
        padding-left: 252px;
    }

    .single-slider {
        padding-top: 300px;
        padding-bottom: 170px;
    }

    .feature-2-content h4 a {
        font-size: 30px;
    }

    section.destination-area.tranding-home .destination-hover-btn {
        display: block;
    }

    section.testimonial2-area .testimonial-content {
        padding: 0px 10px;
    }

    .single-testimonial.testimonial-2 .testimonial-content {
        border: none;
        padding-top: 0;
    }

    .article-content h4 a {
        color: #fff;
        margin-bottom: 15px;
        font-size: 22px;
        display: block;
    }

    .brand-area.gallery-style {
        padding-left: 0;
        padding-right: 0;
    }

    .single-feature.listing-list .feature-title h4 a {
        font-size: 20px;
    }

    .single-feature.listing-list .feature-btn {
        margin-bottom: 5px;
    }

    .single-feature.listing-list .feature-title p {
        font-size: 13px;
    }

    .single-feature.listing-list .feature-title h4,
    .single-feature.listing-list .feature-title p {
        margin-bottom: 5px;
    }

    .single-feature.listing-list .feature-img {
        max-width: 55%;
    }

    .feature-content.map-grid .feature-widget p:nth-child(2) span:not(:last-child) {
        margin-right: 20px;
    }

    /* cta area */
    .cta-area {
        padding: 100px 45px;
    }

    /* form style */
    .contact-us-wrap .contact-info-wrap {
        border: 2px solid #EAEDF4;
    }

    /* 404 Error */
    .error h1 {
        font-size: 68px;
        margin-top: 90px;
    }

    .about-us-banner img {
        max-height: 500px;
    }

    .aside-banner-content h3 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 25px;
    }

    .advance-title.text-center h2 {
        font-size: 48px;
    }

    .pop-cat3-btn .primary-btn {
        margin-bottom: 10px;
    }

    .popular-cat-feature.pop-cat3 .populer-cat-content {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 10px;
    }

    .primary-btn {
        min-width: 190px;
    }

    .logo.logo-style3 {
        top: auto;
        bottom: 85px;
        left: 120px;
    }

    .work-process-area.changed{
        margin-top: 100px;
    }

    .work-process-area .selected-route-single i{
        margin-top: 10px;
    }

    .work-process-area .selected-route-single{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .work-process-area .selected-route-single h2{
        margin-bottom: 0px;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .txtArea.single-input{
        height: initial;
    }

    .container.pd-Mob{
        max-width: 100%;
    }

    .single-input, .single-date-input{
        height: 78px;
    }

    .hero-content .advance-search .submit-btn .primary-btn{
        height: 80px;
    }

    .hero-content .advance-search .passenger{
        padding-right: 0 !important;
    }

    .hero-content .advance-search .passenger .passengerField{
        height: 40px;
    }
    .passenger .fa-minus, .passenger .fa-plus{
        margin-top: -5px;
    }

    .hero-content .passenger{
        flex: 0 0 13%;
        max-width: 13%;
    }

    .departureCalender-wrapper {
        flex: 0 0 24%;
        max-width: 24%;
    }
    .roundKl .departure-point, .roundKl .destination-point {
        flex: 0 0 19%;
        max-width: 19%;
    }

    .hero-area-inside .search-from.roundKl .row.pd-25{
        padding-left: 8px;
    }

    .hero-content .advance-search .departure-point label, .hero-content .advance-search .destination-point label, .hero-content .advance-search .departureCalender-wrapper label, .hero-content .advance-search .returnCalender-wrapper label, .hero-content .advance-search .passenger label{
        font-size: 8px;
    }
}

@media (max-width: 992px) {

    .kupovinaKarte .columnRight {
        padding-left: 16px;
    }

    .top-header .top-header-wrapper .col-md-10{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .navbar-expand-lg .navbar-toggler {
        display: inline-block!important;
    }

    .work-process-area{
        padding-top: 0px;
    }

    .one-way-round .radio-group {
        margin-left: 30px;
    }

    .counter{
        height: 40px;
    }

    .top-header-wrapper{
        padding-right: 0px;
    }

    .logo{
        height: 100px;
        left: 15px;
    }

    .select-lang.alternative{
        display: none;
    }

    .user-setting.alternative{
        display: none;
    }

    .select-lang.alternative .dropdown-menu{
        top: 50px !important;
        left: 0px !important;
        right: unset !important;
        min-width: 335px !important;
        background: #d8d8d8;
        padding-left: 5px;
    }

    .select-lang .dropdown-menu .langMob .dropdown-item{
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 12px;
    }

    .select-lang.alternative .dropdown-menu .dropdown-item{
        width: auto!important;
        padding: 5px!important;
    }

    .select-lang.alternative .dropdown-menu .col-md-6{
        padding-left: 15px;
    }

    .select-lang{
        z-index: 9999;
    }

    .mean-container .mean-bar{
        display: inline-block;
    }

    .mean-container .mean-bar nav{
        padding-left: 0px!important;
        margin-top: 0px;
    }

    .mean-container .mean-nav {
        background-color: #42475B;
    }

    .top-header {
        background: #ffffff;
        padding: 0px 0 30px 0;
        margin-top: 0px;
        height: 100px;
    }

    .main-header-right{
        padding-top: 0px;
        margin-top: -30px;
        z-index: 9999;
    }

    .main-header-right .top-header-left {
        display: inline-block;
    }

    .mean-container a.meanmenu-reveal{
        top: 15px;
    }

    .mobile-user-lang-wrapper{
        display: flex;
        align-items: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .user-setting.alternative .dropdown-menu.show{
        position: absolute;
        top: 50px!important;
        left: 0px!important;
        right: unset!important;
    }

    .hero-content{
        padding-bottom: 30px;
    }

    .hero-content.changed{
        padding-top: 60px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hero-area .submit-btn .primary-btn {
        font-size: 13px;
    }

    .work-process-area.changed{
        margin-top: 120px;
    }

    .submit-btn .primary-btn {
        min-width: 100px;
    }

    .second-step .pd-Mob{
        padding-left: 0;
    }

    .second-step .submit-btn .primary-btn {
        min-width: fit-content;
    }

    .date-sort .col-md-8, .date-sort .col-md-4{
        flex: 0 0 100%;
        max-width: 100%;
        border-right: none;
    }

    .date-sort .col-md-4 {
        padding-top: 15px;
    }

    .mticket{
        display: none;
    }
    .ticket-price {
        padding-left: 0px;
    }

    .ticket-price h3{
        text-align: left;
    }

    .percent{
        right: 0px;
    }

    .button-wrapper{
        padding-right: 15px;
        flex: 0 0 24.7%;
        max-width: 24.7%;
    }

    .bus-equipment{
        display: none;
    }

    .other-transfer{
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0px;
    }

    .other-transfer .button-wrapper{
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .button-wrapper .col-md-7{
        padding-left: 0px;
        padding-right: 0px;
    }

    .work-process-area .selected-route-single span{
        margin-right: 0px;
    }
    .work-process-area .selected-route-single{
        padding-top: 5px;
        padding-bottom: 5px;
    }


    .work-process-area .selected-route-single i{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .work-process-area .selected-route-single h1{
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 22px;
    }

    .work-process-area .selected-route-single h2, .work-process-area .selected-route-single h4{
        font-size: 22px;
        display: inline-block;
        margin-bottom: 0px;
    }

    .custom-control-label{
        font-size: 13px;
    }

    .card-body-inside .ticket-price.change-inside{
        flex: 0 0 100%!important;
        max-width: 100%!important;
        padding-left: 0px!important;
        margin-top: 10px;
    }
    .review-wrapper {
        border-left: 1px solid rgba(0,0,0,.125);
        border-right: unset;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .logo-text h2 a {
        font-size: 32px;
    }

    .main-header {
        padding-right: 0;
    }

    nav ul li:not(:last-child) {
        margin-right: 13px;
    }

    .hero-content {
        padding-top: 220px;
        padding-left: 0;
        padding-bottom: 130px;
    }

    .feature-title h4 a {
        font-size: 22px;
    }

    .destination-area {
        padding-bottom: 130px;
        padding-top: 130px;
    }

    .destination-wrapper:first-child .destination-content-title h3 a {
        font-size: 42px;
        margin-bottom: 0;
    }

    .single-destination:hover .destination-hover-content {
        bottom: 20px;
        padding-left: 20px;
    }

    .destination-hover-btn {
        display: none;
    }

    .destination-wrapper:first-child .destination-hover-btn {
        display: block;
    }

    .destination-content-title h3 a {
        font-size: 30px;
        margin-bottom: 0;
    }

    .work-process-img img {
        max-width: 70%;
        display: inline-block;
    }

    .work-process-img:before {
        width: 130px;
        height: 130px;
        left: -17px;
    }

    .work-process-img {
        margin-bottom: 25px;
        min-height: 125px;
    }

    .single-work-process {
        padding: 45px 25px;
        background: #fff;
        padding-bottom: 40px;
    }

    .single-work-process {
        padding: 45px 25px;
        background: #fff;
        padding-bottom: 30px;
    }

    .populer-cat-content {
        padding-left: 35px;
    }

    .testi-content-footer:after {
        position: absolute;
        content: '\f10e';
        top: 10px;
        right: 0;
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        font-size: 40px;
        color: #fea116;
    }

    .testimonial-content {
        padding: 25px 25px;
    }

    .blog-content {
        padding-bottom: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .blog-text h4 a {
        font-size: 18px;
    }

    section.subscribe-area .container-fluid:before {
        top: 92%;
        font-size: 120px;
        right: 10px;
    }

    .footer-content {
        padding-left: 0;
        padding-right: 0;
    }

    section.choose-us-area.pt-140.pb-150 {
        padding: 100px 0;
    }

    .choose-us-wrapper {
        padding: 80px 60px;
    }

    .header-style2 nav {
        padding-left: 55px;
    }


    .slider-title h1 {
        font-size: 140px;
        line-height: 130px;
    }

    .single-slider {
        padding-top: 310px;
        padding-bottom: 180px;
    }

    .advance-src .submit-btn .primary-btn {
        font-size: 15px;
        padding: 19px 0;
    }

    .vacation-widget {
        display: none;
    }

    .vacation-content h4 a {
        font-size: 22px;
    }

    .vacation-content p {
        margin-bottom: 0;
        line-height: 1.5;
        font-size: 12px;
        padding: 0 3px;
    }

    .feature-2-content h4 a {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .signle-feature-2 {
        padding: 30px 15px;
        padding-bottom: 15px;
    }

    .feature-2-icon {
        font-size: 65px;
    }

    .feature-2-icon:before {
        left: -40px;
        width: 80px;
        height: 80px;
    }

    section.destination-area.tranding-home .destination-hover-btn.tranding-home {
        display: none;
    }

    section.testimonial2-area .testimonial-content {
        padding: 25px 5px;
    }

    .destination-area {
        padding: 130px 0;
    }

    .article-content h4 a {
        font-size: 18px;
    }

    .article-wid {
        display: none;
    }

    .article-content {
        padding: 10px 30px;
    }

    .brand-area.gallery-style {
        padding-left: 0;
        padding-right: 0;
    }

    .newslatter-img img {
        max-width: 40px;
    }

    .single-aside {
        padding: 35px 20px;
    }

    .aside-banner-content h3 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 28px;
        color: #fff;
    }

    .aside-banner {
        padding: 0 30px;
        padding-top: 90px;
        padding-bottom: 80px;
    }

    form.aside-form button {
        width: 100%;
    }

    .map-area iframe {
        min-height: 500px;
    }

    .feature-content.map-grid .feature-btn.map-grid {
        margin-bottom: 5px;
    }

    .feature-content.map-grid .feature-btn.map-grid .secondary-btn {
        padding: 10px 12px;
    }

    .feature-content.map-grid .feature-title h4 a {
        font-size: 20px;
    }

    .feature-content.map-grid .feature-title h4 {
        margin-bottom: 5px;
    }

    .feature-content.map-grid .feature-title p {
        font-size: 14px;
        line-height: 1.2;
    }

    .single-host-feature {
        margin-bottom: 50px;
    }

    /* contact us section */
    .contact-us-wrap .contact-info-wrap {
        border: none;
        border: none;
        padding: 0;
        margin-bottom: 80px;
    }

    .contact-us-wrap .form-title {
        padding-left: 0;
    }

    .contact-us-wrap .user-form {
        padding-left: 0;
    }

    /* Form Section */
    .contact-info {
        padding-left: 0;
    }

    /* 404 Error */
    .error h1 {
        font-size: 68px;
        margin-top: 90px;
    }

    /* host Feature Section */
    .host-feature-wrap.pb-95 {
        padding-bottom: 40px;
    }

    .single-host-feature {
        margin-bottom: 70px;
    }

    .about-us-banner img {
        max-height: 400px;
    }

    .section-title h3 {
        font-size: 48px;
    }

    .advance-search-title {
        margin-left: -20px;
        margin-right: -20px;
    }

    .property-video .video-area .video-play-btn {
        line-height: 50px;
        margin-top: -40px;
        margin-left: -36px;
        padding: 12px 26px;
    }

    header.header-style3 {
        padding-top: 35px;
        margin-top: 0;
    }

    .logo.logo-style3 {
        left: 35px;
    }

    .header-style3 nav {
        padding-left: 185px;
    }

    .property-author-content .primary-btn {
        padding: 12px 5px;
        font-size: 13px;
    }

    .pop-cat3-btn .primary-btn {
        margin-bottom: 10px;
    }

    .popular-cat-feature.pop-cat3 .populer-cat-content {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 10px;
    }

    .testimonial3-rating {
        display: none;
    }

    .single-testimonial3 {
        padding: 40px 30px;
        padding-bottom: 25px;
    }

    .work-process2-area.workpro-bg {
        background-size: contain;
    }

    .review-wrapper .level{
        display: none;
    }

    .newsletter-content{
        padding-bottom: 20px!important;
    }
}

@media (max-width: 838px) {
    .timetable-wrapper .tooltip-wrapper .tooltiptext, .discount-wrapper .tooltip-wrapper .tooltiptext, .loyalty-wrapper .tooltip-wrapper .tooltiptext {
        width: 450px;
        left: -50%;
        margin-left: 0px;
    }

    .submit-btn{
        padding-right: 0px;
        text-align: left;
    }
}

@media (min-width: 800px) {
    nav ul li {
        display: inline-block;
        position: relative;
        padding: 0px;
        padding-right: 0px;
    }

    nav ul li:not(:last-child) {
        margin-right: 20px;
    }

    nav ul li:hover>a {
        color: #0BA76C;
    }

    nav ul li a {
        color: #000000;
        font-size: 15px;
        display: block;
        padding-left: 20px;
    }

    nav ul li.with-sub:after {
        content: "\f107";
        position: absolute;
        right: 0;
        top: 41px;
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    li.with-sub ul.sub-menu {
        position: absolute;
        width: 200px;
        background: #ffffff;
        top: 100%;
        left: 0;
        z-index: 99;
        border-top: 2px solid #fea116;
        -webkit-box-shadow: 0 0 15px #0000001f;
        box-shadow: 0 0 15px #0000001f;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        border-radius: 2px 2px 0 0;
        margin-top: 20px;
    }

    li.with-sub:hover>ul.sub-menu {
        opacity: 1;
        visibility: visible;
        margin: 0;
    }

    ul.sub-menu li {
        padding: 0;
        display: block;
        margin-right: 0 !important;
    }

    ul.sub-menu li a {
        display: block;
        padding: 13px 0;
        padding-left: 20px;
    }

    ul.sub-menu li a:hover {
        background: #f7faff;
        color: #fea116;
    }

    nav ul li.with-sub:hover:after {
        color: #fea116;
    }

    /* header2 */
    .header-style2 nav ul li a {
        color: #fff;
    }

    .header-style2 nav ul li ul.sub-menu li a {
        color: #5f5f5f;
    }
    .single-replied-comment {
        padding-left: 0;
    }
    .header-style2 nav ul li ul.sub-menu li:hover>a {
        color: #fea116;
    }

    .header-style2 nav ul li.with-sub:after {
        color: #fff;
    }

    .header-style2 nav ul li.with-sub:hover:after {
        color: #fea116;
    }

    .header-style2 nav ul li:hover a {
        color: #fea116;
    }

    .header-style2 nav ul li:before {
        content: '';
        width: 0;
        left: 0;
        top: -1px;
        height: 1px;
        background: #fff;
        position: absolute;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
    }

    .header-style2 nav ul li:hover:before {
        width: 100%;
    }

    .footer-style2 .footer-content-text ul li a:hover {
        color: #fea116;
    }

    ul.sub-menu li ul.sub-menu {
        left: 100%;
        right: 0;
        top: 0;
        -webkit-box-shadow: 0 0 10px #00000012;
        box-shadow: 0 0 10px #00000012;
    }

    ul.sub-menu li {
        position: relative;
    }

    ul.sub-menu li:hover>ul.sub-menu {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
    }

    header.header-style3 nav ul li>a {
        color: #fff;
    }

    header.header-style3 nav ul li:after {
        color: #fff;
    }

    header.header-style3 nav ul li ul.sub-menu li>a {
        color: #5f5f5f
    }

    header.header-style3 nav ul li ul.sub-menu li:hover>a {
        color: #fea116
    }

    header.header-style3 nav ul li:hover a,
    header.header-style3 nav ul li:hover:after {
        color: #fff;
    }
}

@media (max-width: 800px) {
    section.hero-area {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    section.hero-area .filter-area .col-md-12 {
        padding-left: 30px;
        padding-right: 30px;
    }

    section.hero-area .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dropdown-menu {
        left: -150px;
    }

    .logo a img {
        max-width: 250px;
    }

    .logo {
        left: 15px;
        max-width: 160px;
        height: 100px;
    }

    .logo-text h2 a {
        font-size: 28px;
        margin-bottom: 0;
    }

    .logo-icon {
        font-size: 21px;
        margin-bottom: 0;
        padding-top: 10px;
        margin-right: 5px;
    }

    .select-lang {
        display: inline-block;
        margin-right: 0px;
    }

    .user-setting {
        display: inline-block;
    }

    .main-header {
        padding-right: 0px;
    }

    .main-header .col-lg-1 {
        display: flex;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .dropdown-toggle {
        margin-right: 15px !important;
    }

    .main-header .col-lg-1 .email {
        display: none;
    }

    .main-header-right .user-setting {
        display: inline-block !important;
    }

    .single-replied-comment {
        padding-left: 0;
    }

    section.hero-area {
        padding: 100px 15px 0px 15px;
    }

    .hero-content {
        padding-left: 0;
    }

    .hero-content {
        padding-top: 200px;
        padding-bottom: 100px;
    }

    .destination-area {
        padding: 125px 0;
    }

    .destination-wrapper:first-child .destination-content-title h3 a {
        font-size: 30px;
        margin-bottom: 0;
    }

    .single-work-process {
        margin-bottom: 30px;
    }

    .choose-us-wrapper {
        padding: 50px 40px;
        padding-bottom: 30px;
    }

    .section-title h3 {
        font-size: 46px;
    }

    section.subscribe-area .container-fluid:before {
        right: 10px;
        font-size: 80px;
    }

    .destination-content-title h3 a {
        font-size: 30px;
        margin-bottom: 0;
    }

    .single-footer:not(.email-us) {
        padding-left: 0;
    }

    .footer-content-title {
        padding: 0;
    }

    .header-style2 .top-header {
        padding: 34px 15px;
        padding-bottom: 25px;
    }

    .slider-title h1 {
        font-size: 65px;
        color: #fff;
        line-height: 59px;
    }

    .single-slider {
        padding-top: 200px;
        padding-bottom: 125px;
    }

    .vacation-content h4 a {
        color: #fff;
        margin-bottom: 10px;
        font-size: 42px;
    }

    .destination-hover-btn.tranding-home {
        display: none;
    }

    .destination-wrapper .destination-content-title.tranding-home h3 a {
        font-size: 40px;
    }

    .single-choose-us2 {
        margin-bottom: 30px;
        padding-right: 60px;
    }

    .section-title h3 {
        font-size: 42px;
    }

    .article-content {
        padding-left: 30px;
        padding-bottom: 30px;
        padding-right: 15px;
    }

    .article-content h4 a {
        color: #fff;
        margin-bottom: 15px;
        font-size: 24px;
        display: block;
        margin-bottom: 5px;
    }

    .brand-area.gallery-style {
        padding-left: 0;
        padding-right: 0;
    }

    .hero-area.advance-src {
        padding: 110px 0;
    }

    section.vacation-area.pt-130.pb-130 {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    section.feature-2-area.pt-130.pb-130 {
        padding: 90px 0;
    }

    section.feature-area.perfect-tour-area.pt-130.pb-130 {
        padding: 90px 0;
    }

    section.destination-area.tranding-home {
        padding: 90px 0;
    }

    section.choose-us2-area.pt-130.pb-130 {
        padding: 90px 0;
    }

    section.testimonial2-area.pt-130.pb-100 {
        padding-top: 90px;
    }

    .brand-area.pb-130.gallery-style {
        padding-bottom: 90px;
    }

    footer.pt-130.pb-130.footer-style2 {
        padding-top: 70px;
        padding-bottom: 40px;
    }

    section.article-area.pb-130 {
        padding-bottom: 90px;
    }

    .destination-area {
        padding: 90px 0;
    }

    section.subscribe-area {
        background: #f5f7fd;
        padding: 90px 0;
    }

    .hero-area.advance-src .hero-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .single-footer {
        margin-bottom: 30px;
    }

    .footer-copyright p {
        text-align: left;
    }

    .map-area iframe {
        min-height: 300px;
    }

    .qouat-content {
        padding: 0 20px;
    }

    .qouat-content h4 {
        color: #fff;
        font-size: 26px;
    }

    .form-title.bg-icon::before {
        top: 45px;
        width: 86px;
        height: 92px;
    }

    .form-title h3 {
        font-size: 28px;
    }

    .form-title h1 {
        font-size: 50px;
    }

    .user-form input[type="checkbox"] + label {
        font-size: 14px;
    }

    .form-title.pl-70 {
        padding-left: 20px;
    }

    .contact-title {
        padding-left: 35px;
    }

    .user-form {
        padding: 70px 20px;
    }

    /* host Feature Section */
    .host-feature-wrap.pb-95 {
        padding-bottom: 40px;
    }

    .single-host-feature {
        margin-bottom: 70px;
    }

    /* feature Section Two  */
    .single-feature-two {
        padding: 30px 25px;
    }

    .single-feature-two .feature-icon {
        margin-bottom: 20px;
    }

    .single-feature-two .feature-icon i {
        font-size: 30px;
    }

    /* CTA Section */
    .cta-area {
        padding: 45px 30px;
    }

    .cta-area h1 {
        font-size: 40px;
    }

    .cta-area p {
        font-size: 22px;
    }

    .cta-area p i {
        margin-right: 12px;
        padding: 16px;
    }

    /* contact us section */
    .contact-us-wrap .contact-info-wrap {
        border: none;
        padding: 0;
        margin-bottom: 80px;
        padding-left: 20px;
    }

    .contact-us-wrap .form-title {
        padding: 0 20px;
    }

    .contact-us-wrap .user-form {
        padding: 40px 20px;
    }

    .primary-btn {
        margin-right: 0px;
        padding: 15px 45px;
    }

    .contact-us-wrap .user-form .primary-btn {
        padding: 15px 45px;
    }

    .contact-us-wrap .contact-title {
        margin-bottom: 40px;
        padding-left: 20px;
    }

    /* 404 Error section */
    .error h1 {
        font-size: 40px;
    }

    .error p {
        font-size: 20px;
        margin: 30px 0;
    }

    /* map section */
    .form-wrapper.mfp-iframe-scaler {
        min-height: 1005px;
    }

    .about-us-banner img {
        max-height: 400px;
    }

    .single-counter span {
        font-size: 42px;
    }

    .sidebar-search.single-aside {
        margin-top: 90px;
    }

    .property-video .video-area .video-play-btn {
        line-height: 50px;
        margin-top: -40px;
        margin-left: -36px;
        padding: 12px 26px;
    }

    .availability-content {
        margin-bottom: 30px;
    }

    header.header-style3 {
        padding-top: 0;
        margin-top: 0;
        min-height: 115px;
        position: absolute;
    }

    .logo.logo-style3 {
        top: 32px;
    }

    .advance-title.text-center h2 {
        font-size: 40px;
    }

    .advance-search-area .advance-search {
        margin-top: -180px;
    }

    .advance-search-area .advance-search {
        z-index: 1;
    }

    .map-area.home3 iframe {
        min-height: 400px;
    }

    .work-process2-area.workpro-bg {
        background-size: contain;
    }

    .choose-us-wrapper.choose2 {
        padding: 60px 30px;
    }

    .choose-us-area .section-title h3 {
        font-size: 38px;
    }

    .container-fluid.work-process-area.changed.header .container {
        max-width: unset;
    }

    .work-process-area .selected-route-single h2, .work-process-area .selected-route-single h4 {
        margin-bottom: 0px;
    }

    .advance-search .row:last-child{
        padding-bottom: 0px;
    }

    .filter-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .filter-wrapper col-12 {
        padding-bottom: 0px;
    }
}

@media (max-width: 768px) {

    .hero-area .hero-area-inside .advance-search input[type=radio] + label{
        padding-left: 0;
    }

    .radio-group input[type=radio]:checked + label:after{
        left: 4px;
    }

    .top-header-wrapper {
        padding-left: 20% !important;
    }

    .logo{
        z-index: 2;
    }

    .logol img{
        width: 250px;
    }

    .work-process-area.changed{
        margin-top: 130px;
    }

    .change, .duration{
        font-size: 13px;
    }

    .departure h5, .destination h5{
        font-size: 13px;
    }

    .magnifier{
        position: absolute;
        top: 50px;
        right: 100px;
        display: none;
        color: #FEA116;
        font-size: 20px;
        cursor: pointer;
    }

    .advance-search{
        margin-top: 10px;
        transition: .3s;
    }

    .work-process-area.changed #one-way button{
        top: 10px;
    }

    .date-sort, .row-eq-height, .search-from-wrapper{
        margin-left: 0px;
        margin-right: 0px;
    }

    .accordion-notification-wrapper{
        padding-right: 0px;
    }

    .review-wrapper h3, .ticket-price h3{
        font-size: 16px;
    }

    .button-wrapper{
        flex: 0 0 24.7%;
        max-width: 24.7%;
    }

    .btn-buy h3{
        font-size: 11px;
    }

    .departure, .stop-duration, .destination {
        flex: 0 0 20%;
        max-width: 20%;
        padding-bottom: 10px;
    }

    .review-wrapper{
        display: none;
    }

    .ticket-price, .button-wrapper{
        flex: 0 0 20%;
        max-width: 20%;
    }

    .work-process-area .selected-route-single{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .work-process-area.changed .selected-route-single h2{
        font-size: 17px;
        margin-bottom: 0px;
    }

    .work-process-area.changed .selected-route-single .single-route{
        margin-top: 10px;
        margin-bottom: 5px;
        width: 100%;
        display: block;
    }

    .pt-md-0, .py-md-0{
        padding-top: unset!important;
    }

    .search-from .row{
        padding-left: 15px;
        padding-right: 13px !important;
    }

    .departure-point, .destination-point {
        flex: 0 0 45%;
        max-width: 45%;
        margin-bottom: 15px;
    }

    .single-input, .single-date-input{
        padding-left: 0px;
        padding-right: 0px;
    }

    .exchange{
        flex: 0 0 10%;
        max-width: 10%;
        margin-bottom: 15px;
    }

    .departureCalender-wrapper{
        flex: 0 0 79.15%;
        max-width: 79.15%;
        padding-right: 5px;
    }

    .return-confirmation .departureCalender-wrapper{
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 15px;
    }

    .return-confirmation .search-col-padding{
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        margin-bottom: 15px;
        padding-left: 0px;
        padding-right: 0px;
    }

    section.hero-area-inside .hero-content{
        padding-bottom: 0px;
    }

    .work-process-area{
        margin-top: 20px;
    }

    .work-process-content, .work-process-content p{
        text-align: left;
    }

    .single-work-process{
        padding-bottom: 0px;
    }

    .hero-content .submit-btn{
        display: flex;
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: flex-end;
        margin-top: 15px;
    }

    .hero-area .submit-btn .primary-btn{
        margin-top: 0px;
        padding-bottom: 15px;
    }

    .hero-area .advanced-search{
        padding-top: 15px;
    }

    .advance-search .advance-search .row:last-child{
        padding-top: 15px;
        padding-bottom: 0px;
    }

    .hero-content .passenger{
        display: flex;
        flex: 0 0 20.85%;
        max-width: 20.85%;
    }

    .submit-btn{
        flex: 0 0 30%;
        max-width: 30%;
        justify-content: end;
    }

    .submit-btn .primary-btn{
        min-width: 140px;
    }

    .one-way-round{
        padding-right: 0px;
    }

    .one-way-round .radio-group {
        margin-left: 0px;
    }

    .route-direction-opened .col-md-2{
        display: none;
    }

    .departure-opened, .route-direction-opened, .card-body-inside .review-wrapper-opened {
        justify-content: center;
        text-align: center;
        flex: 0 0 33.3%!important;
        max-width: 33.3%!important;
    }

    .departure-opened{
        text-align: left;
    }

    .card-body-inside .ticket-price{
        flex: 0 0 65%!important;
        max-width: 65%!important;
        text-align: right;
        padding-left: 50px;
    }

    .card-body-inside .button-wrapper {
        flex: 0 0 35%!important;
        max-width: 35%!important;
        text-align: right;
    }

    .review-wrapper{
        border-left: none;
        border-right: none;
    }

    .other-transfer .button-wrapper{
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 10px;
    }

    .work-process-area.changed .selected-route-single .single-route{
        margin-bottom: 5px;
    }

    .work-process-area.changed .selected-route-single i{
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .other-transfer-wrapper{
        padding-left: 0px;
        padding-right: 0px;
    }

    .other-transfer .row .details {
        border-right: none;
    }

    .newsletter-content .section-title h3{
        font-size: 25px!important;
    }

    .newsletter-content {
        padding-bottom: 20px !important;
    }

    .footer-copyright{
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .upper{
        margin-bottom: 50px;
    }

    .footer-copyright.upper{
        margin-bottom: 0;
    }

    .work-process-area .selected-route-single h1{
        font-size: 19px;
    }

    .work-process-area .selected-route-single h2, .work-process-area .selected-route-single h4{
        font-size: 19px;
        margin-bottom: 0px;
    }

    .date-sort .col-md-4 .row .col-md-6:first-child{
        padding-left: 0px;
        margin-bottom: 10px;
    }

    .date-sort .col-md-4 .row .col-md-6:last-child{
        padding-left: 0px;
    }

    button.meanmenu-reveal{
        margin-right: 0px;
    }

    /***change***/
    .ticket-price.change{
        flex: 0 0 30%;
        max-width: 30%;
    }

    .departure.change, .stop-duration.change, .destination.change{
        flex: 0 0 23.33%;
        max-width: 23.33%;
        position: unset;
    }

    /***login***/
    .login-wrapper{
        margin-top: 15px;
        text-align: center;
    }

    /***stanice***/
    .station-header{
        margin-top: 15px;
    }

    /***404***/

    .notfound {
        max-width: 100%;
    }
    .notfound .notfound-404 {
        height: 200px;
    }
    .notfound .notfound-404 {
        position: relative;
        height: 240px;
    }
    .notfound .notfound-404 h1{
        font-size: 200px;
    }

    .social-networks{
        display: flex;
        justify-content: center;
    }
    .discount-wrapper{
        display: inline-block;
    }
    .review-wrapper.tooltip-review.discount-wrapper .tooltip-wrapper{
        left: -50px;
    }
}

@media (max-width: 715px) {
    .card-body-inside .col-sm-9, .card-body-inside .col-sm-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .timetable-wrapper .tooltip-wrapper, .discount-wrapper .tooltip-wrapper, .loyalty-wrapper .tooltiptext{
        left: 0px;
    }
    .timetable-wrapper .tooltip-wrapper .tooltiptext, .discount-wrapper .tooltip-wrapper .tooltiptext, .loyalty-wrapper .tooltip-wrapper .tooltiptext {
        left: 0;
        max-width: 500px;
    }

    .timetable-wrapper .tooltip-wrapper .tooltiptext::after, .discount-wrapper .tooltip-wrapper .tooltiptext::after, .loyalty-wrapper .tooltip-wrapper .tooltiptext::after {
        left: 20px;
    }

    .hero-content .submit-btn {
        margin-top: 15px;
    }

    .notification-wrapper{
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }

    .hero-content .passenger .dropdown .dropdown-menu{
        min-width: 80px!important;
    }

    .hero-content .passenger .dropdown .dropdown-menu .col-md-6:last-child{
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 15px;
    }
}

@media (max-width: 600px) {
    .departure, .stop-duration, .destination {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .departure.change, .stop-duration.change, .destination.change{
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .ticket-price.change .percent {
        right: 28%;
    }

    .change.text-center{
        top: 10px;
    }

    .ticket-price, .button-wrapper, .review-wrapper{
        display: flex;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .review-wrapper.change, .ticket-price.change{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .review-wrapper .tooltip-wrapper, .review-wrapper-opened .tooltip-wrapper{
        left: 0px;
    }

    .review-wrapper .tooltip-wrapper .tooltiptext, .review-wrapper-opened .tooltip-wrapper .tooltiptext{
        margin-left: 0px;
        left: 15px;
        width: 130px;
    }

    .work-process-area .selected-route-single{
        padding-left: 15px;
    }

    .card .card-header{
        padding-top: 20px;
    }
    .review-wrapper.tooltip-review.discount-wrapper .tooltip-wrapper{
        left: -50px;
    }
    .ticket-price .rabat {
        top: 10px;
        left: -50px;
    }
    .review-wrapper.discount-wrapper .tooltip-wrapper{
        bottom: 20px;
    }
    .review-wrapper.tooltip-review.discount-wrapper .tooltip-wrapper {
        left: -70px;
    }
}

@media (min-width: 589px) {
    .pdMobStanice{
        padding: 0 !important;
    }

    .select-lang.alternative .dropdown-menu .col-5{
        flex: 0 0 40%!important;
        max-width: 40%!important;
    }

}

@media (max-width: 589px) {
    .advance-search{
        margin-top: -0px;
    }
    .logo-small a img{
        width: 230px;
    }
    .work-process-area.changed{
        margin-top: 470px;
    }

    .departure-point, .destination-point, .exchange {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .form-control{
        height: 40px;
    }

    form.search-from input.form-control{
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .departure-point, .destination-point{
        height: 75px;
        margin-bottom: 10px;
    }

    .departure-point input, .destination-point input, .exchange input{
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .single-date-input i{
        top: 13px;
    }

    .exchange {
        justify-content: flex-end;
        margin-bottom: 0px;
        padding-right: 20px;
        flex-direction: row;
        height: 15px;
        z-index: 10;
    }

    .exchange i{
        padding: 15px;
        transform: rotate(90deg);
    }

    .departureCalender-wrapper{
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .return-confirmation .departureCalender-wrapper{
        margin-bottom: 3px;
    }

    .hero-content .passenger {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px;
        justify-content: space-between;
    }

    .submit-btn{
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }

    .work-process-area .selected-route-single i{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .work-process-area.changed{
        margin-top: 120px;
    }

    .percent{
        display: none;
    }

    .work-process-area.changed #one-way button{
        top: 15px;
        padding-top: 5px;
        padding-right: 5px;
    }

    .change{
        top: -5px
    }

    .work-process-area .selected-route-single{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .date-sort .col-md-4 .row .col-md-6:first-child{
        padding-right: 7px;
    }

    .date-sort .col-md-4 .row .col-md-6:last-child{
        padding-left: 7px;
    }

    .hero-content .submit-btn, .hero-area .submit-btn .primary-btn{
        margin-top: 0px;
    }

    .hero-area .advanced-search{
        padding-top: 0px;
    }

    .more-wrapper{
        margin-top: 20px;
    }

    .other-transfer{
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .hero-area-inside .advance-search .submit-btn{
        justify-content: center;
        margin-right: 5px;
    }

    .hero-area-inside .advance-search .ui-widget-content{
        border: unset;
    }

    .one-way-round{
        display: block;
    }

    .radio-group{
        display: inline-block;
    }

    .verification{
        float: none!important;
        padding-bottom: 15px;
    }

    .return-confirmation .submit-btn{
        padding-right: 0px;
    }

    /***Red voznje***/
    .timetable-btn{
        margin-bottom: 30px;
    }
    .review-wrapper.tooltip-review.discount-wrapper .tooltip-wrapper {
        left: -60px!important;
    }

    .hero-content .advance-search .rezervacija-point input, .hero-content .advance-search .departure-point input, .hero-content .advance-search .destination-point input, .hero-content .advance-search .departureCalender-wrapper input, .hero-content .advance-search .returnCalender-wrapper input{
        padding-top: 0 !important;
    }

    .hero-content .advance-search .rezervacija-point,.departure-point, .destination-point, .departureCalender-wrapper, .returnCalender-wrapper, .advance-search .passenger, .advance-search .submit-btn, .submit-btn .primary-btn{
        height: 65px !important;
    }

    .hero-content .advance-search .submit-btn .primary-btn{
        font-size: 18px;
    }

    .passenger > div{
        height: 40px;
        margin-top: 13px;
    }
}

@media (max-width: 575px) {
    .work-process-area .sort:first-child{
        margin-bottom: 0px;
    }

    .date-sort .sort:first-child{
        padding-right: 15px;
    }

    .horizontal-line{
        width: 100px;
    }

    .timetable-wrapper .tooltip-wrapper, .discount-wrapper .tooltip-wrapper, .loyalty-wrapper .tooltip-wrapper{
        left: 0px!important;
    }

    .timetable-wrapper .tooltip-wrapper .tooltiptext, .discount-wrapper .tooltip-wrapper .tooltiptext, .loyalty-wrapper .tooltip-wrapper .tooltiptext {
        left: 0%;
        max-width: 450px;
    }

    .work-process-area.changed .selected-route-single h2{
        margin-bottom: 0px;
    }

    .equipment-wrapper .row{
        padding-left: 0px;
        padding-right: 0px;
    }

    .facilities-filter.filter{
        padding-left: 0px;
        padding-right: 0px;
    }

    .departure-point, .destination-point{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    /***Blog***/
    .blog .col-md-9, .col-md-3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    /***Blog_detalji***/
    .blog-detalji .col-md-9, .col-md-3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    /***Detalji autobuske stanice***/
    .bus-station-detail{
        padding-left: 15px;
        padding-right: 15px;
    }

    .bus-station-detail{
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* Extra Small devices (lessthan 480px and up) */
@media (max-width: 480px) {
    section.hero-area-inside .hero-content{
        padding-bottom: 0px!important;
    }
    .single-work-process{
        padding-top: 0px;
    }

    .testimonial-img {
        padding-top: 0;
        margin-right: 10px;
        padding-left: 0;
    }

    .testimonial-content {
        padding: 20px 20px;
        border: 1px solid #e4e4e4;
    }

    .testi-content-footer:after {
        font-size: 35px;
    }

    .testi-content-text {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .testi-content-footer h5 {
        font-size: 18px;
    }

    .testi-content-footer h6 {
        font-size: 13px;
    }

    .section-title h3 {
        font-size: 34px;
    }

    .section-title {
        margin-bottom: 60px;
    }

    .choose-us-wrapper {
        padding: 50px 20px;
        padding-bottom: 30px;
    }

    .logo-icon {
        line-height: 1;
    }

    .footer-content-title {
        padding: 0 0;
    }

    .hero-content h3 {
        font-size: 16px;
    }

    .hero-content p {
        font-size: 14px;
    }

    .vacation-content h4 a {
        font-size: 34px;
    }

    .destination-wrapper .destination-content-title.tranding-home h3 a {
        font-size: 26px;
    }

    .article-content h4 a {
        font-size: 18px;
        margin-bottom: 0;
    }

    .article-wid {
        display: none;
    }

    .work-process-area .selected-route-single h1 {
        font-size: 16px;
    }

    section.choose-us2-area.pt-130.pb-130 {
        padding: 60px 0;
    }

    .testimonial-content:before {
        display: none;
    }

    .flatpickr-calendar.animate.arrowTop.open.rightMost {
        max-width: 250px;
    }

    .feature-2-content h4 a {
        color: #42495b;
        font-size: 28px;
        margin-bottom: 10px;
        display: block;
    }

    .feature-2-icon {
        font-size: 70px;
        margin-bottom: 5px;
    }

    .feature-2-icon:before {
        left: -15px;
        width: 84px;
        height: 85px;
    }

    .big-title h1 {
        margin-top: 20px;
        font-size: 30px;
        line-height: 30px;
    }

    .single-testimonial.testimonial-2 .testimonial-content {
        padding: 0;
        margin-top: 20px;
    }

    .destination-hover-btn {
        position: absolute;
        right: 40px;
        bottom: 30px;
        display: none;
    }

    .destination-hover-content {
        padding-left: 30px;
    }

    .destination-content-title p {
        margin-bottom: 0;
    }

    .about-us {
        padding: 0;
    }

    .contact-number h4 {
        font-size: 20px;
    }

    .advance-title.text-center h2 {
        font-size: 32px;
    }

    .feature-widget p:nth-child(2) span:not(:last-child) {
        margin-right: 24px;
    }

    .feature-content.map-grid {
        padding: 20px;
        padding-bottom: 10px;
    }

    .feature-btn.map-grid {
        margin-bottom: 3px;
    }

    .map-grid.feature-widget {
        display: none;
    }

    .feature-title h4 a {
        font-size: 18px;
    }

    .feature-title h4 {
        margin-bottom: 3px;
    }

    .testimonial3-rating {
        display: none;
    }

    .pop-cat3-btn .primary-btn {
        margin-bottom: 10px;
    }

    .popular-cat-feature.pop-cat3 .populer-cat-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
    }

    .popular-cat-feature.pop-cat3 .populer-cat-content p {
        line-height: 1.8;
    }

    .single-testimonial3 {
        padding: 30px 25px;
        padding-bottom: 20px;
    }

    .blog-footer .feature-footer-content p {
        display: none;
    }

    .blog3-area .blog-content {
        padding: 0 25px;
        padding-bottom: 20px;
        padding-top: 15px;
    }

    .single-footer.email-us .footer-content-title h4 {
        font-size: 21px;
    }

    .feature-content {
        padding-left: 15px;
    }

    .single-feature-two .feature-content {
        width: 100%;
    }

    .cta-area {
        padding: 40px 0;
    }

    .cta-area h1 {
        font-size: 32px;
    }

    .choose-us-wrapper .section-title {
        margin-bottom: 25px;
    }

    .blog-quoat {
        padding: 40px 0;
    }

    .quoat-icon {
        position: absolute;
        top: 50px;
    }

    .blog-author {
        padding: 50px 20px;
    }

    .aside-banner-content h3 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 25px;
    }

    .aside-banner-btn a.primary-btn {
        padding-left: 15px;
        padding-right: 15px;
        min-width: 190px;
    }

    .single-testimonial.testimonial-2 {
        margin-bottom: 40px;
    }

    .destination-wrapper:first-child .destination-content-title.tranding-home h3 a {
        font-size: 26px;
    }

    .work-process-area .selected-route-single h2, .work-process-area .selected-route-single h4 {
        font-size: 16px;
    }

    .work-process-area.changed #one-way button {
        top: 10px;
    }

    .timetable-wrapper .tooltip-wrapper, .discount-wrapper .tooltip-wrapper. .loyalty-wrapper .tooltip-wrapper{
        left: 0px!important;
        max-width: 390px;
    }

    .work-process-area .selected-route-single{
        padding-left: 10px;
    }

    .equipment-wrapper .custom-control{
        padding-left: 20px;
    }

    .name-filter.filter{
        padding-left: 0px;
    }

    .custom-control-label{
        font-size: 12px;
    }

    section.hero-area .filter-area .col-md-12{
        padding-left: 0px;
    }

    .alert-dismissible .close{
        padding-top: 0px;
        padding-right: 10px;
    }

    /***Register***/

    .user-profile .primary-btn {
        padding: 15px 20px!important;
    }

    /***404***/
    .notfound .notfound-404 {
        height: 162px;
    }

    .hero-area .search-from-wrapper .container.pd-25{
        padding: 0 !important;
    }

    .hero-area .search-from-wrapper .big-title h1{
        font-size: 18px;
    }
}

@media (max-width: 395px) {
    .work-process-area .selected-route-single h1{
        font-size: 13px;
    }

    .work-process-area .selected-route-single h2, .work-process-area .selected-route-single h4 {
        font-size: 14px;
    }

    .timetable-wrapper .tooltip-wrapper .tooltiptext, .discount-wrapper .tooltip-wrapper .tooltiptext, .loyalty-wrapper .tooltip-wrapper .tooltiptext {
        left: 0%;
        max-width: 340px;
    }


    .nice-select span {
        font-size: 12px;
    }
}

@media (max-width: 330px) {
    .departure-opened h5, .departure-opened p, .route-direction-opened div, .review-wrapper-opened div, .ticket-price p, ticket-price h3{
        font-size: 11px;
    }

    .timetable-wrapper .timetable-details .row div, .discount-wrapper .discount-details .row div, .loyalty-wrapper .loyalty-details .row div{
        font-size: 11px;
        padding-left: 10px;
        padding-right: 5px;
    }
}

@media (max-width: 1500px) {
    .sidebar-booking-box.searchPrevoznik .col-md-9 .inputBtn input, .sidebar-booking-box.searchStanicu .col-12 .inputBtn input{
        height: 78px;
    }

    .hero-content .advance-search .bus-equipment .filter-area{
        padding-left: 45px;
    }

    .hero-content .advance-search .passenger{
        height: 80px;
    }

    .hero-content .submit-btn{
        height: 80px;
        margin-bottom: 5px;
    }

    .hero-content .advance-search .submit-btn .primary-btn{

        width: 100%;
    }
}


@media screen and (max-width: 769px) and (min-width: 590px) {
    .departure-point, .destination-point{
        flex: 0 0 49%;
        max-width: 49%;
    }

    .hero-content .passenger{
        justify-content: space-between;
    }

    .hero-content .passenger > div {
        height: 40px;
        margin-top: 13px;
    }

    .departureCalender-wrapper,
    .hero-content .passenger{
        flex: 0 0 99%;
        max-width: 99%;
    }

    .hero-content .submit-btn{
        margin-top: 0 !important;
    }

    .hero-content .advance-search .submit-btn .primary-btn{
        margin-right: 5px;
    }

    .hero-content .advance-search .departure-point input, .hero-content .advance-search .destination-point input, .hero-content .advance-search .departureCalender-wrapper input, .hero-content .advance-search .returnCalender-wrapper input{
        padding-top: 0 !important;
    }

    .departure-point, .destination-point, .departureCalender-wrapper, .returnCalender-wrapper, .advance-search .passenger, .advance-search .submit-btn, .submit-btn .primary-btn{
        height: 65px !important;
    }

    .hero-content .advance-search .submit-btn .primary-btn{
        font-size: 18px;
    }

    .passenger > div{
        height: 40px;
        margin-top: 13px;
    }
}

@media (min-width: 1100px) {
    section.hero-area{
        padding-top: 300px;
    }

    .mobileCartD{
        display: none !important;
    }
}

@media (max-width: 1000px) {
    .routePd{
        visibility: hidden;!important;
    }
}

@media (max-width: 991px) {
    .route-direction-opened{
        padding-left: 0;
    }

    .kupovinaKarte .columnLeft .prevoznikBox{
        padding-left: 62px;
    }

    .sortiranjeDatum > .row {
        padding-right: 15px;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .izbor-placanja{
        flex-direction: column;
    }

    .regKorisnikaKup #modal_google_login_container{
        padding-left: 0;
    }

    .regKorisnikaKup #modal_google_login_container .modal_google_login_container{
        justify-content: start;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .single-blog{
        flex-direction: column;
    }

    .single-blog .blog-img img{
        height: 200px;
    }

    .blogItemInfo .blog-text p{
        max-width: unset;
    }

    .hero-content .advance-search .bus-equipment .filter-area {
        padding-left: 35px;
    }
}

.return-confirmation .hero-content .advance-search .submit-btn .primary-btn{
    width: 100%;
}

.hero-content.changed .row.filter-wrapper{
    display: none;
}

@media (max-width: 767px) {

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .izbor-placanja #offline div div{
        padding-left: 20px;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .izbor-placanja #offline div div .spanTxt{
        padding-left: 0;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .add-passanger{
        padding-right: 5px;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .add-passanger button{
        flex: 1;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .total-wrapper .totalKarte{
        padding-top: 20px;
        padding-right: 20px;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .text-right{
        padding-right: 5px;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .insurance .container-check input:checked ~ .checkmark, .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup input:checked ~ .checkmark{
        top: 1px;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .insurance .osiguranje_bus_container .osiguranjeInfo{
        font-size: 11px;
        margin-left: 10px;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .insurance .osiguranje_bus_container label, .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .regKorisnikaKup .newsletter-sign .container-check{
        font-size: 11px;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg #putnici .rlr-padding select{
        font-size: 14px;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .brisanje{
        padding-right: 3px;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .brisanje button,
    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail.regKorisnikaKup .rowMob #customer_password_btn{
        height: 45px;
        border-radius: 0;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper.kupiBg .passenger-detail-body .brisanje button img{
        height: 20px;
    }

    .route-direction-opened .col-md-10{
        align-items: center;
        gap: 16px;
    }

    .hero-content .advance-search .bus-equipment .filter-area {
        padding-left: 0;
    }

    .bus-equipment .filter-area .filter-wrapper div,
    .bus-equipment .filter-area .col-md-12{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .bus-equipment .filter-area .filter-wrapper .name-filter .input-group{
        padding-left: 15px !important;
    }

    .filter-area h5 {
        font-size: 14px;
        margin-top: 10px;
    }
}

@media (min-width: 575px) {
    .pdtb25,
    #modal_loyalty_div .passenger-detail-body{
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pdl26{
        padding-left: 26px !important;
    }

    .pd26{
        padding-left: 26px;
        padding-right: 26px;
    }

    .pr18,
    .prtljagCijena{
        padding-right: 18px;
    }

    .bus-station-title .container.no-padding{
        padding-left: 0 !important;
    }

    .blogDetalji .post-body .blog-wid .datum{
        float: right;
    }

    .ctP{
        padding: 0 !important;
    }
}

@media (max-width: 575px) {
    .advance-search .bus-equipment,
    .advance-search .bus-equipment .filter-wrapper,
    .advance-search .bus-equipment .filter-wrapper .name-filter{
        padding-right: 0 !important;
    }

    .advance-search .bus-equipment .filter-wrapper .equipment-wrapper{
        padding-left: 5px !important;
    }

    .filter-area h5{
        font-size: 14px;
        margin-top: 10px;
    }
}

@media (max-width: 500px) {

    .accordion-faq#accordion .card img{
        width: 100% !important;
        height: auto !important;
    }

    #loyalty_config_modal.modal{
        padding-right: 0 !important;
    }

    .card-header.results .button-wrapper .btn-buy a{
        font-size: 12px;
    }

    .card-header.results .button-wrapper .btn-buy a i{
        font-size: 10px;
        margin-right: 0;
    }

    .kupovinaKarte .card .card-header .tooltip-review{
        justify-content: start;
        padding-left: 22px;
    }

    .kupovinaKarte .card-header .destination{
        align-items: end;
        padding-left: 0;
    }

    .kupovinaKarte .card-header .departure{
        padding-left: 20px;
    }

    #modal_loyalty_div .passenger-detail-body{
        padding-left: 0;
    }

    .kupovinaKarte .card-body .card-body-inside-wrapper .passenger-detail.prtljagBox .package-summary-body.prtljag_cjenovnik_lijevo{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .inputCon .parent .input-group input{
        width: 130px;
    }

    .accordion-notification-wrapper.kupovinaKarte .info_povezane_linije{
        text-align: left;
    }

    .accordion-notification-wrapper.kupovinaKarte .info_povezane_linije #direktne_linije_nema_span,
    .accordion-notification-wrapper.kupovinaKarte .info_povezane_linije #presijedanje_ponuda,
    .accordion-notification-wrapper.kupovinaKarte .info_povezane_linije #nadji_povezane_linije_btn .primary-btn{
        font-size: 14px;
    }

    .accordion-notification-wrapper.kupovinaKarte .info_povezane_linije #nadji_povezane_linije_btn .primary-btn{
        width: 100%;
    }

    .redvoznjeTab .modal-dialog.modal-lg, #modal_popusti .modal-dialog.modalPopust{
        width: 98%;
    }

    #modal_popusti .modal-dialog.modalPopust table tbody tr:first-child th:first-child, #modal_popusti .modal-dialog.modalPopust table tbody tr td:first-child{
        padding-left: 5px;
    }

    .kupovinaKarte .columnLeft .prevoznikBox{
        padding-top: 4px;
        align-items: center;
        gap: 13px;
    }

    .route-direction-opened .col-md-10{
        padding-top: 4px;
    }

    .kupovinaKarte .columnRight,
    .kupovinaKarte .columnLeft,
    .kupovinaKarte .pdM{
        padding-left: 0;
    }

    .kupovinaKarte .card-header button.toLeft{
        top: 57px;
    }

    .kupovinaKarte .card .card-header .tooltip-review{
        flex-direction: row;
        padding-left: 15px;
        align-items: end;
    }

    .hero-area.second-step{
        /* padding-top: 0; */
    }

    .accordion-notification-wrapper.kupovinaKarte .review-wrapper .company-abbrevation,
    .kupovinaKarte .columnLeft .departure-opened p,
    .kupovinaKarte .columnLeft .departure-opened .timeGreen,
    .kupovinaKarte .columnLeft .prevoznikBox span,
    .kupovinaKarte .columnLeft .prevoznikBox .company-abbrevation,
    #modal_popusti .modal-dialog.modalPopust table tbody tr td,
    .redvoznjeTab #redvoznje.redvoznje table tbody tr td,
    .redvoznjeTab #redvoznje.redvoznje table tbody tr:first-child th,
    #modal_popusti .modal-dialog.modalPopust table tbody tr:first-child th,
    .kupovinaKarte .columnRight .firstTab, .kupovinaKarte .columnRight .secondTab,
    .kupovinaKarte .columnRight .thirdTab, .kupovinaKarte .columnRight .fourthTab,
    .kupovinaKarte .columnRight .fifthTab,
    .linijeTxt,
    .columnRight #firstTabContainer,
    .columnRight #secondTabContainer,
    .columnRight #thirdTabContainer,
    .columnRight #fourthTabContainer,
    .columnRight #fifthTabContainer{
        font-size: 12px;
    }

    .accordion-notification-wrapper.kupovinaKarte .review-wrapper .level{
        font-size: 10px;
    }

    .card-header.results .button-wrapper{
        align-items: end;
    }

    .kupovinaKarte .card-header .btn-buy{
        padding: 5px 10px;
    }

    .departure h5, .destination h5{
        font-size: 12px;
    }

    .kupovinaKarte .card-header h3{
        font-size: 18px !important;
    }

    .kupovinaKarte .notification-wrapper .close{
        padding: 0.35rem 0.75rem;
    }

    .kupovinaKarte .notification-wrapper{
        padding-right: 30px;
    }

    .kupovinaKarte .filter-head.pretragaFilter p{
        font-size: 10px;
    }

    button.meanmenu-reveal{
        right: -5px;
    }

    .mobile-cart-container{
        right: 70px !important;
    }

}

@media (max-width: 480px) {

    .advance-search .bus-equipment .filter-wrapper .equipment-wrapper{
        padding-left: 20px !important;
    }
}

.second-btn{
    background: #0BA76C;
    border: 0;
    border-radius: 3px;
    margin-right: 0;
    height: 55px;
    padding: 16px 40px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 3px;
}
.second-btn:hover{
    background: #fff;
    color: #0BA76C;
    border: 1px solid #0BA76C;
}
.peron{
    width: fit-content;
    border-radius: 5px;
    margin-top: 50px;
}
.peron p{
    color: #03492C;
    font-size: 12px;
    line-height: 18px!important;
}
.peron h2{
    color: #03492C;
    font-size: 16px;
    margin-bottom: 7px;
}

#keyboard {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 650px;
    width: 100%;
    background: #e3e3e1;
    padding: 10px;
    height: 100vh;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
    z-index: 10000;
}

.key-row {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}

.key {
    background-color: #444;
    border: 0;
    color: #707070;
    background-color: #fafafa;
    font-size: 16px;
    padding: 20px 0;
    min-width: 96px;
    margin: 2px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.1s;
}
.space-key{
    width: 697px;
}

.key:hover {
    background-color: #555;
    color: #fff;
}

.key:active {
    background-color: #666;
    transform: scale(0.98);
}

.key.shift.shift-active {
    background-color: #555;
    color: #fff;
}

.key.special {
    background-color: #555;
    border: 1px solid #666;
}

.key.shift {
    flex: 2;
}

.key.space {
    flex: 6;
}

.key.delete, .key.enter {
    flex: 2;
}

#inactivity-popup{
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 350px;
    height: 225px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #333333!important;
    z-index: 10000;
    color: #BEC4C8;
    padding: 20px 20px;
    text-align: center;
}
#inactivity-popup span{
    font-size: 50px;
}
.payment-container{
    height: 100%;
    margin: 0;
}
.payment-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh;
    flex-direction: column;
    gap: 20px;
}
.payment-text{
    color: #03492C;
}
#payment-countdown{
    font-size: 30px;
}

.loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #000000;
    --_m:
            conic-gradient(#0000 10%,#000),
            linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

.cont-check a{
    display: none;
}
#terms{
    background: transparent;
    color: #0BA76C!important;
    font-weight: bold;
}
.custom-modal {
    display: none;
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;
    outline: 0;
}

.custom-modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    pointer-events: none;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    height: 80%;
}

.custom-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.custom-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.custom-modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
}

.custom-modal-close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    border: 0;
    background: none;
}

.custom-modal-close span{
    font-size: 20px!important;
}

.custom-modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    overflow-y: auto;
    max-height: 80vh;
}

.custom-modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.custom-modal-btn,
.custom-modal-btn-close,
.custom-modal-btn-save {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 5px;
    padding: 0.375rem 0.75rem;
    margin: 0 0.25rem;
}

.custom-modal-btn {
    background-color: #0BA76C;
    color: #fff;
    border: 1px solid #0BA76C;
}

.custom-modal-btn-close {
    background-color: #0BA76C;
    color: #fff;
    border: 1px solid #0BA76C;
}
.card{
    position: relative!important;
}
.date_title{
    font-size: 18px;
    color: #000000;
    position: absolute;
    top: -31px;
}
.clear-input{
    position: absolute;
    top: 37px;
    right: 15px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    background: #A9A9A9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/*.info_row{*/
/*    background: #f1f1f1;*/
/*    border-radius: 5px;*/
/*}*/
.city-list {
    width: 100%;
    background: #f1f1f1;
    top: 79px;
    left: 0;
}
.city-item {
    border-bottom: 2px solid #fff;
    padding: 8px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
.city-item:hover{
    background-color: #DCDCDC;
}