@media (max-width: 899px) {

	#container, #content{
		max-width:100%;
	}

	#container{
		padding-left:15px;
		padding-right:15px;
	}

	.form-block{
		padding-left:15px;
		padding-right:15px;
		padding-bottom:15px;
		width:100%;
		height:auto;
		min-height:150px;
	}

	.form-block.disabled{
			min-height:215px;
	}

	.form-block.yellow .head{
		background-position: bottom center;
	}

	.form-block.violet .head{
		background-position: center -66px;
	}

	.form-block.purple .head{
		background-position: center -132px;
	}

	.text-input.single{
		padding-top:15px;
	}


	#numfooter{
		width:100%;
		left:0px;
	}

	input[data-action='driverDetails'], input[data-action='doReservation']{
		left:50%;
		margin-left:-55px;
		right:inherit !important;
		right: inherit !important;
	}

	input[data-action='doReservation']{
		margin-left:-75px;
	}

	.logout{
	    top: -34px !important;
	    right: inherit !important;
	    bottom: inherit !important;
	    left: 50px !important;
	    margin-left: -50px !important;
	}

	#languages, #logo{
		width:100%;
		text-align: center;
		float:inherit !important;
	}

	#tire-info{
		overflow-x: auto;
		position:relative;
	}

	#footer{
		padding-bottom:50px;
	}
}