@media (max-width: 1023px), (max-device-width: 1023px), (min-device-width: 1024px) and (max-width: 1023px) {

	/* tablet landscape */
	.inner{padding: 0 10px;}
	.site-navigation ul{font-size: 0; text-align: center;}
	.site-navigation ul li{padding: 28px 35px 27px 35px; float: none; display: inline-block;}
	.site-navigation ul li:first-child{padding: 28px 35px 27px 0;}
	.site-navigation ul li:last-child{padding: 28px 0 27px 35px;}
	
	.site-main .row.soundcloud img{width: 100%;}
}

@media (max-device-width: 1023px) and (orientation: portrait), (max-device-width: 768px) and (orientation: landscape), (min-device-width: 1024px) and (max-width: 979px), (min-device-width: 1024px) and (max-width: 980px) and (orientation: portrait), (max-width: 768px) {

	/* tablet portrait */
	.site-navigation ul li{padding: 20px 15px; font-size: 18px;}
	.site-navigation ul li:first-child{padding: 20px 15px 20px 0;}
	.site-navigation ul li:last-child{padding: 20px 0 20px 15px;}
	
	.site-main .main-content .right-content .block h2{font-size: 22px;}
	
}

@media only screen and (max-width: 840px) {
	.site-main .main-content .left-content{width: 100%;}
	.site-main .main-content .right-content{width: 100%; margin-top: 0; margin-top: 40px;}
	.site-main .main-content .right-content .block img{width: auto;}
	.site-main .player-profile .one-third dt{width: 50%;}
	.site-main .player-profile .one-third dd{width: 50%;}
}

@media only screen and (min-width: 769px) {
	.mobile-nav-button{display: none;}
	.mobile-nav{display: none;}
	.mobile-nav-overlay{display: none;}
	.about-us{display: none;}
}

@media (max-device-width: 768px) and (orientation: portrait), (max-device-width: 499px) and (orientation: landscape), (max-width: 768px) {

	/* mobile landscape */
	.site-navigation{display: none;}
	.site-header .header-top .right{display: none;}
	.site-logo{width: 100%; height: 80px;}
	.site-header .header-bottom{min-height: 43px;}
	.mobile-nav-button{width: 50px; height: 43px; background: url(/mvc/public/frontend/images/mobile-nav-btn.png) no-repeat center center #334973; position: relative; float: right; cursor: pointer; z-index: 150;}
	.mobile-nav{width: 265px; position: absolute; top: 0px; bottom: 0px; left: 0px; background-color: #fff; z-index: 10000; margin-left: -340px; padding-top: 80px;}
	.mobile-nav-content-wrap{border-bottom: 1px solid #dedede;}
	.mobile-nav-content li{width: 100%; border-top: 1px solid #dedede; list-style: none;}
	.mobile-nav-content li a{color: #000; font-size: 15px; text-transform: uppercase; font-weight: 400; padding: 15px 10px; display: block;}
	.mobile-nav-content li .dropdown li a{font-size: 14px; font-weight: 400; padding: 12px 10px 12px 20px;}
	
	.logo-close-section{height: 81px; width: 100%; position: absolute; top: 0; left: 0; right: 0; padding-bottom: 10px; background-color: #2267ac;}
	.mobile-nav-logo{height: 63px; background: url(/mvc/public/frontend/images/logo-wit-klein.png) no-repeat center left; position: absolute; left: 10px; right: 10px; top: 8px; background-size: contain;}
	.close-mobile-nav{width: 50px; height: 58px; position: absolute; right: -50px; top: 0; background: url(/mvc/public/frontend/images/mobile-close-btn.png) no-repeat center center #334973; cursor: pointer;}
	.mobile-nav-overlay{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; display: none;}	
	
	.hero-content, .hero-content li{height: 500px !important;}
	.site-main .main-content .left-content h1{font-size: 40px;}
	.site-main .main-content .left-content p{font-size: 16px; line-height: 26px;}
	.site-main .player-profile .one-third.first{width: 50%;}
	.site-main .player-profile .one-third.middle{width: 50%;}
	.site-main .player-profile .one-third.last{width: 100%; padding-left: 0; padding-top: 50px;}
	
	.site-footer .footer-bottom .footer-nav{margin-bottom: 10px;}
	.site-footer .footer-bottom .footer-nav ul li{float: none; display: inline-block; font-size: 16px; line-height: 26px;}
	
	.team-box { width: 100%; }
	.photoalbum-box { width: 100%; }
	.sponsor-box-block { width: 100%; }
}

@media (max-device-width: 499px) and (orientation: portrait), (max-width: 499px) {

	/* mobiel portrait */
	.site-logo{height: 60px;}
	.hero-content, .hero-content li{height: 390px !important;}
	.site-main .main-content .left-content h1{font-size: 30px;}
	.site-main .player-profile .one-third.first{width: 100%;}
	.site-main .player-profile .one-third.middle{width: 100%; margin-top: 50px;}
	.site-main .player-profile .one-third h2{font-size: 24px;}
	.site-main .player-profile .one-third dl{font-size: 16px; line-height: 26px;}
	.site-main .player-profile .one-third p{font-size: 16px;}
	
	.site-main .row.soundcloud h2{font-size: 24px;}
	.site-main .row.soundcloud p{font-size: 16px; line-height: 26px;}
	.site-footer #map{height: 360px;}
}