@media screen and (max-width: 1640px) {

body {width: 100%; min-width: 1480px;}
.mp_block1 {height: 850px;}
#mp_block1__rotate {width: 100px; height: 750px;}
.block_padding {padding: 120px 100px 120px 0px;}
#block2_invest {margin-top: 120px;}
#block3_why {margin-top: 32px;}
#services .serv_el {margin-top: 64px;}
#services .serv_el:first-child {margin-top: -100px;}
.block_padding2 {padding: 0px 100px 120px 0px;}
#main {padding: 0px 0px 120px 100px;}
footer {margin-top: -120px;}
#contacts {padding: 56px 100px 120px 0px;}
#map {height: 520px;}

}

@media screen and (max-width: 1480px) {
  
body {width: 100%; min-width: 1260px;}
#panel {width: 80px;}
#panel_logo {width: 80px; height: 80px;}
.block1_tbl__top {height: 80px;}
.block1_tbl__top > div:first-child a {width: 190px; height: 80px;}
#panel_logo:after {width: 190px; height: 80px; left: -190px; background-size: 190px 80px;}
#ham {width: 80px; height: 80px;}
#block1_tbl > div:last-child {width: 80px;}
#main {padding: 0px 0px 100px 80px;}
#panel_logo:hover:after {left: 80px;}
.mp_block1 {height: 660px;}
#mp_block1__rotate {width: 80px; height: 580px;}
#panel_menu {margin-top: -80px;}
#mp_block1__content {height: calc(100% - 40px); margin-top: -80px;}
#mp_block1__content h1 {font-size: 56px;}
.block_padding {padding: 100px 80px 100px 0px;}
.centered {max-width: 1020px;}
#block2_invest {margin-top: 100px;}
.thesis p:first-child {font-size: 56px;}
#block3_why > div {padding: 0px 24px; margin-top: 56px;}
#block3_why {margin-top: 24px;}
footer {margin-top: -100px; width: calc(100% - 80px); padding: 48px 80px 48px 0px; margin-left: 80px; min-height: 140px;}
#block3_info .txt h2, #block4 .centered .txt h2 {font-size: 46px;}
#block4 .centered .btn, #mp_block1__content .btn, #contacts_body > div:last-child .btn {margin-top: 48px;}
#inner_block1__content {height: calc(100% - 136px);}
.inner_block1 {height: 340px;}
#inner_block1__content h1 {font-size: 56px;}
#services .serv_el {margin-top: 56px;}
#services .serv_el:first-child {margin-top: -56px;}
.txt h2 {font-size: 34px;}
#service_info__pic {margin-top: -56px;}
.block_padding2 {padding: 0px 80px 100px 0px;}
#contacts {padding: 56px 80px 100px 0px;}
#map {height: 480px;}
#mp_block1__rotate > p {line-height: 80px; height: calc(100% - 80px);}
#inner_why .flex > div {margin-top: 56px; padding: 0px 24px;}
#inner_why .flex > div:nth-child(-n+4) {margin-top: 0px;}
#footer_tbl > div:nth-child(2) .txt p {margin-top: 6px;}
#modal_menu .block1_tbl__top > div:first-child a {width: 270px; height: 80px; padding-left: 80px;}
#modal_menu .block1_tbl__top > div:first-child a:before {width: 80px; height: 80px; background-size: 80px 80px;}
#close {width: 80px; height: 80px;}
#modal_menu .block1_tbl__top > div:last-child {width: 80px;}
#modal_menu__body {width: 60%; height: calc(100% - 160px); margin: 0 auto; position: relative; margin-top: 50px;}

}

