@media screen and (max-width: 1200px){
    header{
        padding: 15px 0;
        position: relative;
        overflow: hidden;
    }
    header.active{
        position: inherit;
    }
    .header__item{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }
    .header__item:nth-child(2){
        position: absolute;
        width: 70%;
        height: 100vh;
        background-color: #fff;
        bottom: 0;
        right: -100%;
        display: flex;
        align-content: flex-start;
        align-items: flex-start;
        transition: 0.4s;
        z-index: 10005;
    }
    header.active .header__item:nth-child(2){
        right: 0%;
        transition: 0.4s;
    }
    .header__item-logo img {
        width: fit-content;
        height: 35px;
        float: left;
        object-fit: cover;
        object-position: left;
    }
    .header__item-bar{
        display: block;
    }
    .header__item-close{
        display: block;
    }
    .header__item ul {
        width: 100%;
        height: auto;
        float: left;
        margin: 65px 0 0;
    }
    .header__item ul > li {
        width: 100%;
        height: auto;
        float: left;
        padding: 0 20px;
        box-sizing: border-box;
        margin: 10px 0;
    }
    .header__item ul > li > a {
        width: 100%;
        height: auto;
        font-size: 17px;
        font-weight: 500;
        color: #000000;
        transition: .4s;
        float: left;
        text-align: left;
    }
    .header__item ul > li > a.active{
        padding: 0;
        color: #000000;
        border: unset;
    }
    footer{
        padding: 10px 0;
    }
    .footer__item-copyright{
        font-size: 14px;
    }
    .footer__item-document{
        font-size: 14px;
    }
    .footer__item{
        width: 100%;
        margin: 14px 0 0;
    }
    .footer__item-network{
        margin: 0;
    }
}

