@media (max-width: 992px) {
	.tabs_content_map {
		width: 50%;
	}
	.header_title p {
		text-align: center;
	}
	.start {
		justify-content: center;
	}
	.header_logo img:last-child {
		display: block;
	}
	.right {
		width: 100%;
		padding: 0 15px;
		align-items: flex-start;
	}
	.main_content--inner {
		width: 100%;
	}
	.main_content--back {
		width: auto;
		background: none;
	}
	.header .nav ul li a {
		margin: 0 25px;
	}
	.copyright {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.social {
		justify-content: center;
		width: 100%;
	}
	.social span {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.contacts_map {
		width: 100%;
	}
	.about {
		width: 100%;
		padding-left: 0;
	}
	#map {
		border: none;
		padding-right: 0;
	}
	.fields_input {
		width: 50%;
		width: calc(100% / 2);
	}
	.wall{
		max-width: 350px;
	}
	.fields_textarea {
		width: 100%;
		height: 300px;
	}
	.add_story_check {
		width: auto;
		margin-left: 0;
	}
	.header_title a{
		justify-content: center;
		width: 100%;
	}
	.header_title {
		max-width: none;
	}
	.header_logo img {
		float: none;
		max-width: 150px;
	}
	.header_logo {
		width: 100%;
    	text-align: center;
    	max-width: none;
	}
	.profile .container {
		padding-right: 15px;
		padding-left: 15px;
	}
	.search-result__item  {
		width: 25%;
	}
	.records_item {
		width: 80%;
	}
	.contacts_map .download {
		margin: 0;
	}
	.contacts_map .download a {
		margin: 10px 0;
	}
	.add_story_result_image, .add_story_result_description {
		width: 100%;
	}
	.add_story_result {
		height: 500px;
		overflow-y: scroll;
	}
	.add_story_result_description.nano > .nano-content {
		position: static;
	}
	.modal {
		width: 80%;
	}
	.header .nav ul {
		margin-left: 0;
	}
	.records-list {
		width: calc(100% /3);
	}
} 
@media (max-width: 768px) {
	#map {
		width: 100%;
	}
	.eng {
		font-size: 3vw!important;
	}
	.parterns_logo_image {
		width: calc(100% / 2);
	}
	.parterns_logo_image:nth-child(4) {
		text-align: center;
	}
	.parterns_logo_image:last-child{
		text-align: center;
	}
	.header_title h1 {
		font-size: 8vw;
	}
	.header_title p {
		font-size: 3vw;
	}
	.search-result__item  {
		width: 33.33333%;
	}
	.parterns_logo_image:nth-child(3n+1):nth-child(even) {
		text-align: center;
	}
	.parterns_logo_image:nth-child(5n+1):nth-child(even) {
		text-align: center;
	}
}
@media (max-width: 767px) {
	.nav {
		display: none;
	}
	.header_wrapper  .right {
		display: none;
	}
	.header_mobile {
		display: block;
		position: fixed;
		top: 0;
		transition: .5s linear;
		width: 100%;
		height: 57px;
		pointer-events: none;
		z-index: 5;
	}
	.mobile_toggle {
		display: flex;
	}
	.header_logo {
		margin-right: 0;
	}
	.tabs_content_map {
		height: 300px;
		width: 50%;
		padding: 5px;
		background-color: transparent;
	}
	.tabs_content_image {
		width: 50%;
		padding: 5px;
	} 
	.toggle_menu {
		display: block;
	}
	.fields .half {
		width: 100%;
	}
/*	#edit_records .fields_input, #edit_records .fields_textarea {
		-webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		order: 2;
	}
	#edit_records .fields_input:nth-child(1),
	#edit_records .fields_input:nth-child(3),
	#edit_records .fields_input:nth-child(5) {
		-webkit-order: 1;
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		order: 1;
	}*/
	.extended_search .fields {
		width: 80%;
		margin: 0 auto;
	}
	.records_item {
		width: 100%;
	}
	.header_wrapper {
		padding-top: 13px;
	}
	.reg-add .fields input {
		width: 100%;
	}
	.add_story_result_bottom input {
		margin: 5px auto;
	}
	.registry_check {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.records-list {
		width: calc(100%/2);
	}
}
@media (max-width: 600px) {

	.btn_lang, .btn_version, .go_search_btn, .user_btn {
		height: 45px;
		width: 45px;
	}
	.nav_buttons {
		align-items: flex-end;
	}
	.toolbar {
		flex-flow: column;
	}
	.toolbar div {
		margin: 5px 0;
	}
	.story_image .btn {
		width: 80%;
		max-width: 320px;
	}
	.bright div {
		margin-bottom: 20px;
	}
	.years {
		margin-left: 0;
	}
	.records-list {
		width: 100%;
	}
	.personal_agree {
		white-space: normal;
	}
	.almost_captcha {
		min-width: auto;
	}
	.museum_label {
		display: none;
	}
	.book_title {
		margin-left: 0;
		font-size: 25px;
	}
	.btn {
		font-size: 18px;
	}
	.main_content .btn {
		font-size: 23px;
	}
	h1 {
		font-size: 25px;
	}
	.big {
		font-size: 18px;
	}
	.medium {
		font-size: 18px;
	}
	.main_content--text p {
		padding-left: 0;
		font-size: 23px;
	}
	.main_content--text h1 {
		font-size: 29px;
	}
	.main_content--inner {
		padding: 50px 0;
	}
	.social ul li:first-child {
		margin-left: 0;
	}
	.social ul li:nth-last-child(2) {
		margin-right: 4px;
	}
	.about_project_image .text {
		font-size: 16px;
	}
	.partners h1 {
		text-align: center;	
		font-size: 10vw;
		margin-right: 0;
	}
	.parterns_logo_image {
		width: 100%;
	} 
	.fields_input {
		width: 100%;
	}
	.wall{
		max-width: 350px;
	}
	.add_story_form {
		padding: 0;
	}
	.add_story_check {
		font-size: 20px;
	}
	.registry_check label {
		white-space: normal;
	}
	.header .modal {
		padding: 15px 30px;
	}
	.header .fields input {
		width: 100%;
	}
	.almost_captcha {
		padding: 10px 0;
	}
	.reg-add .almost_captcha p{
		max-width: 140px;
    	margin: 0 auto;
	}
	.tabs_content_map {
		height: 300px;
		width: 100%;
	}
	.tabs_content_image {
		width: 100%;
		text-align: center;
	} 
	.search-result__item  {
		width: 50%;
	}
	::placeholder {
		font-size: 18px;
	}
	::-webkit-input-placeholder {
		font-size: 18px;
	}
	:-ms-input-placeholder { 
	  	font-size: 18px;
	}
	.extended_search select {
		font-size: 18px;
	}
	.extended_search .fields {
		width: 100%;
		margin: 0 auto;
	}
	.fields .full .extended_input {
		width: 35%;
	}
	.reg-add input[type="submit"] {
		margin-top: 15px;
	}
}
@media (max-height: 800px) and (max-width: 767px) {
	.modal.reg-add, .modal.edits, .moderate_image, .modal#edit_story {
		height: 80vh;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.modal .modal__cross, #after-add .modal__cross {
		top: 0;
		right: 0;
		width: 60px;
		height: 50px;
		background-image: url('../images/close_mobile.svg');
	}
	.modal.moderate_image, .modal#edit_story {
		padding: 60px 0 30px;
	}
}
@media (max-height: 700px) and (max-width: 767px) {
	.modal .modal__cross {
		top: 0;
		right: 0;
		width: 60px;
		height: 50px;
		background-image: url('../images/close_mobile.svg');
	}
	.modal.reg-add, .modal.edits, .modal.moderate_image, .modal#edit_story {
		height: 80vh;
	}
	.modal.moderate_image, .modal#edit_story {
		padding: 60px 0 30px;
	}
}
@media (min-width: 800px) and (max-height: 800px) {
	.modal .modal__cross {
		top: 0;
		right: 0;
		width: 60px;
		height: 50px;
		background-image: url('../images/close_mobile.svg');
	}
	.modal.reg-add, .modal.edits, .modal.moderate_image, .modal#edit_story {
		height: 80vh;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.modal.moderate_image, .modal#edit_story {
		padding: 60px 0 30px;
	}

}

/*MEDIA FOR BACKGROUND IMAGE*/

@media (min-width:320px) and (max-width: 375px) {
	.background.faces {
		background-image: url('../images/fons/375x768.jpg');
	}
	.background {
		background-size: unset;
	}
	.main_content--text p {
		padding-left: 0;
		font-size: 20px;
	}
	.main_content--text h1 {
		font-size: 24px;
	}
}

@media (min-width:376px) and (max-width: 768px) {
	.background.faces {
		background-image: url('../images/fons/768x1024.jpg');
	}
	.background {
		background-size: cover;
	}
}

@media (min-width:769px) and (max-width: 1024px) {
	.background.faces {
		background-image: url('../images/fons/1024x768.jpg');
	}
	.background {
		background-size: cover;
	}
}

@media (min-width:1025px) and (max-width:1280px) {
	.background.faces {
		background-image: url('../images/fons/1280x768.jpg');
	}
	.background {
		background-size: cover;
	}
}

@media (min-width:1281px) and (max-width:1600px) {
	.background.faces {
		background-image: url('../images/fons/1600x900.jpg');
	}
	.background {
		background-size: cover;
	}
}