@media screen and (max-width: 1368px) {
  .container {
    max-width: 1120px;
    margin: 0 auto;
  }

  .dropdown-menu-main {
    width: auto;
    columns: 1;
  }

  .menu-column {
    flex-basis: calc(25% - 20px);
  }
}

@media screen and (max-width: 1200px) {
  .content-page>* {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-wrapper {
    padding: 0 10px;
  }

  .dropdown-menu-main .secondary-menu {
    width: 100%;
  }

  .contacts-all {
    width: 300px;
  }
}

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

  .contact-box,
  .branding-box {
    flex-direction: column;
  }

  .menu-wrapper h4 {
    margin: 0;
  }

  .menu-wrapper h4 .plus {
    display: inline-block;
  }

  .menu-column {
    flex-basis: calc(50% - 20px);
  }

  .menu-column ul {
    display: none;
  }

  .dropdown-menu-main {
    display: none;
  }

  .dropdown-menu-main {
    position: static;
    width: fit-content;
    columns: 1;
  }

  footer .container {
    align-items: flex-start;
  }

  .menu-box {
    padding-top: 10px;
  }

  .menu-wrapper ul {
    margin-top: 20px;
  }

  .contact-box {
    padding-left: 10px;
    padding-right: 20px;
  }

  .simple-page .content-wrapper {
    grid-template-columns: 100%;
  }

  .navigation-box {
    padding-left: 0;
  }

  main {
    padding-bottom: 10px;
  }

  /*main .container,*/
  footer .container,
  header .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-page .content-wrapper {
    display: flex;
    flex-direction: column-reverse;
  }

  .content-page .content {
    padding-left: 0;
  }

  .first-page {
    display: none;
  }

  .tabs-caption li {
    width: 50%;
  }

  .left-menu,
  .logo-wrapper,
  .actions-wrapper {
    flex-basis: 10px;
  }

  .branding-box {
    align-items: flex-start;
  }

  .bottom-logo span {
    display: none;
  }

  .nacp-slogan {
    padding-left: 0;
    border-left: 0;
    font-size: 1.5rem;
    margin: 60px 0 30px;
  }

  .menu-box {
    border-bottom: 0 none;
  }

  .social-links {
    justify-content: space-between;
  }

  .phone {
    text-align: left;
    margin-bottom: 30px;
  }

  .bottom-logo {
    transform: scale(0.9);
    margin-left: -10px;
  }

  .swiper.swiper-menu {
    overflow-x: hidden;
  }
}

@media screen and (max-width: 923px) {
  .persons_box {
    /*lex-direction: column;*/
    flex-wrap: wrap;
    justify-content: space-between;
  }

  h2.heroes_header {
    width: 100%;
    flex-basis: auto;
  }

  .one_hero {
    width: calc(50% - 30px);
  }

  .heroes_current {
    margin: 16px 0 0;
  }

  .buttons-box .container {
    flex-direction: column;
  }

  .contacts-all {
    width: 240px;
  }

  .menu-all {
    width: 325px;
  }
}

