/* Mobile styles */
@media (max-width: 768px) {
  .logo-text {
    font-size: 24px !important;
    text-align: center;
  }
  .pellicola-img {
    width: 90% !important;
  }
  .titolo_sezione {
    font-size: var(--sectionTittle-mobile) !important;
  }
  .paragarafo_sezione {
    font-size: 15px !important;
    text-align: right !important;
  }
  .sposta-dx {
    width: 70%;
  }
  .col-dx-70 {
    display: flex;
    justify-content: end;
  }
  .italic-p {
    font-size: 15px !important;
  }
  .section-title {
    font-size: var(--sectionTitleMobile) !important;
    font-weight: 700;
  }
  .container-paragh {
    font-size: var(--sizeParagrafo-mobile) !important;
    gap: 12px;
    width: 90% !important;
  }
  .w-100 {
    width: 90% !important;
  }
  .assisti-cit {
    font-size: 15px !important;
  }
  .list {
    font-size: 16px !important;
    margin-left: -5px !important;
  }
  .container-title-section h2 {
    font-size: 35px !important;
  }
  .container-title-section {
    gap: 0px !important;
  }
  .fs-70 {
    font-size: 35px !important;
  }
  .column-registi ul {
    list-style-type: none;
    font-size: 16px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .lista-dx {
    text-align: left;
    margin-top: 100px;
    margin-left: 50px;
  }
  .img-oli {
    margin-top: -50px;
    margin-left: 50px;
  }

  .lista-sx {
    margin-right: 150px;
    text-align: right;
  }

  /* sceneggiatori */
  .list-sceneggiatori {
    list-style-type: none;
    font-size: 16px !important;
    font-weight: 300 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 50px !important;

    padding: 0 !important;
  }

  .lista-dx {
    text-align: left;
  }
  .img-oli {
    margin-top: 0px !important;
    margin-left: 0px !important;
  }
  .img-mis {
    margin-top: 50px;
    width: 95% !important;
  }
  .img-reg {
    width: 900px !important;
  }

  .lista-sx {
    margin-right: 0px !important;
    text-align: right;
  }
  .line-p p {
    font-size: 18px !important;
  }

  .container-team-text p,
  .container-chisiamo p {
    font-size: 17px !important;
  }

  .container-team,
  .container-chisiamo {
    min-height: auto !important;
    margin-top: 50px !important;
    width: 90% !important;
  }

  .section-contatti {
    padding-bottom: 0px !important;
    padding-top: 100px !important;

  }
  .footer {
    padding: 0px !important;
    line-height: 0px;
    top: 0px !important;
    height: 120px !important;
    padding: 10px !important;
  }

  .bg-nav {
    background-color: rgba(52, 52, 52, 0.75); /* stesso colore ma con alpha */
    /* blur dello sfondo sottostante */
    -webkit-backdrop-filter: blur(12px); /* Safari */
    backdrop-filter: blur(5px);
    width: 100% !important;
  }

  #logo-nav {
    font-size: 11px !important ;
  }

  .nav-link {
    padding: 10px 0px !important;
  }

  #menu-expand a {
    font-size: 12px !important;
  }

  #menu-expand {
    padding-top: 10px;
  }
  .lang-switch {
    font-size: 0.9rem !important;
  }

  .footer-text h3,
  h4 {
    font-size: 15px !important;
  }

  .section-contatti .decor {
    bottom: 0px !important;
  }

  .section-contatti .decor img {
    width: 100%;
    height: 40vh !important;
    display: block;
  }

  .mt-custom {
    margin-top: 37px !important;
  }
  .title-with-dot {
    gap: 1rem !important;
  }
  .cata-title {
    font-size: 13px !important;
  }

  .section-contatti {
    min-height: 70vh !important;
  }
}

/* Tablet: da 768px a 1023.98px */
@media (min-width: 768px) and (max-width: 1024px) {
  .logo-text {
    font-size: 64px !important;
    text-align: center;
  }

  .titolo_sezione {
    font-size: 65px !important;
  }
  .section-contatti {
    min-height: 85vh !important;
  }

  .section-contatti .decor {
    bottom: 400px !important;
  }
  .footer {
    top: 100px !important;
  }



  .lista-sx {
    margin-right: 80px !important;
  }
}

/* ≈ 15" laptop (viewport spesso tra 1366–1536) */
@media (min-width: 1366px) and (max-width: 1535.98px) {
   .section-contatti {
    padding-bottom: 300PX !important;
  }
}

/* ≈ 16" laptop (viewport spesso tra 1536–1728) */
@media (min-width: 1536px) and (max-width: 1727.98px) {
  
    .section-contatti {
    padding-bottom: 300PX !important;
  }
}