@media screen and (max-width: 854px) {
  .block-main-image img {
    transform: none;
  }

  .front_page .top-banner {
    background-size: 44%;
  }

  .gxn-derf {
    font-size: 14px;
    line-height: 165%;
  }

  .gxn-news-item > .uk-grid {
    flex-direction: column;
    text-align: center;
  }

  .gxn-news-item > .uk-grid > div {
    width: 100%;
  }

  .gxn-faq-item .gxn-faq-item-title {
    padding: 18px 100px 18px 40px;
  }

  .gxn-news-item .gxn-news-item-img {
    margin: auto;
  }

  .footer .uk-navbar-nav {
    flex-direction: column;
    gap: 6px;
  }

  .footer .uk-navbar-nav > li > a {
    min-height: auto;
    font-size: 14px;
  }

  .gxn-get-command-item-svg {
    height: 76px;
    width: 76px;
  }

  .gxn-get-command-item-svg .uk-icon {
    width: 60%;
  }

  .gxn-get-command-item-ss .gxn-get-command-item-title {
    font-size: 20px;
  }

  .gxn-get-command-item-ss .gxn-get-command-item-text {
    font-size: 14px;
    line-height: 160%;
  }

  .gx-card-icon-top {
    height: 84px;
    margin-top: -80px;
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 640px) {
  .mobile_about_numbers div {
    flex: auto !important;
  }
  .front_page .top-banner {
    background: none;
    text-align: center;
    padding-top: 0;
  }

  .block-main-image {
    width: 100%;
  }

  .uk-card-default .uk-card-title {
    font-size: 22px;
  }

  .gx-link-text {
    font-size: 14px;
    margin-bottom: 18px !important;
  }

  .uk-card-default p {
    font-size: 14px;
    line-height: 150%;
  }

  .uk-card-footer {
    display: flow-root;
    padding: 8px 30px;
  }

  .uk-link {
    font-size: 16px;
    line-height: 180%;
  }

  .gxn-garant-gr-b {
    flex-direction: column;
    text-align: center;
  }

  .gxn-garant-gr-b > div {
    width: 100%;
  }

  .gxn-garant-gr-b img {
    width: 200px;
  }

  .footer > .uk-container > .uk-navbar {
    flex-direction: column;
    text-align: center;
  }

  .footer > .uk-container > .uk-navbar .uk-navbar-left {
    display: block;
  }

  .footer > .uk-container > .uk-navbar .uk-navbar-center {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin: 15px auto;
    text-align: center;
  }

  .footer > .uk-container > .uk-navbar .uk-navbar-right {
    display: block;
    position: relative;
    top: auto;
    margin: auto;
    text-align: center;
  }

  .footer > .uk-container > .uk-navbar .uk-navbar-right > div {
    text-align: center !important;
  }

  .gx-billet-h {
    font-size: 48px;
    line-height: 130%;
    text-align: center;
  }

  .gx-dop-p-head h2 {
    font-size: 22px;
    text-align: center;
  }

  .gx-dop-p-head .gx-dop-p-head-con {
    text-align: center;
  }

  .gxn-get-command-item-st .gxn-get-command-item-title {
    font-size: 18px;
    padding-top: 20px;
  }

  .gxn-get-command-item-st .gxn-get-command-item-text {
    line-height: 155%;
  }

  .gxn-boxes-box {
    padding: 30px 25px;
  }
  .gxn-boxes-title {
    font-size: 20px;
    padding-bottom: 14px;
  }

  .top-banner h1 {
    font-size: 30px;
    line-height: 100%;
    text-align: center;
  }

  #mobile-movie {
    max-height: 35vh;
  }

  .about-us-title {
    font-size: 22px;
  }
}

@media screen and (min-width: 576px) {
}

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

@media screen and (max-width: 480px) {
  .feedback-text {
    font-size: 13px;
  }
}

@media screen and (max-width: 459px) {
  .header_menu-mobile .uk-navbar-center img {
    width: 135px;
  }

  .uk-h2,
  h2 {
    font-size: 20px;
    line-height: 1.3;
  }

  .uk-h3,
  h3 {
    font-size: 22px;
    line-height: 120%;
  }

  .uk-button {
    font-size: 14px;
    line-height: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .uk-card-body {
    padding: 18px 18px;
  }

  .uk-card-footer {
    display: flow-root;
    padding: 8px 18px;
  }

  .gx-card-icon-top {
    margin-top: -64px;
  }

  .gx-card-icon-top img {
    width: 40%;
  }

  .uk-card-default .uk-card-title {
    font-size: 20px;
  }

  .gx-link-text {
    margin-bottom: 12px !important;
  }

  .gx-billet-box {
    padding: 28px 28px;
  }

  .gx-billet-h {
    font-size: 36px;
  }

  .gx-billet-info {
    font-size: 14px;
    line-height: 120%;
    text-align: center;
  }

  .gx-billet-h small {
    font-size: 24px;
    line-height: 140%;
  }

  .gxn-faq-item .gxn-faq-item-title {
    padding: 13px 68px 13px 24px;
  }

  .gxn-faq-item .gxn-faq-item-body {
    padding: 0px 24px 15px;
  }

  #mobile-movie {
    max-height: 22vh;
  }

  .spb-courses-types-item {
    height: auto;
    padding: 18px 22px 18px;
  }

  .spb-courses-types-item .spb-courses-types-item-title {
    font-size: 20px;
    line-height: 130%;
  }

  .spb-courses-types-item .spb-courses-types-item-text {
    font-size: 14px;
    line-height: 180%;
    padding-top: 16px;
  }

  .spb-courses-types-item .spb-courses-types-item-info {
    width: 100%;
    position: static;
    padding-top: 12px;
  }

  .spb-courses-types-item-ul .types-info-ul li {
    font-size: 14px;
    line-height: 150%;
  }

  .spb-courses-types-item-link .link-type {
    height: 36px;
    width: 36px;
  }

  .uk-breadcrumb > * {
    font-size: 14px;
  }

  .uk-breadcrumb > * > a {
    font-size: 14px;
  }

  .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before {
    margin: 0 8px 0 calc(8px - 4px);
  }
}

@media screen and (max-width: 360px) {
  .wpcf7-form-control-wrap {
    width: 100% !important;
  }
}