@media (max-width: 1400px){
    .how-it-works .stepText{
        padding-top: 40px;
        padding: 40px 90px 0px 90px;
        margin: 0px;
    }
    .how-it-works .stepName {
        margin-right: 100px;
    }
    #purchase-propagande{
        padding: 90px 0;
    }
}

@media (max-width: 1199px){
    #header{
        height:auto;
    }
    #page-header{
        height:auto;
    }
    .partnerstitle{
        padding-left: 40px;
        padding-bottom: 40px
    }
    .partnerslogo img{
        padding-bottom: 20px;
    }
    .our-partners .partners{
        flex-direction: column;
        align-items: center;
    }
    .partnerslogo{
        text-align: center;
    }
    .how-it-works .stepNumber{
        padding-left: 20px;
    }
    .how-it-works .stepText{
        padding-left: 20px !important;
    }
    .how-it-works .step:nth-child(2) .stepText{
        padding-left: 50px !important;
    }
    #accordion{
        padding: 0px 50px 20px 50px;
    }
    .vignette-explanation .explanation .explanation-block:nth-child(even){
        flex-direction: column-reverse;
    }
    .thankYou .register-tab-content {
        padding: 0px 50px;
    }
    #purchase-propagande {
        padding: 70px 0;
    }
    #purchase-propagande .btn{
        font-size: 14px;
    }
    .maut-slovenia .explanation .explanation-block:nth-child(1) {
        flex-direction: column-reverse;
    }
    .maut-slovenia .explanation .explanation-block img {
        width: 100%;
    }
    .maut-slovenia .explanation .explanation-block .info {
       
        padding:40px;
       
    }
    
}
@media (max-width: 961px){
    #page-header{
        background-size: unset;
    }
    .page-title{
        padding-top: 100px;
        width: 100%;
        font-size: 22px;
    }
    .navbar-light .navbar-toggler{
        padding: 0;
        border: 0;
        box-shadow: none;
        margin-left: 10px;
    }
    .navbarmenu{
        margin-right: 0px;
        width: 100%;
    }
    /* #navbarMenu{
        
    } */
    .nav-navbar{
        border: none;
    }
	/* .logo{
        
	} */
    .logo a{
        background-color: transparent !important;
        position: relative;
        top: 0;
        z-index: 1;
    }
    .logo img{
        min-width: 225px;
    }
    /* .verticalimg{
        display: none !important
    } */
    .horizontalimg{
        display: block !important
    }
    .top-options{
        position: relative;
    }
    
    .footermenu{
        justify-content: center;
        flex-direction: column-reverse;
        align-items: center !important;
        padding-top: 30px !important;
        
    }
    .footermenu .menu{
        display: none;
    }

    .footermenu .terms{
        padding-top: 30px !important;
    }

    .footermenu .terms ul{
        align-items: center !important;
    }
    .vignette-explanation{
        padding-bottom: 0;
    }
    .vignette-explanation .explanation .explanation-block .info{
        padding: 15px;
    }
    .vignette-explanation .explanation .explanation-block .info h2{
        font-size: 20px;
    }
   .why-choose-us .whyChooseUs{
       padding: 35px 0px;
   }
   .why-choose-us .whyChooseUs:last-child{
        padding-bottom:0px !important;

    }
   .why-choose-us .whyChooseUs .why-choose-us-text{
       margin: 0px;
   }
   .why-choose-us-subtitle{
    font-size: 18px;
   }
   .text1 h2, .text2 h2{
    font-size: 20px;
   }
   .copyright .info {
        padding: 30px 0px 25px 0px;
    }
    .navbarmenu {
        padding-right: 0px;
    }
    .how-it-works .step{
        padding: 0px 15px
    }
    .thankYou .register-tab-content {
        padding: 0px 20px;
    }
    #purchase-propagande .title {
        font-size: 30px;
        max-width: 70%;
    }
    .text2 table td, .text2 table th{
        font-size: 14px;
    }
    .ourservices{
        padding: 30px 0;
    }
}

