/*------------ RESPONSIVE MEDIA ------------*/

  /* X-Small devices (portrait phones, less than 576px) */

  /* No media query for `xs` since this is the default in Bootstrap */

  /* Small devices (landscape phones, 576px and up) */



  @media (min-width: 576px) {

      .iframecontatti{
          height: 310px !important;
      }
  }



  /* Medium devices (tablets, 768px and up) */



  @media (min-width: 768px) {}



  /* Large devices (desktops, 992px and up) */



  @media (min-width: 992px) {}



  /* X-Large devices (large desktops, 1200px and up) */



  @media (min-width: 1200px) {}



  /* XX-Large devices (larger desktops, 1400px and up) */



  @media (min-width: 1200px) {}



  @media (min-width: 1400px) {}



  @media (min-width: 1600px) {}



  @media (max-width: 575px) {

    .iframecontatti{
        height: 360px !important;
    }

    .menu-mobile {

      padding-top: 100px;

    }



    p {

      font-size: 18px;

      line-height: 24px;

    }





    .title-page {

      font-size: 46px;

      line-height: 52px;

    }



    .title-maxi {

      font-family: 'Font Medium';

      font-size: 46px;

      line-height: 52px;

      color: var(--color-text);

      margin-bottom: 0;

    }



    .title-big {

      font-family: 'Font Medium';

      font-size: 40px;

      line-height: 46px;

      color: var(--color-text);

      margin-bottom: 0;

    }





    .title-medium {

      font-family: 'Font Medium';

      font-size: 30px;

      line-height: 36px;

      color: var(--color-text);

      margin-bottom: 0;

    }



    .subtitle-normal {

      font-family: 'Font Regular';

      font-size: 20px;

      line-height: 26px;

      color: var(--color-text);

      margin-bottom: 0;

    }



    .text-big {

      font-family: 'Font Regular';

      font-size: 22px;

      line-height: 28px;

      margin-bottom: 0;

    }



    .text-small {

      font-family: 'Font Regular';

      font-size: 16px;

      line-height: 22px;

      margin-bottom: 0;

    }



    .text-mini {

      font-family: 'Fakt Pro Normal';

      font-size: 12px;

      line-height: 20px;

      margin-bottom: 0;

    }



    .py-400 {

      padding-top: 150px;

      padding-bottom: 150px;

    }



    .py-200 {

      padding-top: 100px;

      padding-bottom: 100px;

    }



    .py-150 {

      padding-top: 75px;

      padding-bottom: 75px;

    }



    .py-125 {

      padding-top: 62.5px;

      padding-bottom: 62.5px;

    }



    .py-80 {

      padding-top: 40px;

      padding-bottom: 40px;

    }



    .py-60 {

      padding-top: 30px;

      padding-bottom: 30px;

    }



    .pt-125 {

      padding-top: 62.5px;

    }



    .pb-125 {

      padding-bottom: 62.5px;

    }



    .pb-150 {

      padding-bottom: 75px;

    }



    .pb-80 {

      padding-bottom: 40px;

    }



    .mb-80 {

      margin-bottom: 40px;

    }







  }



  @media (max-width: 767px) {



    .general-table .cell {

      font-size: 20px;

      line-height: 20px;

      transition: all 0.5s ease-in-out;

    }



    .general-table a:hover.table-row .cell {

      background: rgba(229, 36, 41, 0.1);

      border-bottom: 1px solid var(--bg-primary);

      padding: 24px 0 24px 0;

    }



    #offcanvasProject {

      width: 100vw;

    }



    .list-big {

      font-size: 20px;

      line-height: 20px;

    }



    .btn-big {

      font-size: 20px;

      line-height: 20px;

    }



    .icon-maxi {

      height: 30px;

      width: auto;

    }



    .icon-regular {

      height: 16px;

      width: auto;

    }









  }



  @media (max-width: 991px) {

    .mt-header {

      margin-top: 98px;

    }



    .general-table.project-table {

      grid-template-columns: 0.5fr 5fr 0.5fr;

      /* Personalizza la larghezza delle colonne */

    }



  }



  @media (max-width: 1024px) {}





  @media (max-width: 1199px) {}



  @media (max-width: 1599px) {}



  @media (max-width: 1719px) {



    .container-big {

      padding-left: 24px;

      padding-right: 24px;

    }



  }



  @media (min-width: 768px) and (max-width: 1199px) {



    #offcanvasProject {

      width: 50vw;

    }



  }



  @media (min-device-width: 0px) and (max-device-width: 768px) {}