@media (max-width: 1920px) {
  .main-welcome {
    height: 1000px;
  }

  .navbar-brand {
    max-width: 150px;
  }
}



@media (max-width: 1514px) {
  .main-welcome-h1 {
    font-size: 4.0rem;
  }

  .main-here-h1 {
    font-size: 2.5rem;
  }

  .card-main {
    width: 30%;
  }
}

@media(min-width: 1400px) {
    .container-xxl {
        max-width: 75%;
    }

    .p-library {
      font-size: 1.2vw;
    }

    select {
      font-size: 0.9vw;
    }

    .library-button{
      font-size: 0.9vw;
    }

    .sg-menu-h1 {
      display: block;
    }

    .mobVisible {
      display: none;
    }
}

@media (max-width: 1224px) {
  .main-welcome-h1 {
    font-size: 3.0rem;
  }

  .main-here-h1 {
    font-size: 2.0rem;
  }
}



@media (min-width: 992px) {
  .row.library-row.open .filtering-form {
    transform: translateX(0);
    
  }
}



@media (max-width: 991px) {
  .mobHidden {
    display: none;
  }

  .main-welcome {
    height: 800px;
  }

  .main-welcome-h1 {
    font-size: 2.5rem;
  }

  .main-here-h1 {
    font-size: 1.75rem;
  }

  .nav-item-mob-margin-top {
    margin-top: 0.5rem;
  }

  .mob-flex-direction-row {
    flex-direction: row;
  }

  .navbar-middle-link {
    margin: 0 20px;
  }

  .card-main {
    width: 40%;
  }

  .content-block {
    margin: 5px 0;
  }

  .card {
    width: 45%;
  }

  .library-burger {
    display: block;
  }

  .accordion-header button {
    font-size: 25px;
  }

  .accordion-body p {
    font-size: 25px;
    margin-bottom: 10px;
  }

  input[type="checkbox"] {
    transform: scale(1.8);
    margin-right: 10px;
  }

  .p-library {
    font-size: 3.5vw;
  }

  select {
    font-size: 2.9vw;
  }

  .library-button {
    font-size: 2.6vw;
  }

  .filtering-form {
    position: absolute;
    right: -500px;
    top: 0;
    width: 500px;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 20px;
    border-radius: 10px;
    visibility: hidden;
    transition: transform .5s, visibility .5s;
    will-change: transform;
  }

  .anim.show.filtering-form .anim-top-delay-500ms {
    animation-name: none;
  }

  .filtering-form .anim-top-delay-500ms {
    opacity: 1;
  }

  .anim.show.filtering-form .anim-top-delay-1000ms {
    animation-name: none;
  }

  .filtering-form .anim-top-delay-1000ms {
    opacity: 1;
  }

  .news-img {
    width: 100%;
  }
}



@media (max-width: 764px) {
  .main-welcome-h1 {
    font-size: 2.0rem;
  }

  .main-here-h1 {
    font-size: 1.5rem;
  }

  .content-block .link {
    margin-top: 1.6rem;
  }

  p {
    font-size: 1.0rem;
  }

  .link-button {
    font-size: 0.8rem;
  }

  .p-library {
    font-size: 4.0vw;
  }

  select {
    font-size: 3.5vw;
  }

  .library-button {
    font-size: 3.0vw;
  }

  .accordion-header button {
    font-size: 21px;
  }

  .accordion-body p {
    font-size: 19px;
  }

  input[type="checkbox"] {
    transform: scale(1.6);
  }

  .filtering-form {
    right: -450px;
    width: 450px;
  }

  .link-button h5 {
    font-size: 1.5rem;
  }

  footer {
    font-size: 16px;
  }

  footer h3 {
    font-size: 1.5rem;
  }
}



@media (max-width: 624px) {
  .p-library {
    font-size: 3.5vw;
  }

  select {
    font-size: 3.0vw;
  }

  .library-button {
    font-size: 2.5vw;
  }

  .parameters {
    font-size: 2.9vw;
  }

  .accordion-header button {
    font-size: 19px;
  }

  .accordion-body p {
    font-size: 17px;
  }

  input[type="checkbox"] {
    transform: scale(1.5);
  }

  .filtering-form {
    right: -370px;
    width: 370px;
  }
}



@media (max-width: 549px) {
  .main-welcome-h1 {
    font-size: 1.5rem;
  }

  .main-here-h1 {
    font-size: 1.2rem;
  }

  .card-main {
    width: 45%;
    margin: 0 5px;
  }

  .card h4 {
    font-size: 1.6rem;
  }

  .carousel {
    border-radius: 10px;
  }

  .content-block {
    border-radius: 15px;
    padding: 5px;
  }

  .content-block .link {
    margin-top: 0.8rem;
    margin-bottom: 3px;
  }

  p {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }

  .link-button {
    border-radius: 8px;
    font-size: 0.7rem;
    padding: 5px;
  }

  .link-button h5 {
    font-size: 1.3rem;
  }

  .p-library {
    font-size: 3.7vw;
  }

  select {
    font-size: 3.2vw;
  }

  .library-button {
    font-size: 2.7vw;
    padding: 1px 5px;
  }

  .parameters {
    font-size: 3.0vw;
  }

  .accordion-header button {
    font-size: 17px;
  }

  .accordion-body p {
    font-size: 14px;
  }

  input[type="checkbox"] {
    transform: scale(1.3);
    margin-right: 6px;
  }

  .filtering-form {
    right: -290px;
    width: 290px;
  }

  footer {
    font-size: 15px;
  }

  footer h3 {
    font-size: 1.2rem;
  }
}



@media (max-width: 449px) {
  .library-button {
    border-radius: 4px;
  }

  select {
    border-radius: 4px;
  }

  .accordion-header button {
    font-size: 14px;
  }

  .accordion-body p {
    font-size: 12px;
  }

  input[type="checkbox"] {
    transform: scale(0.9);
    margin-right: 4px;
  }

  .filtering-form {
    right: -260px;
    width: 260px;
  }
}



@media (max-width: 399px) {
  .card h4 {
    font-size: 1.35rem;
  }

  .p-library {
    font-size: 3.4vw;
  }

  select {
    font-size: 2.9vw;
  }

  .library-button {
    font-size: 2.4vw;
  }

  .parameters {
    font-size: 2.8vw;
  }

  .accordion-header button {
    font-size: 11px;
  }

  .accordion-body p {    
    font-size: 10px;
  }

  input[type="checkbox"] {
    margin-right: 3px;
  }

  .filtering-form {
    right: -220px;
    width: 220px;
  }

  footer h3 {
    font-size: 1.0rem;
  }
}