@media (max-width: 767px){
    #header{
        height: 100%;
        background-size: auto 100%;
        background-position-x: right;
        background-position-y: top;
    }
    #header .row{
        justify-content: center;
    }
    /* .headerbar .navbar-collapse {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    } */
    .vignette-tabs-content{
        width: 98%;
    }
    .vignette-tabs-content .product-cards .product-card{
        padding-bottom: 20px;
    }
    .why-choose-us .why-choose-us-title{
        font-size: 20px;
    }
    .why-choose-us .whyChooseUs:nth-child(3){
    
        border-top: 1px solid rgb(112, 112, 112,0.3);
        border-bottom: 1px solid rgb(112, 112, 112,0.3);
        border-left: none;
        border-right: none; 

    }
    .vignette-tabs-content .short-description{
        font-size: 16px;
    }
    .vignette-tabs .vignette-tab img{
        width: 40px;
    }
    .vignette-tabs .nav-item:last-child .vignette-tab img{
        width: 30px;
    }
    .partnerslogo img {
        padding-left: 10px;
        padding-right: 10px;
    }
    .partnerstitle{
        padding-left: 0px;
    }
    .why-choose-us {
        padding-top: 50px;
        box-shadow: 0px -40px 12px -50px rgb(0 0 0 / 90%);
    }
    .vignette-tabs-content {
        box-shadow: 0px 5px 20px -20px rgb(0 0 0 / 90%);
        margin-bottom: 60px;
    }
    .vignette-tabs-content .product-cards {
        padding: 0px 0px 15px;
    }
    .logo{
        max-width: 250px;
    }
    .logo img{
        min-width: 225px;
    }
    .vignette-tabs-content {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    #accordion {
        padding: 20px;
    }
    #accordion .card{
       padding: 0px;
    }
    #accordion .card-header{
        border-bottom: 1px solid rgba(0,0,0,.125) ;
    }
    .accordion::before{
        right: 3px;
    }
    .accordion::after{
        right: 9px;
    }
    #accordion .section-title {
        padding: 35px 20px 20px 0;
    }
    .faqs {
        padding: 40px 0px;
    }
    
    /* Register e-vignette */

    .personal-details .vehicle{
        padding: 0px 20px;
    }
    .personal-details .inpLabel{
        justify-content: left;
        padding-bottom: 5px;
    }
    .personal-details .validity {
        padding: 0px 20px;
    }
    .personal-details .personal {
        padding: 0px 20px;
    }
    .personal-details .invoice {
        padding:20px;
    }
    .personal-details .invoice .inpEven{
        padding-bottom: 8px;
    }
    .personal-details .recommend .recommend-header {
        text-align: center;
    }
    .personal-details .recommend .recommend-vehicles {
        flex-direction: column;
        align-items: center;
    }
    .personal-details .recommend .recommend-vehicles .info{
        text-align: center;
    }
    .personal-details .sms .sms-number {
        flex-direction: column;
    }
    .personal-details .sms .sms-subtitle {
        width: 80%;
    }
    .personal-details .recommend .recommend-vehicles .add {
        justify-content: center;
    }
    .personal-details .sms .sms-number .input-group {
        width: 100% !important;
    }
    .personal-details .sms .sms-content .sms-code {
        padding-left: 0px;
    }
    .personal-details .sms .sms-content .inpLabel {
        padding-left: 0px;
    }
    .personal-details .sms .sms-confirm {
        align-items: flex-start;
    }
    .personal-details .purchased .action-buttons .prev {
        display: none;
    }
    .personal-details .purchased .action-buttons {
        width: 100%;
    }
    .personal-details .purchased .action-buttons .next {
        margin-left: 0px;
        width: 100%;
    }
    .personal-details .sms .sms-content {
        margin: 25px;
    }

    /* mobile tabs */

    .personal-details .register-tabs {
        display: none;
    }
    .checkout .register-tabs {
        display: none;
    }
     .mobile-register-tabs{
        display: flex;
        width: 100%;
        justify-content: space-between;
        border: none;
        margin-bottom: -1px;
        align-items: flex-end;
    }
    .mobile-register-tabs .nav-item:first-child{
        width: 50%;   
    }
    .mobile-register-tabs .nav-item .active { 
        display: flex;
        flex-direction: column;
    }
     .mobile-register-tabs .nav-item .active .steps{ 
        color: #939393;
        font-size: 14px;
    }
     .mobile-register-tabs .nav-item:last-child{
        width: 48%;
        background-color: none;
        border: 1px solid rgba(255, 255, 255,0.4);
        border-radius: 5px 5px 0 0;
        margin-bottom: -2px;
    }
     .mobile-register-tabs .go-back{
        color:white;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    .mobile-register-tabs .go-back-icon{
        font-size: 30px;
    }

    .checkout .vignette .invoice{
        padding-top: 50px;
    }
    .checkout .pricing .main {
        align-items: flex-start;
        flex-direction: column;
    }
    .checkout .pricing .main .carInfo .country {
        flex-direction: column;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .checkout .pricing .main .carInfo .regNumber {
        flex-direction: column;
        padding-bottom: 15px;
    }
    .checkout .pricing .main .carInfo .date {
        flex-direction: column;
        padding-bottom: 15px;
    }
    .checkout .pricing .sms .sms-mob .sms-detail{
        display: flex;
        padding-bottom: 15px;
    }
    .checkout .pricing .sms .sms-mob .sms-detail img{
        margin-right: 10px;
    }    
    .checkout .pricing .sms .sms-desk div:nth-of-type(1){
        padding-right: 50px;
    } 
    .checkout .pricing .sms .sms-desk .sms-detail{
        display: none;
    }
    .checkout .pricing .header .price{
        display: none;
    }
    .checkout .pricing .main .vigPrice{
        display: none;
    }   
    .checkout .pricing .vignette-mob {
        display: flex;
        width: 100%;
        justify-content: space-between;
        border-top: 1px solid rgba(112, 112, 112, 0.2);
        padding: 10px 0;
    }
    .checkout .pricing .vignette-mob .price{
     font-weight: bold;
    }
    .checkout .pricing .total {
        justify-content: space-between;
        align-items: center;
    }
    .thankYou .register-tab-content {
        padding: 0px;
        margin-top: 50px;
    }
    .thankYou .register-tab-inner {
        padding: 80px 20px 45px 20px;
    }
    .thankYou .register-tab-inner .feel-free {
        text-align: center;
    }
    .thankYou .register-tabs {
        display: none;
    }
    .thankYou .register-tab-note {
        padding: 30px 20px;
    }
    .thankYou .register-tab-inner .header {
        padding: 0px 0px 10px 0px;
    }
    .datepicker{
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        height: 100%;
        width: 100%;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background-color: rgb(0 0 0 / 17%);
    }
    .datepicker::before, .datepicker::after{
        display: none
    }
    .datepicker> div{
        background-color: #fff;
        padding: 5px;
        border-radius: 5px;
    }
    .datepicker table tfoot tr th.clear{
        display: table-cell !important;
    }
    .contact-us .main {
        padding: 50px 0;
    }
    .contact-us .main .img img {
         width: 100%;
    }
    #purchase-propagande .propagande{
        margin-left: 0px;
    }
    #purchase-propagande{
        background-size: cover;
        padding: 25px;
        background-repeat: no-repeat;
    }
    #purchase-propagande .title{
        font-size: 20px;
        max-width: 90%;
    }
    .about-us .main {
        padding: 60px 10px;
    }
    .about-us .box .first-section {
        padding: 25px;
    }
    .about-us .box .second-section {
        padding: 40px 0px;
        flex-direction: column;
    }
    .about-us .box .third-section {
        padding: 25px;
    }
    .about-us .box .section-item {
        flex-direction: column;
        padding: 25px;
    }
    .about-us .box p {
        max-width: 90%;
    }
    .maut-slovenia iframe{
        width: 100%;
    }
    .maut-slovenia .introduction .introduction-title {
        padding: 50px 0;
    }
    .maut-slovenia .introduction .introduction-list {
        padding: 0 ; 
    }
    .maut-slovenia .introduction .btn {
        margin: 30px 0px 50px;
    }
    .maut-slovenia .toll-payment {
        padding: 50px 25px;
    }
    .maut-slovenia .difference {
        padding: 50px 25px;
    }
    .maut-slovenia .difference .categories {
        flex-wrap: wrap;
    }
    .maut-slovenia .note {
        padding: 50px 20px;
    }
    .maut-slovenia .karawanken {
        padding: 50px 25px;
    }
    .maut-slovenia .description{
       padding: 50px 20px;
    }
    .maut-slovenia .how-much {
        background-color: #E1E7F0;
        padding: 50px 20px;
    }
    .maut-slovenia .without-tolls {
        padding: 50px 20px;
    }
    .maut-slovenia .bypass {
        padding: 50px 20px;
        margin: 0;
    }
    .maut-slovenia .karawanken-info .bypass-tunnel {
        padding: 50px 25px;
    }
    .maut-slovenia .karawanken-info .faq {
        padding: 50px 25px;
    }
    .maut-slovenia .toll-croatia {
        padding: 50px 25px;
    }
    .maut-slovenia .vignette-croatia {
        padding: 50px 20px;
    }
    .maut-slovenia .footer {
        margin: 0;
        padding: 50px 20px;
    }
    .cf1e63.cf0e2J{
        max-width: 500px;
    }
}


