@media screen and (min-width: 2500px) {
   .index_description {
     margin-top: -200px;
     padding-top: 250px;
  }
   .how_test_work {
     margin-top: -250px;
     padding-top: 290px;
  }
   .index_start_testing {
     margin-top: -220px;
     padding-top: 230px;
  }
   .index_recommended {
     margin-top: -240px;
     padding-top: 260px;
  }
   .index_problems {
     margin-top: -140px;
     padding-top: 200px;
     background: url("../img/problems_img_2.png") no-repeat right bottom, url("../img/problems_bg.png") no-repeat top left;
     background-size: auto auto, cover;
  }
   .contacts_form {
     margin-top: -220px;
     padding-top: 250px;
  }
   footer {
     margin-top: -280px;
     padding-top: 290px;
  }
}
 @media screen and (max-width: 1700px) {
   header .inner_wrap {
     padding: 25px 20px 0;
  }
   header a {
     color: #fff;
  }
   header .header_contacts_desktop .phone_ico {
     font-size: 14px;
  }
   header .header_contacts_desktop .phone_ico:before {
     width: 20px;
     height: 20px;
     top: 0;
  }
   header .header_contacts_desktop .button_light {
     font-size: 14px;
  }
   header nav ul li a {
     font-size: 16px;
     padding: 0 30px 30px;
  }
   .how_test_work .amatic_sc {
     position: relative;
     left: auto;
     padding: 0 0 45px 60px;
     margin-top: 0;
     margin-left: 30px;
  }
   .how_test_work .amatic_sc:before {
     background: url("../img/arrow2.svg") no-repeat;
     background-size: 100% 100%;
     top: 0;
     right: auto;
     left: 0;
     transform: rotate(135deg);
  }
   .how_test_work .list .item:nth-child(5):after {
     right: -25px;
  }
   .index_start_testing .amatic_sc {
     display: none;
  }
   .index_problems {
     background: url("../img/problems_img_2.png") no-repeat center bottom, url("../img/problems_bg.png") no-repeat top center;
     background-size: 250px auto, cover;
     padding: 150px 0 270px;
  }
   .index_problems .img_box .amatic_sc {
     display: none;
  }
   .main_top_banner .text_box {
     padding-top: 50px;
     padding-bottom: 155px;
  }
   .main_top_banner .img_box {
     min-height: 582px;
  }
   .main_top_banner .img_box img {
     max-width: 600px;
  }
   .main_top_banner .img_box span {
     font-size: 22px;
  }
   .main_top_banner .img_box .string_1 {
     right: 60px;
     top: 110px;
  }
   .main_top_banner .img_box .string_2 {
     right: -40px;
     top: 210px;
  }
   .main_top_banner .img_box .string_3 {
     right: -30px;
     top: 330px;
  }
}
 @media screen and (max-width: 1200px) {
   .main_wrapper {
     transition: left 0.2s ease;
  }
   .main_wrapper.nav-open nav {
     display: block !important;
  }
   .main_wrapper.nav-open:before {
     content: '';
     position: fixed;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     margin: auto;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     z-index: 9999;
  }
   .main_wrapper.nav-open header {
     z-index: 99999;
     max-height: 100%;
     overflow-y: auto;
  }
   .main_wrapper.nav-open header .inner_wrap {
     background: url("../img/header_contacts_mobile_bg.png") no-repeat left 110%, url("../img/header_mobile_bg.png") no-repeat bottom left;
     background-size: 100% 370px, cover;
  }
   .hidden_body {
     overflow: hidden;
  }
   header {
     color: #000;
  }
   header .inner_wrap {
     background: url("../img/header_mobile_bg.png") no-repeat bottom left;
     background-size: cover;
     display: block;
     padding: 10px 0 25px;
  }
   header .inner_wrap:before {
     display: none;
  }
   header a {
     color: #000;
  }
   header .header_logo_desktop {
     display: none;
  }
   header .header_logo_mobile {
     display: block;
     margin-left: 13px;
  }
   header .header_contacts_mobile {
     display: block;
     padding: 60px 15px 40px;
     position: relative;
  }
   header .header_contacts_mobile .title {
     font-size: 20px;
     padding-bottom: 20px;
  }
   header .header_contacts_mobile .button_light {
     max-width: 195px;
  }
   header .header_contacts_desktop {
     display: none;
  }
   header nav {
     padding: 50px 0 0;
     display: none;
  }
   header nav ul {
     display: block;
     background-image: none;
     padding: 0 15px;
  }
   header nav ul li a {
     color: rgba(0, 0, 0, 0.5);
     font-size: 20px;
     padding: 0 0 24px;
     position: relative;
     font-weight: 400;
  }
   header nav ul li a:hover {
     color: #fff;
     transform: scale(1);
  }
   header nav ul li a:before {
     display: none;
  }
   .mob_menu_btn {
     background: url("../img/mob_but_bg.png") no-repeat;
     background-size: 100% 100%;
     width: 96px;
     height: 59px;
     position: absolute;
     right: 0;
     top: 10px;
     z-index: 99999;
     display: block;
  }
   .mob_menu_btn:before {
     content: '';
     width: 53px;
     height: 29px;
     background: url("../img/nav_open.svg") no-repeat;
     background-size: 100% 100%;
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
     left: 50%;
  }
   .mob_menu_btn.open:before {
     width: 41px;
     height: 40px;
     background: url("../img/nav_close.svg") no-repeat;
     background-size: 100% 100%;
  }
   .main_top_banner {
     background: url("../img/top_banner_bg.jpg") no-repeat top center;
     background-size: cover;
     padding: 140px 0 0;
     text-align: center;
  }
   .main_top_banner h1 {
     font-size: 50px;
  }
   .main_top_banner .subtitle {
     font-size: 30px;
     padding: 20px 0 30px 0;
  }
   .main_top_banner .subtitle:before {
     left: 0;
     right: 0;
     top: 0;
     margin: auto;
  }
   .main_top_banner .desc {
     margin: 0 auto;
     font-size: 20px;
     max-width: 475px;
  }
   .main_top_banner .button {
     margin: 35px auto 15px;
     display: block;
  }
   .main_top_banner .amatic_sc {
     display: none;
  }
   .main_top_banner .text_box {
     padding-top: 0;
     padding-bottom: 0;
  }
   .main_top_banner .img_box {
     min-height: 582px;
     max-width: 600px;
     margin: 0 auto;
     padding: 0;
  }
   .main_top_banner .img_box img {
     display: block;
     margin-left: 0;
     width: 100%;
  }
   .index_description {
     margin-top: -100px;
  }
   .index_description .img_box img {
     max-width: 640px;
     display: block;
  }
   .index_description .description {
     font-size: 16px;
     padding-left: 35px;
  }
   .index_description .description:before {
     width: 26px;
     top: 10px;
  }
   .how_test_work .list .item:after {
     top: 52px;
  }
   .how_test_work .list .item .img_box {
     width: 130px;
     height: 130px;
  }
   .how_test_work .list .item .img_box .icon_box {
     width: 103px;
     height: 103px;
  }
   .how_test_work .list .item:nth-child(5):after {
     display: none;
  }
   .index_charts:before {
     display: none;
  }
   .index_start_testing {
     background: url("../img/index_start_testing_circle_3.png") no-repeat top right, url("../img/contacts_form_bg.png") no-repeat top left;
     background-size: auto, cover;
  }
   .index_start_testing .text_box {
     padding-bottom: 0;
  }
   .index_start_testing .text_box .image {
     position: relative;
     left: auto;
     bottom: auto;
     width: calc(100% + 140px);
     max-width: 500px;
     margin: 0 -70px;
  }
   .index_start_testing .text_box .subtitle {
     font-size: 25px;
     padding-bottom: 15px;
  }
   .index_recommended {
     margin-top: -100px;
     padding-top: 140px;
  }
   .index_recommended .amatic_sc {
     display: inline-block;
     position: relative;
     left: auto;
     bottom: auto;
     margin: 0 0 23px 40px;
  }
   .index_recommended .amatic_sc:before {
     top: -11px;
     transform: rotate(25deg);
  }
   .index_recommended .recommended_slider {
     padding: 0 15px 15px;
  }
   .index_recommended .recommended_slider .slide {
     padding: 0;
     transform: scale(1);
     opacity: 1;
  }
   .index_recommended .recommended_slider .slide img {
     box-shadow: none;
  }
   .index_recommended .recommended_slider .slide .number {
     display: none;
  }
   .index_recommended .recommended_slider .slide p {
     font-size: 18px;
     margin: 15px auto 0;
  }
}
 @media screen and (max-width: 992px) {
   .index_description {
     padding-top: 100px;
  }
   .index_description .img_box {
     order: 1;
  }
   .index_description .img_box img {
     width: 100%;
     margin: 0 auto;
  }
   .index_description .text_box {
     order: 0;
     padding-bottom: 50px;
     margin: 0 auto;
  }
   .index_charts {
     font-size: 16px;
     margin-top: -130px;
  }
   .index_charts .row .text_box {
     order: 0 !important;
  }
   .index_charts .row .img_box {
     order: 1 !important;
     margin-bottom: 23px;
     margin-top: 15px;
  }
   .index_charts .row .img_box:before {
     bottom: auto !important;
     top: -15px !important;
     right: auto !important;
     left: 5px !important;
  }
   .index_charts .row p {
     padding-bottom: 20px;
  }
   .how_test_work:before {
     display: none;
  }
   .how_test_work .list .item {
     width: 33.3%;
  }
   .how_test_work .list .item:after {
     display: block !important;
     background: url("../img/arrow.svg") no-repeat !important;
     background-size: 100% 100% !important;
     transform: rotate(0) !important;
     width: 35px !important;
     height: 35px !important;
     top: 30px !important;
     right: -18px !important;
  }
   .how_test_work .list .item:nth-child(3n):after, .how_test_work .list .item:last-child:after {
     display: none !important;
  }
   .index_problems .title {
     padding-bottom: 16px;
  }
   .index_problems .img_box {
     position: relative;
     margin-bottom: 33px;
  }
   .index_problems .img_box img {
     max-width: 540px;
     margin: 0 auto;
  }
   .index_problems .problems_list li {
     padding: 0 0 14px 40px;
     font-size: 16px;
  }
   footer {
     padding: 200px 0 20px;
  }
   footer .footer_logo {
     padding-bottom: 30px;
  }
   footer .footer_nav {
     display: none;
  }
   footer .footer_contacts {
     margin-left: 0;
  }
   .page {
     padding: 160px 0 200px;
     background: url("../img/top_banner_bg.jpg") no-repeat top center;
     background-size: cover;
  }
   .page h1 {
     font-size: 35px;
  }
   .page .title {
     font-size: 30px;
  }
   .test_questions {
     padding: 0 30px;
  }
   .test_questions .title {
     padding-bottom: 50px;
     padding-top: 35px;
  }
   .test_questions .question_text {
     font-size: 16px;
     padding-bottom: 40px;
  }
   .test_questions .button {
     width: 100%;
     padding: 19px 0;
  }
   .test_questions .prev_question, .test_questions .next_question {
     width: 25px;
     height: 25px;
     top: 120px;
  }
   .test_answers_btn {
     max-width: 480px;
     margin: 0 auto;
  }
   .test_answers_btn .row {
     margin: 0 -5px;
  }
   .test_answers_btn .col-4 {
     padding: 0 5px;
  }
   .test_answers_btn .button {
     width: 100%;
     padding: 15px 0;
     font-size: 12px;
  }
   .page_form .subtitle {
     font-size: 16px;
     padding-bottom: 26px;
  }
}
 @media screen and (max-width: 850px) {
   .main_wrapper.nav-open header .inner_wrap {
     background-size: auto 350px, cover;
  }
}
 @media screen and (max-width: 768px) {
   .title, h1 {
     font-size: 30px;
  }
   header .inner_wrap {
     padding-bottom: 15px;
  }
   footer {
     padding-top: 140px;
  }
   .main_top_banner {
     padding-top: 110px;
  }
   .main_top_banner h1 {
     font-size: 30px;
  }
   .main_top_banner .subtitle {
     font-size: 25px;
     padding-bottom: 10px;
  }
   .main_top_banner .desc {
     font-size: 16px;
     max-width: 350px;
  }
   .main_top_banner .button {
     margin: 20px auto 10px;
  }
   .main_top_banner .amatic_sc {
     display: none;
  }
   .main_top_banner .text_box {
     padding-top: 0;
  }
   .main_top_banner .img_box {
     min-height: 310px;
     max-width: 320px;
  }
   .main_top_banner .img_box span {
     font-size: 15px;
  }
   .main_top_banner .img_box .string_1 {
     right: 25px;
     top: 56px;
  }
   .main_top_banner .img_box .string_2 {
     right: -25px;
     top: 106px;
  }
   .main_top_banner .img_box .string_3 {
     right: -15px;
     top: 185px;
  }
   .index_description .title {
     font-size: 35px;
  }
   .how_test_work {
     margin-top: -100px;
     padding: 130px 0 70px;
  }
   .how_test_work .title {
     font-size: 35px;
  }
   .index_charts {
     padding-top: 150px;
  }
   .index_charts .title {
     font-size: 35px;
  }
   .index_start_testing {
     padding-top: 100px;
  }
   .index_start_testing .title {
     font-size: 35px;
  }
   .index_start_testing .button {
     position: absolute;
     bottom: 74px;
     left: 0;
     right: 0;
     margin: auto;
     z-index: 2;
     padding: 19px;
  }
   .index_recommended {
     padding-top: 100px;
  }
   .contacts_form {
     padding-top: 120px;
  }
}
 @media screen and (max-width: 575px) {
   #toTop {
     right: 15px;
  }
   .popup-inner {
     padding: 30px 10px 0;
  }
   .popup-inner .bg_box {
     padding: 120px 15px;
  }
   .popup-close {
     width: 30px;
     height: 30px;
  }
   .how_test_work {
     margin-top: -95px;
  }
   .how_test_work .list .item {
     width: 50%;
  }
   .how_test_work .list .item:after {
     display: block !important;
     top: 12px !important;
  }
   .how_test_work .list .item:nth-child(3n):after {
     display: block !important;
  }
   .how_test_work .list .item:nth-child(2n):after, .how_test_work .list .item:last-child:after {
     display: none !important;
  }
   .index_recommended {
     margin-top: -75px;
  }
   .form textarea, .form input:not([type="checkbox"]):not([type="radio"]), .form select {
     margin-bottom: 20px;
  }
   .contacts_form .title {
     padding-bottom: 30px;
     font-size: 30px;
  }
   .contacts_form .subtitle {
     padding: 20px 0 13px;
  }
   .contacts_form .form {
     padding-bottom: 0;
  }
   .contacts_form .form .amatic_sc {
     display: none;
  }
   .page_form .form_group {
     max-width: 450px;
     margin: 0 auto;
  }
   .page_form .button {
     margin: 7px auto 0;
  }
   .page_form .birthday {
     margin: 0 -5px;
  }
   .page_form .birthday > div {
     padding: 0 5px;
  }
   .page_form .birthday select {
     padding: 19px 20px 19px 12px !important;
  }
}