@media screen and (max-width: 1260px) {
  
body {width: 100%; min-width: 1060px; font-size: 17px;}
#panel {width: 64px;}
#panel_logo {width: 64px; height: 64px;}
.block1_tbl__top {height: 64px;}
.block1_tbl__top > div:first-child a {width: 150px; height: 64px;}
#panel_logo:after {width: 150px; height: 64px; left: -150px; background-size: 150px 64px;}
#ham {width: 64px; height: 64px;}
#block1_tbl > div:last-child {width: 64px;}
#main {padding: 0px 0px 80px 64px;}
#panel_logo:hover:after {left: 64px;}
.mp_block1 {height: 560px;}
#mp_block1__rotate {width: 64px; height: 460px;}
.block1_tbl__top > div:nth-child(3) {width: 134px; padding-right: 48px;}
.block1_tbl__top > div:nth-child(2) {width: 232px; padding-right: 48px;}
#mp_block1__rotate > p {line-height: 64px; height: calc(100% - 64px);}
#panel_menu {margin-top: -64px;}
#panel_menu ul > li > a {padding: 16px 0px;}
#panel_menu ul > li > a > img {width: 30px; height: 36px;}
#mp_block1__content h1 {font-size: 50px;}
#mp_block1__content {height: calc(100% - 32px); margin-top: -64px;}
.block_padding {padding: 80px 64px 80px 0px;}
.centered {max-width: 920px;}
#block2_invest {margin-top: 80px;}
.txt h2 {font-size: 32px;}
#block2_tabs__nav > li {margin-right: 24px;}
#block3_info .txt h2, #block4 .centered .txt h2 {font-size: 42px;}
#block3_why > div {padding: 0px 16px;}
.thesis p:first-child {font-size: 50px;}
footer {margin-top: -80px; width: calc(100% - 64px); padding: 48px 64px 48px 0px; margin-left: 64px; min-height: 140px;}
#footer_tbl > div:first-child {padding-right: 40px;}
#inner_block1__content h1 {font-size: 50px;}
#inner_block1__content {height: calc(100% - 104px);}
.inner_block1 {height: 300px;}
#services .serv_el > div {vertical-align: top;}
.block_padding2 {padding: 0px 64px 80px 0px;}
#services .serv_el:first-child {margin-top: -40px;}
#services .serv_el {margin-top: 48px;}
#services .serv_el > div:first-child {padding-top: 88px; padding-bottom: 0px;}
#service_info__pic {margin-top: -40px;}
#service_info__body > div:first-child {padding-top: 48px;}
#service_info__body > div:first-child h2 {font-size: 28px;}
#other_services__list a, #other_services__list a:visited {width: 50px; height: 36px;}
#inner_why .flex > div {padding: 0px 16px;}
#inner_why .flex > div:nth-child(-n+4) {margin-top: 0px;}
#contacts {padding: 48px 64px 80px 0px;}
#map {height: 400px;}
.txt h3 {font-size: 26px;}
#modal_menu .block1_tbl__top > div:first-child a {width: 214px; height: 64px; padding-left: 64px;}
#modal_menu .block1_tbl__top > div:first-child a:before {width: 64px; height: 64px; background-size: 64px 64px;}
#close {width: 64px; height: 64px;}
#modal_menu .block1_tbl__top > div:last-child {width: 64px;}
#modal_menu__body {width: 70%; height: calc(100% - 128px); margin: 0 auto; position: relative; margin-top: 30px;}
.modal_menu__body__el p {font-size: 30px;}

}

