@media (max-width:500px) {

    .form-step>div:first-child {
        margin-left: 0;
        text-align: center
    }

    .form-step>.icon-text-row-25 {
        margin-left: 0;
        gap: 10px;
        flex-direction: column
    }

    .form-input-column {
        margin-left: 0;
        text-align: center
    }
}

@media (max-width:430px) {

    .form-btn-row {
        flex-direction: column;
        width: 100%
    }

    .form-btn-row>button {
        width: 100%
    }
}

@media (max-width:400px) {
    .custom-checkbox+label {
        word-break: break-all;
    }

    .custom-radio+label {
        word-break: break-all;
    }
}

@media (max-width:1700px) {
    .app-popup-content {
        width: 90%
    }

    .success-popup-content {
        width: 90%
    }

    .pr_po-popup-content>h4 {
        font-size: 35px
    }
}

@media (max-width:1240px) {
    .app-popup-content {
        width: 100%;
        margin: auto 40px
    }

    .success-popup-content {
        width: 100%;
        margin: auto 40px
    }
}

@media (max-width:900px) {
    .app-popup-content-row {
        margin: 40px 0;
        gap: 20px
    }

    .app-popup-content-row>div:first-child {
        display: none
    }

    .app-popup-content-row>.app-popup-content-column {
        align-items: center;
        text-align: center
    }

    .pr_po-popup-content {
        width: 80%
    }
}

@media (max-width:630px) {
    .app-popup-content {
        padding: 50px 20px;
        margin: auto 0
    }

    .success-popup-content {
        margin: auto 0;
        padding: 50px 20px
    }

    .app-popup-content-column>p {
        font-size: 18px
    }

    .app-popup {
        overflow: auto
    }

    .pr_po-popup-content>h4 {
        word-wrap: break-word;
        text-align: left
    }
}

@media (max-width:1240px) {
    .container {
        max-width: none;
        margin: 0 40px
    }
}

@media (max-width:1000px) {
    .but-20 {
        font-size: 16px
    }
}

@media (max-width:700px) {
    .icon-outline {
        display: none
    }
}

@media (max-width:600px) {
    body h4 {
        font-size: 30px !important;
        line-height: 40px !important
    }
}

@media (max-width:1240px) {
    .header-top .mobile {
        display: block
    }

    .header-top>.container {
        gap: 20px
    }

    .header-top>.container>div:nth-child(3) {
        flex-grow: 1;
        justify-content: flex-end
    }

    .header-top>.container>div:nth-child(1) {
        flex-grow: 2
    }

    .header-top>.container img {
        max-width: max-content
    }

    .header-top-a>a:not(:first-child) {
        display: none
    }

    .header-bottom.open-menu {
        position: fixed;
        background: #31394DCC;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9
    }

    .header-bottom.open-menu>.container {
        left: 0
    }

    .header-bottom>.container {
        max-width: 300px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: fixed;
        right: auto;
        top: 0;
        bottom: 0;
        background: #31394d;
        display: flex;
        flex-direction: column;
        z-index: 10;
        transition: .2s ease
    }

    .header-bottom .mobile {
        display: block;
        padding: 20px 30px
    }

    .header-bottom .mobile:last-child {
        margin-top: auto;
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .close-menu-btn {
        float: right
    }

    .header-bottom .nav-menu {
        display: flex;
        flex-direction: column;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 12px
    }

    .header-bottom .nav-menu>li {
        border-bottom: 1px solid #2a3041
    }

    .menu-social {
        display: flex;
        justify-content: center;
        gap: 20px;
        align-items: center
    }

    .menu-call-btn {
        padding: 15px 17px;
        border: 1px solid #25d366;
        border-radius: 5px;
        display: flex;
        gap: 5px;
        align-items: center;
        width: max-content;
        margin: 0 auto
    }
}

@media (max-width:650px) {
    .header-top-a>a:first-child>.icon-text-row>span {
        display: none
    }
    .header-top-a>a:first-child>span {
        display: none
    }
    .header-top-a>a:first-child img {
        max-width: 25px; min-width: 25px;
        max-height: 25px; min-height: 25px;
    }

    .header-top>.container>div:nth-child(1) {
        flex-grow: 1
    }

    .header-top>.container {
        margin: 0 20px
    }
}

@media (max-width:400px) {
    .header-top>.container {
        gap: 10px
    }
}

@media (max-width:1240px) {
    .offer-main-form {
        width: 90%
    }

    .offer-main-form>form>button {
        max-width: max-content;
        flex: none
    }

    .offer {
        background-position: right
    }
}

@media (max-width:930px) {
    .offer-content>div:first-child {
        text-align: start
    }
}

@media (max-width:834px) {
    .offer-main-form>form {
        flex-direction: column
    }

    .offer-main-form>form>button {
        max-width: 100%
    }

    #splide1 .splide__slide>span:first-child {
        font-family: Golos Text;
        font-size: 30px;
        font-weight: 700;
        line-height: 40px
    }

    #splide1 .splide__slide>span:last-child {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 25px
    }

    .offer-content>div {
        font-size: 60px;
        line-height: 60px;
        padding: 30px !important
    }
}

