/*==========  Desktop First Method  ==========*/

@media (max-width: 1200px) {
	.menu_place{padding: 0; margin: 0 20px 0 auto;}
		.menu_place > ul{display: none;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1050px) {

	.centre{padding: 0 10px;}
	
	header.header{height: auto;}
	.menu_place{width: 100%;}
	.header_social_net{margin: 32px 0 0;}

	.for_baner{height: auto;}
	.main_baner{width: 100%; left: 0; margin: 0;}
		.slider_bg{width: 100%; height: 100%;}
			.slider_bg a.slider_link{width: 100%; height: 100%;}

	.calendar_events{margin: -90px 0 0;}
		.events_block{margin: 0 1%; width: 31%;}
			.events_img{width: 100%; height: auto; max-width: none; display: block;}
				.events_img a img{max-width: 100%; height: auto;}
		.calendar_events .main_calendar{width: 31%; margin: 0 1%;}
	
	.news_block_text{width: auto;}
		.block .img{width: 250px;}
	
	.for_footer_menu{display: none;}
	.left_footer{width: 100%;}
		.footer_logo{width: 100%; margin: 20px 0 0; text-align: center;}
		.sufix{width: 100%;}
			.sufix span{float: left; width: auto;}
			.sufix span + span{float: right; width: auto;}

	.for_details{width: 100%; }
		.article_photo{max-width: none;}
			.article_photo img{width: 100%; max-width: 100%; height: auto!important;}
	.right_site{width: 100%; margin: 20px 0 30px;}
		.other_news{width: 100%;}
		.right_site .main_calendar{width: 50%;}
			.right_site .main_calendar .for_img{width: 300px; float: left;}
		.right_news{width: 50%;}
			.right_news_title{margin: 0 0 13px;}

	.for_calendar{width: 100%; margin: 0 0 30px;}
		.title_block .for_date_place{width: 30%; padding: 0 15px;}
		.title_block .event{width: 70%; margin: 0;}
		.data_place{width: 30%;}
		.calendar_block .news_block_text{width: 70%; float: left;}
	.fc{float: left;}

	article img{max-width: 100%; height: auto!important; width: 100%!important;}
	article .captcha img {width: 125px !important;}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 991px) {

	.for_search {margin-top: 59px;}

	header.header .centre {flex-wrap: wrap;}
	.menu_place {order: 4;}

	.main_box {padding-right: 20px; padding-left: 20px;}
	.login .main_box {max-width: 336px;}
	.main_box_1 {padding-top: 20px; padding-left: 20px; padding-right: 20px;}
	.slider_sidebar {margin-left: 20px;}

	.member_associations {font-size: 18px;}

	.main_col_sidebar {margin-left: 20px;}

	.main_row {display: block;}
	.main_col_sidebar {max-width: 100%; margin: 20px 0 0 0; display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr;}
	.main_col_sidebar .main_box_2 + .main_box_2 {margin: 0;}

	.block .img {margin: 0 20px 0 0;}

	.publications_grid {grid-template-columns: repeat(3, 1fr); grid-gap: 20px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {

	.captcha {left: 0;}

	.feedback .evry_title {display: block;}
	.feedback Label {width: 100%; float: none;}
	.feedback Input, .feedback Textarea {width: 100%; float: none;}
	.feedback A.send_adm {margin-left: 200px;}

	.header_lang {flex-direction: column;}
	.lang + .lang {padding: 0; margin: 0; border-left: none;}
	.header_lang a {font-size: 14px;}

	.map_dropdown {padding: 20px; top: calc(100% + 12px);}
	.map_dropdown::before {right: 69px;}
	.map_dropdown_row {display: block;}

	header.header {padding-bottom: 12px;}
		header.header .centre {justify-content: flex-start; align-items: center;}

	.header_social_net{display: none;}
	.for_logo {margin-left: 0; flex: 1;}

	.header_right {margin-right: 0;}
	.map_marker {margin: 0 20px;}
	.for_search {margin-top: 17px;}

	.menu_place {text-align: center; width: auto; order: initial;}
	.menu_btn{display: flex; align-items: center; width: auto; float: none; text-align: center; font-size: 16px; line-height: 30px; position: relative; transition: all .5s; text-decoration: none; color: #fff;}
		.menu_btn p{display: inline-block; position: relative; top: -3px;margin-right: 5px;}
		.menu_btn .burger{display: block; width: 30px;}
			.menu_btn .burger span{display: block;height: 4px;border-radius: 2px;background: #fff;transition: all .5s;}
			.menu_btn .burger span+span{margin-top: 6px;}

	.for_baner {width: 100%; max-width: 100%;}
	.main_baner {height: 250px;}
	.calendar_events{margin: 50px 0 30px;}
		.events_block{width: 48%; margin: 0 1% 30px;}
			.events_img{margin: 10px 0 0;}
		.calendar_events .main_calendar{width: 300px; left: 50%; margin-left: -150px;}
	.member_associations{margin: 25px 0 0;}
	.slider_bg .for_baner_news{top: 80px; width: 100%; max-width: 490px; margin: 0; transform: translate(-50%, 0); padding: 0 10px;}
		.baner_titles{width: 100%;}
	.next_btn{display: none;}

	.slider_sidebar {margin-left: 0; max-width: 100%; text-align: center;}
	.projects {display: grid; grid-gap: 15px; grid-template-columns: repeat(3, 1fr);}
		.project + .project {margin: 0;}

	.view_all {width: auto; display: inline-flex; align-items: center; padding: 0 20px;}

	.main_box_1 {display: block; padding-bottom: 20px;}

	.block{display: block;}
		.block .img{width: 100%; display: block; max-width: none; max-height: none; margin: 0 0 20px; height: auto;}
			.block .img a{float: none; display: inline-block; width: auto; height: auto;}
		.news_block_text{display: block; width: 100%; padding: 0;}
			.news_block_text span{width: 100%;}

	.right_site .main_calendar{width: 100%; margin: 0 0 30px;}
		.right_site .main_calendar .for_img{left: 50%; margin-left: -150px;}
	.right_news{width: 100%;}

	.data_place{width: 100%; padding: 5px 15px;}
		.data_place span{text-align: center;}
	.calendar_block .news_block_text{width: 100%;}
	.title_block{display: none;}

	.mobile_table{width: 100%; overflow-x: scroll;}
		.mobile_table table{width: 900px!important; }

	.ifa_main{width: 100%; margin: 0;}
	.ifa_add Label{width: 100%; margin: 0 0 10px; text-align: left;}
	.ifa_main .evry_title input,
	.ifa_main .evry_title textarea{width: 100%; margin: 0;}

	.slider_pag {justify-content: center; bottom: -30px;}

	.fb-page {max-width: 100%;}

	.publications_grid {grid-template-columns: repeat(2, 1fr); justify-items: center;}
	.publication {max-width: 270px;}
	
}

/* Custom Devices, Phones */
@media only screen and (max-width : 480px) {

	.for_search {margin-top: 12px;}

	.map_dropdown::before {right: 59px;}

	.publications_grid {grid-template-columns: repeat(1, 1fr);}

	.main_col_sidebar {display: block;}
		.main_col_sidebar .main_box_2 + .main_box_2 {margin-top: 20px;}

	.projects {display: block;}
		.project + .project {margin-top: 20px;}

	.menu_place {margin-right: 10px;}

	.map_marker {margin: 0 10px;}

	.header_lang a {font-size: 12px;}

	.baner_titles a{font-size: 18px; line-height: 22px;}
		.baner_text a{display: none;}
		.baner_text{padding: 10px 20px 10px;}

	.member_associations {font-size: 14px; left: 10px; right: 10px;}

	.events_block{width: 100%; margin: 0 0 30px;}
	
	.main_f .form{text-align: center;}
	.main_f input{width: 100%; margin: 0 0 15px;}
	.main_col Article A{display: inline-block;}
	
	.sufix span{width: 100%; text-align: center;}
	.sufix span + span{width: 100%;}

	.feedback Label, .ifa_add Label, .dispatch Label{width: 100%; margin: 0 0 10px; text-align: left;}
	.feedback .for_input{width: 100%;}
	.feedback Input, .feedback Textarea, .ifa_add Input, .ifa_add Textarea, .dispatch input{width: 100%;}
	.feedback A.send_adm, .ifa_add A.send_adm, .dispatch #send_sign{left: 50%; margin-left: -85px;}
	.feedback A.send_adm {margin: 0; left: 0; clear: both;}

	.captcha {margin: 0 0 15px;}

}