@media screen and (max-width: 1060px) {
  
body {width: 100%; min-width: 860px; font-size: 16px;}
.centered {max-width: 100%; padding: 0px 40px;}
#mp_block1__content h1 {font-size: 44px;}
.mp_block1 {height: 520px;}
#mp_block1__rotate {height: 456px;}
#mp_block1__content {height: 100%; margin-top: -64px;}
.block_padding {padding: 64px 64px 64px 0px;}
#block2_tabs__nav > li {margin-right: 16px; width: 50px; height: 36px;}
#block2_invest {margin-top: 64px;}
#block3_why {margin-top: 0px;}
#block3_why > div {width: calc(100% / 3); margin-top: 48px; padding: 0px 24px;}
#block3_info .txt h2, #block4 .centered .txt h2 {font-size: 38px;}
#block4 .centered .btn, #mp_block1__content .btn, #contacts_body > div:last-child .btn {margin-top: 40px;}
#footer_tbl > div:last-child {width: 46px; padding-left: 0px;}
#ii {width: 46px; padding-left: 0px;}
#ii > p {display: none;}
.txt h2 {font-size: 28px;}
.block_padding2 {padding: 0px 64px 64px 0px;}
#inner_block1__content h1 {font-size: 44px;}
.inner_block1 {height: 240px;}
#services .serv_el > div:first-child {padding-top: 0px;}
#services .serv_el {margin-top: 40px;} 
#services .serv_el:first-child > div:first-child {padding-top: 16px; padding-bottom: 16px;}
#services .serv_el:first-child {margin-top: 20px;}
#services .serv_el > div {vertical-align: middle;}
#inner_block1__content {height: calc(100% - 64px);}
#service_info__pic {margin-top: 24px;}
#service_info__body > div:first-child h2 {font-size: 26px;}
#inner_why .flex > div {width: calc(100% / 3); padding: 0px 24px; margin-top: 48px;}
#inner_why .flex > div:nth-child(-n+4) {margin-top: 48px;}
#inner_why .flex > div:nth-child(-n+3) {margin-top: 0px;}
.input {height: 56px; padding: 0px 16px; font-size: 16px;}
.textarea {padding: 16px 16px; font-size: 16px;}
.btn {padding: 0px 32px; font-size: 17px; min-width: 140px;}
#contacts_body > div:first-child .txt p > span {font-size: 24px;}
#main {padding: 0px 0px 64px 64px;}
.txt h3 {font-size: 22px;}
#modal_menu__body {width: 70%; height: calc(100% - 128px); margin: 0 auto; position: relative; margin-top: 30px;}
.modal_menu__body__el p {font-size: 28px; margin-top: 12px;}
.modal_menu__body__el p:first-child {margin-top: 0px;}
.modal_menu__body__el {padding-right: 32px;}
.txt ul li:before {top: 7px;}

}

@media screen and (max-width: 860px) {

body {width: 100%; min-width: 740px; font-size: 16px;}
.centered {max-width: 100%; padding: 0px 24px;}
#panel {display: none;}
#main {padding: 0px 0px 64px 0px;}
#mp_block1__rotate {display: none;}
#block1_tbl > div:last-child {z-index: 2; position: absolute; width: 64px; height: 64px; top: 0px; right: 0px;}
#block1_tbl__block1 {z-index: 1; position: relative; width: 100%;}
.block1_tbl__top > div:nth-child(3) {width: 180px; padding-right: 64px;}
.block1_tbl__top > div:first-child a {width: 214px; height: 64px;padding-left: 64px; position: relative;}
.block1_tbl__top > div:first-child a:before {content: ''; width: 64px; height: 64px; display: block; background: url('../img/logo_p1.svg') no-repeat; background-size: 64px 64px; position: absolute; left: 0px; top: 0px;}
.block_padding {padding: 64px 0px 64px 0px;}
.mp_block1 {height: 100vh;}
.thesis p:first-child {font-size: 46px;}
#block3_info .txt h2, #block4 .centered .txt h2 {font-size: 34px;}
#block3_why > div {margin-top: 40px;}
#block3_why {margin-top: 24px;}
footer {margin-top: -64px; width: 100%; padding: 40px 0px 40px 0px; margin-left: 0px; min-height: 120px;}
#footer_tbl {display: block !important; padding-bottom: 40px; position: relative; overflow: hidden;}
#footer_tbl:after {content: ''; display: table; clear: both;}
#footer_tbl > div {display: block !important; float: left;}
#footer_tbl > div:nth-child(2) {width: calc(100% - 46px);}
#footer_tbl > div:nth-child(2) > .txt {padding-right: 24px;}
#footer_tbl > div:first-child {position: absolute; left: 0px; width: 100%; float: none; padding-right: 0px; top: calc(100% - 20px); height: 20px;}
#footer_tbl > div:first-child p {line-height: 20px; font-size: 14px;}
#service_info__body > div:first-child {float: left; width: 60%; padding-right: 24px;}
#service_info__body > div:last-child {float: left; width: 40%; padding-left: 24px;}
#inner_why .flex > div {margin-top: 40px;}
#inner_why .flex > div:nth-child(-n+4) {margin-top: 40px;}
#inner_why .flex > div:nth-child(-n+3) {margin-top: 0px;}
#inner_block1__content h1 {font-size: 38px;}
.inner_block1 {height: 220px;}
#contacts {padding: 48px 0px 64px 0px;}
#contacts_body > div:first-child {padding-right: 24px;}
#contacts_body > div:last-child {padding-left: 24px;}
#map {height: 300px;}
#block2_invest {margin-top: 56px;}
.block_padding2 {padding: 0px 0px 64px 0px;}
#mp_block1__content {height: 100%; margin-top: -32px;}
#modal_menu .block1_tbl__top > div:nth-child(3) {width: 116px; padding-right: 0px;}
#modal_menu__body {width: 70%; height: calc(100% - 200px); margin: 0 auto; position: relative; margin-top: 60px;}
.modal_menu__body__el p {font-size: 26px; margin-top: 10px;}
.modal_menu__body__el p:first-child {margin-top: 0px;}
.modal_menu__body__el {padding-right: 24px;}

}

