@media screen and (max-width: 960px) {
    :root {
        --largeFontSize: 18px;
        --largeLineHeight: 26px;
        --h3FontSize: 24px;
        --h3LineHeight: 32px;
    }

    h1 {
        font-size: 50px;
        line-height: 1.3em;
    }

    h2 {
        font-size: 30px;
        line-height: 38px;
    }

    h3 {
        font-size: 24px;
        line-height: 32px;
    }

    h4 {
        font-size: 20px;
        line-height: 28px;
    }

    main {
        padding-top: 95px;
        min-height: calc(100vh - 244px);
    }

    /* .halfSquareImage:before {
        padding: 100%;
    } */

    /*header*/
    header nav {
        display: none;
    }

    header .burger {
        display: block;
    }

    .small_btn {
        max-width: 300px;
        width: 100%;
    }

    /*header*/
    /*about*/
    .about_activity {
        flex-direction: column;
        padding-bottom: 30px;
    }

    .aboutSection .content {
        flex-direction: column;
    }

    .aboutSection .smallContainer {
        margin: 0;
        flex-direction: column;
    }

    .aboutSection .halfContainer {
        margin: 0 0 24px;
    }

    .aboutButton {
        width: 54px;
        height: 54px;
        background-size: 54px;
        top: -74px;
        right: 0;
    }

    .about_activity > h2 {
        display: block;
        order: -1;
    }

    .aboutSection .content > h2 {
        height: 54px;
        display: block;
        order: -1;
    }

    .halfContainer {
        width: 100%;
        max-width: none;
        margin: 24px 0;
        order: -1;
    }
    .halfContainer h4 {
        margin-bottom: 12px;
    }

    .smallContainer {
        width: 100%;
        max-width: none;
    }

    .smallContainer h2 {
        display: none;
    }

    .about_info {
        padding: 0 0 60px;
    }

    .info_listitem {
        display: flex;
        flex-direction: column;
        align-items: start;
        padding: 24px 0 0;
        margin-bottom: 0px;
        counter-reset: serialnumber;
    }

    .info_listitem:before {
        display: none;
    }

    .info_listitem h3 {
        flex: 0 0 60%;
        transition: 0.8s;
        font-size: 24px;
        line-height: 1.3em;
        counter-increment: serialnumber;
        display: flex;
    }

    .info_listitem h3:before {
        font-family: segoe-bold;
        font-size: 24px;
        line-height: 1.3em;
        content: counter(serialnumber, decimal-leading-zero);
        transition: 0.8s;
        display: block;
        margin-right: 10px;
    }

    .info_listitem p {
        color: var(--darkgrey);
        flex: 0 0 32%;
        margin: 8px 0 24px;
    }

    .info_listitem .hoverImage {
        position: relative;
        left: 0;
        width: 100%;
        opacity: 1;
        transition: 0.8s;
    }

    .info_listitem:hover::before {
        color: inherit;
    }

    .info_listitem:hover > h3 {
        color: inherit;
        transition: 0.8s;
    }

    .info_listitem:hover > .hoverImage {
        opacity: 1;
        transition: 0.8s;
        transform: rotate(0);
    }

    .worker {
        flex: 0 0 33.33333%;
        padding: 30px 15px 0;
    }

    .about_command {
        padding-top: 0;
    }

    /*projects*/
    .projectsSlider .slick-track,
    .projectsSlider_sec .slick-track {
        display: flex;
    }

    .projectItem > div {
        transition: var(--hover-duration);
    }

    .projectItem:hover > .standartWide {
        filter: none;
    }

    .projectItem:hover > .projectItemHover {
        transition: 0.8s;
        top: calc(100% - 30px);
    }

    .pr_location {
        padding-left: 10px;
    }

    .projectItemHover {
        position: sticky;
        justify-content: start;
        height: unset;
        padding: 0;
        z-index: 1;
        margin-top: 0;
    }

    .projectItem .standartWide {
        background: linear-gradient(
            360deg,
            rgba(0, 0, 0, 0.7) 46.33%,
            rgba(0, 0, 0, 0) 86.74%
        );
    }

    .projectItem .standartWide img {
        z-index: -1;
    }

    .projectItemHover .pr_location {
        justify-content: start;
    }

    .pr_info {
        flex-direction: column;
    }

    .pr_info_elem {
        flex-direction: column;
        align-items: start;
        margin: 5px 0;
    }

    .pr_info_elem span {
        display: none;
    }
    .pr_info_elem span:has(img) {
        max-width: 24px;
        width: 100%;
        height: 100%;
        border: 0;
        padding: 0;
        margin-right: 9px;
        border-radius: 0;
        display: flex;
        align-items: start;
        justify-content: start;
    }

    .pr_info_elem span img {
        width: 24px;
    }

    /*partners*/
    .partnerSlide {
        margin: 0 -8px 0 0;
    }

    .partnerSlideInner {
        padding: 0 8px;
    }

    /*about*/
    .bannerSlider .slick-dots {
        bottom: 30px;
    }

    .greySection,
    .greySection_sec {
        min-height: 360px;
        padding: 30px 0;
        margin: 30px 0 30px;
    }

    .cooperateWith,
    .aboutSection,
    .partnersSection {
        padding: 30px 0;
    }

    .partnersSection {
        min-height: 295px;
    }

    .partnersSection h2 {
        margin-bottom: 32px;
    }

    /*supplier*/
    .supplierSection .content {
        flex-direction: column;
    }

    .supplierSection .content > h2 {
        display: block;
    }

    .supplierSection .halfContainer {
        order: 1;
    }

    .supplierSection .halfContainer h2 {
        display: none;
        order: 0;
    }

    .supplierSection .smallContainer {
        margin: 24px 0;
    }

    /* contacts */
    .contacts .content {
        flex-direction: column;
    }

    .contacts .content > h2 {
        display: block;
        margin-bottom: 24px;
        order: -2;
    }

    .contacts .halfContainer {
        order: 1;
    }

    .contacts .halfContainer h2 {
        display: none;
    }

    .contacts .smallContainer {
        margin-left: 0;
        max-width: 100%;
        order: -1;
    }

    .career_info .content {
        flex-direction: column;
    }

    .career_info .halfContainer {
        margin-top: 0;
        margin-bottom: 45px;
    }

    .career_info .smallContainer {
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 45px;
    }

    .career_info .smallContainer .primary_btn {
        width: fit-content;
    }

    .career_info .halfContainer h2 {
        margin-bottom: 24px;
    }

    .career_info .halfContainer > div + div {
        margin-top: 20px;
    }

    .offer_land .content {
        flex-direction: column;
    }

    .offer_land .content > h2 {
        display: block;
        order: -2;
        margin-bottom: 30px;
    }

    .offer_land .smallContainer {
        margin-left: 0;
        order: -1;
    }

    .offer_land .halfContainer {
        order: 0;
        margin-bottom: 45px;
    }

    .offer_land .halfContainer h2 {
        display: none;
    }

    /* error 404 */
    main:has(.error_page) {
        background-image: url("../img/404mobile.png");
        background-position: center;
        margin: 0;
        padding: 0 16px;
    }

    .error_page {
        padding-top: 0;
        padding-bottom: 16px;
    }

    /* career */
    .career .content > div:nth-child(1) {
        margin-bottom: 16px;
    }

    .career .content > div:nth-child(1) .halfContainer,
    .career .content > div:nth-child(2) .halfContainer {
        margin: 0;
    }

    .career .content > div:nth-child(1) h2 {
        margin-bottom: 16px;
    }

    .career .content > div:nth-child(2) {
        flex-direction: column;
        margin-bottom: 16px;
    }

    .search_container {
        margin-left: 0;
        max-width: 470px;
        margin-top: 24px;
    }

    .workerList {
        margin: 0 -15px 45px;
    }
    .newsPage {
        margin-bottom: 0;
    }
    .newsPage .content {
        flex-direction: column-reverse;
        padding: 0;
    }
    .newsPage .bigContainer {
        max-width: 100%;
        margin-right: 0;
        padding: 0 16px;
    }
    .share_container {
        margin-top: 30px;
        align-items: center;
    }
    .share_container a {
        margin-right: 30px;
    }
    .share_container a img {
        width: 40px;
        height: 40px;
    }
    .newsPage .bigContainer h2 {
        margin: 16px 0;
    }
    .newsPage .smallContainer {
        padding: 20px;
    }
    .newsPage .smallContainer h4 {
        margin-bottom: 30px;
    }
    .newContainer .slick-track {
        display: flex;
    }
    .newContainer .slick-list {
        overflow: hidden;
        margin: 0 -15px;
    }
    .newItem {
        margin: 0 15px;
    }
    .news {
        margin-bottom: 45px;
    }
    .news h2 {
        margin-bottom: 30px;
    }
    .news_type_container {
        display: none;
    }
    .news_type.mobile {
        display: flex;
    }
    .news_latest {
        display: none;
    }
    .new {
        width: calc(50% - 30px);
    }
}

