﻿@media handheld, only screen and (max-width: 1310px), only screen and (max-device-width: 1310px) {
	.about_us .figures .figures_top div { padding-right: 2%; }
	.about_us .figures .figures_bottom div { padding-right: 3%; }
	.person { width: 30%; }
	.submenu_button { width: 46.7%; }
	#map_cont_1 { width: 80%; height: 60%; margin: 0 8%; left: 0;}
}

@media handheld, only screen and (max-width: 1277px), only screen and (max-device-width: 1277px) {
	.footer .le-mur { margin: 0; float: left; }
}

@media handheld, only screen and (max-width: 1150px), only screen and (max-device-width: 1150px) {
	.about_us .figures .figures_top div { padding-right: 0.5%; }
	.about_us .figures .figures_bottom div { padding-right: 2%; }
	.about_us .figures .sign { font-size: 18px; }
	.footer .le-mur { margin: 0; }
}

@media handheld, only screen and (max-width: 1120px), only screen and (max-device-width: 1120px) {
	.about_us .figures div {font-size: 49px;}
	.head .place .placemark {margin-top: 40px;}
}

@media handheld, only screen and (max-width: 1110px), only screen and (max-device-width: 1110px) {
	.about_us .figures div {font-size: 46px;}
}

@media handheld, only screen and (max-width: 1075px), only screen and (max-device-width: 1075px) {
	.about_us .figures div {font-size: 44px;}
}

@media handheld, only screen and (max-width: 1055px), only screen and (max-device-width: 1055px) {
	.about_us .figures div {font-size: 39px;}
}

@media handheld, only screen and (min-width: 1235px), only screen and (max-device-width: 1235px){
	.btn-doc {width: 50%;}
}

@media handheld, only screen and (max-width: 1100px), only screen and (max-device-width: 1100px) {
	.about_us .figures .groups  { width: 40%; }
	.about_us .figures .groups img { width: 100%; }
	.about_us .director_word .photo { bottom: -45px; right: 0; }
	.footer .phone { margin-right: 20%;  margin-top: 15px; }
}

@media handheld, only screen and (max-width: 1050px), only screen and (max-device-width: 1050px) {
	.footer .phone { margin-right: 16%; }
	.submenu_button { width: 72%; }
	#path_block_2 { margin-left: -440px; }
	#path_block_3 { margin-left: 120px; }
	#path_block_6 { margin-left: -430px; }

	.scrollingHotSpotLeft, .scrollingHotSpotRight { display: none!important; }
}

@media handheld, only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
	.footer .phone { margin-right: 100px; }
	.about_us .figures { float: none; width: 500px; margin: 0 auto; }
	.about_us .director_word { float: none; width: 500px; margin: 0 auto; }
	.about_us .figures .groups { width: 115px; }
	.about_us .figures span {font-size: 11px;}
	.about_us .figures .figures_left { width: 380px; }
	.about_us .director_word .left_quotes { top: 20px; }
	.footer .phone { clear: both; width: 100%; margin: 15px 0 0 0; }
	h1 { width: 100%; margin-top: 15px;margin-left:0; }
	.director_word_right  { float: none; width: 100%; }

	.point { padding: 45px 59px; }
	.point .point_left, .point .point_right { float: none; width: 100%; }
	.point .point_left { margin-bottom: 20px; }

	.h1 p { margin-left: 32px; }
	.content ul.elem-list-4 li, .content ul.elem-list-3 li {width: 50%; margin-bottom: 15px;}
	.content ul.elem-list-3 li,.content ul.elem-list-2 li {width: 100%;}
	.principles_h1 { background: none; }
}

