@media screen and (min-width: 2000px) {
    body {
        /*max-width: 2000px;
        width: 2000px;*/
        margin: 0 auto;
    }

    /*header .navigate {
        left: calc(50% - 1000px);
        width: 2000px;
    }*/
}

@media screen and (max-height: 800px) {
    header.main {
        height: 800px;
    }
}

@media screen and (max-width: 1800px) {
    .simple {
        padding: 0 100px;
    }

    .helping .box-content {
        width: 40%;
    }
}

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

    .works .box-slides,
    .page .page-cont {
        padding: 0;
    }
}

@media screen and (max-width: 1500px) {
    header .navigate .web-menu li {
        margin-right: 50px;
    }

    .simple {
        padding: 0;
    }

    .helping .box-img {
        width: 70%;
    }

    header.works {
        background: url(../img/bg_works_right.png) 90% 100% no-repeat #cdebe8;
    }

    header.works .bg-left {
        background: url(../img/bg_works_left.png) 10% 100% no-repeat;
    }

    .page form {
        width: 70%;
    }
}

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

    header.main,
    header.main .bg-left {
        background-size: 300px;
    }

    .about {
        padding: 0 100px;
    }

    .works .box-slides {
        display: block;
    }

    .works .box-slides .slide {
        display: inline-block;
        width: 50%;
        margin-bottom: 20px;
    }

    .works .box-slides .slide p {
        bottom: -1px;
    }

    .helping .box-content {
        top: 15%;
    }

    footer .foot-nav li {
        margin-left: 20px;
    }

    header.works {
        background: url(../img/bg_works_right.png) 95% 100% no-repeat #cdebe8;
    }

    header.works .bg-left {
        background: url(../img/bg_works_left.png) 5% 100% no-repeat;
    }
}

@media screen and (min-width: 900px) and (max-width: 1300px) {
    .simple .img-box {
        width: 250px;
        height: 250px;
    }
}

@media screen and (max-width: 1200px) {
    .about {
        padding: 0;
    }

    .works .box-text {
        width: 70%;
    }

    .helping .box-content {
        width: 50%;
        right: 0;
    }

    footer .foot-nav li a {
        font-size: 13px;
    }

    .page form {
        width: 80%;
    }

    header.works {
        background-position: 110% 100%;
    }

    header.works .bg-left {
        background-position: -20% 100%;
    }
}

@media screen and (max-width: 1100px) {
    header.faq {
        background-position: 110% 100%;
    }

    header.faq .bg-left {
        background-position: -10% 100%;
    }
}

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

    header .navigate .web-menu,
    header .box-btn {
        display: none;
    }

    .hum {
        display: block;
    }

    .simple .elem {
        margin-bottom: 70px;
    }

    .helping .box-content {
        width: 70%;
    }

    footer .foot-nav,
    footer .foot-nav li {
        display: block;
        text-align: center;
    }

    footer .foot-nav {
        padding: 20px 0;
    }

    footer .foot-nav li {
        margin: 0 0 10px 0;
    }

    footer .foot-nav .logo {
        display: inline-block;
        margin-bottom: 20px;
    }

    .active:after {
        display: none;
    }

    header.works {
        background: url(../img/bg_works_right_mob.png) 100% 100% no-repeat #cdebe8;
    }

    header.works .bg-left {
        background: url(../img/bg_works_left_mob.png) 0% 70% no-repeat;
    }

    header.faq {
        background: url(../img/bg_faq_right_mob.png) 100% 90% no-repeat #cdebe8;
    }

    header.faq .bg-left {
        background: url(../img/bg_faq_left_mob.png) 0% 80% no-repeat;
    }

    header.terms {
        background: url(../img/bg_terms_right_mob.png) 100% 100% no-repeat #cdebe8;
    }

    header.terms .bg-left {
        background: url(../img/bg_terms_left_mob.png) 10% 80% no-repeat;
    }

    .page header .content-header {
        padding: 160px 0 260px;
    }
}