@media screen and (max-width: 1000px){
    .document {
        width: 100%;
        height: auto;
        float: left;
        padding: 30px 0 100px;
    }
    .document__row{
        margin: 0;
    }
    .document-title{
        font-size: 26px;
    }
    .document__item p{
        font-size: 17px;
    }
    .document__item span {
        width: 100%;
        height: auto;
        float: left;
        font-size: 14px;
        line-height: 23px;
        margin: 15px 0 0 0;
    }
    .application{
        padding: 30px 0;
    }
    .application h2{
        font-size: 26px;
    }
    .application h4{
        font-size: 21px;
    }
    .application__row{
        margin: 30px auto 0;
    }
    .application__item {
        width: 110%;
        max-width: 830px;
        padding: 40px 5% 0;
        box-sizing: border-box;
        margin: 0 -5%;
        box-shadow: -2px -9px 10px 0px rgba(255, 255, 255, 0.7), -1px -3px 10px 0px rgba(174, 174, 192, 0.2);
    }
    .application__item-title{
        font-size: 22px;
    }
    .application__item form > label {
        margin: 25px 0 0 0;
    }
    .application__item form > button {
        margin: 20px auto 0;
        padding: 17px 0;
    }
    .application__item__banner {
        box-shadow: unset;
        padding: 0 50px;
        margin: 35px auto 0;
    }
    .search{
        padding: 30px 0 60px;
        background-image: unset;
        overflow: hidden;
    }
    .search h2{
        font-size: 26px;
        text-align: left;
    }
    .search h2 > br{
        display: none;
    }
    .search h4{
        font-size: 21px;
        text-align: left;
        margin: 10px 0 0 0;
    }
    .search h6{
        display: none;
    }
    .search__row {
        padding: 0;
        box-shadow: -10px -10px 10px 0px rgba(255, 255, 255, 0.7), 1px -7px 10px 0px rgba(174, 174, 192, 0.2);
        width: 110%;
        margin: 40px -5% 0;
        padding: 40px 5% 0;
        box-sizing: border-box;
    }
    .search__item {
        width: 100%;
        max-width: 600px;
        height: auto;
        float: left;
        background: #f0f0f3;
        border-radius: 5px;
        position: relative;
        box-shadow: unset;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-content: center;
        align-items: center;
        box-sizing: border-box;
    }
    .search__item form {
        box-shadow: unset;
        padding: 10px;
        margin: 0;
        box-sizing: border-box;
        padding: 0;
    }
    .search__item-title {
        font-size: 22px;
        line-height: normal;
        font-weight: 400;
    }
    .search__item-dropdown__price .radio {
        margin: 0 0 13px;
        width: 100%;
    }
    .search__item form > label {
        margin: 25px 0 0 0;
    }
    .search__item form > button{
        width: 100%;
        margin: 30px 0 0 0;
        font-size: 16px;
        padding: 16px 0;
        text-align: center;
    }
    .modal__row{
        width: 90%;
        padding: 50px 20px;
    }
    .modal__row p{
        font-size: 22px;
        margin: 20px 0 0 0;
    }
    .modal__row span{
        font-size: 14px;
    }
    .modal__row span > br{
        display: none;
    }
    .modal__row b{
        font-size: 17px;
    }
    .advantages {
        padding: 60px 0;
    }
    .advantages h2 {
        font-size: 26px;
        text-align: left;
    }
    .advantages__row{
        margin: 11px 0 0 0;
    }
    .advantages__item {
        width: 100%;
        padding: 20px 15px;
        margin: 20px 0 0;
    }
    .advantages__item p{
        font-size: 20px;
    }
    .advantages__item span {
        width: 100%;
        height: auto;
        float: left;
        font-size: 16px;
        line-height: 25px;
        margin: 10px 0 0 0;
    }
    .advantages__row a {
        width: 100%;
        height: auto;
        float: left;
        margin: 30px auto 0;
        font-size: 16px;
        font-weight: 300;
        padding: 16px 0;
        text-align: center;
    }
    .finder{
        padding: 60px 0;
    }
    .finder h2 {
        font-size: 26px;
        text-align: left;
    }
    .finder__row{
        margin: 20px 0 0 0;
    }
    .finder__item {
        width: 100%;
        padding: 20px 15px;
        margin: 20px 0 0;
        box-shadow: -10px -10px 10px 0px rgba(255, 255, 255, 0.7), 10px 10px 10px 0px rgba(174, 174, 192, 0.2);
        border-radius: 5px;
    }
    .finder__item p{
        font-size: 20px;
        box-shadow: unset;
        padding: 0;
    }
    .finder__item span {
        width: 100%;
        height: auto;
        float: left;
        font-size: 16px;
        line-height: 25px;
        margin: 10px 0 0 0;
        box-shadow: unset;
        padding: 0;
    }
    .finder__row a {
        width: 100%;
        height: auto;
        float: left;
        margin: 30px auto 0;
        font-size: 16px;
        font-weight: 300;
        padding: 16px 0;
        text-align: center;
    }
    .bio{
        display: none;
    }
    .main {
        width: 100%;
        height: auto;
        float: left;
        padding: 40px 0;
        background-color: #DFDFE2;
        background-image: url("../../images/bg/main-mobile.png");
        background-size: 320px;
        background-position: right 100px;
    }
    .main__item h1 {
        width: 100%;
        height: auto;
        float: left;
        color: #1b74e4;
        font-size: 26px;
        line-height: 36px;
        text-align: left;
        text-transform: uppercase;
        font-weight: 300;
    }
    .main__item h1 > b{
        color: #000000;
    }
    .main__item p {
        width: 100%;
        height: auto;
        float: left;
        color: #000000;
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
        text-align: left;
        margin: 285px 0 0 0;
    }
    .main__item p > br{
        display: none;
    }
    .main__item a {
        width: 100%;
        margin: 40px 0 0 0;
        font-size: 16px;
        padding: 16px 0;
        text-align: center;
    }
    .about{
        padding: 60px 0;
        background-color: #DFDFE2;
        background-image: url("../../images/bg/about-mobile.png");
        background-size: contain;
        background-position: right 190px;
        background-repeat: no-repeat;
    }
    .about__item:nth-child(1){
        display: none;
    }
    .about__item:nth-child(2){
        width: 100%;
    }
    .about__item h2 {
        width: 100%;
        font-size: 26px;
        line-height: 36px;
        font-weight: 500;
    }
    .about__item a {
        width: 100%;
        height: auto;
        float: left;
        margin: 30px auto 0;
        font-size: 16px;
        font-weight: 300;
        padding: 16px 0;
        text-align: center;
    }
    .about__item p{
        margin: 20px 0 0 ;
    }
    .about__item p > span{
        margin: 300px 0 0 0;
        float: left;
    }
    .outerrainge{
        display: block;
    }
    .ad{
        padding: 60px 0;
        background-color: #DFDFE2;
        background-image: unset;
    }
    .ad__item h2{
        width: 100%;
        height: auto;
        float: left;
        font-size: 26px;
        line-height: 36px;
        color: #202732;
        text-align: left;
        font-weight: 400;
    }
    .ad__item h2 > br{
        display: none;
    }
    .ad__item h2 > em {
        font-weight: 300;
        color: #1B74E4;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        font-size: 23px;
        line-height: 38px;
    }
    .ad__item p{
        color: #000000;
        font-size: 18px;
        line-height: 26px;
    }
    .ad__item form{
        display: block;
    }
    .ad__item a{
        display: none;
    }
    .ad__item form{
        width: 100%;
        height: auto;
        float: left;
    }
    .ad__item form > label{
        width: 100%;
        height: auto;
        float: left;
        margin: 30px 0 0 0;
    }
    .ad__item form > label > input,
    .ad__item form > label > textarea{
        width: 100%;
        height: auto;
        float: left;
        box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.7), 5px 5px 5px 0px rgba(174, 174, 192, 0.2);
        border: unset;
        height: 50px;
        padding: 20px;
        box-sizing: border-box;
        font-size: 16px;
        border-radius: 5px;
    }
    .ad__item form > label > textarea{
        height: 130px;
        resize: unset;
    }
    .ad__item form > button{
        width: 100%;
        height: auto;
        float: left;
        margin: 30px auto 0;
        color: #FFFFFF;
        background-color: #1B74E4;
        font-size: 16px;
        font-weight: 300;
        padding: 16px 0;
        text-transform: uppercase;
        transition: .4s;
        border-radius: 5px;
        border: unset;
        cursor: pointer;
    }
    .ad__item form > button:hover{
        background-color: rgba(66, 139, 232, 1);
        transition: .4s;
    }
    .ad__item .checkbox{width: 100%;height: auto;float: left;margin: 20px 0 0 0;}
    .ad__item .checkbox > .custom-checkbox {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .ad__item .checkbox > .custom-checkbox+label {
        display: inline-flex;
        align-items: center;
        user-select: none;
        font-size: 14px;
        line-height: 19px;
    }
    .ad__item .checkbox > .custom-checkbox+label > a{
        color: #0b76ef;
        display: contents;
        font-size: 14px;
        text-transform: none;
    }
    .ad__item .checkbox > .custom-checkbox+label::before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        flex-grow: 0;
        border-radius: 3px;
        background-color: #ffffff;
        margin-right: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%;
        box-shadow: var(
        --input-box-shadow,
        -1px -1px 0px 0px rgba(255, 255, 255, 0.7),
        5px 5px 5px 0px rgba(174, 174, 192, 0.2)
      );
    }
    .ad__item .checkbox > .custom-checkbox:checked+label::before {
        border-color: #0b76ef;
        background-color: #0b76ef;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    }
    .course{
        padding: 60px 0 0;
        background-image: unset;
    }
    .course__item h2 {
        font-size: 26px;
        line-height: 36px;
    }
    .course__item ul{
        margin: 20px 0 0 0;
    }
    .course__item ul > li {
        width: 100%;
        font-size: 15px;
        line-height: 21px;
        text-align: left;
        padding: 10px 0 10px 15px;
    }
    .course__item a{
        width: 100%;
        margin: 40px 0 0 0;
        font-size: 16px;
        padding: 16px 0;
        text-align: center;
    }
    .information{
        padding: 10px 0 0;
    }
    .information__item {
        width: 100%;
        height: auto;
        float: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        border-radius: unset;
        box-shadow: unset;
        padding: 0;
        box-sizing: border-box;
    }
    .faq {
        padding: 60px 0 0;
    }
    .faq-title {
        font-size: 26px;
        line-height: 36px;
        text-align: left;
    }
    .faq__row{
        margin: 20px 0 0 0;
    }
    .faq__item-title {
        width: 100%;
        height: auto;
        float: left;
        color: #1b74e4;
        font-size: 18px;
        background-color: #f0f0f3;
        border-radius: 60px 0 0 60px;
        box-shadow: 10px -10px 10px 0px rgba(255, 255, 255, 0.7), 10px 10px 10px 0px rgba(174, 174, 192, 0.2);
        padding: 15px 25px;
        box-sizing: border-box;
        cursor: pointer;
        text-transform: uppercase;
        position: relative;
    }
    .faq__item-title::before {
        width: 18px;
        height: 18px;
        top: 16px;
        right: 25px;
    }
    .faq__box{
        padding: 25px;
    }
    .faq__block{
        width: 100%;
        max-width: 100%;
        margin: 0 0 30px;
    }
    .faq__box::before{
        display: none;
    }
    .faq__block p {
        color: #1b74e4;
        font-weight: 400;
        font-size: 16px;
        position: relative;
    }
    .faq__block p::before {
        content: "";
        position: absolute;
        background: linear-gradient(270deg, rgba(177, 209, 243, 1) 4.307250678539276%, rgba(27, 116, 228, 1) 55.15008568763733%, rgba(39, 84, 169, 1) 100%);
        border-radius: 6.5px;
        flex-shrink: 0;
        width: 100%;
        height: 8px;
        box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        left: 0;
        top: 35px;
    }
    .faq-button{
        width: 100%;
        margin: 40px 0 0 0;
        font-size: 16px;
        padding: 16px 0;
        text-align: center;
    }
    .faq__block span{
        margin: 40px 0 0 0;
    }
    .faq__block span > b{
        font-weight: 400;
    }
    .steps {
        padding: 60px 0 0;
    }
    .steps-title {
        font-size: 26px;
        line-height: 36px;
        text-align: left;
    }
    .steps__row {
        box-shadow: unset;
        padding: 0;
        margin: 20px 0 0 0;
    }
    .steps__row::before{
        display: none;
    }
    .steps__item {
        margin: 10px 0;
        padding: 20px 15px;
        border-radius: 5px;
        box-shadow: -10px -10px 10px 0px rgba(255, 255, 255, 0.7), 10px 10px 10px 0px rgba(174, 174, 192, 0.2);
        position: relative;
    }
    .steps__box p {
        text-transform: unset;
        font-size: 20px;
    }
    .steps__box span {
        width: 100%;
        font-size: 15px;
        line-height: 22px;
        margin: 10px 0 0 0;
    }
    .steps__box-step {
        background: #fff;
        border-radius: 100px;
        width: 100px;
        height: 100px;
        box-shadow: inset -5px -5px 16px 0px rgba(250, 251, 255, 0.6), inset 5px 5px 10px 0px rgba(22, 27, 29, 0.2);
        left: -60px;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        position: absolute;
    }
    .steps__box-step::before {
        content: "";
        border-radius: 100px;
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .steps-title span{
        display: block;
    }
    .steps-button {
        width: 100%;
        margin: 30px 0 0 0;
        font-size: 16px;
        padding: 16px 0;
        text-align: center;
    }
    .contacts{
        padding: 60px 0;
    }
    .contacts__row {
        box-shadow: unset;
        padding: 0;
    }
    .contacts__item{
        width: 100% !important;
    }
    .contacts__item-title {
        font-size: 26px;
        line-height: 36px;
    }
    .contacts__item-description {
        width: 100%;
        height: auto;
        float: left;
        color: #010101;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        margin: 30px 0 0 0;
        padding: unset;
        position: relative;
    }
    .contacts__item-description::before{
        display: none;
    }
    .contacts__item form{
        margin: 30px 0 0 0;
    }
    .contacts__item form > button {
        width: 100%;
        margin: 30px 0 0 0;
        font-size: 16px;
        padding: 16px 0;
        text-align: center;
    }
}