@media (min-width: 360px) {
  .wrap-section-name {
    font-size: 1.2rem;
  }
  .main-menu > ul {
    width: 350px;
  }
}
@media (min-width: 375px) {
  .section-name {
    font-size: 2.6rem;
  }
  .site-slogan {
    font-size: 1.4rem;
  }
}
@media (min-width: 425px) {
  .header-center {
    height: 3.9em;
  }
  .is-sticky .header-center {
    height: 2.1em;
  }
  .wrap-logo {
    height: 3.9em;
    background-position:
      0.4em 0.7em,
      left bottom;
  }
  .is-sticky .wrap-logo {
    height: 2.1em;
    background-position:
      0.7rem 0.5em,
      0.7rem bottom;
  }
  .text-camera {
    font-size: 1.8rem;
  }
  .is-sticky .text-camera {
    font-size: 1.8rem;
  }
  .wrap-section-name {
    margin-top: 0.65em;
  }
  .is-sticky .wrap-section-name {
    height: 1.8em;
    margin-top: 0.55em;
  }
  .navbar-brand .subname {
    font-size: 1.3rem;
  }
  .link-camera {
    font-size: 1.2rem;
  }
  .is-sticky .link-camera {
    font-size: 1.1rem;
  }
  /* .text-default .canali-social img {
        width: 8rem;
    } */
}
@media (min-width: 500px) {
  .wrap-logo {
    padding-left: 2.65em;
    padding-top: 0.9em;
  }

  .is-sticky .wrap-logo {
    padding-left: 1.9em;
    padding-top: 0.65em;
  }
}
@media (min-width: 560px) {
  .section-name {
    font-size: 2.6rem;
  }

  .wrap-section-name {
    font-size: 1.35rem;
  }
}

@media (min-width: 561px) {
  .wrap-section-name {
    font-size: 1.4rem;
  }
}

