/*##################################################################
#	Netbike custom adaptive styles
#	17.03.20
##################################################################*/
/*########################## 4x3 SCREEN (1024 - 1280) ###################*/
@media screen and (min-width: 1000px) and (max-width: 1239px){


}
/*########################## BIG TABLET COMPUTER (720 - 1024) ###################*/
@media screen and (max-width: 999px){
	#header{padding-left:0; padding-right:75px;}
	#header .tablestyle{padding-left:0; padding-right:0;}
	#header .block.logo{width:50px; float:left;}
	#header .block.logo a{background-size: 50px auto;}
	#header .block.title{display:block; float:left; width:auto; padding: 9px 0;}
	#header .block.title p{font-size:10px;  line-height:1.2;} 
	#header .block.title p.head{font-size:12px;}
	#header .block.title .mobile_brake{display:inline!important;}

	#footer .bottom_container{margin-top:0;  flex-direction: column;}
	#footer .bottom_menu ul{    flex-direction: column;}
	#footer .bottom_menu ul li a{padding: 10px 0px;}
	
	h1{font-size:24px;}
	.page-wrapper > h1{padding-left:15px; padding-right:15px;}
	h2{font-size:20px;}
	h3{font-size:16px;}	
	.item-table-exp h2{padding-left:0; padding-right:0;}
	.item-card-tourism h2{padding-left:15px; padding-right:15px; padding-bottom:0;}
	.item-card-tourism h3{padding-left:15px; padding-right:15px; padding-bottom:5px;}
	
	#mobile_menu .block.other{
		text-align:center; padding: 20px;
	}

	.container{padding: 0 15px;}
	.container.item-card{padding: 0;}

	.item-table-exp .block-wrapper{display:block; padding:10px; position:relative;}
	.item-table-exp .block{display:block; height:auto;}
	.item-table-exp .block-title{width:auto;}
	.item-table-exp .block-arrow{display:none;}
	.item-table-exp .block-logo{position:absolute; width:30px; height:30px; right:10px;}

	.item-table-exp .block .title{font-size:16px; padding-bottom:12px; line-height:1.25em; padding-right:40px;}
	.item-table-exp .block-period .info{font-size:12px; float:none; margin-bottom:5px;}
	.item-table-exp .block-period .info-town{ margin-right:100%; white-space:pre;}
	/**/
	.block-banner .body p.head{font-size:22px;}
	.block-banner .image{display:block;}
	.block-banner div.image img{max-width:initial; float:right;}
	.container.block-banner{padding: 0;}
	.block-wrapper {
		padding: 15px;
	}
	.item-card-news .block-wrapper{padding: 7.5px 15px;}
	.item-card.item-card-news .title{font-size:18px;}
	.item-card.item-card-news .description{font-size:16px;}
	/**/
	.block-banner.banner-top .img{display:block;}
    .block-banner .body {
        padding: 10px;
        font-size: 13px;
        position: absolute;
        display: table;
        background: transparent;
        color: #fff;
        border: none;
        border-radius: 0;
    }	
	.block-banner.banner-top.nopadding{padding:20px 0 0;}
	.block-banner.banner-top .block-wrapper{padding:0;}
	.block-banner.banner-top .body p{font-size:14px; text-shadow: #000 1px 0 6px;}	
	.block-banner.banner-top .body p.head{font-size:20px; font-weight:600;}

	.block-banner.banner-top .button-container{
		width:auto; float:none; text-align:center;
	}	
    .block-banner div.button-container .button {
        border-color: #fff;
        color: #fff;
    }
    .block-banner div.button-container .button:hover {
        border-color: #fff;
        color: #000;
        background-color: #fff;
    }	
		.block-banner .block {
		display: table-cell;
		vertical-align: middle;
	}
	.block-banner.banner-top .img{background-position: 43% 0; }
	/**/
	
	/**/
	.button-maps .markers-container {display:block; float:none; height:auto; margin-bottom:8px;}	
	.button-maps a.maps{width:auto; font-size:18px!important; height:50px; line-height:1; padding: 0 15px; float:left;}
	.button-maps a.maps span.descr{font-size:12px;}
	.button-maps a.maps img{padding-right:5px;}
	
	.button-wrapper-map a.button-rasp{width:auto; font-size:18px!important; height:50px; line-height:1; padding: 0 15px; float:left; margin-bottom:10px;}
	.button-wrapper-map a.button-rasp span.descr{font-size:12px;}
	.button-wrapper-map a.button-rasp img{padding-right:5px;}	
	.button-wrapper-map {display:block; float:none; clear:both;}
	
	.block-period .info{float:left; margin-bottom:2px;}
	.button-maps a.maps.star{width:50px; float:left; margin-right:15px; margin-left:0;}
	/* карточки мест */
	.item-places .content .body{padding:10px;}
	.item-places .content .title{font-size:18px;}	
	.item-places .content .description{font-size:15px;}
	/* справочник остановочных пунктов */	
	h1.stations{font-size:22px;}
	h2.stations{font-size:22px;}
	.now_str{font-size:18px;}
	.block3-serv .block-wrapper{padding: 7.5px 0;}
	.block3-serv .content{height:auto;}
	.block3-serv .content p.img{width:30px; background-size: 100% auto;}
	.block3-serv .content p.descr{font-size:12px;}
	.block3-serv .content p{ height:30px;}
	
	div.content.map{margin-left:0!important; margin-right:0!important; padding-left:0; padding-right:0;}
	/** таблица рейсов **/
	.shedule-table-wrapper .row-wrapper{
		box-shadow:none;
		margin-bottom:0;
		padding:0;
	}
	.shedule-table-wrapper .row-wrapper:nth-child(odd){
		background-color:#f1f1f1;
	}
	
	.shedule-table-wrapper .row{
		display:block;
		padding: 10px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	
		
	.shedule-table h1{font-size:16px;}
	.shedule-table2 .shedule-table-wrapper .c1{width:auto;}
	.shedule-table2 .shedule-table-wrapper .c2{width:auto;  border-right:none; flex-basis: 140px;}
	.shedule-table2 .shedule-table-wrapper .c3{border-right:none; width:auto; border-left:1px solid #D3D3D3}
	.shedule-table2 .shedule-table-wrapper .c3 span{display:none;}
	.shedule-table2 .shedule-table-wrapper .c4{display:block; margin-top:15px; order:1;}	
	.shedule-table-wrapper p.time{font-size:16px;}
	.shedule-table-wrapper p.duration{font-size:14px;     background-position: 100% 100%;}
	.shedule-table-wrapper p.train{font-size:16px;}
	.shedule-table-wrapper .cell{height:auto; font-size:14px; padding: 0 10px; display:block;}
	.shedule-table-wrapper{
		margin-left:-15px; margin-right:-15px;
	}	
	.shedule-table-wrapper p{margin-left:15px; margin-right:15px;} 
	
	.tablo-table2 .c22{width: 100%;}
	.shedule-table-wrapper .cell{border-right:none;}

	/** форма расписаний **/
	.shedule-form{padding:5px;}
	div.shedule-form div.block{display:block;}
	div.shedule-form label > input{
		height:40px;
		border:solid 1px #ccc;
	}	
	/** фикс формы расписаний **/
	div.shedule-form .invbutton{
		position:absolute; 
		right:15px;
		top:39px;
		width:30px;
		height:30px;
		background-color:#fff;
		border:solid 1px #ccc;
		z-index:8999;
	}
	div.shedule-form .invbutton img{
		width:16px; padding-top:4px;
	}
	
	div.shedule-form .inverse_stations{
		position:static;
	}
	div.shedule-form .to{position:relative; top:-1px;}
	div.shedule-form .date{
		width:100%!important;
		margin-top:15px;
		vertical-align:middle;
		line-height:40px;
		padding:8px 5px;
	}
	div.shedule-form input[type='submit']{
		margin-top:15px;
		height:40px;
		line-height:40px;
		padding: 0 10px;
	}
	.shedule-form.shedule-form-internal{
		border:none;
		margin-bottom:none;
	}
	.shedule-form.shedule-form-internal{
		padding:15px; position:relative;
	}	
	/** фикс фильтров в справочнике **/
	.helper-form #station, .helper-form #helper_region, .helper-form #helper_district{
		margin: 0 auto 15px;
		float:none; 
		display:block;
		width:100%;
	}
	.helper-form #helper_district{
		margin-bottom:0;
	}
	.fa.close-district-button{
		position: absolute;
		right: 20px;
		bottom: 0;
		z-index:8999;
		left:auto;
	}
	/** таблица рейсов **/
	.shedule-table-wrapper .row-wrapper{
		box-shadow:none;
		margin-bottom:0;
	}
	.shedule-table-wrapper .row-wrapper:nth-child(odd){
		background-color:#f1f1f1;
	}
	
	.shedule-table-wrapper .row{
		display:block;
		padding: 15px 0;
		
		    display: flex;
			    flex-wrap: wrap;
				justify-content: space-between;
	}
	.shedule-table h1{font-size:16px;}
	.shedule-table2 .shedule-table-wrapper .c1{width:auto;}
	.shedule-table2 .shedule-table-wrapper .c2{width:auto;  border-right:none; flex-basis: 140px;}
	.shedule-table2 .shedule-table-wrapper .c3{border-right:none; width:auto; border-left:1px solid #D3D3D3}
	.shedule-table2 .shedule-table-wrapper .c3 span{display:none;}
	.shedule-table2 .shedule-table-wrapper .c4{display:block; margin-top:15px; order:1;}
	.shedule-table-wrapper p.time{font-size:16px;}
	.shedule-table-wrapper p.duration{font-size:14px;     background-position: 100% 100%;}
	.shedule-table-wrapper p.train{font-size:16px;}
	.shedule-table-wrapper .cell{height:auto; font-size:14px; padding: 0 10px; display:block;}
	.shedule-table-wrapper{
		margin-left:-15px; margin-right:-15px;
	}
	.print-hide{display:none;}		
	/** таблица станций потроха рейса **/
	.thread-table2{padding:0;}
	
	.thread-table2 .shedule-table-wrapper .cell{
		height:auto; width:auto;order:1; flex-basis:auto; border:none;
	}
	.thread-table2 .shedule-table-wrapper  .c1{
		order:0; width:100%;
		margin-bottom:15px;
	}
	.thread-table2 .shedule-table-wrapper  .c3{
		padding-bottom:0;
	}
	.thread-table2 .shedule-table-wrapper  .c4{
		margin-top:0;
	}
	.thread-table2 .shedule-table-wrapper p.stop{font-size:16px; line-height:1;}
	/** таблица станций потроха рейса **/
	
	.shedule-table-wrapper .c10{display:none;}
	.shedule-table-wrapper .c14{display:none;}
	.shedule-table-wrapper .c12{order:0; width:100%;}
	.shedule-table-wrapper .c12  p.duration{background-position: 50% 100%;}
	.shedule-table-wrapper .c11{order:1; width:auto;  border:none;}
	.shedule-table-wrapper .c13{order:1;  width:auto; border:none;}
	
	.shedule-table-wrapper .c11 p.station, .shedule-table-wrapper .c13 p.station{font-size:16px; padding-top:10px;}


	h1.stations{font-size:24px;}
	h2.stations{font-size:20px; margin-top:15px!important;}
	.now_str{font-size:16px;}
/**/
	.tablo-table2 .c22{order:1; width:100%; text-align:left;}	
	
	
	.regions-select-container{padding:15px;}
.regions-select-container a.button.button-light:link, .regions-select-container a.button.button-light:visited, .regions-select-container a.button.button-light:focus{
	margin-right:7px;
	margin-bottom:12px;
	border-radius:15px;
	padding: 0 10px;
	font-size:9px;
	line-height:24px;
}	
}
/*########################## BIG TABLET COMPUTER (480 - 720) ###################*/
@media screen and (max-width: 719px){


}
/*########################## SMARTPHONE (<480) ##############################*/
@media screen and (max-width: 479px){


}

@media screen and (max-width: 390px){
	#header .block.title p.head{font-size:10px;}
	#header .block.logo{padding: 0 5px;}
	.shedule-table h1{font-size:16px;}
/*	
	.shedule-table2 .shedule-table-wrapper .c1{width:auto;}
	.shedule-table2 .shedule-table-wrapper .c2{width:auto;  border-right:none; flex-basis: 140px;}
	.shedule-table2 .shedule-table-wrapper .c3{border-right:none; width:auto;}
	.shedule-table2 .shedule-table-wrapper .c3 span{display:none;}
	.shedule-table2 .shedule-table-wrapper .c4{display:block; margin-top:15px; order:1;}
*/
	.shedule-table-wrapper p.time{font-size:16px;}
	.shedule-table-wrapper p.duration{font-size:13px;     background-position: 100% 100%;}
	.shedule-table-wrapper p.train{font-size:12px;}
	.shedule-table-wrapper .cell{height:auto; font-size:12px; padding: 0 10px;}
}