@media only screen and (max-width: 768px) {
	h1 { font-size: 30px !important; }
	h2 { font-size: 26px; padding-top: 60px; }
	h3 { font-size: 20px; padding-top: 60px; }
}


input.search_block { width: 250px; transition: 1s;}
input.search_block.open { width: 250px; }


@media only screen and (max-width: 1280px) {
	.top_section { width: 100%; margin: 0 auto; padding: 20px 20px 20px 20px; height: 85px; box-sizing: border-box; }
}
	
@media only screen and (max-width: 1000px) {
	.top_section { height: 76px; }
	.top_contact_wrap { padding-top: 3px; }
	a.logo { width: 230px; height: 36px; border: none; background-size: cover; }
}

@media only screen and (max-width: 800px) {
	input.search_block { width: 50px; }

}

@media only screen and (max-width: 768px) {
	.top_section { height: 61px; }
	.top_contact_wrap { padding-top: 1px; }
	a.logo { width: 135px; height: 21px; border: none; background-size: cover; }
	.top_contact_icons { display: none; }
	input.search_block { margin-top: -5px; }
	label[for='search_block'] { margin-top: -5px; }
}

@media only screen and (max-width: 500px) {
	input.search_block { margin-right: 50px; }

}



.top_menu_wrap { position: relative; }