@media handheld, only screen and (max-width: 910px), only screen and (max-device-width: 910px) {
	.header_cont .top_menu { padding: 0 30px; text-align: left; }
	.header_cont .top_menu span { padding-bottom: 15px; }
	.header_cont .head .contacts, .header_cont .head .principles { margin-bottom: 35px; }
	.header_cont .head { padding: 15px 45px; }
	.footer .phone, .footer .orwo_logo, .footer .copyright { clear: both; margin-left: 0px; }
	.footer { height: auto; padding: 15px 45px; }
	.articles_top .h1 { padding: 0 45px; }
	.price_table { width: 90%; }
	.person { width: 45%; }
	.person.p3 { margin-top: -170px; }
	.person.p4 { margin-top: 45px; }
	.person.p5 { margin-top: -10px; }

	.three { margin-top: -210px; }
	.point { padding: 45px; }
	.header_cont .top_menu { width: 70%; }
	.principles_h1 .h1 { padding: 35px 45px; }

	.maze { background: url('../images/maze-bg-little.png') repeat-y top center; padding-bottom: 25px; }
	.maze .path_cont #path { background: url('../images/path-little.png') repeat-y center top; }
	#path_block_1, #path_block_2, #path_block_3, #path_block_4, #path_block_5, #path_block_6, #path_block_7 { margin-left: -166px; position: relative; top: 0; margin-bottom: 25px; display: block; }
	#path_block_1 { top: 0px;  }
  	#princip {display:none;}
	#path_block_8 { position: relative; top: 0; display: block; }
	.maze .path_cont { height: 1580px; }

	#makeMeScrollable span { margin-left: 45px; margin-right: -20px; }

	.content dl { width: 45%; }
}

@media handheld, only screen and (max-width: 849px), only screen and (max-device-width: 849px) {
	.footer .phone_new { margin-top: 15px;}
}

@media handheld, only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
	.header_cont .head .logo { position: relative; float: left; left: 0; margin-left: 0; width: 40%; }
	.header_cont .head { padding: 15px 35px; }
	.header_cont .head .contacts { /*position: absolute;*/position: inherit; top: 15px; right: 35px; margin: 0; clear: both; text-align: center; float: inherit; }
	.header_cont .head .contacts .phone { margin-top: 0px; }
	.header_cont .head .contacts .phone_new { margin-bottom: 10px; }
	.header_cont .head .contacts .place { float: right; margin-right: 90px; }

	.header_cont .head .principles { float: left; }
	.header_cont .top_menu { padding: 0 9px; margin-bottom: 0px; }
	.footer { padding: 15px 35px; }
	.about_us .director_word .photo { right: 10px; }
	.content .left_column, .content .right_column { width: 100%; margin-right: 0; }
	.right_column .form input[type="text"] { padding: 0 15px; }
	.right_column .form textarea { padding: 15px; }
	.submenu_button { width: 47.3%; }
	.content p { margin-right: 18px; }
	.articles_top .h1 { padding: 0 35px; }
	.right_column { margin: 25px 35px 0 0; }
	.right_column .form input[type="text"], .right_column .form textarea { width: 92%; }
	.right_column .staff_photo .name { left: 140px; }
	.point { padding: 35px; }
	.principles_h1 .h1 { padding: 35px; }

	#makeMeScrollable span { margin-left: 35px; margin-right: -10px; }
	.content ul.elem-list b.big-text {font-size: 18px;}
	.ask_question { margin:0 15px 20px 15px;float: none; }
}

@media handheld, only screen and (max-width: 730px), only screen and (max-device-width: 730px) {
	.main_menu .main_menu_spot .main_menu_buttons { padding: 18px; }
	.main_menu .main_menu_spot .main_menu_buttons .button { float: none; margin: 0 auto; margin-bottom: 18px; width: 100%; }
	.main_menu .main_menu_spot .main_menu_buttons a { width: 500px; height: 95px; }

	.problem { width: 47%; }
	.result { width: 46%; }

	.price_table { width: 97%; }

	.director_word_right span { float: left; width: 100%; }

	#path_block_1, #path_block_2, #path_block_3, #path_block_4, #path_block_5, #path_block_6, #path_block_7 { width: 270px; margin-left: -155px; }
	#path_block_8 { width: 260px; margin-left: -160px; }
	.jurist_help input, .jurist_help textarea { width: 230px; }
}

@media handheld, only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
	.submenu_button { width: 46%; }
	.person { width: 95%; }
	.three { margin-top: 45px; }

	.person.p3 { margin-top: 45px; }
	.person.p5 { margin-top: 45px; }
}