@media (max-width:630px) {
    .offer-rec {
        background-image: url(../img/offer-background-2-mobile.svg);
        background-position: right 0
    }

    #splide1 .splide__slide {
        gap: 30px
    }

    #splide1 {
        top: 14%;
        margin-right: 15px;
        max-width: 280px
    }

    .custom-buttons {
        margin-top: 30px;
        gap: 19px
    }

    #custom-pagination {
        gap: 19px
    }

    .offer-content>div {
        font-size: 50px;
        line-height: 50px;
        padding: 10px !important;
        max-width: 70%;
        text-align: center !important
    }
}

@media (max-width:1240px) {
    .services-content-row {
        justify-content: center
    }

    .services-example {
        max-width: 40%
    }

    .services-example.empty {
        display: block !important
    }
}

@media (max-width:900px) {
    .services-example {
        max-width: 320px
    }
}

@media (max-width:749px) {
    .services-example.empty {
        display: none !important
    }
}

@media (max-width:1240px) {
    .forwhom-row {
        flex-wrap: wrap;
        justify-content: start
    }

    .forwhom-example:not(:last-child) {
        max-width: 48%;
        width: 100%;
        align-items: center
    }

    .forwhom-example:last-child {
        max-width: 48%;
        width: 100%;
        align-items: center;
        margin: 0 auto
    }
}

@media (max-width:834px) {
    .forwhom-example {
        max-width: 100% !important;
        width: 100% !important
    }
}

@media (max-width:1000px) {
    .we-content-row {
        flex-direction: column
    }
}

@media (max-width:1240px) {
    .discount-content>h4 {
        text-align: center
    }

    .main-form {
        width: 100%
    }

    .main-form>form>button {
        max-width: max-content;
        flex: none
    }
}

@media (max-width:834px) {
    .main-form>form {
        flex-direction: column
    }

    .main-form>form>button {
        flex: 1;
        max-width: 100%;
        width: 100%
    }
}

@media (max-width:1240px) {
    .licenses-row {
        justify-content: center
    }

    .licenses-row>a {
        max-width: 40%
    }

    .licenses-row>a.empty {
        display: block !important
    }
}

@media (max-width:714px) {
    .licenses-row>a.empty {
        display: none !important
    }

    .licenses-row>a {
        max-width: 300px
    }
}

@media (max-width:1000px) {
    .advantages-content {
        padding-left: 0;
        padding-right: 0
    }

    .advantages-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 50px
    }
}

@media (max-width:1240px) {
    .trust-row {
        justify-content: center
    }

    .trust-row>a {
        max-width: 40%
    }

    .trust-row>a.empty {
        display: block !important
    }
}