@media screen and (max-width: 740px) {

body {width: 100%; min-width: 620px; font-size: 15px;}
#block2_tabs__body .serv_el > div:first-child {width: 60%;}
#block2_tabs__body .serv_el > div:last-child {width: 40%;}
.btn {padding: 0px 24px; font-size: 16px; min-width: 100px; height: 48px; line-height: 48px;}
#block2_tabs__nav > li {margin-right: 10px; width: 44px; height: 32px;}
#block2_invest .serv_el > div:first-child {width: 40%; position: relative;}
#block2_invest .serv_el > div:last-child {width: 60%;}
#block2_invest .serv_el > div:first-child > img {max-width: 100%;}
#services .serv_el > div:last-child {width: 40%; position: relative;}
#services .serv_el > div:first-child {width: 60%;}
.txt h2 {font-size: 24px;}
.serv_el .btn {margin-top: 32px;}
#service_info__body > div:first-child h2 {font-size: 24px;}
#map {height: 260px;}
#mdl {width: 480px; padding: 32px;}
#mdl_inputs {margin-top: 24px;}

}

@media screen and (max-width: 620px) {

body {width: 100%; min-width: 320px; font-size: 15px;}
.block1_tbl__top > div:first-child a {width: 190px; height: 56px; padding-left: 56px;}
.block1_tbl__top > div:first-child a:before {content: ''; width: 56px; height: 56px; display: block; background: url('../img/logo_p1.svg') no-repeat; background-size: 56px 56px; position: absolute; left: 0px; top: 0px;}
.block1_tbl__top {height: 56px;}
.block1_tbl__top > div:nth-child(2) {display: none;}
#block1_tbl > div:last-child {width: 56px; height: 56px;}
#ham {width: 56px; height: 56px; background-size: 24px 23px; background-position: 50% 50%;} 
.block1_tbl__top > div:nth-child(3) {width: 150px; padding-right: 56px;}
#mp_block1__content h1 {font-size: 38px;}
.block_padding {padding: 56px 0px 56px 0px;}
.serv_el {display: block;}
.serv_el > div {display: block !important;}
#block2_tabs__body .serv_el > div:first-child {width: 100%; padding-right: 0px;}
#block2_tabs__body .serv_el > div:last-child {width: 60%; margin-left: 20%; margin-top: 32px; padding-left: 0px;}
#block2_tabs__nav {width: 100%; border-top: 1px solid #4d72b8; margin: 0 auto; margin-top: 16px; padding-top: 16px; list-style: none; padding-left: calc((100% - 260px) / 2); padding-right: calc((100% - 260px) / 2);}
#block2_tabs__nav > li:last-child {margin-right: 0px;}
#block2_invest .serv_el > div:first-child {width: 60%; margin-left: 20%; padding-right: 0px;}
#block2_invest .serv_el > div:last-child {padding-left: 0px; width: 100%; margin-top: 24px;}
#block3_why > div {width: 50%;}
#inner_block1__content h1 {font-size: 32px;}
#inner_block1__content {height: calc(100% - 56px);}
.inner_block1 {height: 200px;}
#services .serv_el {display: block !important;}
#services .serv_el > div {display: block !important;}
#services .serv_el > div:first-child {padding-top: 0px; padding-bottom: 0px; width: 100%; padding-right: 0px;}
#services .serv_el:first-child > div:first-child {padding-top: 0px; padding-bottom: 0px;}
#services .serv_el:first-child {margin-top: 40px;}
#services .serv_el > div:last-child {width: 60%; position: relative; padding-left: 0px; margin-left: 20%; margin-top: 32px;}
.lng_li a {font-size: 17px;}
#service_info__body > div:first-child {float: none; width: 100%; padding-right: 0px;}
#service_info__body > div:last-child {float: none; width: 100%; padding-left: 0px; margin-top: 24px;}
#service_info__pic {width: 60%; margin-left: 20%;}
#other_services__list a, #other_services__list a:visited { margin: 0px 12px 16px;}
.block_padding2 {padding: 0px 0px 56px 0px;}
#inner_why .flex > div {margin-top: 40px; width: 50%;}
#inner_why .flex > div:nth-child(-n+4) {margin-top: 40px;}
#inner_why .flex > div:nth-child(-n+3) {margin-top: 40px;}
#inner_why .flex > div:nth-child(-n+2) {margin-top: 0px;}
#contacts_body {display: block !important;}
#contacts_body > div {display: block !important;}
#contacts_body > div:first-child {padding-right: 0px; width: 100%;}
#contacts_body > div:last-child {padding-left: 0px; width: 100%; margin-top: 40px;}
.service_info__body--text #service_info__pic {width: 80%; margin-left: 10%;}
#contacts {padding: 48px 0px 56px 0px;}
#modal_menu .block1_tbl__top > div:first-child a {width: 190px; height: 56px; padding-left: 56px;}
#modal_menu .block1_tbl__top > div:first-child a:before {width: 56px; height: 56px; background-size: 56px 56px;}
#close {width: 56px; height: 56px;}
#modal_menu .block1_tbl__top > div:last-child {width: 56px;}
#modal_menu .block1_tbl__top > div:nth-child(3) {width: 96px; padding-right: 0px;}
#close {background-size: 24px 23px;}
#modal_menu__body .flex > div {width: 100%;}
#modal_menu__body {width: 80%; height: calc(100% - 200px); margin: 0 auto; position: relative; margin-top: 60px;}
.modal_menu__body__el p {font-size: 24px; margin-top: 10px;}
.modal_menu__body__el p:first-child {margin-top: 10px;}
.modal_menu__body__el {padding-right: 0px;}
.modal_menu__body__el--serv {padding-left: 16px;}

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

#mdl {width: 380px; padding: 24px;}
#mdl .btn {margin-top: 24px;}

}