@media (max-width: 768px) {
    .cooperateElements {
        margin: 0;
    }

    .cooperateWith h2 {
        margin-bottom: 16px;
    }

    .cooperateElement {
        flex: 0 0 100%;
        padding: 8px 0;
    }

    .cooperateElement a {
        min-height: unset;
        padding: 30px;
    }

    .projectsSlider,
    .projectsSlider_sec {
        margin: 0 -8px;
    }

    .projectItem {
        padding: 0 8px;
    }

    .b1 {
        display: none;
    }

    .mainTitle {
        padding: 0;
    }

    .purchasesSection {
        padding: 60px 0 30px;
    }

    .purchasesSection h2 {
        margin-bottom: 24px;
    }
    .purchase li.material {
        flex-direction: column-reverse;
    }

    .workerListItem {
        width: calc(100% - 30px);
    }

    .pagination {
        padding: 30px 0 0;
    }

    .error_page {
        padding-top: 40px;
        padding-bottom: 16px;
    }
}

@media (max-width: 576px) {
    :root {
        --largeFontSize: 16px;
        --largeLineHeight: 26px;
        --standartFontSize: 14px;
        --standartLineHeight: 20px;
        --h3FontSize: 24px;
        --h3LineHeight: 32px;
    }

    .sliedCon.mob {
        display: block;
    }
    .sliedCon.web {
        display: none;
    }
    h1 {
        font-size: 30px;
        line-height: 1.3em;
    }

    h2 {
        font-size: 24px;
        line-height: 32px;
    }

    h3 {
        font-size: 24px;
        line-height: 32px;
    }

    h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .info_inputs .input_group {
        margin: 16px 15px 0;
        width: calc(100% - 30px);
    }

    main {
        min-height: calc(100vh - 228px);
    }

    /*footer*/
    footer .content {
        flex-direction: column;
    }

    /* .footerLogo .logo {
        display: none;
    } */
    .logo {
        height: 45px;
    }
    .footerLogo {
        font-size: 0;
        line-height: 0;
    }

    .footerMenu {
        margin-top: 12px;
    }

    .footerMenu div {
        font-size: var(--standartFontSize);
        line-height: var(--standartLineHeight);
        color: var(--black);
    }

    .footerMenuInner div {
        margin-top: 6px;
    }
    .footerInfo {
        padding-top: 20px;
        flex-direction: column;
        justify-content: flex-start;
    }
    .footerMenu span {
        font-size: var(--largeFontSize);
        line-height: var(--largeLineHeight);
        color: var(--darkgrey);
    }
    .powered {
        margin-bottom: 10px;
    }
    /*footer*/
    .greySection,
    .greySection_sec {
        min-height: 280px;
        padding: 30px 0;
        margin: 30px 0 30px;
    }
    /*about*/
    .worker {
        flex: 0 0 50%;
        padding: 16px 8px 0;
    }

    .workersContainer {
        margin: 0 -8px;
    }

    /*about*/
    .button_container button {
        width: 100%;
    }

    .contacts .button_container {
        margin-top: 24px;
    }

    /* career info */
    .career_info .halfContainer {
        margin-bottom: 24px;
    }

    .career_info .halfContainer h2 {
        margin-bottom: 12px;
    }

    .career_info .halfContainer > div + div {
        margin-top: 16px;
    }

    .career_info .halfContainer h4 {
        margin-bottom: 8px;
    }

    .career_info .halfContainer ul li + li {
        margin-top: 12px;
    }

    .career_info .smallContainer {
        margin-bottom: 30px;
    }

    .career_info .smallContainer .primary_btn {
        width: 100%;
    }

    .career_info .social_list {
        justify-content: center;
        margin: 0;
        padding: 20px 0;
        border-top: 1px solid var(--eerie-black);
    }

    /*supplier*/
    .purchase {
        flex: 0 0 100%;
    }

    .offer_land .content > h2 {
        margin-bottom: 24px;
    }

    .offer_land .halfContainer {
        margin: 24px 0 30px;
    }

    .offer_land .halfContainer p {
        margin-bottom: 8px;
    }

    /*popup*/
    .popup_container {
        height: 100%;
        padding: 45px 16px;
    }

    .popup_inner {
        height: 100%;
        padding: 60px 24px;
    }

    .popup_inner .popup_close {
        top: 30px;
        right: 30px;
    }

    .popup_inner #supplierFrom_2,
    .popup_inner #supplierFrom_1 {
        padding-top: 14px;
    }

    .popup_inner #supplierFrom_2 .checkbox_container label {
        margin-top: 10px;
    }

    .button_container {
        margin-top: 8px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .button_container .secondary_btn,
    .button_container .primary_btn {
        width: 100%;
        margin: 16px 0 0;
    }

    .career .content > div:nth-child(1),
    .career .content > div:nth-child(1) h2 {
        margin-bottom: 12px;
    }

    .career .content > div:nth-child(2) {
        margin-bottom: 46px;
    }

    .career .content > div:nth-child(2) .halfContainer {
        display: flex;
        flex-direction: column;
    }

    .search_container {
        max-width: 100%;
    }

    .search_container form {
        flex-direction: column;
    }

    .search_container .search_input {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 16px;
    }

    .workerListItem {
        margin: 16px 15px 0;
        padding: 16px 30px;
    }

    .worker_title {
        flex-direction: column;
    }

    .deadline {
        order: -1;
        margin-bottom: 8px;
    }

    .worker_location {
        margin-top: 24px;
    }

    .workerList {
        margin: 0 -15px 30px;
    }

    .pagination {
        padding: 24px 0 0;
    }

    .newsPage {
        margin-bottom: 0;
    }
    .newsPage .bigContainer {
        margin-bottom: 30px;
    }
    .newsPage .bigContainer h2 {
        margin: 12px 0 24px;
    }
    .share_container {
        margin-top: 24px;
    }
    .share_container span {
        margin-right: 8px;
    }
    .share_container a {
        margin-left: 12px;
        margin-right: 0;
    }
    .share_container a img {
        width: 24px;
        height: 24px;
    }
    .newsPage .smallContainer {
        padding: 30px 8px 30px 16px;
    }
    .newContainer .slick-list {
        padding: 0 40% 0 0 !important;
        margin: 0 -8px;
    }
    .newItem {
        margin: 0 8px;
    }
    .newItem .date_time {
        margin: 8px 0 2px;
    }
    .news {
        margin-bottom: 30px;
    }
    .news h2 {
        margin-bottom: 20px;
    }
    .new {
        width: calc(100% - 30px);
        margin-top: 16px;
    }
    .new .date_time {
        margin-top: 12px;
    }
    .new .date_time span {
        font-size: 14px;
        line-height: 20px;
    }
    .select_field,
    .news_type_hide a {
        padding: 10px 16px;
    }
    .marq .slick-list {
        margin: 0;
    }
    .marq .slick-track {
        margin-left: -33%;
    }
    .partnerSlide {
        margin: 0;
        padding: 0 8px;
    }
}