@media (max-width:714px) {
    .trust-row>a.empty {
        display: none !important
    }

    .trust-row>a {
        max-width: 300px
    }
}

@media (max-width:1240px) {
    .reviews-row {
        justify-content: center
    }

    .reviews-row>a {
        max-width: 35%
    }

    .reviews-row>a.empty {
        display: block !important
    }
}

@media (max-width:714px) {
    .reviews-row>a.empty {
        display: none !important
    }

    .reviews-row>a {
        max-width: 300px
    }
}

@media (max-width:1240px) {
    .footer-row {
        flex-direction: column
    }

    .footer-content-right {
        order: 1;
        width: 100%
    }

    .footer-content-right>form {
        max-width: 100%
    }

    .contacts {
        width: 100%
    }

    .contacts>div {
        flex-direction: row;
        justify-content: space-between
    }

    .contacts>div>.icon-text-row:nth-child(2) {
        flex: 0 1 40%
    }

    .contacts>div>.icon-text-row {
        align-items: flex-start
    }

    .footer-content-left {
        order: 2
    }

    .footer-requisites-block {
        flex-direction: column;
        gap: 15px
    }
}

@media (max-width:834px) {
    .footer-content-left>div:last-child {
        flex-direction: column;
        gap: 30px
    }

    .footer-requisites-block-row {
        flex-direction: column;
        gap: 15px
    }

    .footer-requisites>div:last-child {
        flex-direction: column;
        gap: 15px
    }
}

@media (max-width:800px) {
    .contacts {
        width: max-content;
        align-items: flex-start
    }

    .contacts>div {
        flex-direction: column
    }

    .contacts>div:last-child {
        flex-grow: 1
    }

    .contacts>div>.icon-text-row:nth-child(2) {
        flex: none
    }

    .contacts>div>.icon-text-row {
        align-items: flex-start
    }
}

@media (max-width:1240px) {
    .services-form-block-content {
        text-align: center
    }
}

@media (max-width:600px) {
    .services-form-block-content>p {
        font-size: 16px;
        font-weight: 400;
        line-height: 25px
    }
}

@media (max-width:1240px) {
    .services-second-example {
        max-width: 30%
    }
}

@media (max-width:1000px) {
    .services-second-example {
        max-width: 300px
    }

    .services-second-example.empty {
        display: block !important
    }

    .second-services-content-row {
        justify-content: center
    }
}

@media (max-width:710px) {
    .services-second-example.empty {
        display: none !important
    }
}

@media (max-width:1240px) {
    .doc-offer-column>div:first-child>.icon-text-row>img {
        align-self: center
    }

    .dev-doc-offer-content>.doc-offer-column:last-child {
        flex: none;
        width: 100%;
        order: 3
    }

    .dev-doc-offer-content>.doc-offer-column:last-child>div:first-child {
        flex-direction: row;
        justify-content: space-between
    }

    .dev-doc-offer-content>.doc-offer-column:last-child>div:first-child>.icon-text-row {
        flex-direction: column;
        text-align: center;
        max-width: 300px
    }

    .work-desc-content {
        flex-direction: column
    }

    .dev-fsec-example {
        max-width: 100%
    }

    .work-order-content-row {
        justify-content: center
    }

    .work-order-example {
        max-width: 40%
    }

    .work-examples {
        display: none
    }

    .video_shooting-page .work-examples {
        display: block;
    }
    .video_shooting-page .work-examples-video{
        max-width: 45%;
        width: 100%;
        height: 220px;

    }
    .video_shooting-page .work-examples-video > div {
        min-width: 100%;
        min-height: 100%;
    }
}

@media (max-width:900px) {

    .video_shooting-page .work-examples-content-row{
        flex-direction: column;
        align-items: center;
    }
    .video_shooting-page .work-examples-video{
        max-width: 60%;
    }
}