@media screen and (max-width: 480px) {
  
.block1_tbl__top > div:first-child a {width: 170px; height: 48px; padding-left: 48px;}
.block1_tbl__top > div:first-child a:before {width: 48px; height: 48px; background-size: 48px 48px;}
.block1_tbl__top {height: 48px;}
#block1_tbl > div:last-child {width: 48px; height: 48px;}
#ham {width: 48px; height: 48px; background-size: 20px 19px; background-position: 50% 50%;} 
.block1_tbl__top > div:nth-child(3) {width: 132px; padding-right: 48px;}
#mp_block1__content h1 {font-size: 34px;}
.block_padding {padding: 48px 0px 48px 0px;}
#block2_tabs__body .serv_el > div:last-child {width: 80%; margin-left: 10%;}
#block2_invest .serv_el > div:first-child {width: 80%; margin-left: 10%;}
#block3_info .txt h2, #block4 .centered .txt h2 {font-size: 32px;}
.thesis p:first-child {font-size: 40px;}
#block3_why > div {padding: 0px 16px;}
#block3_why {margin-top: 16px;}
#block4 .centered .btn, #mp_block1__content .btn, #contacts_body > div:last-child .btn {margin-top: 32px;}
#services .serv_el > div:last-child {width: 80%; margin-left: 10%;} 
#footer_tbl > div:first-child p {font-size: 13px;}
#service_info__pic {width: 80%; margin-left: 10%;}
#other_services__list a, #other_services__list a:visited {width: 40px; height: 30px;}
#inner_block1__content {height: calc(100% - 48px);}
.service_info__body--text #service_info__pic {width: 100%; margin-left: 0%;}
footer {margin-top: -64px; width: 100%; padding: 32px 0px 32px 0px;}
#modal_menu .block1_tbl__top > div:first-child a {width: 170px; height: 48px; padding-left: 48px;}
#modal_menu .block1_tbl__top > div:first-child a:before {width: 48px; height: 48px; background-size: 48px 48px;}
#close {width: 48px; height: 48px;}
#modal_menu .block1_tbl__top > div:last-child {width: 48px;}
#modal_menu .block1_tbl__top > div:nth-child(3) {width: 86px; padding-right: 0px;}
#close {background-size: 20px 19px;}

}