@media (max-width: 460px) {
    .partnerSlide {
        margin: 0;
        padding: 0 0px 0 8px;
    }

    .error_page {
        padding-top: 60px;
        padding-bottom: 16px;
    }
}
@media (max-width: 375px) {
    h1 {
        font-size: 24px;
        line-height: 1.5em;
    }
    .info_listitem h3 {
        flex: 0 0 60%;
        transition: 0.8s;
        font-size: 20px;
        line-height: 1.3em;
        counter-increment: serialnumber;
        display: flex;
    }

    .info_listitem h3:before {
        font-family: segoe-bold;
        font-size: 20px;
        line-height: 1.3em;
        content: counter(serialnumber, decimal-leading-zero);
        transition: 0.8s;
        display: block;
        margin-right: 10px;
    }

    .marq .slick-track {
        margin-left: 0;
    }
    .partnerSlide {
        margin: 0;
        padding: 0 8px;
    }
    /*about*/
    .popup_inner {
        padding: 30px 24px;
    }

    .popup_inner .popup_close {
        top: 20px;
        right: 25px;
    }

    .worker {
        flex: 0 0 100%;
        padding: 16px 0 0;
    }

    .workersContainer {
        margin: 0;
    }

    /*supplier*/
    .purchase li.material {
        max-width: 95px;
    }
    .purchase:has(.apply) .material span:nth-child(1) {
        margin-top: 0;
    }
    .pagination a img {
        width: 7px;
    }

    .purchase li.material span:nth-child(1) {
        margin: 20px 0 0 0;
    }

    .pagination .prevPage,
    .pagination .nextPage {
        width: 30px;
        height: 30px;
        padding: 0;
    }

    .pagination .allPages {
        padding: 0 4px;
    }

    .pagination .page {
        margin: 0 4px;
    }
    .newContainer .slick-list {
        padding: 0 10% 0 0 !important;
    }
    main:has(.error_page) .primary_btn {
        padding: 8px 12px;
    }
    .error_page {
        padding-top: 80px;
        padding-bottom: 16px;
    }
}