@media (max-width: 1100px) {
	.page{
		display: grid;
		grid-template-areas:
		"header_m"
		"main_nav_bar"
		"main_m"
		"footer_m";
		grid-template-columns: 1fr;
		grid-template-rows: 200px auto 1fr 250px;
		gap: 20px;
		width: 95%;
		margin : auto ;
		min-height: 100vh;
		padding: 10px;
	}
	.search_input{
		width: 40vw ;
	}
	.main_nav_bar{
		grid-template-areas:
		"main_nav_bar_content";
		grid-template-columns: 1fr;		
	}
	.main_nav_bar_content{
	padding-bottom: 5px;
	text-align: center ;
	}
	.main_nav_bar_content a{
		display : block;
		margin: 5px auto 0px auto;
	}
	.main_m{
		display: grid;
		grid-template-areas:
		"side_menu"
		"content";
		grid-template-columns: 1fr;
		grid-template-rows: auto 1fr;
	}
	.main_l , .main_r ,.main_nav_bar_l ,.main_nav_bar_r{
	display : none;
	}
}