@media (min-width: 576px) {
  .container-smaller {
    max-width: 540px;
  }
  .fs-sm-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .testata {
    margin-top: 121px;
    height: calc(75vh - 121px);
  }
  .testata-home {
    height: calc(100vh - 121px);
  }
  .testata-2 {
    margin-bottom: 100px;
  }
  .testata-2 .title-container {
    transform: translateY(50%);
  }
}
@media (min-width: 768px) {
  .container-smaller {
    max-width: 670px;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .testata {
    margin-top: 132px;
    height: calc(75vh - 132px);
  }
  .testata-home {
    height: calc(100vh - 132px);
  }
 /* .swiperTimeLine .swiper-slide {
    left: -14px;
  }
  .swiperTimeLine .swiper-slide-active span {
    right: 20px;
  }*/
  .list-footer {
    padding-left: 0;
  }
  .list-footer li {
    display: inline;
  }
  .list-footer li:not(:last-child) {
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 992px) {
  .container-smaller {
    max-width: 910px;
  }
  .h-lg-100 {
    height: 100% !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .translate-middle-lg-y {
    transform: translateY(-50%);
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .ms-container {
    margin-left: calc((100vw - 960px) / 2);
  }
  .nav-link {
    text-transform: uppercase;
    position: relative;
  }
  /*.nav-link.active {
    color: rgba(0, 0, 0, 0.65) !important;
  }*/
  nav ul .nav-item > a:hover,
  nav ul .nav-item > a:focus,
  nav ul .nav-item > a:active,
  nav ul .nav-item > a.active {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
    color: #262327;
    border-bottom: 5px solid #0a71b4;
  }
  .navbar-nav > .nav-item:last-of-type > .nav-link {
    padding-right: 0;
  }
  .dropdown-toggle::after {
    display: none;
  }
  .testata {
    margin-top: 141px;
    height: calc(75vh - 141px);
  }
  .testata-home {
    height: 850px;
  }
  .elenco-servizi {
    width: 50vw;
    border-top-right-radius: 180px;
    border-bottom-right-radius: 180px;
  }
  .lista-servizi .list-custom > ul > li:last-child {
    border-bottom: none !important;
  }
  .lista-servizi .list-custom > ul > li.active {
    background-color: #dee3e759;
    transition: background-color 0.5s ease-in-out;
  }
  .card-container > div:nth-child(4n) .bg-alternate,
  .card-container > div:nth-child(4n + 1) .bg-alternate {
    background-color: #f7f7f7;
    color: black;
  }
  .card-container > div:nth-child(4n + 2) .bg-alternate,
  .card-container > div:nth-child(4n + 3) .bg-alternate {
    background-color: var(--blu);
    color: white;
  }
  .settori {
    height: 525px;
  }
  .settori > div {
    top: -5rem;
  }
  .settori .img-container {
    position: absolute;
    top: 80%;
  }
  .impianti-eterogenei > div:nth-last-child(2) hr {
    border: none;
  }
  .fotoProdottoModal .modal-body .overflow-scroll {
    max-height: 550px;
  }
  .overflow-x-lg-auto {
    overflow-x: auto !important;
  }
  .div-azienda {
    margin-top: 180px;
    margin-bottom: 100px;
  }
  .div-azienda .div-1 {
    position: absolute !important;
    max-width: none !important;
    left: 100%;
    transform: translateX(-50%);
    margin-top: -80px;
    width: 730px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
  }
  .div-azienda .div-2 {
    width: 470px;
  }
  .div-azienda .circle-20 {
    right: -90px;
    bottom: -90px;
  }
  .div-azienda .wrap-img {
    min-height: 670px;
  }
  .homeSwiper .swiper-pagination-vertical.swiper-pagination-bullets {
    bottom: 5rem;
    right: 4rem;
    padding: 2.5rem 0;
  }
}
@media (min-width: 1200px) {
  .container-smaller {
    max-width: 1100px;
  }
  .ms-container {
    margin-left: calc((100vw - 1140px) / 2);
  }
  .testata {
    margin-top: 155px;
    height: calc(75vh - 155px);
  }
  .testata-home {
    height: 800px;
  }
  .fotoProdottoModal .modal-body .overflow-scroll {
    max-height: 680px;
  }
}
@media (min-width: 1400px) {
  .container-smaller {
    max-width: 1172px;
  }
  .ms-container {
    margin-left: calc((100vw - 1320px) / 2);
  }
  .swiperVerticale .swiper-slide-next > .label,
  .swiperVerticale .swiper-slide-prev > .label {
    transform: scale(1.5) translateX(3rem);
  }
  .swiperVerticale .swiper-slide-secondary-prev > .label {
    top: -0.5rem;
    transform: scale(1.25) translateX(-1rem);
  }
  .swiperVerticale .swiper-slide-prev > .label {
    bottom: 2.5rem;
  }
  .swiperVerticale .swiper-slide-active > .label {
    bottom: 0.75rem;
  }
  .swiperVerticale .swiper-slide-secondary-next > .label {
    bottom: 1rem;
    transform: scale(1.25) translateX(-1rem);
  }
}
@media (min-width: 1700px) {

  .justify-content-xxxl-around {
    justify-content: space-around !important;
  }
  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .ms-xxxl-3 {
    margin-left: 1rem !important;
  }
  .position-xxxl-absolute {
    position: absolute !important;
  }
  .w-xxxl-75 {
    width: 75% !important;
  }
  .rounded-xxxl-pill {
    border-radius: var(--bs-border-radius-pill) !important;
  }
  .ms-container {
    margin-left: calc((100vw - 1422px) / 2);
  }
  .img-bombola {
    height: calc(100% - 20px);
    right: 10px;
  }
}