@media screen and (max-width: 1280px){
	.basicContainer  {padding-left: 40px; padding-right: 40px;}
	.respijtItem { width: calc(50% - 20px); }
}	

@media screen and (max-width: 1024px){
	h1, .h1 {font-size: 34px;}
	h2, .h2 {font-size: 20px;}
	.locationItem 		{height:150px;}
} 

@media screen and (max-width: 1023px){
	#overviewSideContainer {width: 100%;}
	#overviewMainContainer {width: 100%; padding-left: 0;}
		.respijtItem { width: calc(33.3333333333% - 20px); }

	.partUpload .uploadSelect {background-color:transparent;}

	#detailMainContainer {width: 100%; padding-right: 0;}
	#detailSideContainer {width: 100%; margin-bottom: 25px;}
}
@media screen and (max-width: 767px){
	header h1, header .h1 {font-size: 15px; padding: 10px 0;}
	
	.basicContainer  {padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 0;}

	.respijtItem { width: calc(50% - 20px); }
}

@media screen and (max-width: 667px){
	h1, .h1 {font-size: 30px;}
	.locationItem .h1 {font-size: 20px;}
	.locationItem 		{height:100px;}

	#stickyTopBar, #stickyTopBarGhost {height: 46px;}
	#stickyTopBar                   {height:46px;}
	#stickyTopBar #logo img 		{height:35px;}
	#stickyTopBar span#logoText  	{font-size: 14px; margin-left: 5px;}

	#stickyTopBar .partButton.red .buttonLabel {display: none;}
}

@media screen and (max-width: 580px){
	.respijtItem { width: calc(100% - 20px); }
}

@media screen and (max-width: 400px){
	#stickyTopBar .partButton:first-child .buttonLabel {display: none;}
}