@media screen and (max-width: 900px) {
    section {
        margin-top: 100px;
    }

    h1,
    h2 {
        text-align: center;
    }

    h1 {
        font-size: 40px;
        margin-bottom: 0;
    }

    p {
        text-align: justify;
    }

    header.main h1 {
        margin-bottom: 25px;
    }

    .simple,
    .about {
        display: block;
    }

    header .content-header .box-mid>p {
        padding: 20px 0;
    }

    header .content-header .box-mid .text-main {
        display: none;
    }

    .about .box-left,
    .about .box-right,
    .works .box-text,
    .helping .box-img {
        width: 100%;
    }

    .works .box-slides .slide {
        width: 400px;
    }

    .works .box-slides .slide p,
    .simple .text-box p {
        text-align: center;
    }

    .helping .box-content {
        position: relative;
        width: 100%;
        top: 0;
        text-align: center;
    }

    .helping .box-img {
        background: url(../img/img_help.jpg) center no-repeat;
        background-size: cover;
    }

    footer {
        margin: 100px 0 50px;
    }

    .page form {
        width: 100%;
        padding: 50px 0;
    }

    .req {
        top: 15px;
    }

    header.contact {
        background: url(../img/bg_contact_right_mob.png) 100% 100% no-repeat #cdebe8;
    }

    header.contact .bg-left {
        display: block;
        background: url(../img/bg_contact_left_mob.png) 0% 100% no-repeat;
    }

    .modal .window {
        width: 650px;
    }
}
@media screen and (max-width: 767px) {
   input#omReApplyNextDate1::placeholder {
    font-family: inherit;
    font-size: 14px;
}
}
@media screen and (max-width: 700px) {

    section,
    .page .page-cont {
        margin-top: 70px;
    }

    .page section.works {
        margin-top: 40px;
    }

    h1,
    h2:not(.omReApplyRequestTitle) {
        font-size: 34px !important;
    }
    
    .simple .img-box {
        display: none;
    }

    .works .box-slides .slide {
        width: 100%;
    }

    .works>p {
        font-size: 26px;
        text-align: center;
    }

    .helping .box-content {
        padding: 0;
        margin-top: 50px;
    }

    .helping .box-img {
        height: 300px;
    }

    .works .box-slides .slide {
        height: 250px;
    }

    .simple .text-box .icon-box {
        top: -20px;
    }

    footer {
        margin: 70px 0 40px;
    }

    footer p.copiright {
        margin-top: 40px;
    }

    .ac-head h5 {
        font-size: 20px;
    }

    .page .input-cont {
        width: 100%;
    }

    .page form .box-flex {
        display: block;
    }

    .page .btn-cont {
        display: block;
        text-align: center;
    }

    .page .btn-cont p {
        text-align: center;
        margin-top: 20px;
    }

    .box-captcha,
    #feedCaptcha {
        display: inline-block;
    }

    .feedCaptcha-error {
        bottom: 2px;
    }

    .page .btn-cont button {
        width: 305px;
        margin: 0;
    }

    .page form input,
    .page form textarea {
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 600px) {
    .wrapper {
        padding: 0;
    }

    .page form {
        padding: 50px 0 180px;
    }

    header .content-header .box-mid>p {
        width: 100%;
    }

    header.main,
    header.main .bg-left {
        background-size: 200px;
    }
}

@media screen and (max-width: 500px) {
    header .content-header .box-mid .form-main {
        width: 300px;
    }
}

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

    header.main,
    header.main .bg-left {
        background-size: 150px;
    }
}

@media screen and (max-width: 360px) {
    header.works {
        background: url(../img/bg_works_right_mob.png) 100% 100% no-repeat #cdebe8;
        background-size: 80%;
    }

    header.works .bg-left {
        background: url(../img/bg_works_left_mob.png) 0% 85% no-repeat;
    }

    header.faq {
        background: url(../img/bg_faq_right_mob.png) 100% 100% no-repeat #cdebe8;
        background-size: 50%;
    }

    header.faq .bg-left {
        background: url(../img/bg_faq_left_mob.png) 0% 90% no-repeat;
        background-size: 30%;
    }

    header.terms {
        background: url(../img/bg_terms_right_mob.png) 100% 100% no-repeat #cdebe8;
        background-size: 45%;
    }

    header.terms .bg-left {
        background: url(../img/bg_terms_left_mob.png) 10% 90% no-repeat;
        background-size: 20%;
    }
}

@media screen and (max-height: 600px) and (max-width: 600px) {
    header.main {
        height: 600px;
    }
}

@media screen and (max-height: 500px) {
    .modal {
        align-items: flex-start;
    }

    .modal .window {
        margin-top: 1rem;
    }
}