@media screen and (max-width: 875px) {
  .corresponence-info {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .corresponence-text {
    padding-left: 0;
    border-left: 0 none;
  }

  .corresponence-info {
    max-height: 100%;
  }

  .search-correspondence-box .container {
    padding-left: 20px;
  }

  .search-correspondence-box .form {
    flex-direction: column;
    gap: 20px;
  }
}

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


  header .container {
    padding-left: 0;
    padding-right: 0;
  }

  .menu-toggler {
    padding-left: 20px;
  }

  header .container.container-swiper {
    overflow-x: hidden;
    height: auto;
    /*margin-top: -15px;*/
  }

  .container-swiper+.container {
    margin-top: -5px;
  }

  .header-row {
    margin-top: 0;
  }

  main,
  footer {
    overflow-x: hidden;
  }

  footer {
    flex-basis: fit-content;
    padding-top: 20px;
  }

  input#menu_input:checked+.second-level-menu {
    display: grid;
    grid-template-columns: 350px 1fr;
    grid-template-areas: "a b";
  }

  .left-menu .second-level-menu .contacts-all .button {
    margin: 10px auto;
    width: 100%;
  }

  .menu-all {
    grid-area: a;
  }

  .contacts-all {
    grid-area: b;
  }

  .menu-wrapper ul.level3 {
    margin-bottom: 20px;
  }

  .contacts-all {
    width: 100%;
  }

  .dropdown-menu-main .submenu_wrap {
    flex-direction: column;
  }

  .logo-short {
    display: inline-block;
    transform: scale(1.3);
  }

  .logo-full {
    display: none;
  }

  .one-item {
    width: auto;
  }

  .sections-wrapper {
    grid-template-columns: 100%;
  }

  .header-row {
    gap: 20px;
  }

  .menu-toggler span.menu-label {
    display: none;
  }

  .primary-menu .plus {
    display: inline-block;
  }

  .left-menu,
  .logo-wrapper,
  .actions-wrapper {
    flex-basis: auto;
  }

  .left-menu {
    flex-basis: 10px;
  }

  .langs-switcher {
    margin-right: 5px;
  }

  .footer-row-wrapper {
    flex-direction: column;
    gap: 30px;
    align-items: center;
  }

  .address-wrapper {
    text-align: center;
  }

  .breadcrumbs-box .help-link {
    width: auto;
  }

  .left-menu input:checked+span+.second-level-menu {
    flex-direction: column;
  }

  .left-menu .second-level-menu {
    left: -20px;
    top: 65px;
    width: calc(100% + 40px);
  }

  .left-menu .second-level-menu .menu-all>ul {
    border-right: 0 none;
  }

  .contacts-all {
    border-left: 0 none;
  }

  .swiper-gallery {
    width: 500px;
  }

  .news-box {
    height: auto;
  }

  .dap-box .container .wrapper {
    flex-direction: column-reverse;
  }

  .dap-picture {
    max-width: calc(100% + 60px);
    min-width: calc(100% + 60px);

    margin: -30px -30px 20px;
    background-color: var(--primary-bg-color);
  }

  .dap-statistics {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 30px;
  }

  .dap-piece:not(:last-child) {
    border-right: 0 none;
  }

  .working-hours {
    margin-left: 20px;
  }

  .contacts-all {
    margin-top: 30px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 600px) {
  footer .menu-wrapper {
    flex-direction: column;
  }

  input#menu_input:checked+.second-level-menu {
    display: grid;
    grid-template-columns: auto;
    grid-template-areas:
      "a a"
      "b b";
  }

  .menu-all {
    grid-area: a;
    border-right: none;
    margin: 0 20px;
  }

  /*.second-level-menu{
    padding: 0 10px;
  }*/

  .contacts-all {
    grid-area: b;
  }

  .left-menu .second-level-menu .contacts-all .button {
    width: 320px;
  }

  header {
    padding: 20px 10px;
  }

  .logo-short {
    transform: scale(1);
  }

  .actions-wrapper li {
    padding: 7px 2px;
  }

  .header-row {
    gap: 10px;
  }

  .ch-contrast svg {
    width: 25px;
  }
}

@media screen and (max-width: 440px) {
  .left-menu .second-level-menu .contacts-all .button {
    width: 100%;
  }

  .one_hero {
    width: 100%;
  }

  .content-page .page .container {
    padding-left: 0;
    padding-right: 0;
  }

  .page-content {
    padding-right: 0;
  }

  .press-form,
  .materials {
    padding-left: 10px;
    padding-right: 10px;
  }

  .left-menu .second-level-menu a {
    padding-left: 10px;
  }

  /*.dropdown-menu-main li {
    min-width: 170px;
  }*/
  .left-menu .second-level-menu ul.level3 li a:before {
    left: 14px;
  }

  .left-menu .second-level-menu ul.level3 li a {
    padding-left: 30px;
  }

  .contacts-all {
    padding-right: 20px;
  }

  .contacts-all main .container,
  footer .container,
  header .container {
    padding-left: 0;
    padding-right: 0;
  }

  .langs-switcher a {
    font-size: 12px;
  }

  .vacancies-info {
    padding: 0px 0px 20px 0px;
  }

  .vacancies-info p {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .vacancies-header h1 {
    padding: 0;
  }

  .vacancies-header .breadcrumbs {
    margin-bottom: 0;
  }

  .vacancies-footer h2 {
    font-size: 1.5rem;
    padding: 30px;
  }

  .list-box {
    padding-right: 0;
    grid-template-columns: auto;
    gap: 5px;
  }

  .breadcrumbs {
    margin-top: 10px;
    padding-top: 0;
  }

  .breadcrumbs li {
    font-size: 0.9rem;
  }

  .breadcrumbs-box {
    padding-top: 0;
  }

  .breadcrumbs-box .container {
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .breadcrumbs-box .help-link {
    position: static;
    margin-top: 20px;
  }

  .one-category {
    border: solid 1px #d3d3d3;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .one-category h2,
  .navigation-box h2 {
    font-size: 1.3rem;
  }

  .navigation-box {
    margin-top: 50px;
  }

  .search-form {
    display: none;
  }

  .simple-page h1,
  .content-page h1,
  .one-category h2,
  .navigation-box h2 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-left: 0;
    line-height: 1.4;
  }

  .content-page {
    overflow-x: hidden;
  }

  .dap-label {
    text-align: center;
  }
}