@media screen and (max-width: 1200px) {
html {
overflow-x: hidden; }
html body .middle_block {
max-width: 1024px; }
html body main .quote {
width: 50%; }
html body .nopadding {
padding: 0 20px; } }
@media screen and (max-width: 1024px) {
body .middle_block {
max-width: 768px; }
body h2 {
font-size: 26px; }
body header .button.transparent {
display: block;
width: 200px;
text-align: left;
padding-left: 0;
margin-top: 0; }
body header .button.yellow {
margin-bottom: 40px; }
body header .background_img {
width: 837px;
height: 465px;
-webkit-transform: translate(-15%, -41%);
transform: translate(-15%, -41%);
background-repeat: no-repeat;
background-position: center;
background-size: contain; }
body header .top_line .logo_container {
margin-left: 0; }
body header .top_line .phone_container {
padding-top: 15px; }
body header .top_line .menu_line {
display: inline-block;
vertical-align: middle;
float: right;
margin-top: -25px; }
body header .top_line .menu_line ul li {
padding: 0 22px; }
body header .top_line .menu_line ul li:last-of-type {
padding-right: 0; }
body main .first_block .points_title {
margin-top: 135px; }
body main .first_block .green_block {
padding: 50px 60px; }
body main .first_block .green_block h3 {
font-size: 24px; }
body main .first_block .green_block.gradient {
border-radius: 10px; }
body main .first_block .green_block.gradient:before, body main .first_block .green_block.gradient:after {
display: none; }
body main .first_block .markers_block {
margin-bottom: 45px; }
body main .first_block .markers_block .markers_img {
width: 285px;
background-size: contain; }
body main .first_block .markers_block .markers_descr {
padding-left: 55px; }
body main .first_block .markers_block .markers_descr h2 {
font-size: 26px; }
body main .second_block h2 {
font-size: 26px;
padding-bottom: 25px; }
body main .second_block .accession {
margin-bottom: 70px; }
body main .second_block .accession .accession_item {
width: 45%;
margin-bottom: 20px; }
body main .second_block .accession > div:nth-of-type(2n) {
margin-right: 0; }
body main .third_block .middle_block > h2 {
margin-top: 110px; }
body main .third_block h2 {
font-size: 26px; }
body main .third_block ul {
padding-top: 60px;
padding-left: 0; }
body main .third_block ul li {
width: 48%; }
body main .third_block ul + span {
padding-left: 0; }
body main .third_block .experts .expert {
width: 150px;
height: 150px;
background-size: contain; }
body main .third_block .yellowblotch {
top: 260px;
right: -70px; }
body main .third_block .question_list .question_item .question_title {
min-height: 50px;
height: auto; }
body main .third_block .quote {
margin-bottom: 40px; }
body main .third_block .green_back {
margin-top: 120px; }
body main .third_block .green_back .half > span {
margin-bottom: 20px; }
body main .third_block .green_back .half > span:first-of-type {
height: auto; }
body main .third_block .green_back .half:last-of-type > span:last-of-type {
margin-bottom: 0; }
body main .third_block .nopadding .half {
display: block;
width: 100%; }
body main .third_block .nopadding .right {
float: none; }
body main .third_block .nopadding .yellowblotch + .half + .half.right {
max-width: 450px;
padding: 0;
margin: auto; }
body main .third_block .nopadding .yellowblotch + .half + .half.right i {
margin-top: 0;
margin-bottom: 20px; }
body main .green_back {
padding: 40px 50px 65px; }
body .half:not(.right) span {
font-size: 32px; } }
@media screen and (max-width: 768px) {
body .middle_block {
max-width: 690px; }
body .half:not(.right) span {
font-size: 22px; }
body h2 {
font-size: 24px; }
body main .first_block .points_block .point {
width: 30%; }
body main .first_block .markers_block .markers_img {
display: block;
margin: 0 auto 40px; }
body main .first_block .markers_block .markers_descr {
width: 100%;
display: block;
margin: auto;
padding: 0; }
body main .third_block .experts .expert {
width: 130px;
height: 130px; }
body main .third_block .yellowblotch {
right: -50%;
-webkit-transform: translate(-25%, 0);
transform: translate(-25%, 0); } }
@media screen and (max-width: 690px) {
body .middle_block {
max-width: 460px; }
body h1 {
font-size: 44px; }
body h2 {
display: block;
float: none;
width: 100%;
text-align: center; }
body .half {
width: 100%; }
body .half.right {
float: none; }
body .half:not(.right) > span {
margin-bottom: 40px;
text-align: center; }
body header {
min-height: 670px;
padding-bottom: 40px; }
body header .main_screen h1 + span {
font-size: 24px; }
body header .top_line {
margin-bottom: 40px; }
body header .top_line .menu_line {
display: block;
margin-top: 0;
display: block;
float: none;
text-align: center; }
body header .top_line .menu_line ul {
margin-top: 30px;
padding-left: 0; }
body header .top_line .menu_line ul li a {
font-size: 22px; }
body header .top_line .menu_line ul li:first-of-type {
padding-left: 0; }
body header .top_line .logo_container {
display: block;
max-width: 314px;
margin: 0 auto 20px; }
body header .top_line .phone_container {
display: block;
padding-top: 0;
text-align: center;
margin: auto;
float: none; }
body header .background_img {
top: 70%;
display: none; }
body main .quote {
padding: 20px 30px 10px 30px;
width: 100%; }
body main .quote.right_arrow:before {
right: auto;
top: auto;
bottom: -30px;
left: 50%;
-webkit-transform: translate(-50%, 0) rotate(90deg);
transform: translate(-50%, 0) rotate(90deg); }
body main .green_back {
padding: 20px 30px 45px;
margin-bottom: 50px; }
body main .first_block .points_title {
margin-top: 60px;
display: block;
width: 100%;
margin-bottom: 50px; }
body main .first_block .points_block .point {
margin-right: 0;
width: 100%;
margin-bottom: 50px; }
body main .first_block .points_block .point .point_descr {
width: 60%; }
body main .first_block .points_block > div:last-of-type {
margin-bottom: 0; }
body main .first_block .green_block {
padding: 30px 50px 50px; }
body main .first_block .markers_block .markers_img {
padding: 17% 0; }
body main .second_block .form_block .quote {
padding-bottom: 30px;
margin-bottom: 60px; }
body main .second_block .form_block .list {
padding-right: 20px;
margin-bottom: 60px; }
body main .third_block ul {
margin-bottom: 30px; }
body main .third_block .experts {
text-align: center; }
body main .third_block .experts .expert {
width: 170px;
height: 170px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
margin: 0 10px; }
body main .third_block .yellowblotch {
-webkit-transform: translate(10%, 0);
transform: translate(10%, 0);
top: 350px; }
body main .third_block .map {
display: none; }
body main .third_block .green_back {
margin-top: 80px; }
body main .third_block .quote {
margin-bottom: 50px; }
body main .third_block .nopadding .yellowblotch + .half + .half.right i {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px; }
body footer .green_line .half.right {
width: 100%;
margin-bottom: 50px; }
body footer .green_line .half:not(.right) span {
color: #fff;
font-size: 32px;
margin-bottom: 20px;
display: block;
text-align: left; }
body footer .black_line .fl_rgt {
float: none;
margin-top: 10px; } }
@media screen and (max-width: 460px) {
body .middle_block {
max-width: 320px; }
body header .top_line .menu_line ul li {
padding: 0 5px; }
body header .top_line .menu_line ul li a {
font-size: 20px; }
body main .first_block .green_block {
padding: 30px 20px 50px; }
body main .first_block .green_block .button {
max-width: 240px;
width: 100%; }
body main .first_block .points_block {
padding: 80px 0 50px; }
body main .third_block .experts .expert {
margin-bottom: 40px; }
body main .third_block .experts div:last-of-type {
margin-bottom: 0; }
body main .third_block .green_back {
margin-top: 60px; }
body main .third_block .tabs_btn .tab_btn {
max-width: 100px; }
body main .third_block .yellowblotch {
-webkit-transform: translate(20%, 0);
transform: translate(20%, 0);
top: 630px; }
body main .third_block ul li {
padding-left: 20px; } }
/*# sourceMappingURL=media.css.map */