@media (min-width: 576px) {
  .is-sticky .header-bottom {
    height: auto;
  }
  .wrapper-img-16x9 {
    height: 97px;
    line-height: 93px;
  }
  .swiper-slide .card-body {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .archivio-in-evidenza .wrapper-img-16x9 {
    height: 59px;
    line-height: 55px;
  }
}
@media (min-width: 600px) {
  .wrap-section-name {
    font-size: 1.5rem;
  }

  .section-name {
    font-size: 2.8rem;
  }

  .site-slogan {
    font-size: 1.5rem;
  }
}
@media (min-width: 720px) {
  .titolo {
    font-size: 1.8rem;
  }

  .titolo16 {
    font-size: 1.5rem;
  }

  .titolo18 {
    font-size: 1.8rem;
  }
}

@media (min-width: 768px) {
  .wrap-section-name {
    margin-top: 0.55em;
  }
  .wrapper-img-16x9 {
    height: 164px;
    line-height: 160px;
  }
  .archivio-in-evidenza .wrapper-img-16x9 {
    height: 80px;
    line-height: 76px;
  }
}
@media (min-width: 992px) {
  main {
    font-size: 1.6rem;
  }
  .header-center .row > * {
    padding-right: calc(var(--bs-gutter-x) * 0.65);
    padding-left: calc(var(--bs-gutter-x) * 0.65);
  }
  .menu-title {
    padding-left: 2em;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.2;
  }

  .header-top {
    display: block;
    background: #eee;
    line-height: 2.4;
    height: 2.7778em;
  }

  .header-top .nav > li > a {
    padding: 0 10px;
  }

  .header-center {
    height: 6.6em;
  }
  .is-sticky .header-center {
    height: 3.7em;
  }
  .wrap-logo {
    background-size:
      3.5em auto,
      11em auto;
    height: 6.6em;
    padding-left: 4.2em;
    padding-top: 1.4em;
    background-position:
      0 0.7em,
      left bottom;
  }
  .is-sticky .wrap-logo {
    background-size:
      2.4em auto,
      10.89em auto;
    background-position:
      0 0.5em,
      left bottom;
    height: 3.7em;
    padding-left: 2.9em;
    padding-top: 1.1em;
  }
  .wrap-section-name {
    margin-top: 0.3em;
  }
  .is-sticky .wrap-section-name {
    margin-top: 0;
    line-height: 1.3;
  }
  .is-sticky .wrap-section-name .section-name {
    font-size: 5rem;
  }
  .text-camera {
    font-size: 2.4rem;
  }
  .is-sticky .text-camera {
    font-size: 2.4rem;
  }
  .navbar-brand .site-slogan {
    font-size: 2rem;
  }
  .section-name {
    font-size: 4.8rem;
    display: block;
  }
  .navbar-brand .subname {
    font-size: 2.1rem;
  }
  .text-logo {
    font-size: 2rem;
    line-height: 2.6rem;
  }
  .link-camera {
    font-size: 1.6rem;
    line-height: 2.5;
    height: 2.5em;
  }
  .is-sticky .link-camera {
    font-size: 1.4rem;
    line-height: 2.5;
    height: 2.9em;
  }
  .menu-toggle {
    margin: 0.4em 0 0 7px;
  }
  .region-content {
    padding: 0;
    position: relative;
  }
  .list-calendari li a {
    font-size: 1.5rem;
  }
  .list-calendari li {
    width: 20%;
    float: left;
  }
  .list-calendari:after {
    display: inline-block;
    content: " ";
    clear: both;
  }
  .titolo-archivio {
    font-size: 1.6rem;
  }
  .titolo-risultati {
    font-size: 2.2rem;
  }
  .pager .page-item.active .page-link {
    font-size: 2.4rem;
  }
  .wrapper-img-16x9 {
    height: 160px;
    line-height: 156px;
  }
  .swiper-slide .card-body {
    padding-right: 0;
    padding-left: 0;
  }
  .archivio-in-evidenza .wrapper-img-16x9 {
    height: 110px;
    line-height: 106px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .header-bottom .col-lg-1 {
    width: 10%;
  }
  .header-bottom .col-lg-5 {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .section-name {
    font-size: 5.4rem;
  }
  .navbar-brand .site-slogan {
    font-size: 2.3rem;
  }
  .main-menu .btn {
    font-size: 1.8rem;
    padding: 0 1.1em;
  }
  .list-calendari li a {
    font-size: 1.6rem;
  }
  .titolo-archivio {
    font-size: 1.8rem;
  }
  .titolo-risultati {
    font-size: 2.4rem;
  }
  .wrapper-img-16x9 {
    height: 191px;
    line-height: 187px;
  }
  .archivio-in-evidenza .wrapper-img-16x9 {
    height: 131px;
    line-height: 127px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1280px;
  }
  .wrapper-img-16x9 {
    height: 216px;
    line-height: 212px;
  }
  .archivio-in-evidenza .wrapper-img-16x9 {
    height: 147px;
    line-height: 143px;
  }
}
@media (min-width: 1600px) {
  .scrolltop-action {
    right: 10%;
  }
}
@media (max-width: 991.98px) {
  main {
    margin-top: 0.5em;
  }
  .menu-title {
    display: none;
  }
  .back-link {
    margin-top: 1.5rem;
  }
  .back-link a {
    position: static;
    font-size: 1.4rem;
    background-size: 1.4em auto;
    top: 1em;
  }
}
@media (max-width: 599.98px) {
  .wrap-section-name {
    padding: 0 0.65em 0 0;
  }
}
@media (max-width: 575.98px) {
  .block-camera-secondary-menu-block {
    display: none;
  }
}
@media (max-width: 499.98px) {
  .text-logo {
    display: none;
  }
  .subname {
    line-height: 1.4;
  }
}
@media (max-width: 424.98px) {
  .pager .page-item.active .page-link {
    max-width: 21rem;
    line-height: 1.1;
    text-align: center;
  }
}