.top_menu_responsive { display: none; position: absolute; z-index: 110; top: 32px; left: 20px; }
.top_menu_responsive:hover { background-position: center bottom; }
a.resp-switcher, a.resp-switcher:link, a.resp-switcher:visited { text-decoration: none; display: block; }
a.resp-switcher:before { content: ""; position: absolute; z-index: 1000; top: 0; left: 0; width: 40px; height: 32px; background: url('../pic/menu_icon.png') no-repeat center top; } 
.resp-label { text-transform: none; line-height: 23px;
  FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #373433; FONT-FAMILY: 'MontserratRegular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: right;}
a.resp-switcher.icon_close:before { background-position: center bottom; }
.top_menu_responsive.icon_close { background: none; border: none; }

@media only screen and (max-width: 1280px) {
	.top_menu_wrap { width: calc(100% - 40px); padding-left: 20px; padding-right: 20px; }
}

@media only screen and (max-width: 1200px) {
	.top_menu_wrap {  }
	.top_menu { display: none; background: #fff; width: 100%; box-shadow: 0 10px 10px rgba(0,0,0,0.1); position: absolute; z-index: 100; }
	.top_menu a { display: block; font-size: 20px; font-weight: bold; text-align: center; margin: 5px 0; }
	.top_menu_responsive { display: block; }
	a.button_order {  }
}

@media only screen and (max-width: 768px) {
	.top_menu_responsive { top: 22px; }
	.top_menu { }
	.top_menu_wrap { height: 50px; padding: 10px 0; }
}

@media only screen and (max-width: 500px) {
	.top_menu_wrap { border: none; padding: 0 0; position: static; }
	.top_section { border: none; }
	.top_menu { }
	a.button_order { margin: 0 20px; width: calc(100% - 40px); }
	.top_menu_responsive { top: 16px; right: 20px; width: 40px; height: 32px; left: auto; }
}




@media only screen and (max-width: 1280px) {
	.main_content { overflow: hidden; box-sizing: border-box; }
	.main_articles_wrap { width: calc(100% + 30px); }
	.main_content_wrap { width: 100%; }
	.main_content { width: 100%; padding: 20px; }
	.main_article_id { width: calc(50% - 25px); margin-right: 20px; margin-bottom: 30px; }
	.img_wrap img { max-width: 100% !important; height: auto !important; width: 100% !important; }
	.article_title { font-size: 22px; }
	.article_text { font-size: 18px; }
	.article_link { font-size: 18px !important; }
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 600px) {
	.main_articles_wrap { width: 100%; }
	.main_article_id { width: 100%; margin-right: 0px; margin-bottom: 50px; }
	.article_title { font-size: 18px; }
	.article_text { font-size: 16px; }
	.article_link { font-size: 16px !important; }
	.article_date { font-size: 16px; }
	a.button_link { font-size: 16px; width: 100%; padding: 0; }
}



@media only screen and (max-width: 1280px) {
	.articles_title { width: calc(100% - 580px); }
}

@media only screen and (max-width: 900px) {
	.main_textblock_wrap { width: calc(100% - 200px); margin: 0 auto; }
	.main_textblock_wrap img { float: none; margin: 0 0 30px 0; width: 100%; height: auto; }
	.articles_title { width: 100%; }
}

@media only screen and (max-width: 800px) {
	.main_textblock_wrap { padding: 50px 0; }
	.articles_title { font-size: 38px; }
}

@media only screen and (max-width: 600px) {
	.main_textblock_wrap { width: 100%;}
	.articles_title { font-size: 30px; }
}


@media only screen and (max-width: 1280px) {
	.haplocarts .button_link_wrap { clear: both; }
}

@media only screen and (max-width: 900px) {
	.main_books_wrap { width: calc(100% + 30px); text-align: center; }
	.main_book_id { margin-right: 30px; margin-bottom: 40px; }
	.img_wrap img { max-width: 100% !important; height: auto !important; }
	.haplocarts .articles_title { margin: 0 0 20px 0px; }
}

@media only screen and (max-width: 800px) {
	.main_books_wrap { width: 100%; }
	.img_wrap img { max-height: 300px !important; width: auto !important; }
	a.button_link.min { float: none !important; }
	.haplocarts .button_link_wrap { height: auto !important }
	.main_textblock_wrap.about .button_link_wrap { height: auto !important }
}

@media only screen and (max-width: 600px) {
	.main_books_wrap { width: 100%; }
	.main_book_id { }
	a.button_link.min { font-size: 16px; width: 100%; padding: 0; }
	.main_articles_wrap.projects { margin: 0 0 10px 0; }
}



@media only screen and (max-width: 1280px) {
	.main_donate_wrap { width: 100%; margin: 50px auto; padding: 50px 20px; box-sizing: border-box; }
	.main_donate_wrap .article_text { padding-right: 40%; }
}

@media only screen and (max-width: 1000px) {
	.main_donate_wrap .article_text { padding-right: 25%; }
}

@media only screen and (max-width: 800px) {
	.main_donate_wrap { padding: 40px 20px; }
	.main_donate_wrap .articles_title { font-size: 28px; }
	.main_donate_wrap .article_text { padding-right: 10%; }
}

@media only screen and (max-width: 600px) {
	.main_donate_wrap { width: 100%; background: url(../pic/main_donate_ground_resp.jpg) no-repeat right top; }
	.main_donate_wrap .articles_title { font-size: 20px; }
	.main_donate_wrap .article_text { padding-right: 0; }
}



@media only screen and (max-width: 1280px) {
	.bottom { width: 100%; margin: 50px auto; padding: 50px 20px; box-sizing: border-box; }
}

@media only screen and (max-width: 1000px) {
	.bottom_menu { width: 33.33%; }
	.bottom_menu:last-of-type { display: block; width: 100%; text-align: center; margin-top: 30px; margin-bottom: 30px; }
	.bottom_menu:last-of-type a.bmenu_title { text-align: center; }
	.bottom_menu:last-of-type p { text-align: center; }
	.bottom_text_wrap a.button_order { float: none; width: 100%; margin: 0 0 20px 0; }
	.bottom_text_wrap p { text-align: center; }
	a.yarneo { text-align: center; }
}

@media only screen and (max-width: 800px) {
	.bottom { margin: 5px auto; padding: 30px 20px; }
	.bottom_menu:last-of-type { margin-top: 10px; margin-bottom: 10px; }
	.bottom_menu { display: block; width: 100%; text-align: center; margin-top: 10px; margin-bottom: 10px; }
	.bottom_menu a.bmenu_title { text-align: center; margin-top: 20px; }
	.bottom_menu a.bmenu_id { text-align: center; }	
	.bottom_menu p { text-align: center; }
	.bottom_text_wrap a.button_order { margin: 0 0 20px 0; }
}

@media only screen and (max-width: 600px) {
	.bottom_menu { font-size: 16px; }
	.bottom_menu a.bmenu_title { font-size: 18px; text-align: center; margin-top: 20px; }
	.bottom_menu a.bmenu_id { font-size: 16px; text-align: center; }	
	.bottom_menu p { font-size: 16px; text-align: center; }
	.bottom_text_wrap a.button_order { margin: 0 0 20px 0; }
	.bottom_text_wrap p { font-size: 16px; }
	a.yarneo { font-size: 16px; }
}



@media only screen and (max-width: 1280px) {
	.content { width: 100%; padding: 30px 20px; box-sizing: border-box; }
}

@media only screen and (max-width: 768px) {
	.cms_content_box.page-books .cms_list_photo_box { margin: 0 30px 30px 0; }
	.cms_content_box.page-books .cms_list_photo_box img { width: 250px !important; height: auto !important; }
	.cms_content_box.page-haplocarts .cms_list_photo_box { margin: 0 30px 30px 0; }
	.cms_content_box.page-haplocarts .cms_list_photo_box img { width: 250px !important; height: auto !important; }
	.cms_content_box.page-books .cms_text_id { padding-bottom: 50px; }
	.cms_content_box.page-haplocarts .cms_text_id { padding-bottom: 50px; }
}

@media only screen and (max-width: 600px) {
	p { font-size: 16px; }
	.cms_list_text { font-size: 16px; }
	.cms_list_title a { font-size: 18px !important; }
	.cms_content_box.page-books .cms_list_photo_box { margin: 0 20px 20px 0; }
	.cms_content_box.page-books .cms_list_photo_box img { width: 200px !important; height: auto !important; }
	.cms_content_box.page-haplocarts .cms_list_photo_box { margin: 0 20px 20px 0; }
	.cms_content_box.page-haplocarts .cms_list_photo_box img { width: 100% !important; height: auto !important; }
}















@media only screen and (max-width: 1280px) {
	.catalog_wrap { width: 100%; padding: 20px 0px; text-align: center; }
}

@media only screen and (max-width: 500px) {
	.catalog_wrap { padding: 0px 0px; }
	.catalog_id { margin-left: 0; margin-right: 0; }
}



@media only screen and (max-width: 1280px) {
	.form_section { width: 100%; margin: 0 auto; padding: 30px 40px; box-sizing: border-box; text-align: center; }
	.form_left { float: none; width: 100%; }
	.form_right { display: block; width: 100%; padding: 30px 40px; }
	.form_left img { margin-bottom: 40px; }
	.form_left_text { font-size: 32px; }
	.inner_text { font-size: 14px; }
	.form_section_wrap.inner { margin-top: 30px; }
}

@media only screen and (max-width: 768px) {
	.form_section { padding: 30px 20px; }
	.form_left_text { font-size: 20px; }
	.form_title { font-size: 20px; }
	.inner .form_button.back { margin-left: 0; }
	.comment_box { margin-top: 60px; width: 100%; }
}

@media only screen and (max-width: 530px) {
	a.form_button { width: 100%; padding: 12px 0; box-sizing: border-box; }
	.inner a.form_button { width: 45%; padding: 12px 0px; box-sizing: border-box; }
	.comment_id2 { font-size: 16px; }
	.comment_title { font-size: 24px; }
	.comment_autor_box { font-size: 16px; }
	.comment_button { font-size: 16px; }
}

@media only screen and (max-width: 520px) {
	.form_button_wrap { display: block; }
	.inner a.form_button { width: 100%; display: block; float: none; padding: 12px 0px; margin: 0 0 20px 0; }
}




@media only screen and (max-width: 1280px) {
	.footer { width: 100%; margin: 0 auto; box-sizing: border-box; }
}




.cms_content_box iframe { max-width: 100% !important; }