@media handheld, only screen and (max-width: 610px), only screen and (max-device-width: 610px) {
	.header_cont .top_menu { width: 65%; }
}

@media handheld, only screen and (max-width: 560px), only screen and (max-device-width: 560px) {

	.header_cont { width: 100%; display: table; margin-bottom: 10px; }
	.header_cont .head { padding: 15px; display: table-header-group; }
	.header_cont .top_menu { padding: 10px; display: table-footer-group; }
	.header_cont .head .logo, .header_cont .head .principles { float: none; width: 100%; text-align: center; }
	.header_cont .head .logo { margin-top: 15px; }
	.header_cont .head .principles { margin-bottom: 25px; }
	.header_cont .head .contacts { top: 258px; right: 15px; }
	.header_cont .top_menu span { display: block; padding: 5px 0 5px 5px!important; margin: 0; border-top: 0px; border-left: 6px solid #fff; }
	.header_cont .top_menu .opened_span { border-top: 0px; border-left: 6px solid #6c13b5; margin-bottom: 0px!important; }
	.header_cont .top_menu .submenu { position: relative; margin: 5px 0 0 10px; }
	.header_cont .top_menu .submenu a { display: block; margin-bottom: 8px; }
	.space { height: 0px; }
	.footer { padding: 15px; }
	.about_us .h1 { display: inline-block; left: 0; text-align: left; }
	.about_us .h1 span { display: block; }
	.about_us .director_word { width: 95%; float: left; }
	.about_us .director_word .left_quotes { top: 0; }
	.about_us .director_word .photo { bottom: -55px; }
	.content p { margin-right: 15px; }
	h1 { margin-left: 0; }
	.add_questions input[type="text"], .add_questions textarea { width: 90%; }
	.articles_top .h1 { padding: 0 15px; }
	.right_column { margin-right: 15px; }

	.mediation_table table, .mediation_table thead, .mediation_table tbody, .mediation_table th, .mediation_table td, .mediation_table tr { display: block; }
	.mediation_table th { position: absolute; top: -9999px; left: -9999px; }
	.mediation_table tr { border: 1px solid #cbcbcb; }
	.mediation_table td { border: none; border-bottom: 1px solid #808080; position: relative; padding-left: 50%; }
	.mediation_table td:before { position: absolute; top: 6px; left: 6px; width: 45%;  padding-right: 10px; white-space: nowrap; }
	.mediation_table td:nth-of-type(1):before { content: "Наименование"; }
	.mediation_table td:nth-of-type(2):before { content: "Медиация"; }
	.mediation_table td:nth-of-type(3):before { content: "Судебный процесс"; }

	.about_us .figures { float: left; }
	.brace_bottom { display: block; }
	.about_us .figures { width: 330px; height: auto; }
	.about_us .figures .figures_left { width: 100%; }
	.about_us .figures .figures_right { display: none; }
	.about_us .figures div { font-size: 30px; text-align: center; }
	.director_word_right span { margin-top: 15px; }
	.point { padding: 20px 15px; }
	.principles_h1 .h1 { padding: 35px 15px; }
	.h1 p { margin: 12px 35px 0 0px; }

	#makeMeScrollable span { margin-left: 15px; margin-right: 15px; }
	#makeMeScrollable span#active, #makeMeScrollable a { font-size: 15px; }

	#map_cont_2, #map_cont_3 { min-height: 50%; }

	.form.ask_question_form { width: 280px; margin-left: -170px; top: 50px; }
	.form.ask_question_form textarea { min-height: 100px; }

	.content dl { width: 97%; min-height: 0; }
}

@media handheld, only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
	.about_us .director_word .photo { bottom: -118px;right: -29px; }
	.about_us { padding-bottom: 115px; }
	.del { display: none; }
	.submenu_button { width: 100%; }
	.content p { margin-right: 0; }
	.submenu_button a { width: 500px; }
	.problem { clear: both; width: 100%; margin: 0 0 20px 0; }
	.result { clear: both; width: 100%; }
	.director_word_right span { margin-top: 15px; margin-bottom: -80px; }
	.point { font-size: 28px; }
	h1 { font-size: 30px; }
}