@media (max-width:760px) {

    .video_shooting-page .work-examples-video{
        max-width: 100%;
        height: 300px;
    }

    .dev-doc-offer-content>.doc-offer-column:first-child {
        flex: none;
        width: 100%;
        order: 2
    }

    .dev-doc-offer-content>.doc-offer-column:last-child>div:first-child {
        flex-direction: column;
        align-items: center
    }

    .dev-doc-offer-content>.doc-offer-column:last-child {
        gap: 80px
    }

    .dev-doc-offer-content>.doc-offer-column:last-child>div:first-child>.icon-text-row {
        flex-direction: column;
        text-align: center
    }

    .work-desc-content h5 {
        text-align: center;
        font-size: 25px;
        font-weight: 700
    }

    .work-order-example {
        max-width: 300px
    }

    .accordion-header>span {
        max-width: 80%
    }
}

@media (max-width:500px) {
    .video_shooting-page .work-examples-video{
        height: 200px;
    }
}

@media (max-width:1240px) {
    .events-example {
        max-width: 30%
    }
}

@media (max-width:1000px) {
    .events-content-row {
        justify-content: center
    }

    .events-example {
        max-width: 300px
    }

    .events-example.empty {
        display: block !important
    }
}

@media (max-width:710px) {
    .events-example.empty {
        display: none !important
    }
}

@media (max-width:1000px) {
    .projects-content-row {
        justify-content: center
    }
}

@media (max-width:1240px) {
    .event-project-vacancy-block-content {
        flex-direction: column
    }

    .event-project-vacancy-block-content>.mobile {
        display: block;
        order: -2
    }

    .e-p-v-content>h4 {
        display: none
    }

    .e-p-v-imgs {
        order: -1
    }

    .e-p-v-all-img-row>a {
        max-width: 30%
    }
}

@media (max-width:880px) {
    .e-p-v-all-img-row {
        justify-content: center
    }

    .e-p-v-all-img-row>a {
        max-width: 40%
    }

    .e-p-v-all-img-row>a.empty {
        display: block !important
    }
}

@media (max-width:1240px) {
    .faq-page-block-content-row {
        flex-direction: column
    }
}

@media (max-width:650px) {
    .faq-page-block-button-row {
        flex-direction: column
    }

    .faq-page-block-button-row>button:first-child {
        flex-grow: 1
    }
}

@media (max-width:1000px) {
    .blog-content-row {
        justify-content: center
    }
}

@media (max-width:1240px) {
    .und-offer-info-content>div:last-child {
        padding: 0
    }

    .und-offer-info-content>div:first-child {
        width: 100%;
        padding: 0
    }
}

@media (max-width:1240px) {
    .inspections-page .und-offer-info-content>div:last-child {
        padding: 0;
        flex-direction: column
    }
}

@media (max-width:600px) {
    .inspections-page .und-offer-info-content>div:last-child>div>span {
        font-size: 25px
    }
}

@media (max-width:1240px) {
    .work-order-example.empty {
        display: block !important
    }

    .work-order-example.empty:before {
        display: none !important
    }
}

@media (max-width:709px) {
    .work-order-example.empty {
        display: none !important
    }
}

@media (max-width:1240px) {
    .int-facts-example {
        max-width: 30%;
        width: 100%
    }
}

@media (max-width:870px) {
    .int-facts-content-row {
        justify-content: center
    }

    .int-facts-example {
        max-width: 100%;
        width: 300px
    }

    .int-facts-example.empty {
        display: block !important;
        flex-grow: 0 !important
    }
}

@media (max-width:709px) {
    .int-facts-example.empty {
        display: none !important
    }
}

@media (max-width:1000px) {
    .ans-block-content-row {
        flex-direction: column
    }
}

@media (max-width:1240px) {
    .coaches-content-row {
        justify-content: center
    }

    .coaches-content-example {
        max-width: 40%;
        width: 100%;
        align-items: center
    }
}