/* main styles */
@media (max-width: 576px) {
    section:not(:first-child) {
        background-image: none !important;
      }
}
@media (max-width: 991px) {
    .section {
        overflow: hidden;
        min-height: auto;
    }
}
/* end */

/* header */
@media (max-width: 991px) {
    /* .header__info {
        display: none;
    } */
    .nav {
        display: none;
    }
    .navigation-mobile {
        display: block;
    }
    .header__info {
        justify-content: flex-end;
    }
    .header .header__social-link {
        width: auto;
    }
    .header__social {
        gap: 30px;
    }
    /* .header__social > * {
        flex: 1 1 0;
    } */
    .header .btn-request {
        display: none;
    }
    .lang-chat {
        gap: 15px;
        flex-direction: row-reverse;
        width: auto;
    }
}
@media (max-width: 576px) {
    .header .container {
        padding: 10px 15px;
    }
    .chat-show {
        display: none;
    }
    .tg-send-icon {
        width: 20px;
        height: 20px;
    }
    .nav-menu .btn-request {
        max-width: 65%;
    }
    .header__social {
        gap: 15px;
    }
    .lang-chat .select {
        /* background: transparent; */
        padding: 5px;
    }
    .lang-chat .select:hover {
        /* background: transparent; */
    }
    .menu__lang-item.active {
        display: none;
    }
    .lang-chat li {
        padding: 5px;
    }
    .lang-chat .menu {
        background: transparent;
    }
    .lang-chat {
        padding-right: 0;
    }
}
/* end */

/* intro */
@media (max-width: 991px) {
    #intro .container {
        padding: 130px 15px 0;
    }

    #intro {
        background-image: url(../images/intro/sec1-bg-mini.png) !important;
    }
    .intro__title {
        padding-bottom: 20px;
        max-width: 100%;
    }
    .intro__suptitle {
        max-width: 100%;
    }
    .container-img .intro__image {
        display: none;
    }
    .intro-block .intro__image {
        display: block;
    }
    .intro__image {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: relative;
        text-align: center;
    }

    .intro__form {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .intro__submit {
        width: 75%;
    }
    .intro__email {
        width: 75%;
        /* width: calc(75% - 30px); */
    }
    .intro-img {
        max-width: 50%;
    }
    .intro {
        gap: 0;
        min-height: auto;
    }
}
@media (max-width: 576px) {

    .intro-img {
        max-width: 70%;
    }
    .intro__submit {
        width: 100%;
    }
    .intro__email {
        width: 100%;
    }
}
/* end */

/* aboutus */
@media (max-width: 991px) {

    .row {
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }
    .column {
        align-items: center;
    }
    
    
    .aboutus__title {
        text-transform: none;
    }
    .aboutus-img {
        width: 300px;
        height: 208px;
        object-fit: cover;
        object-position: top;
    }
    #aboutus .column {
        flex-direction: row;
        justify-content: center;
    }
    .aboutus__suptitle {
        max-width: 50%;
    }
}
@media (max-width: 768px) {
    #aboutus .column {
        flex-direction: column;
    }
    .aboutus__suptitle {
        max-width: 100%;
    }
    #aboutus .column:first-child .aboutus-join {
        display: none;
    }
    .column:last-child .aboutus-join {
        display: flex;
    }
}
@media (max-width: 576px) {
    .aboutus-join {
        width: 100%;
        flex-direction: column;
        gap: 30px;
    }
    .aboutus-link {
        width: 100%;
        padding: 0;
    }
}
/* end */

/* wework */
@media (max-width: 991px) {
    .wework__suptitle {
        display: none;
    }
    .wework__title {
        text-transform: none;
    }
}
@media (max-width: 576px) {

    .wework__block {
        flex: 100%;
        width: 100%;
        max-width: 390px;
        margin: 0 auto;
    }
}
/* end */

/* team */
@media (max-width: 991px) {
    .team-img {
        max-height: 120%;
    }
    #team .row {
        flex-direction: column !important;
    }
    .team__title {
        text-align: start;
        text-transform: none;
        line-height: 100%;
    }
    .team__start-link {
        display: none;
    }
    .team-list {
        line-height: 140%;
    }

}
@media (max-width: 576px) {
    #team, .team-img {
        overflow: visible;
    }
    .team-img {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }
}
/* end */

/* contacts */
@media (max-width: 991px) {
    .contacts__title p {
        text-transform: none;
    }
    #contacts .row {
        flex-direction: row;
        align-items: center;
    }
    .contact__form {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .contacts__title p {
        text-align: left !important;
    }
    #contacts .row {
        flex-direction: column;
    }
    #contacts .row .column:last-child {
        order: -1;
    }
    #contacts .row .column:first-child {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    #contacts .row .column {
        width: 100%;
    }
    /* .contact__input {
        max-width: 500px;
    } */
    .contact__form-block {
        align-items: center;
    }
    
}
@media (max-width:576px) {
    .vacan-arbitra li:has(.ukr-version) {
        font-size: 18px;
    }
}
@media (min-width:768px) {
    .contact__modal-window-table .capation {
        padding: 0 0 50px;
    }
}
@media screen and (max-width: 768px) {
    .modal-content {
      width: 90%;
      position: relative;
      top: 0;
      left: 0;
      padding: 20px;
      transform: translate(0, 0);
    }
  }
/* end */


/* footer */
@media (max-width: 576px) {
    .footer {
        padding: 30px 0;
    }
    .footer .container {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        line-height: 165%;
        gap: 30px;
    }
}
/* end */

