@media all and (max-width: 1024px),
only screen and (max-width: 1024px){

	.grid-01, .grid-02 { width: 25%; }
	.grid-03, .grid-04 { width: 50%; }
	.grid-06, .grid-08 { width: 100%; }
	.grid-09, .grid-12 { width: 100%; }

	/*.buss{
		display: block;
	}*/

	/*.travel-buss {
		float: none;
	}*/

	/*.grid-06 .travel-buss, .grid-06 .panel-left {
		float: none;
		width: 100%;
	}

	.grid-06 .travel-list, .grid-06 .panel-right {
		overflow: visible;
		margin-top: 10px !important;
	}	*/

	.grid-06 .buss-recue-left{
		padding-left: 0;
		padding-top: 0.5em;
	}
	.grid-06 .buss-recue-right{
		padding-right: 0;
		padding-bottom: 0.5em;
	}

	.vazio-escoder{ display: none !important;}

	
	.panel-content .panel-menu.large a{ float: none; }

	header .version > span {
		position: relative;
	}
}

@media all and (max-width: 640px),
only screen and (max-width: 640px){

	.grid-01, .grid-02 { width: 100%; }
	.grid-03, .grid-04 { width: 100%; }
	.grid-06, .grid-08 { width: 100%; }
	.grid-09, .grid-12 { width: 100%; }

	/*.travel-buss, .panel-left {
		float: none;
		width: 100%;
	}

	.travel-list, .panel-right {
		overflow: visible;
		margin-top: 10px !important;
	}*/

	header .version {
		font-size: 28px;
	}
	.vazio-escoder{ display: none !important;}

	.size-02{ width: 100%; }
	.size-03{ width: 100%; }
	.wd-20{ width: 100%; }

	.panel-content ul > li{ float: none; }
	.panel-content ul > li{ width: 100%; }
	.panel-content .panel-menu a{ float: none; }

	/*.panel-filter, .panel-filter-button{
		width: 100% !important;
	}*/

	.form-field.spacer{
		display: none;
	}

}