
@media screen and (max-width: 1024px){
    .advantagesSlider .swiper-slide {
        max-width: 300px;
    }

    .storiesSlider .swiper-slide {
        max-width: 170px;
    }

    .s-header > .label, .s-about-h2 h2.label, .matrix--join .title, .s-locations .s-wrap h2 {
        font-size: 28px;
        line-height: 1.4;
    }

    .reviewsSlider .swiper-slide {
        max-width: 280px;
    }

    .s-1 {
        padding: 35px 0;
    }

    .home--careers-search form.wrap {
        flex-direction: column;
        width: 100%;
        padding: 0;
    }

    .s-home-start h1 {
        font-size: 32px;
        line-height: 1.2;
        margin-bottom: 50px;
    }

    .home--careers-search > .title {
        font-size: 18px;
    }

    footer .wrapper1 {
        grid-template-columns: 50% 50%;
        gap: 30px 0;
    }

    .s-home-start {
        padding: 50px 0;
    }

    .menu-mainheadermenu-container {
        position: absolute;
        top: 111px;
        left: 0;
        width: 100%;
        background: white;
        display: none;
        padding: 20px 0;
        border-bottom: 1px solid #efefef;
    }

    .menu-mainheadermenu-container ul#menu-mainheadermenu {
        flex-direction: COLUMN;
    }

    header .wrapper1 {
        padding: 10px 0;
    }

    header .wrapper1 .logo img {
        height: 50px;
    }

    main {
        padding-top: 75px;
    }

    .home--careers-search form.wrap:before {
        top: 21px;
        display: none;
    }

    .home--careers-search form.wrap .field {
        width: 100%;
    }

    .home--careers-search input, .home--careers-search select, .home--careers-search button {
        width: 100%;
    }

    .home--careers-search button {
        border-radius: 0 0 10px 10px;
    }

    .home--careers-search form.wrap .field:last-child {
        margin: 0;
    }

    .lm-mt-10{
        margin-top: 10px;
    }
    .lm-mt-20{
        margin-top: 20px;
    }
    .lm-mt-30{
        margin-top: 30px;
    }
    .lm-mt-40{
        margin-top: 40px;
    }
    .lm-mt-50{
        margin-top: 50px;
    }
    .lm-mt-60{
        margin-top: 60px;
    }
    .lm-mb-0 {
        margin-bottom: 0px;
    }
    .lm-mb-10 {
        margin-bottom: 10px;
    }
    .lm-mb-20 {
        margin-bottom: 20px;
    }
    .lm-mb-30 {
        margin-bottom: 30px;
    }
    .lm-mb-40 {
        margin-bottom: 40px;
    }
    .lm-mb-50 {
        margin-bottom: 50px;
    }
    .lm-pb-0 {
        padding-bottom: 0px !important;
    }
    .lm-pb-30 {
        padding-bottom: 30px !important;
    }
    .lm-pb-100 {
        padding-bottom: 100px;
    }
    .lm-pt-60 {
        padding-top: 60px !important;
    }
    .lm-block {
        display: block !important;
    }

    .s-about--start .s-wrap {
        grid-template-columns: 100%;
        gap: 0;
    }

    .s-about--start .caption {
        font-size: 18px;
        line-height: 1.5;
    }

    h1 {
        font-size: 32px;
    }

    .s-about--start .subtitle {
        font-size: 16px;
        line-height: 1.6;
    }

    .s-about-h2 {
        padding-top: 30px;
    }

    .s-about-features img {
        max-width: 170px;
    }

    .featuresSlider .swiper-slide {
        max-width: 300px;
    }

    .s-about-features .a-feature--card .title {
        font-size: 18px;
    }

    .s-about-features .a-feature--card {
        padding: 20px;
    }
    .life--workplace .s-wrap {
        grid-template-columns: 100%;
        gap: 0px;
    }

    .life--workplace .s-wrap .items-list > .wrap {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: 15px;
    }

    .life--workplace .s-wrap .advantage-card {
        width: calc(50% - 8px);
    }

    .life--workplace .s-wrap .advantage-card:last-child {
        width: 100%;
    }

    .benefitsSlider .swiper-slide {
        max-width: 140px;
    }

    .advantage-card img {
        max-width: 70px;
    }

    .life--referral .s-wrap {
        grid-template-columns: 100%;
        gap: 0;
    }

    .matrix--join .image img {
        width: 160px;
    }

    .matrix--join .desc span {
        font-size: 15px !important;
    }

    .matrix--join {
        padding-bottom: 100px;
    }

    .life--referral {
        padding-bottom: 50px;
    }
    .contact--start .contact-info {
        flex-wrap: wrap;
        font-size: 15px;
        gap: 10px;
    }

    .contact--start .circle {
        width: 400px;
        height: 400px;
    }

    .ui_form__fieldsets.grid-3 {
        grid-template-columns: 100%;
        gap: 0;
    }

    .section--form {
        border-radius: 20px;
    }
    .service--items > .wrap .advantage-card {
        width: 100%;
    }

    .contact--start.s-service-form {
        padding: 40px 0;
    }

    .posts--list .s-content .ui-post--card {
        width: 100% !important;
    }

    .posts--list .s-content {
        gap: 15px;
    }
    .event--wrap .s--wrapper {
        grid-template-columns: 100%;
        gap: 0;
    }

    .event--wrap .s--wrapper .subtitle {
        font-size: 17px;
    }

    .single--event .s-content h2 {
        font-size: 22px;
    }

    .single--event .s-content .details--row {
        grid-template-columns: 100%;
        gap: 30px;
    }
    .careers--items .s-wrap {
        grid-template-columns: 100%;
    }

    .page--careers .careers--search-form form .divider+.field, .single--careers .careers--search-form form .divider+.field {
        display: none;
    }

    .careers--search-form {
        top: 76px;
    }

    .careers--search-form .f-bar {
        flex-direction: column;
    }

    .header-hide .careers--search-form {
        transform: translate3d(0px, -77px, 0px);
    }

    .filter-sidebar {
        grid-template-columns: 50% 50%;
        width: calc(100% - 10px);
    }

    .filter-sidebar--item__content {
        overflow: auto;
        max-height: 200px;
    }
    .s-vacancy .s-wrap {
        display: flex;
        gap: 20px;
        flex-direction: column-reverse;
    }

    .single--careers .careers--search-form .f-bar {
        flex-direction: revert;
    }

    .s-vacancy {
        padding: 25px 0;
    }
    .choices-terms {
        margin-bottom: 10px;
    }
    .s-saved-jobs .s-wrap {
        margin: 30px 0;
        border-radius: 12px;
    }

    .ui-vacancy--card > .wrap > .title {
        font-size: 21px;
        line-height: 1.4;
    }

    .submit-jobs-form > .fields .upload-file {
        min-width: auto;
    }

    .submit-jobs-form > .fields {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }

    .submit-jobs-form > .fields .col-left {
        width: 100%;
    }

    .ui-stories-modal > .wrapper > .window > .viewer > .image img {
        width: 100%;
    }

    .ui-stories-modal > .wrapper > .window .nav .nav-stories button {
        margin: 0;
        padding: 0;
    }
    .s-locations .s-wrap {
        grid-template-columns: 100%;
        gap: 0;
    }

    .s-locations .s-wrap .white_bg_for_scroll > .image-location.scrollbar-outer {
        gap: 15px;
        max-height: initial;
    }

    .s-locations .s-wrap .white_bg_for_scroll> .scroll-nav {
        display: none;
    }

    .s-locations .s-wrap .white_bg_for_scroll > .image-location.scrollbar-outer > .item > .wrap {
        gap: 20px;
    }

    .s-locations .s-wrap .white_bg_for_scroll > .image-location.scrollbar-outer > .item > .wrap .contact_info > .row {
        grid-template-columns: 100%;
        gap: 10px;
    }

    .s-locations .s-wrap .white_bg_for_scroll > .image-location.scrollbar-outer > .item > .wrap .contact_info > .row ul {
        padding-left: 20px;
    }
    .s-header > .actions {margin-bottom: 20px;}
    .ui-wave {
        min-width: 2000px;
    }
    .bg-lines {
        background-size: 1800px;
        background-position: 40% center;
    }

    header .item.mobile-menu {
        display: block;
    }

    .btn-mobile-menu {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 159, 227, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        width: 30px;
        min-height: auto;
        height: 30px;
        min-width: 30px;
        border: none;
        padding: 0;
    }

    .btn-mobile-menu[aria-expanded="true"] {
        background-image: url("../icons/close_menu.svg");
        background-repeat: no-repeat;
        background-position: center;
    }
    .show .menu-mainheadermenu-container {
        display: block;
        top: 76px;
    }

    .menu-item-has-children > .sub-menu {
        position: relative;
        width: auto;
        top: 0;
        margin: 20px 0;
    }

}

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

}