@media screen and (max-width: 420px) {

#mdl {width: 340px; padding: 16px;}
#mdl .btn {margin-top: 16px;}
#mdl_inputs {margin-top: 16px;}

}

@media screen and (max-width: 380px) {
  
#inner_block1__content h1 {font-size: 28px;}
.inner_block1 {height: 180px;}
#contacts {padding: 40px 0px 48px 0px;}
#map {height: 220px;}
#contacts_body > div:first-child .txt p > span {font-size: 19px;}
#mp_block1__content h1 {font-size: 30px;}
#block2_tabs__body .serv_el > div:last-child, #block2_invest .serv_el > div:first-child, #services .serv_el > div:last-child, #service_info__pic {width: 100%; margin-left: 0%;}
#block3_info .txt h2, #block4 .centered .txt h2 {font-size: 26px;}
#block3_why > div {width: 100%; margin-top: 32px;}
.thesis p:last-child {margin-top: 12px;}
#block3_why {margin-top: 16px;}
.txt h2, #service_info__body > div:first-child h2 {font-size: 22px;}
.txt h3 {font-size: 19px;}
#other_services__list a, #other_services__list a:visited {margin: 0px 8px 16px;}
.block_padding2 {padding: 0px 0px 48px 0px;}
#service_info__body > div:first-child {padding-top: 40px;}
#inner_why .flex > div {margin-top: 32px; width: 100%;}
#inner_why .flex > div:nth-child(-n+4) {margin-top: 32px;}
#inner_why .flex > div:nth-child(-n+3) {margin-top: 32px;}
#inner_why .flex > div:nth-child(-n+2) {margin-top: 32px;}
#inner_why .flex > div:nth-child(-n+1) {margin-top: 0px;}
.btn {padding: 0px 20px; font-size: 15px; height: 40px; line-height: 40px;}
.input {height: 40px; padding: 0px 16px; font-size: 15px;}
.textarea {font-size: 15px; height: 120px;}
#other_services__list a, #other_services__list a:visited {width: 38px; height: 29px;}

}

@media screen and (max-width: 360px) {

#mdl {width: 270px;}

}