/* Large Screens (Desktops) */

@media only screen and (max-width : 1430px) {
	.section {
		max-width: 1200px;
	}
	
	#header .logo img {
		height: 121px;
	}
	
	#navigation {
		margin-left: 15px;
		margin-top: 30px;
	}
	
	#slider .slides li .section {
		height: 370px;
	}
	
	#slider .slides li .overlay {
		padding-left: 15px;
	}
		
	#sites .site {
		margin: 0 22px;
	}
	
	#intro .section {
		padding-left: 291px;
	}
	
	#intro .image {
		right: 835px;
	}
	
	
	#bottom .openingHours,
	#footer .copyright	{
		margin-left: 100px;
	}
	
	#bottom .contactInfo,
	#footer .socials {
		margin-right: 100px;
	}

	
		
}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}
		
	#header .logo {
		margin-top: 11px;
	}
	
	#header .login .textbox {
		width: 130px;
	}

	#header .login:after {
		left: -10px;
		right: -10px;
	}
		
	#navigation ul li {
		margin-left: 23px;
		font-size: 18px;
	}
		
	#slider .slides li .overlay .title {
		font-size: 60px;
	}

	#slider .slides li .overlay .subtitle {
		font-size: 26px;
	}
	
	#slider .slides li .overlay .inner {
		max-width: 468px;
	}
	
	#content .section {

	}
				
	#sites .site {
		margin: 0 5px;
	}
	
	#sites .site {
		width: 415px;
	}
	
	#intro .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#intro .title {
		font-size: 33px;
	}
	
	#intro .image {
		right: 630px;
	}
	
	#intro dt {
		font-size: 30px;
	}
	
	#intro dl, #intro dt, #intro dd {
		font-size: 18px;
	}
			
	#bottom .openingHours,
	#footer .copyright	{
		margin-left: 30px;
	}
	
	#bottom .contactInfo,
	#footer .socials {
		margin-right: 30px;
	}

}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
	}
	
	#header .section {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#header .logo {
		display: table;
		float: none;
		margin: 0 auto 0;
		width: auto;
	}
	
	#header .logo img {
		height: 150px;		
	}
	
	#header .login {
		width: auto;
		text-align: center;
		border: 0;
		border: 0;		
		padding: 0;
	}
	
	#header .login .form {
		padding-bottom: 10px;
	}
		
	#header .login:before,
	#header .login:after {
		display: none;
	}
	
	#header .login .title {
		position: relative;
		z-index: 1;
		color: #fff;
		padding: 15px 25px;
		cursor: pointer;
		margin: 13px 0;
		font-size: 15px;
		display: inline-block;
		width: auto;
		background: #075369;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		border-bottom: 3px solid #004258;
	}
	
	#header .login .title:after {
		display: none;
		content: "";
		position: absolute;
		left: -9999em;
		right: -9999em;
		top: 0;
		bottom: 0;
		background: #075369;
		z-index: -1;
	}
	
	#header .login .textbox {
		float: none;
		display: block;
		width: 100%;
		margin-bottom: 8px;
	}
	
	#header .login .loginBtn {
		float: none;
		display: inline-block;
	}

	#header .login.collapsed .form {
		display: none;
	}
	
	#header .login {
		float: none;
		display: block;
		width: 422px;
		margin: 0 auto;
	}
	
	#topNavi .section {
		height: auto;
		position: relative;
		padding-top: 100px;
		padding-bottom: 8px;
	}	
	
	#topNavi .visitBtn {
		position: absolute;
		left: 50%;
		top: 2px;
		float: none;
		margin-left: -93.5px;
	}

	#navigation {
		float: none;
		margin: 0;
		text-align: center;
		position: relative;
	}
	
	#navigation:after {
		content: "";
		position: absolute;
		left: -9999em;
		right: -9999em;
		top: -13px;
		height: 3px;
		background: #fff;
	}
	
	#navigation ul {
		float: none;
	}
	
	#navigation ul li {
		float: none;
		display: inline-block;
	}

	#slider,
	#sites	{
		border-width: 30px;
	}
	
	#slider .slides li .section {
		height: 320px;
	}
	
	#content .section {
		padding: 20px 15px;
	}
	
	#sites .site {
		width: 342px;
	}
	
	#sites .site .enterBtn {
		font-size: 15px;
	}
	
	#intro .section {
		padding-top: 40px;
		padding-bottom: 35px;
	}
	
	#intro .image {
		right: 414px;
	}
	
	#bottom .section {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	
	#bottom .logo {
		position: static;
		display: block;
		margin: 0 auto 30px;
	}
	
	#bottom .openingHours {
		float: none;
		margin: 0 0 30px;
		text-align: center;
	}
	
	#bottom .contactInfo {
		float: none;
		margin: 0;
		text-align: center;
	}

	#bottom .contactInfo ul {
		display: table;
		margin: 0 auto;
		text-align: left;
	}
	
	#footer {
		text-align: center;		
	}
	
	#footer .copyright {
		float: none;
		margin: 0;
	}
	
	#footer .socials {
		float: none;
		margin: 0 0 10px;
	}
	

}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	h1 {
		font-size: 30px;
	}
	
	h2 {
		font-size: 25px;
	}
	
	#header {
		position: relative;
		z-index: 2;
	}
			
	#menuBtn {
		display: block;
	}
	
	#header .section {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#header .logo {
		position: relative;
		left: 20px;
		margin-bottom: 0;
		margin-top: 10px;
	}
	
	#header .logo img {
		height: 72px;
	}
	
	#header .login {
		width: auto;
	}
	
	#topNavi .section {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#topNavi .visitBtn {
		position: static;
		display: block;
		margin: 0 auto;
		width: 150px;
	}
	
	#navigation {
		display: none;
	}
	
	#slider, #sites {
		border-width: 15px;
	}
	
	#slider .slides li .section {
		display: block;
		height: auto;
		padding-bottom: 35%;
	}
	
	#slider .slides li .section .overlay {
		display: none;
	}
	
	img.pullLeft,
	img.pullRight {
		display: block;
		float: none;
		width: 100%;
		margin: 19px 0;
	}
	
	#sites .site {
		display: block;
		margin: 15px auto;
		width: 250px;
	}
	
	#intro .section {
		padding: 20px 15px;
		text-align: center;
	}
	
	#intro .title {
		font-size: 25px;
	}
	
	#intro .image {
		right: 50%;
		margin-right: -60%;
		max-width: 2000px;
		opacity: 0.1;
	}
	
	#bottom .logo {
		width: 229px;
	}
	
	#bottom .openingHours ul {
		display: table;
		margin: 0 auto;
	}
	
	#footer .section {
		padding-left: 15px;
		padding-right: 15px;
	}

}


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

}

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

}