@media screen and (max-width: 700px) {
	.boxWrapper700{
		width: 100% !important;
	}
}

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

	.box_16,
	.box_20,
	.box_25,
	.box_30,
	.box_40,
	.box_50,
	.box_60,
	.box_66,
	.box_70,
	.box_80,
	.box_33,
	#leftSide{
		float: none !important;
		width: 100% !important;
	}

	#pageContainer{
		margin: 0 10px;
	}

	.boxWrapper1200{
		width: 100%;
	}

	.box_500px{
		width: 100% !important;
	}

	.wrapper500{
		width: 100% !important;
	}
	
	#logo{
		width: 150px;
	}
	
	#filterContainer{
		display: block;
	}

	#searchTable td:nth-child(1){
		width: 60% !important;
	}

	#searchTable td:nth-child(2){
		width: 0% !important;
	}

	#searchTable td:nth-child(3){
		text-align: center !important;
	}
	
	#closeFilterContainer{
		display: block;
	}
	
	#rightSide{
		position: fixed;
		top: 0;
		right: 0;
		margin-right: -95%;
		float: none !important;
		width: 95% !important;
	}

	.toggleMainMenu{
		display: block;
	}

	#mainMenuContainer{
		position: fixed;
		top: 0;
		left: 0;
		margin-left: -95%;
		width: 95% !important;
		z-index: 99;

		height: 100vh !important;
	}

	#menuWrapper{
		/*padding: 10px;*/
	}

	.mainMenuItem{
		display: block;
		margin-right: 0;
	}

	#exerciseInfoContainer{
		height: max-content !important;
	}

	.mainMenuItem{
		display: none;
	}

	.mobileMenuItem{
		display: block;
	}

	#mobileMenuClose{
		display: block;
	}
}