@media (max-width: 991px) {
/* HEADER START */
  header {
    top: 20.625rem;
    left: 50%;
    padding: 0;
    width: auto;
    transform: translate(-50%, 0);
  }

  header .logo img { width: 8.75rem; }
/* HEADER END */

/* KV START */
  .kv { margin-bottom: 0; height: 25.625rem; }

  .kv::before { height: 10.4375rem; background-image: url('../img/kv-bg-4-mob.png'); }

  .kv .kv__footballist {
    /*top: 12.125rem;
    left: 0rem;
    width: 28.8125rem;*/

    top: 0.125rem;
    left: 2rem;
    width: 16.8125rem;
    z-index: 0;
  }

  .kv .kv__ball {
    top: 24.5rem;
    left: 15.25rem;
    width: 9.5rem;
  }

  .kv .kv__title {
    top: 4rem;
    left: 50%;
    width: 21.4375rem;
    transform: translate(-50%, 0);
  }

  .kv h2 {
    top: 12.4375rem;
    right: 50%;
    color: #fff;
    font-size: 1.5rem;
    white-space: nowrap;
    transform: translate(50%, 0);
  }

  .kv h2 i {
    margin: 0 0.375rem;
    width: 5.75rem;
    height: 0.125rem;
  }

  .kv h2 i::before { background: #fff; }
  .kv h2 i::after { background: #F61131; }
  .kv h2 span { color: #F61131; }

  .kv h3 {
    top: 16.5625rem;
    left: 50%;
    font-size: 1.125rem;
    text-align: center;
    transform: translateX(-50%);
  }
  .kv h3 span { margin-bottom: 1.125rem; }
  .kv h3 span::before {
    top: 50%;
    left: 50%;
    width: 11.5625rem;
    height: 2.125rem;
    transform: translate(-50%, -50%);
  }

  .kv .btn {
    bottom: -3.75rem;
    right: 1rem;
    width: 20rem;
    height: 3.875rem;
    font-size: 1.25rem;
  }
/* KV END */

/* TEXT START */
  .text {
    margin-bottom: 3.5rem;
    padding: 0 0.625rem;
  }
  .text h3 {
    margin-bottom: 2.4375rem;
    font-size: 2rem;
    line-height: 1.1;
  }
  .text h4 {
    margin-bottom: 1.875rem;
    font-size: 1.25rem;
  }
  .text h4 br {
    display: none;
  }
  .text h5 {
    font-size: 1.25rem;
  }
/* TEXT END */

/* REGISTRATION START */
  .registration {
    margin-bottom: 0.875rem;
    padding: 0 0.625rem;
  }
  .registration form {
    padding: 1.875rem 1.5625rem;
    width: 100%;
    border-radius: 0.9375rem;
  }
  .registration h3 {
    margin-bottom: 1.625rem;
    font-size: 2rem;
  }
/* REGISTRATION END */

/* FOOTER START */
  footer {
    padding-bottom: 3.125rem;
  }
  footer h3 {
    font-size: 1.25rem;
  }
  footer h4 {
    font-size: 1.5rem;
  }
/* FOOTER END */

/* MODAL START */
  .modal-dialog { max-width: 20rem; }

  .modal-close {
    top: 1rem;
    right: 1rem;
    width: 1.125rem;
    height: 1.125rem;
  }

  .modal-content{ border-radius: 1.125rem; }

  .modal-body { padding: 1.5rem 1.25rem; }

  .modal__title { margin-bottom: 1rem; font-size: 1.1rem; }
  .modal__text { margin-bottom: 1.5rem; font-size: 1rem; }

  .modal .form-group { margin-bottom: 1rem; }

  .modal .form-control { padding: 0 1.75rem; height: 2.625rem; font-size: 0.75rem; }

  .modal form .btns { margin-bottom: 1.5rem; }

  .modal form .btns .btn {
    margin-bottom: 0.875rem;
    height: 2.625rem;
    font-size: 0.75rem;
  }


  .modal form .form-checkbox label i {
    top: 0.125rem;
    margin-right: 1rem;
    width: 0.75rem;
    height: 0.75rem;
  }

  .modal form .form-checkbox label p { font-size: 0.625rem; }
/* MODAL END */

/* QUIZ START */
  .quiz__start-wrap {
    display: block;
    padding: 1.25rem;
    width: 100%;
    height: auto;
    border-radius: 1rem;
  }

  .quiz__start { padding: 0 1.5rem 3rem; }

  .quiz__start h3 {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
  }

  .quiz__start h3 br { display: none; }

  .quiz__start h4 { margin-bottom: 1.6875rem; font-size: 1.0625rem; }

  .quiz__start .btn { width: 19.375rem; }

  .quiz__current { padding: 2.625rem 1.0625rem 2.875rem; height: auto; }

  .quiz__current-head { margin-bottom: 2.1875rem; padding: 0; }

  .quiz__current-head h3 {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 2.375rem;
    transform: translate(0, 0);
  }

  .quiz__current-head h4 { font-size: 2.375rem; line-height: 1; }

  .quiz__current-body {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  .quiz__current-body .right { order: 1; margin: 0 auto 2.5rem; }

  .quiz__current-body .right img {
    width: 16.875rem;
    height: 23rem;
    border-radius: 2.1875rem;
  }

  .quiz__current-body .left { order: 2; width: 100%; }

  .quiz__current-body .left p {
    margin-bottom: 1.875rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
    text-align: center;
  }

  .quiz__current-body .left ul {
    display: block;
    margin-bottom: -0.9375rem;
    padding: 0 0.75rem;
  }

  .quiz__current-body .left ul li {
    margin-bottom: 0.9375rem;
    padding: 0 1rem;
    width: 100%;
    height: 3.75rem;
    font-size: 1.1875rem;
  }

  .quiz__current-body .left ul li:hover { opacity: 1; }
/* QUIZ END */
}
