@media screen and (max-width: 1300px) {
.bottom-banners img{width:140%;}
}

@media screen and (max-width: 1000px) {



}
/* for 768px or less */
@media screen and (max-width: 768px) {
html.no-scroll, html.no-scroll body{
    /* disable scrollbar on both x and y axis */
    overflow: hidden;

    /* disable scrollbar on x-axis only */
    overflow-x: hidden;

    /* disable scrollbar on y-axis only */
    overflow-y: hidden;

    /* disable scroll */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#cont,
#cont-no-right-side,
#cont-no-side,
#header,
#body,
.front-banner-image .banner-text,
.review,
.info-article,
.info-icons,
#footer,
#footer-content,
div.col-50,
.station-form-container,
.routes-list .row-body .banner{width:100%;padding:0;}

#cont{min-width:100%;}
#body{padding:20px;box-sizing:border-box;}

#content{width:70%;float:left;}
#right{width:30%;padding: 40px 0 40px 10px;float:right;box-sizing:border-box;}

#content{width:100%;padding:0px;box-sizing:border-box;}
#right{display:none;}

.google-search{display:none;}

#header{height:auto;}
.lang{line-height:72px;}
.lang a{font-size:160%;}
.menu-tab{display:block;}
.menu{position:relative;top:0;left:0;right:auto;width:100%;margin-bottom:20px;}
.menu:after{content:"";height:0;float:none;display:block;}
.menu ul{float:none;width:100%;padding:0;background:#242528;}
.menu ul li{display:block;float:none;}
.menu ul li a{color:#fff;}

.menu ul li ul.submenu{position:relative;left:0;top:0;padding:0;border:none;}
.menu ul li ul.submenu li{border:none;background:#404043;box-sizing:border-box;padding-left:30px;background-image:url(/images/layout/sprite.png);background-repeat:no-repeat;background-position:-358px -75px;}
.menu ul li ul.submenu li a{text-transform: none;font-weight:500;}

#footer{padding:20px;text-align:center;}
#footer div{padding:10px;display:block;}
#footer span.divider{display:none;}


.ticket-list-station-form .station-form .from-station, .ticket-list-station-form .station-form .to-station,
.ticket-list-station-form .station-form .submit-button,
.ticket-list-station-form .station-form .switchstations{width:100%;margin:10px 0;}

.review{padding:20px;box-sizing:border-box;}

.message .message-content{width:100%;}

.col-50:nth-child(odd) {clear:both;padding:0;}
.col-50:nth-child(even){clear:both;padding:0;}




ul.ticket-list li.ticket-list-item{width:100%;margin:0;}

.info-article,.info-icons{padding:20px;box-sizing:border-box;}

.large-label {
    padding: 20px 0 0 0;
    text-transform: uppercase;
    width:100%;
    font-size:24px;
    text-align:center;
}
.station-search .station-form-container{padding:10px 10px 20px 10px;box-sizing:border-box;}
.station-search .station-form .submit-button{display:none;}
.station-search .station-letters{width:100%;padding:20px 0;text-align:center;box-sizing:border-box;}
.station-search .station-letters a{font-size:16px;padding:8px 10px;}
.station-search .to-station{width:100%;float:right;margin:0;}





.routes-list .item .row{padding:10px 0;}

.routes-list .col-number,
.routes-list .col-route,
.routes-list .col-in-route{display:none;}
.routes-list .online-route-details .route-descr-popup-stations,
.routes-list .online-route-details .mapcontainer{background:#fff;display:none;z-index:98;position:fixed;left:0;top:0px;padding-top:40px;box-sizing:border-box;width:100%;height:100%;}
.routes-list .online-route-details .route-descr-popup-stations{overflow-y: scroll;}
.gm-style-iw div{width:100%;}

.routes-list .rowh .col-time{text-align:left;}
.routes-list .row-body .col-time{text-align:left;font-weight:bold;}

.station-form .to-station,
.station-form .from-station,
.station-form .route-date{float:none;width:94%;margin:10px 3%;}

.station-form .switchstations {float:none;display:block;margin:0 auto;text-align:center;}
.station-form .switchstations a{margin:0;display:inline-block;}

.station-form .submit-button{width:94%;margin:10px 3%;float:none;}
.station-form .submit-button a.btn{margin:10px 0;}

.routes-list .rowh .row,.routes-list .item .row{width:100%;}

.routes-list .col-time,
.routes-list .row-body .col-time{width:21%;padding:8px 2px;font-size:15px;box-sizing:border-box;}
.routes-list .col-ticket-price{width:25%;padding:8px 2px;font-size:15px;box-sizing:border-box;}
.routes-list .col-buy{width:25%;box-sizing:border-box;}
.routes-list .col-info{width:25%;display:inline-block;box-sizing:border-box;}
.routes-list .col-arrow{display:inline-block;}

.routes-list .online-route-details .mobile-details{display:block;}

.info-icons h2{float:none;position:relative;}
.info-icons ul{width:100%;display:block;}
.info-icons ul li{width:100%;float:none;margin:15px 0;}

.bottom-banners img{width:190%;}

.header-warning-message{padding:10px 70px;font-size:16px;}
.header-warning-icon{left:10px;}
.header-warning-close{right:10px;}


#modal-content{width:100%;padding:80px 10px 0 10px;background:#FFFFFF;box-sizing:border-box;}
.modal-close{right:5px;top:18px;}
.modal-header{padding:5px;min-height:54px; display: table; }
.modal-header h1 {font-size:18px;line-height:22px;padding-right:140px; display: table-cell;height:100%;vertical-align:middle; }
.modal-header h1 span{}
.modal-header .select-day-return{right:50px;}
.modal-header .select-day-return .select-day-return-tab{display:block;z-index:999;}
.modal-header .select-day-return .select-day-return-btn{display:none;position:absolute;top:30px;right:0;}
.modal-header .select-day-return .select-day-return-btn .btn{float:none;display:block;margin:5px 0;white-space: nowrap; }

.steps{margin-top:-15px;right:30px;}
.steps div{width:30px;height:30px;font-size:18px;line-height:30px;}

.modal-selected-tickets{padding:0;box-sizing:border-box;background:#FFFFFF;}
.modal-selected-tickets table{min-width:100%;width:100%;}
.modal-selected-tickets table thead th{padding:5px 1px;font-size:11px;}
.modal-selected-tickets table tbody td{padding:5px 1px;}
.modal-selected-tickets table tfoot td{padding:5px 1px;}
.modal-selected-tickets table tbody td.ticket-label{width: 70px;}
.modal-selected-tickets table tbody td .ticket-label {width: 70px;height: 70px;}
.modal-selected-tickets table tbody td .ticket-label .zone-label{font-size:13px;}
.modal-selected-tickets table tbody td .ticket-label .zone-label span{font-size:11px;}
.modal-selected-tickets table tbody td .ticket-label .zone-label .zone-to-zone{display:none;}

.modal-selected-tickets table tbody td.ticket-info{font-size:11px;}
.modal-selected-tickets table tbody td.ticket-info span{font-size:13px;}

.modal-selected-tickets table tbody td.price{font-size:13px;}

.modal-selected-tickets table tbody td .ticket-count-minus,
.modal-selected-tickets table tbody td .ticket-count,
.modal-selected-tickets table tbody td .ticket-count-plus,
.modal-selected-tickets table tbody td .ticket-count input{display:block;top:0;margin:0 auto;}

.modal-selected-tickets table tbody td .ticket-count-flat{display:none;}

.modal-selected-tickets table tfoot td.total-sum span,
.modal-selected-tickets table tfoot td.total-sum span span{font-size:13px;}
.modal-selected-tickets table tfoot td .continue-shopping{font-size:11px;padding:4px 42px 4px 12px}
.modal-selected-tickets table tfoot td #paymentselect{background:#c3151d;padding:4px 12px 4px 12px}

.modal-route-list .routes-list .rowh{display:none;}
.modal-route-list .routes-list .item .row{width:100%;}
.modal-route-list .routes-list .col-arrow{display:none;}
.modal-route-list .routes-list .col-select-back-ticket{float:right;}
.modal-route-list .routes-list .col-info{display:none;}

.form-container {
    padding: 5px 10px 5px 10px;
    min-width: 100%;
    width: 100%;
    box-sizing: border-box;
    clear: both;
}
.form-container .payment-options .paypemt-option-item{padding:20px 10px;}


.modal-ticket-types{min-width:100%;padding:10px 0;}
.modal-ticket-types .ticket-type-count li{width:100%;box-sizing:border-box;}
.modal-ticket-types .ticket-type-count li.ticket-count-li{display:none;}
.modal-ticket-types .ticket-type{padding:15px 10px 15px 10px;width:auto;margin:0;}
.modal-ticket-types .ticket-type .label{display:none;}

.payment-completed{padding:5px;}
.payment-completed .payment-completed-header{width:100%;box-sizing:border-box;}
.payment-completed .payment-completed-header .payment-fail-info,
.payment-completed .payment-completed-header .payment-completed-info{width:100%;box-sizing:border-box;float:none;}
.payment-completed .payment-completed-header .payment-completed-image{display:none;}

.payment-completed .payment-completed-options .payment-fail{text-align:center;}
.payment-completed .payment-completed-options .payment-fail a.btn{margin:0;}

a.btn {font-size: 12px;padding: 4px 42px 4px 12px;}


.modal-selected-tickets .modal-selected-tickets-desktop{display:none;}
.modal-selected-tickets .modal-selected-tickets-mobile{display:block;}

#footer-content .footer-col-33 .desktop-view{display:block;}

}

/* for 640px or less */
@media screen and (max-width: 640px) {
#footer-content .footer-col-33,#footer-content .footer-logo{width:100%;float:none;padding-bottom:20px;text-align:center;}
}

/* for 480px or less */
@media screen and (max-width: 480px) {



.route-list-form-small,
.google_map_large .route-list-form-small{position:relative;left:0;top:0;width:100%;border-radius:0;box-sizing:border-box;}
.front-banner-image .banner-text,
.front-banner-image,
.front-banners-container{height:200px;}
.front-banner-image .banner-text .banner-text-content{left:0px;bottom:10px;padding:20px;box-sizing:border-box;}
.front-banner-image{background-repeat: no-repeat;background-size: cover;}

#google_map{height:400px;}

.bottom-banners div.banner{width:100%;float:none;}

.front-news-list{padding:0px;box-sizing:border-box;}
.front-news-list ul li,
.front-news-list ul li.list-seperate{width:100%;max-width:100%;padding:0 0 20px 0;display:block;}
.front-news-list ul li a{font-size:160%;}

.route-changes ul li {padding: 2px 0 8px 40px;}

.news ul li {
    width:100%;
    padding: 0px;
    margin-bottom: 20px;
    float: none;
    box-sizing:border-box;
    display:block;
}
.news ul li:first-child,.news ul li:nth-child(4n){padding:0px;}

.formatedtext{}
.formatedtext a.btn.fr{margin:10px;}
.formatedtext table.tender-list tr td a{padding:8px 4px;}

.bottom-banners .banner-descr{font-size:100%;}
.bottom-banners .banner-descr h2{font-size:160%;}
.bottom-banners .banner-descr h1{font-size:200%;}
.bottom-banners .banner-descr a{font-size:100%;}
.bottom-banners img{width:170%;}

}

/* for 320px or less */
@media screen and (max-width: 320px) {

}