@media (max-width: 991px){
    .how-it-works .step:nth-child(2) .stepText{
        padding-left: 20px !important;
    }
    .vignette-tabs{
        padding: 30px 5px 0px;
    }
    .vignette-tabs li{
        width: 25%;
        padding: 0 1px;
    }
    .vignette-tabs .nav-link{
        padding: 10px 5px 15px;
        text-align: center;
        font-size: 14px;
        background-color: rgb(255 255 255 / 26%);
    }
    .vignette-tabs .vignette-tab li{
        width: 100%;
        font-size: 16px !important;
        text-align: center;
    }
    .vignette-tabs .vignette-tab li.title{
        font-weight: bold;
        line-height: 16px;
        margin-top: 5px;

    }
    .vignette-tabs .vignette-tab {
        padding: 0px;
        display: block;
        height: 100%;
    }
    .vignette-tabs .vignette-tab .vignette-type{
        padding: 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: calc(100% - 20px);
    }
    .vignette-tabs .vignette-tab .vignette-type .info .toll-class{
       font-size: 16px;
    }
    .vignette-tabs .vignette-tab .vignette-type .info .class{
        font-size: 14px;
        font-weight: bold;
    }
   
    .whyChooseUs{
        padding-top: 20px;
    }
    .navbarmenu .navbar-collapse .btn{
       display: inline;
        border: 1px solid var(--main-green);
        border-radius: 27px;
        color: white;
        text-decoration: none;
        font-size: 18px;
        padding: 10px 40px;
    }
    .navbarmenu .navbar-collapse .btn:hover{
        color: white;
        background-color: var(--main-green);
        transition: 0.5s;
    }
    .nav-navbar .active::before {
        content: "";
        background-color: none;
        position: absolute;
        left: 0;
        right: 0;
        top:0;
        width: 0;
        height: 0;
    }
    .navbarmenu .nav-item a{
        font-size: 34px;
    }
    .navbar-collapse{
        justify-content: space-evenly;
        align-items: center;
        height: 100vh !important;
    }
    .navbar-light .navbar-nav .nav-link{
        font-size: 34px;
    }
    .navbarmenu .navbar-nav{
        text-align: center;
    }
    .how-it-works .stepText {
        padding: 10px 0px;
        
    }
    .how-it-works .stepName {
         margin-right:0px;
    }
    /* .how-it-works .stepName {
        word-break: break-word;
        max-width: 260px;
    } */
    .personal-details .recommend .recommend-info {
        flex-direction: column;
        align-items: center;
    }
    .personal-details .recommend .recommend-info .recommend-img {
       padding-bottom: 15px;
    }
    .checkout .pricing {
        background-color: #FFF5E2;
        padding: 30px 10px 10px;
    }
    .checkout .vignette {
        padding: 20px 10px 0px 10px;
    }
    .checkout .payment .privacyPolicy {
        padding: 60px 20px 40px 20px;
    }
    .checkout .paymentAgreement {
        margin: 20px;
    }
    .how-it-works .step {
        justify-content: center;
    }
    .how-it-works .stepText {
        max-width: 80%;
    }
    .text2{
        padding: 20px 0px;
    }
    .text3 .pe-0{
        padding-left: 0
    }
    .text3 .p-5{
        padding: 20px 15px !important;
    }
    .text3 .ms-5{
        margin: 0 !important;
    }
    .services li{
        width: 33.333333%;
        margin-bottom: 10px;
    }
    .services li:nth-child(3){
        padding-right: 0
    }
    .services li a h3{
        font-size: 14px;
    }
    .homeblogs{
        padding: 0
    }
} 
/* @media (max-width: 320px){

}

@media (max-width: 767px){
    
    
}   */