@media only screen and (max-width: 976px) {
	.wrapper {
		width: 750px;
	}
	
}
@media only screen and (max-width: 480px) {
	body {
		font-family: Arial, sans-serif;
		background-image: url(/img/fon_mobile.jpg);
		background-size: 120%;
	}
	table{
		font-size: 15px;
	}
	.adress{
		display: none;
	}
	.section_foto{
		width: 100%;
		margin: 0 auto;
	}
	.menu_top{
		display: flex;
    	flex-wrap: wrap;
    	justify-content: center;
		position: sticky;
		top: -1px;
	}
	.name_login{
		margin: 10px 10px 5px 0px;
	}
	.section_main_box{
		border: 2px dashed rgb(105, 105, 105);
		border-radius: 20px;
		width: 150px;
		padding: 10px;
		transition: 1s;
		margin: 10px;
	}
	.section_main_text{
		font-size: 24px;
	}
	.menu_top_box_3{
		display: inline-block;
		width: 40px;
		font-size: 15px;
		position: relative;
		top: -4px;
	}
	.menu_top_box_4{
		display: none;
	}
	.menu_top_box_5{
		display: inline-block;
		font-size: 26px;
		position: relative;
		top: 1px;
		left: 10px;
		width: 100px;
		text-align: right;
	}
	.menu_top_box_6{
		font-size: 15px;
		position: relative;
		top: 0px;
		left: 6px;
	}
	.menu_top_box_7{
		display: inline-block;
		font-size: 15px;
		position: relative;
		top: -4px;
	}
	.o_nas{
		position: relative;
		width: 260px;
		font-size: 20px;
		top: -25px;
	}
	.menu_left{
		position: fixed;
		z-index: 200;
		height: 55px;
		width: 60px;
		background-color: rgba(0, 0, 0, 0.5);
		top: 50px;
		left: -20px;
		border-radius: 10px;
		transition: 1s;
		font-size: 15px;
		padding-top: 10px;
		padding-left: 20px;
		border: 2px solid rgb(131, 124, 124);
	}
	.menu_left:hover {
		background-color: rgba(255, 0, 242);
		cursor: pointer;
	}
	.menu_left_2{
		position: fixed;
		z-index: 200;
		height: 55px;
		width: 90px;
		background-color: rgba(0, 0, 0, 0.5);
		top: 125px;
		left: -50px;
		border-radius: 10px;
		transition: 1s;
		font-size: 36px;
		padding-top: 10px;
		padding-left: 20px;
		border: 2px solid rgb(131, 124, 124);
	}
	.menu_left_2:hover {
		background-color: rgba(255, 238, 0);
		cursor: pointer;
	}
	.menu_left_3{
		position: fixed;
		z-index: 200;
		height: 55px;
		width: 60px;
		background-color: rgba(0, 0, 0, 0.5);
		top: 200px;
		left: -20px;
		border-radius: 10px;
		transition: 1s;
		font-size: 36px;
		padding-top: 10px;
		padding-left: 20px;
		border: 2px solid rgb(131, 124, 124);
	}
	.menu_left_3:hover {
		background-color: rgba(0, 217, 255);
		cursor: pointer;
	}
	.menu_left_5{
		position: fixed;
		z-index: 200;
		height: 55px;
		width: 60px;
		background-color: rgba(0, 0, 0, 0.5);
		top: 50px;
		left: -20px;
		border-radius: 10px;
		transition: 1s;
		font-size: 36px;
		padding-top: 10px;
		padding-left: 20px;
		border: 2px solid rgb(131, 124, 124);
	}
	.menu_left_5:hover {
		background-color: rgba(50, 252, 0);
		cursor: pointer;
	}
	.menu_left_text{
		display: none;
	}
	.menu_left_img_1{
		display: inline-block;
		position: relative;
		left: 3px;
		top: -5px;
		background-image: url(/img/ico/pro2.jpg);
		height: 55px;
		width: 52px;
		border-radius: 5px;
		vertical-align: middle;
	}
	.menu_left_img_2{
		display: inline-block;
		position: relative;
		left: 33px;
		top: -5px;
		background-image: url(/img/ico/zak2.jpg);
		height: 55px;
		width: 52px;
		border-radius: 5px;
		vertical-align: middle;
	}
	.menu_left_img_3{
		display: inline-block;
		position: relative;
		left: 3px;
		top: -5px;
		background-image: url(/img/ico/fotik2.jpg);
		width: 52px;
		height: 55px;
		border-radius: 5px;
		vertical-align: middle;
	}
	.menu_left_img_4{
		display: inline-block;
		position: relative;
		left: 3px;
		top: -5px;
		background-image: url(/img/ico/back2.jpg);
		width: 52px;
		height: 55px;
		border-radius: 10px;
		vertical-align: middle;
	}
	.menu_right_img_3{
		background-image: url(/img/ico/atantion2.jpg);
		width: 52px;
		height: 55px;
	}
	.section_menu{
		width: 300px;
		border-radius: 10px;
		font-size: 22px;
		transition: 0.5s;
		margin-top: 20px;
	}
	.section_menu:hover {
		background-color: rgba(0, 0, 0, 1);
		cursor: pointer;
		width: 310px;
		transition: 0.5s;
	}
	.section_1{
		width: 110px;
	}
	.section_2{	
		width: 180px;
		position: absolute;
		margin-top: 15px;
		display: inline-block;
		text-align: center;
		font-size: 26px;
	}
	.blok_1{
		padding-top: 60px;
		text-align: center;
		font-size: 25px;
	}
	.section{
		text-align: left;
		height: 100px;
		width: 95%;
		border-radius: 10px;
		background-color: rgba(0, 0, 0, 0.5);
		margin: 5px;
		padding: 2px;
		border: 2px solid rgb(131, 124, 124);
	}
	.section:hover {
		background-color: rgb(51, 51, 51);
		cursor: pointer;
		width: 95%;
	}
	.menu_kol {
		position: absolute;
		width: 80px;
		height: 45px;
		background-color: rgb(235, 144, 92);
		left: 78%;
		top: 12px;
		z-index: 50;
		border-radius: 25px;
		font-size: 30px;
		color: black;
	}
	.enter{
		width: 180px;
		font-size: 25px;
		text-align: center;
		height: 30px;
	}
	.menu_right_1{
		height: 60px;
		width: 80px;
		top: 52px;
		right: -24px;
		padding-top: 3px;
		padding-left: 5px;
	}
	.menu_right_1:hover {
		right: -10px;
		cursor: pointer;
		background-color: rgba(0, 217, 255);
	}
	.menu_right_2{
		height: 60px;
		width: 80px;
		top: 124px;
		right: -24px;
		padding-top: 3px;
		padding-left: 5px;
	}
	.menu_right_2:hover {
		right: -10px;
		cursor: pointer;
		background-color: rgba(0, 217, 255);
	}
	.blok_2{
		width: 90%;
	}
	.blok_4{
		width: 90%;
	}
}