html {
	min-width:100% !important;
}
/***********************************************************************  Media Query   */
@media all and (min-width: 1px) {
	.wrapper .container {
		width: auto;
		max-width: 1140px;
	}
	 .show-on-tablet-port {
		 display:none;
	 }
}
@media all and (max-width: 1200px) {
	.slideTitle {
		bottom:10%;
	}

}
@media all and (max-width: 1024px) {
	.container {
		width:100% !important;
		overflow:hidden;
	}
	.slideTitle h2 {
		font-size: 2.5em;
		line-height:30px;
	}
	.adress {
		margin:0;
	}
}
/*****************************************************************************************************/
@media all and (max-width: 767px) {

	.wrapper.menu {
		padding:0 !important;
	}
	#slideShow {
		margin-top:0;
	}
	#logo {
		padding:10px;
	}
	#logo span {
		background: url(../images/logo-small.png) no-repeat center center;
		background-size:100%;
		display:block;
		height:60px;
		width:100px;
		z-index:999;
	}
	html.svg #logo span {
		background-image: url(../images/fit-r-logo.jpg);

	}
	.wrapper.slideshow {
		padding:40px 0 0 0 !important; /** hoogte van menu */
	}
	.slideTitle {
		bottom:2%;
		padding:10px;
	}
	.slideTitle h2 {
		font-size: 2em;
	}
	.agendaItem .image {
		display:none;
	}
	.grid25 {
		width:33.3% !important;
	}
	.projects .grid25 {
		width:25%;
	}
	.grid {
		width:100% !important;
	}
	.certified img{
		width:50%;
		margin:0 auto;
	}
}
/*****************************************************************************************************/
@media all and (max-width: 580px) {
		.hide-on-tablet-port {
		 display:none !important;
	 }
	 .show-on-tablet-port {
		 display:block !important;
	 }

	.tableLeft, .tableRight {
		width:100%;
		padding:0;
	}

	.middle {
	padding:20px 20px;
	}
	.sidebar {
		margin-top:-10px;
	}
	#fitter {
		height:150px;
	}
	.slideTitle h2 {
		font-size: 2em;
	}
	.adress span.devider {
		display:none;
	}
	.adress span {
		width:100%;
		display: block;
	}
	.wrapper.disclaimer .container.disclaimer #share {
		width: 100%;
	}
	.wrapper.disclaimer .container.disclaimer .x-cms {
		width: 100%;
		float:left;
	}
	.agendaItemSmall .picture {
		display:none;
	}

	.projects .grid25 {
		width:25%  !important;
	}
	.projects .grid75 {
		width:75%  !important;
	}

	table.team tr td:first-of-type {
		border-bottom:none;
	}
	table.team tr td img {
		margin:0 auto;
		padding:0;
	}
	table.team tr td ul li {
		list-style-position: inside;
		margin-left:30px;
	}
	table.team tr td h4 {
		text-align: center;
	}

}
/*****************************************************************************************************/
@media all and (max-width: 480px) {
	.slideTitle h2 {
		display:none !important;
	}
	.agendaItem.details .content {
		padding: 0 0 80px 0 !important;
	}
	.agendaItem .content .dateTime {
		width:100% !important;
		background: #777;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		float:none !important;
		width:100% !important;
		position: static !important;
		padding:10px !important;

	}

	.agendaItem .content .date, .agendaItem .content .time, .agendaItem .content .entree {
		display:block;
	}
	.agendaItem .content {
		padding:15px 15px 15px 15px !important;
	}
	.arrow {
		display:none;
	}
	.projects .grid25 {
		width:25%;
	}
}
/*****************************************************************************************************/
@media all and (max-width: 415px) {
	.wrapper.content {
		padding-top:0;
		padding-bottom:0;
	}
	.hide-on-mobile {
		display:none;
	}
	.main, .main.middle {
		padding-bottom:0;
	}
	.main.middle {
		padding-top:0;
	}
	.projects .grid25 {
		width:33.3%;
	}
	.wrapper.content .container.content .main ul {
		margin-left:0;
	}

}
/*****************************************************************************************************/
@media all and (max-width: 320px) {

	.grid25 {
		width:50% !important;
	}
	.projects .grid25 {
		width:50%  !important;
		margin:0 auto;
		float: none;
	}
	.projects .grid75 {
		width:100%  !important;
	}
	.wrapper.footer .social {
		padding-left: 15px;
	}
	.projects .grid25 {
		width:50%;
	}
}
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 550px),
(min-device-width: 550px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.mobile, table.mobile thead, table.mobile tbody, table.mobile th, table.mobile td, table.mobile tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	table.mobile thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.mobile tr {  }

	table.mobile td, .tableRight {
		/* Behave  like a "row" */
		border: none;
		padding-top:10px;
		position: relative;

	}

	table.mobile td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 100%;
		padding-right: 10px;
		white-space: nowrap;
	}
/* be like table anyway ***********************************************************/
/*
Geeft de tabel de class table100 en zet er een div omheen met class scrollThis.
*/
	.scrollThis {
		overflow-x: scroll;
	}
	.table100, .table100 tbody  {
		display: table !important;
	}
	.table100 th,  .table100 td  {
		display: table-cell !important;
	}
	.table100 tr, .table100 thead {
		display: table-row !important;
	}
	/* Show table headers  */
	.table100 thead tr {
		position: static;
		display: table-row !important;
		top: 0;
		left: 0;
	}

	.table100 td, .table100 .tableRight {
		/* Behave not like a "row" */
		border: 1px solid #ccc;
		padding-top:0px;
		position: static;

	}

	.table100 td:before {
		/* not like a table header */
		position: static;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 0px;
		padding-right: 0px;
		white-space: nowrap;
	}
}