@media screen and (max-width: 1142px){
	.left_model	{ width:calc(100% - 400px); }
	.right_interface	{ width:400px; z-index: 5; }
	.presets_wrapper .preset_caption	{ font-size:12px; }
	.controls_wrapper .control{width: 117px;}
	.range_wrapper-wrap{padding: 0 103px 0 79px}
}
@media screen and (max-width: 700px){
	.left_model	{ width:100%; }
	.right_interface	{ transform:translateX(100%); transition:transform .5s; padding:30px 0 0px 20px; }
	.show_settings .right_interface	{ transform:translateX(0); }
	.settings_btn	{ display:block; top:5px; right:20px; z-index: 6; }
	.collapse_btn	{ display:block; position:absolute; left:10px; top:0; width:100%; height:44px; line-height:44px; cursor: pointer; font-size:16px; padding-left:10px; opacity:0; transition:opacity .3s; }
	.show_settings .collapse_btn	{ opacity:1; }
	
	.zoom_wrapper	{ right:auto; left:50%; top:10px; transform:translateX(-50%); display:flex; }
	.zoom_wrapper .zoom	{ margin:1vh 2vw;  }
	.back__go{top: 10px;
	font-size: 0;
width: 48px;
padding-left: 5px;}
}
@media screen and (max-width: 420px){
	.right_interface	{ width:100%; padding-left: 15px; }
	.controls_wrapper{
		display: flex;
		align-items: center;
		justify-content: space-between;

	}
	.apply-btn{
	}
	.presets_wrapper .preset_caption{
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: normal;
		padding: 5px;
	}
	.controls_wrapper .control{
		font-size: 0;
	}
	.range_slider{
		padding: 0;
	}
	.range_wrapper-wrap{
		padding: 0;
		padding-top: 20px;
	}
	.range_val{
		top: 0;
	}
	.range_caption{
		top: 5px;
	}
}
@media screen and (max-width: 320px){
	.right_interface	{ width:100%; }
}