@media screen and (max-width: 1791px){
    .modalPopup{
    width: 60%;
    }
    }
@media screen and (max-width: 1491px){
    .modalPopup{
    width: 65%;
    }
    .feedback-video{
        max-width: 700px;
        height: auto;
    }
    }
    @media screen and (max-width: 1391px){
    .feedback-video{
        max-width: 650px;
         height: auto;
    }
    .feedback-title{
        font-size: 38px;
    } 
    .phone-number{
        font-size: 44px;
    }  
    }
@media screen and (max-width: 1366px){
.users_rules_items{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.modalPopup{
width: 70%;
}
    /*qr-transport_start*/
.qr_main{
    width: 1300px;
}
.qr_intro_wrapper{
  padding: 40px 200px;
} 

.img_qr{
    max-width: 80%;
    height: auto;
}   
.point_number{
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
}
.point_tittle{
    font-size: 20px;
}
.point_text{
    font-size: 16px;
}
    /*qr-transport_end*/ 
}
/*Index start*/
@media screen and (max-width: 1320px) {
    .feedback-video{
        max-width: 650px;
         height: auto;
    }
    
.payment_methods_description {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    margin: 30px auto 50px;
}

.payment_methods_description-item {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 40px 20px 20px;
    margin: 20px 0 0 0;
}
.payment_methods_description-2item{
    margin: 20px 0 0 0;
}
.pmd_item {
    max-width: 100%;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.pmd_marg{
    margin: 20px 0 0 0;
}
.pmd{
    margin: 0;
    padding-bottom: 15px;
}
.pmd_item{
    padding: 20px 40px 20px 20px;
}
.pmd_text{
    text-align: justify;
    margin: 0;
}
.pmd_text1{
    text-align: justify;
    padding-right: 0px;
}
.pmd_img1{
    margin: 20px 40px;
}
.pmd_img{
    margin: 20px 40px;
}
.pmd_uco_img{
    margin: 20px 40px;
}
.vtc_text{
    text-align: justify;
}
.type_of_cards_main-item{
    margin: 0 10px;
}
.footer_nav{
    display: none;
}
.footer_ofrt{
    max-width: 40vw;
}
.modalPopup{
    width: 75%;
}
/*Index end*/
/*about company styles start*/
.company_items{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-bottom: 30px;
}
.tab_item{
    padding-right: 20px;
}
.company_charts{
    display: none;
}
.company_ditails{
    min-width: 100%;
}
.company_stage_text{
min-width: 100%;
}
.req{
    max-width: 39vw;
    margin-right: 20px;
}
.shareholders{
    max-width: 56vw;
}
.doc_item{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
/*about company styles end*/
/*types of cards start*/
.spec{
    display: none;
}
/*types of cards end*/
/*type of card start*/
.trcard_description{
    max-width: 1024px;
}
.connect{
    max-width: 1024px;
}
.line{
    margin: 0 10px;
}
.routes_description{
    max-width: 1024px;

}
.mo_item{
    width: 33%;
    font-size: 20px;
    padding: 0 20px 0 0px;
}
.buss{
    width: 22%;
}
.troll{
    width: 21%;    
}
.tram{
    width: 24%;  
}
.mo_item_routes{
    font-size: 20px;
    padding: 10px 20px;
}
.how_to_pay_item{
    padding: 10px;
}
.how_to_pay_stage{
    padding: 5px;
}
.how_to_pay_stage_text{
    font-size: 12px;
    padding-top: 10px;
}
/*type of card end*/
/*users start*/
.map{
    min-width: 1024px;
}
.partners_items{
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.partners_item{
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 30px;
}
.partners_item_corp{
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 30px;
}
.partners_description{
    min-width: 94vw;
    padding: 0;
}
.dop{
    margin: 30px 0 0 0 ;
}
.modal {
    width: 70%;
}
.marg{
    margin-bottom: 0;
}
/*users end*/
.partner{
    margin-bottom: 20px;
}
    /*qr-transport_start*/
.qr_main{
    width: 1200px;
}
.qr_intro_wrapper{
    padding: 40px 200px;
}  
.img_qr{
    max-width: 70%;
    height: auto;
}   
.point_number{
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
}
.point_tittle{
    font-size: 20px;
    }
.point_text{
    font-size: 16px;
}
.point_one{
    padding: 25px 30px;
}     
    /*qr-transport_end*/ 
.small_card_adpt{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}      
.small_card_tittle{
    margin-top: 0;
}
.small_card_text{
    text-align: left;
}
/*новая секция где можно оплатить проезд*/
.where_can_pay{
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.small_benefits{
    display: none;
}
.where_can_pay-pic{
    max-width: 100%;
}
.where_can_pay-item{
    max-width: 500px;
}
.where_can_pay-tittle{
    font-size: 32px;
    max-width: 400px;
}
.where_can_pay-subtittle{
    max-width: 450px;
}
/*новая секция где можно оплатить проезд*/

}
@media screen and (max-width: 1250px) {
    .phone-number{
        font-size: 34px;
    } 
    .feedback-title{
        font-size: 38px;
    } 
}
@media screen and (max-width: 1192px) {
    .feedback_wrapper{
    max-width: 1000px;
    height: auto;
    }
.feedback_items{
    width:100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.feedback-video{
    width: 1000px;
    height: auto;
}
.feedback_item{
    max-width: 650px;
    margin-top: 30px;
    margin-right: 0;
}
.feedback-title{
    font-size: 38px;
}
.phone-number{
    font-size: 34px;
    }  
.modalPopup{
    width: 80%;
}
.stk_marg{
    margin-top: 40px;
}
.header{
height: 70px;
}
.header_wrapper{
padding: 10px 0;
}
.header_burger{
    display: block;
  }
  .header_nav{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: white;
    z-index: 10;
    padding: 75px;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: .5s all linear;
    -o-transition: .5s all linear;
    transition: .5s all linear;
  }
  .btn-3 {
    max-width: 200px;
    font-size: 18px;
    padding: 17px 32px;
    margin-top: 30px;
    border-radius: 50px;
    }
  .header_nav_active{
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }
  .header_item{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .header_link{
    font-size: 18px;
    line-height: 22px;
  }
.header_right_wrapper{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.burger_line_first{
    width: 50%;
    left: 0;
}
.burger_line_third{
    width: 50%;
    margin-left: 20px;
}
  .header_nav-close{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 11;
  }
  .header_nav-close-line{
    display: block;
    width: 100%;
    height: 3px;
    background-color: rgba(38, 38, 38, 1);
    position: absolute;
    top: 50%;
    
  }
  .header_nav-close-line:first-child{
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  .header_nav-close-line:last-child{
    -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
  }
  .payment_methods{
    display: block;
    width: 100%;
    height: auto;
    padding: 0 20px;
}
.payment_methods_description{
    display: block;
    width: 100%;
    height: auto;
}
.vtc_wr{
    display: inline-block;
    width: 100%;
    height: 50%;
}
  .buss{
    background: none;
  }
  .troll{
    background: none;
  }
  .tram{
    background: none;
  }
    /*qr-transport_start*/
    .qr_main{
        width: 1000px;
    }
    .qr_intro_wrapper{
      padding: 40px 100px;
    }  
    .img_qr{
        max-width: 80%;
        height: auto;
    }   
    .point_number{
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
    }
    .point_tittle{
        font-size: 20px;
    }
    .point_text{
        font-size: 16px;
    }
    .point_one{
        padding: 25px 70px;
    }
    .how_it_work_qr {
        max-width: 690px;
    }  
    .qr_how_it_work{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .how_it_work_qr-item{
        margin-bottom: 15px;
    }
    .carrier_text{
        font-size: 18px;
    }
    .opportunities_text{
        font-size: 18px;
    }
    /*qr-transport_end*/  
    .point_route{
        margin-top: 15px;
    }  
}
@media screen and (max-width: 1122px) {
.modalPopup{
    width: 85%;
}
.stk_marg{
    margin-top: 40px;
}
.map{
    min-width: 1000px;
}
.point_route{
    margin-top: 15px;
} 
}
@media screen and (max-width: 1052px) {
.modalPopup{
    width: 90%;
}
h4{
    font-size: 22px;
}
.intro_tittle_text{
    padding-right: 50px;
}
.payment_methods_description {
    width: 80%;
}
.how_it_work_description{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
}
.description_item{
    max-width: 100%;
    margin-bottom: 30px;
}
.stk_marg{
    margin-top: 50px;
}
.bay_and_pay{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}
.connect{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
}
.connect_item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    min-width: 20%;
}
.line{
    width: 100%;
    height: 2px;
    margin: 20px 0;
}
.map{
    min-width: 900px;
}
/*qr-transport_start*/
.qr_main{
    width: 900px;
}
.qr_intro_wrapper{
    padding: 40px 40px;
  } 
.opportunities_app-items{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
/*qr-transport_end*/ 
}
@media screen and (max-width: 992px) {
.modalPopup{
    width: 90%;
}
h4{
    font-size: 16px;
}
.modal_main_text{
    font-size: 12px;
}
.header_link{
    font-size: 18px;
    line-height: 22px;
}
.btn-3{
    font-size: 18px;
    padding: 17px 32px; 
}
.intro_tittle{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
h1{
    font-size: 30px;
    line-height: 29px;
}
.intro_tittle_p{
    font-size: 12px;
}
.etk{
    max-width: 70%;
}
.intro_tittle_text{
    padding: 0 25px 0 60px;
}
.type_of_cards_main-back{
    display: none;
}
.type_of_cards_main-items{
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.type_of_cards_main-item{
    margin-bottom: 40px;
    padding: 40px 10px;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
}
.how_it_work_description{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.description_item{
    max-width: 80%;
}
.how_to_pay{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
.indicators{
    display: none;
}
.stk_marg{
    margin-top: 20px;
}
.triangle{
    display: none;
}
.map{
    min-width: 800px;
}
/*qr-transport_start*/
.qr_main{
    width: 800px;
}
.qr_intro_wrapper{
    padding: 40px 40px;
} 
.carrier_text{
width: 210px;
}
.point_route{
    margin-top: 15px;
}  
.opportunities_app-items{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
/*qr-transport_end*/ 
/*новая секция где можно оплатить проезд*/
.where_can_pay{
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.small_benefits{
    display: none;
}
.where_can_pay-pic{
    max-width: 100%;
}
.where_can_pay-item{
    max-width: 500px;
}
.where_can_pay-tittle{
    font-size: 32   px;
    max-width: 500px;
    padding-top: 20px;
}
.where_can_pay-subtittle{
    max-width: 500px;
}
/*новая секция где можно оплатить проезд*/
}
@media screen and (max-width: 868px) {
.main_my_card{
display: none;
}
.my_card{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.my_card_description{
    padding: 30px 0 0 0;
}
.mc{
    margin-top: 30px;
}
.tkcard_wrapper{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 147px auto 0;
}
.tkcard_pic {
    margin:0;
    border-radius: 15px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.tkcard_info_wrapper {
    border-radius: 30px;
    padding:130px 50px 20px;
    margin-bottom: 100px;
    margin-top: -100px;
}
.stk_marg{
    margin-top: 60px;
}
.map{
    min-width: 700px;
}
}
@media screen and (max-width: 769px) {
.feedback-video{
    max-width: 550px;
    height: auto;
}
.feedback_item{
    max-width: 550px;
}
.modalPopup{
    width: 95%;
}
h4{
    font-size: 16px;
}
.modal_main_text{
    font-size: 12px;
}
.modal_img{
    display: none;
}
.payment_methods_description {
    width: 90%;
}
.map{
    min-width: 600px;
}
.vtc_wr{
    display: inline-block;
    width: 100%;
    height: 40%;
}
/*qr-transport_start*/
.qr_main{
    width: 700px;
}
.qr_intro_tittle {
    font-size: 45px;
}
/*qr-transport_end*/
}
@media screen and (max-width: 720px){
.feedback-video{
    max-width: 500px;
    height: auto;
    }
.feedback_item{
    max-width: 500px;
}
  /*qr-transport_start*/
.qr_main{
    width: 690px;
}
.payment_for_travel_sity-carrier{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.payment_for_travel_sity{
    margin: 55px 20px 0;
}
.point_route{
    margin-top: 15px;
}
.opportunities_app-item:first-child{
    padding-left: 50px;
}
.opportunities_app-item:last-child{
    padding-right: 50px;
}
/*qr-transport_end*/  
}
@media screen and (max-width: 660px) {
.map{
    min-width: 400px;
}
.qr_main{
    width: 650px;
}
.qr_intro_tittle {
    font-size: 35px;
}
.how_it_work_qr{
    max-width: 60%;
}
.how_it_work_qr-item{
    width: 100%;
}
}
@media screen and (max-width:610px){
    .feedback-video{
        max-width: 450px;
        height: auto;
        }
    .feedback_item{
        max-width: 450px;
    }
.map{
    display: none;
}
/*qr-transport_start*/
.qr_main{
    width: 600px;
}
.point_one{
    padding: 25px 10px;
}
/*qr-transport_end*/
}
@media screen and (max-width: 576px) {
    .feedback-video{
        max-width: 400px;
        height: auto;
        }
    .feedback_item{
        max-width: 400px;
    }
p{
    font-size: 12px;
}
.modalPopup{
    width: 70%;
}
h4{
    font-size: 16px;
}
.modal_main_text{
    font-size: 12px;
}
.modal_img{
    display: none;
}
.header{
    height: 60px;
    }
.header_wrapper{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;

}
.header_logo-pic{
    width: 70%;
}
.header_link{
    font-size:18px;
}
.header_item{
    margin-bottom: 20px;
}
.btn-3{
    font-size: 18px;
    padding: 17px 32px;
}
h1{
    text-align: center;
}
.intro_img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.intro_tittle{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.intro_tittle_text{
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 30px;
}
.intro_tittle_p{
    text-align: center;
}
.payment_methods_description-2item{
    max-height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.pmd_item:last-child{
    margin-top: 20px;
}
.pmd_uco_img{
    display: none;
}
.pmd{
    text-align: left;
}
.pmd_adpt{
    margin-left: 0;
}
.pmd_img{
    display: none;
}
.pmd_img1{
    display: none;
}
.vtc_text{
    padding-left: 0;
}
.vtc_wrapper{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.vtc{
    margin-left: 0;
}
.vtc_mobile{
    padding-left: 0;
}
.footer_ofrt_app{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.vtc_img{
    display: none;
}
.footer_ofrt{
    min-width: 100%;
    margin-top: 30px;
}
.om_mobile_app{
    padding: 0;
}
.company_items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 30px;
}
.requisites{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.req{
min-width: 100%;
margin: auto;
}
.shareholders{
    min-width: 100%;
}
.chart{
    display: none;
}
.point{
    font-size: 14px;
}
.sitelinks{
    display: none;
}
.types_of_cards_items{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 40px 10px;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
}
.types_of_cards_item-tittle{
    text-align: center;
}
.tocc{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.toct{
    font-size: 12px;
}
.description_link{
    font-size: 12px;
}
.types_of_cards_item{
    padding-right: 0;
}
.type_of_cards_main-pic{
    max-width: 300px;
}
.tkcard_info_wrapper {
    border-radius: 30px;
    padding: 120px 10px 10px;
    margin-bottom: 100px;
    margin-top: -100px;
}
.types_of_cards_item-tittle{
    text-align: center;
}
.connect_item{
    min-width: 100%;
}
.how_to_pay_stages{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.how_to_pay_stage {
    background: none;
}
.mo_item{
    font-size: 12px;
    padding-right: 5px;
}
.mo_item_routes{
font-size: 12px;
}
.btn-3{
    font-size: 18px;
    padding: 17px 32px;
}
.modal{
    width: 90%;
}
.modal__title{
    text-align: left;
}
.td1{
    font-size: 12px;
}
td{
    font-size: 12px;
} 
th{
    font-size: 12px;
}  
.rts_link{
    font-size: 12px;
}
.acor-container label{
    font-size: 14px;
} 
.acor-container .acor-body p{
    font-size: 12px;
}
.partners_description_text{
    font-size: 12px;
}
.partners_description{
    min-width: 100%;
    padding: 0;
}
.points_of_sale{
    width: 100%;
}
.routes{
    width: 100%;
}
.how_to_pay_user{
    width: 100%;
}
.stoplist{
    width: 100%;
}
.faq_wrapper{
    width: 100%;
}
.users_rules{
    width: 100%;
}
.acor_tag{
    display: none;
}
.paypoints_table td{
    display:inline-block;
    text-align: center;
    vertical-align: middle;
}
.td1{   
    word-wrap:break-word;
}
.tr1{
    word-wrap:break-word;
}
.carrier{
    display: none;
}
.phone{
    color: #262626;
}
.phone:hover, a:focus, a:active{
    opacity: .9;
    color: #262626;
}
.contacts_link{
    font-size: 12px;
}
/*qr-transport_start*/
.qr_main{
    width: 500px;
}
.qr_intro_tittle{
    display: none;
}
.opportunities_app-items{
    width: 200px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 55px;
}
.qr_intro_wrapper{
    padding: 200px 30px;
}
.qr_intro_img{
    margin: 0;
}
.qr_intro_wrapper{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
/*qr-transport_end*/
}
@media screen and (max-width: 430px){
.qr_main{
    width: 390px;
}
.payment_for_travel_sity{
margin-right: 0;
}
}
@media screen and (max-width: 380px) {
    .feedback-video{
        max-width: 300px;
        height: auto;
        }
    .feedback_item{
        max-width: 300px;
    }
    .feedback_wrapper {
        width: 100%;
        margin: 50px 0;
    }
    .phone-number{
        font-size: 30px;
    }
    .mo_item{
        font-size: 10px;
        line-height: normal;
        padding-right: 5px;
    }
    .mo_item_routes{
    font-size: 10px;
    line-height: normal;
    }
/*qr-transport_start*/
.qr_main{
    width: 370px;
}
.carrier_text {
    width: 300px;
}
.point_one{
    padding: 25px 10px;
}

/*qr-transport_end*/
}
@media (max-width: 900px) {
    .vtk-modal-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      
    }

    /*.modal-image {
      display: flex;
      flex-direction: column;
      align-items: center;
    }*/
    .vtk-modal-image{
      display: none;
    }
    .vtk-modal-image, .vtk-modal-text {
      width: 100%;
      font-size: 10px;
    }

    .vtk-modal-image {
      width: 50%;
    }
    .vtk-modal-text{
        height: 80%;
    }
   

   }

   @media (max-width: 881px) {
    .app-container{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
   }

   @media (max-width: 768px) {
    
    .benefits-list,
    .steps-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .hero-text{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .hero h1 {
      font-size: 50px;
      text-align: center;
    }
  
    .hero p {
      font-size: 16px;
      width: 100%;
    }
  
    .benefits h2,
    .steps h2 {
      font-size: 20px;
    }
    .app {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .app-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  }

  @media (max-width: 380px){
    .app-image img {
        max-width: 320px;
      }
    .app-text h2 {
        max-width: 320px;
        font-size: 40px;
        line-height: 46px;
    }
    .hero h1{
        max-width: 320px;
        font-size: 40px;
        line-height: 46px;
    }
  }