@media screen and (max-width:1620px) {
.marginsx-calc{
  margin-left: 20px;
  }
}

@media screen and (max-width:1278px) {
    .owl-carousel .owl-dots .owl-dot {
        width: 12.5%;
    }
  }

  @media screen and (max-width:959px) {
    .col-100-sm {width:100%;}

    #Footer .footer_copy .social{
      padding-left:0 !important
    }

    .wpcf7 form.invalid .wpcf7-response-output {
      color: #eaad2f !important;
      font-weight: bold;
      border-width: 0px !important;
      border-style: solid;
      border-radius: 5px;
      float: left;
      width: 100%;
      padding-bottom: 50px !important;
      padding: 0px;
      margin: 20px 0px 0px 0px;
  }

  #cmplz-document {
    font-size: 14px;
    margin-top: 0;
    max-width: 800px;
    text-justify: inter-word;
    padding-top: 50px;
}
  }

  .visible-xs {
    display:none;
    visibility:hidden;
  }

  @media screen and (max-width:767px) {
    #Action_bar .contact_details li.slogan {
        display: block !important;
        width: 100%; }

    #Action_bar .contact_details  {
      display:none;
    }

    #Action_bar .column {
      justify-content: center !important;
    }




  #Top_bar a.responsive-menu-toggle {top:44px;}


    :root {
      /*font size/line height*/
      --size-h1: 32px;
      --lineH-h1: 34px;
      --weight-h1: 600;

      --size-h2: 30px;
      --lineH-h2: 32px;
      --weight-h2: 600;

      --size-h3: 26px;
      --lineH-h3: 30px;
      --weight-h3: 600;

      --size-h4: 24px;
      --lineH-h4: 1.25;
      --weight-h4: 600;

      --size-h5: 22px;
      --lineH-h5: 1.30;
      --weight-h5: 400;

      --size-h6: 20px;
      --lineH-h6: 1.45;
      --weight-h6: bold;

      --size-p-big: 20px;
      --lineH-p-big: 1.6;

      --size-p: 15px;
      --lineH-p: 25px;
      --lineW-p: 200;

      --size-p-small: 12px;
      --lineH-p-small: 1.5;

      --size-p-smaller: 10px;
      --lineH-p-smaller: 1.6;

      --size-mega-font: 28px;
      --lineH-mega-font:33px;
      --weight-mega-font: bold;
    }


    .title-h3-xs,
    .title-h3-xs p {
        font-family: var(--font-principale);
        font-size: var(--size-h3);
        line-height: var(--lineH-h3);
        font-weight: var(--weight-h3);
        text-transform: inherit;
    }

    .title-h6-xs,
    .title-h6-xs p {
        font-family: var(--font-principale);
        font-size: var(--size-h6);
        line-height: var(--lineH-h6);
        font-weight: var(--weight-h6);
        text-transform: inherit;
    }

    .p-small-xs {
        font-size: var(--size-p-small) !important;
        line-height: var(--lineH-p-small);
    }

    p, .size-p-xs, span.size-p-xs, .size-p-xs p,
    li {
        font-size: var(--size-p);
        color: var(--text-color);
        line-height: var(--lineH-p);
    }

    .hidden-xs {
      display:none;
      visibility: hidden;
    }

    .visible-xs {
      display:block;
      visibility:visible;
    }

    .relative-xs {position: relative !important;}

    .container{max-width:100% !important;padding-left:20px!important;padding-right:20px!important; height:auto !important;}

    .container.full-height {min-height:100vh !important;}

    .w-container {
      max-width:100%;
    }

    .w-container-dx, .w-container-sx  {
        width: 100%;
        transform: translateX(0px) !important;
        max-width: 100%;
        }

    /* Colori xs */
    .bg-evidenza-xs {background-color:var(--accent-color);}
    .bg-dark-xs{background-color: var(--dark);}
    .bg-noimg-xs {
      background-image:linear-gradient(#ffffff00,#ffffff00) !important;
    }


    .translateX-sx-xs {transform:translateX(var(--segment));}

    .translateX-0sx-xs {
      width: 100%;
      transform: translateX(0px) !important;
      max-width: 100%;
    }

    .translateX-dx-xs {
      transform: translateX(calc(-1 * var(--segment) + 30px));
      width: calc(100% + 70px) !important;
      max-width: calc(100% + 70px);

    }

    .translateX-0dx-xs {
      transform: translateX(0px) !important;
      width: 100%;
      max-width: 100%;
    }

    .col-70-flex, .col-60-flex, .col-50-flex, .col-40-flex, .col-30-flex, .col-25-flex {flex-basis:100%;}


    .flex-xs{display: flex !important}
    .col-100-flex-xs {flex-basis:100%;}
    .col-50-flex-xs {flex-basis:44%;}

    .col-100-xs {width:100%;}
    .col-20-xs {width:20%;}
    .col-45-xs {width:45%;}
    .col-50-xs {width:50%;}
    .col-60-xs {width: 60%;}
    .col-80-xs {width:80%;}

    .flex-column-xs {flex-direction: column;}
    .flex-column-rev-xs {flex-direction: column-reverse;}
    .justify-content-center-xs {justify-content:center; }
    .justify-content-start-xs {justify-content:start; }
    .justify-content-end-xs {justify-content:end; }
    .align-items-start-xs {align-items:start;}
    .flex-wrap-xs {flex-wrap:wrap;}
    .column-gap-0-xs {column-gap: 0;}
    .gap30-xs{gap: 30px;}

    /* padding e margin */
    .padding0-xs-important {padding:0 !important;}
    .padding0-xs {padding:0;}
    .padding0sx-xs {padding-left:0 !important;}
    .padding0dx-xs {padding-right:0 !important;}
    .padding0top-xs {padding-top:0;}
    .padding0bottom-xs {padding-bottom:0;}

    .col-16.padding5 {padding:2px;}

    .col-16 {font-size:9px; line-height:1.2em;}

    .padding5sx-xs {padding-left:5px;}
    .padding5dx-xs {padding-right:5px;}

    .padding10-xs {padding:10px;}
    .padding10sx-xs {padding-left:10px;}
    .padding10dx-xs {padding-right:10px;}
    .padding10top-xs {padding-top:10px !important;}
    .padding10bottom-xs {padding-bottom:10px;}

    .padding20-xs {padding:20px;}
    .padding20sx-xs {padding-left:20px;}
    .padding20dx-xs {padding-right:20px;}
    .padding20top-xs {padding-top:20px;}
    .padding20bottom-xs {padding-bottom:20px;}

    .padding30-xs {padding:30px;}
    .padding30sx-xs {padding-left:30px;}
    .padding30sx-xs-important {padding-left:30px !important;}
    .padding30dx-xs {padding-right:30px;}
    .padding30top-xs {padding-top:30px;}
    .padding30bottom-xs {padding-bottom:30px;}

    .padding40-xs{padding: 40px;}

    .padding50-xs{padding: 50px;}
    .padding50sx-xs{padding-left: 50px;}
    .padding50top-xs{padding-top: 50px;}
    .padding50bottom-xs{padding-bottom: 50px;}

    .padding60top-xs {padding-top:60px;}
    .padding60bottom-xs {padding-bottom:60px;}
    .padding60sx-xs-important {padding-left:60px !important;}

    .padding80sx-xs{padding-left: 80px;}

    .margin0-xs {margin:0;}
    .margin0top-xs {margin-top:0;}
    .margin-10dx-xs{margin-left: -10%;}
    .margin0dx-xs {margin-right:0;}
    .margin0sx-xs {margin-left:0;}
    .margin0bottom-xs {margin-bottom:0;}

    .margin10bottom-xs {margin-bottom:10px;}

    .margin20top-xs {margin-top:20px;}
    .margin20bottom-xs {margin-bottom:20px;}

    .margin30top-xs {margin-top:30px;}
    .margin30bottom-xs {margin-bottom:30px;}

    .margin-40sx-xs{margin-left: -40px;}
    .margin40dx-xs{margin-right:40px;}

    .margin50top-xs{margin-top:50px;}
    .margin50bottom-xs{margin-bottom:50px;}

    .margin-60top-xs {margin-top:-60px;}
    .margin-60bottom-xs {margin-bottom:-60px;}
    .margin60top-xs {margin-top:60px;}
    .margin60bottom-xs {margin-bottom:60px;}

    .margin-100bottom-xs{margin-bottom: -100px;}
    .margin-100top-xs{margin-top: -100px;}

    /* end padding e margin xs */

    .align-center-xs {
      text-align:center;
    }

    .align-left-xs {
      text-align:left;
    }

    .align-right-xs {
      text-align:right;
    }


    .h150p-xs {height:150px;}
    .h300p-xs {height:300px;}
    .h400p-xs {height:400px;}
    .mw100-xs {max-width:100%;}

    .minh300-xs {min-height:300px;}

    .mh500-xs {max-height:500px;}

    /*Home xs*/

    .owl-carousel .owl-dots .owl-dot {
        width: 8px;
    }



    .btn.btn-mega,
    button.btn.btn-mega {
        padding: 10px 30px;
    }

    .noborder-xs {
      border:none;
    }

    #Footer .footer_copy .social {
      padding-left:0 !important
    }

    /* Absolute xs */
    .bottomauto-xs {bottom:auto;}
    .top-100-xs {top:-100px;}
    .absolute-xs {position: absolute;}
    .left0-xs{left: 0;}
    .top0-xs{top: 0;}
    .bottom0-xs{bottom: 0;}
    .right0-xs{right: 0;}

    .minhauto-xs {min-height:auto;}
    .hauto-xs {height:auto;}

    .mobile-one.column {width:100% !important;}

    #Footer .widgets_wrapper {padding:30px 0; }

    /* Grid */
    section .grid-container.grid-row-auto-xs {
        grid-template-rows: auto;
      }

      section .grid-container .cell.g12-xs {
        grid-column-end: span 12;
      }

      section .grid-container .cell.g10-xs {
        grid-column-end: span 10;
      }

      section .grid-container .cell.g6-xs {
        grid-column-end: span 6;
      }

      section .grid-container .cell.g5-xs {
        grid-column-end: span 5;
      }



      section .grid-container .cell.row2-xs {
        grid-row-end: span 2;
      }

      section .grid-container .cell.row3-xs {
        grid-row-end: span 3;
      }

      section .grid-container .cell.row1-xs {
        grid-row-end: span 1;
      }

          /*** TIMELINE ***/
    .timeline:before {
        content: '';
        position:absolute;
        height:100%;
        left:10%;
        width:2px;
        background:rgb(0, 0, 0);
        z-index:1;
      }
      .gap0-xs{
        gap: 0;
      }

      .cerchio{
        width: 200px;
        height: 200px;
        padding: 5px;
      }

      .cerchio .h100p{
      height: 50px;
      }

      .cerchio h4{
        font-size: var(--size-p);
            }

    .white-xs{
      color: white;
    }

    .header-classic #Action_bar .social {
      padding: 10px 0;
      margin-top: 10px;
     }

     #Action_bar .column {
      margin-bottom: 0;
      overflow: hidden;
      box-sizing: border-box;
      padding: 0;
      display: flex;
      justify-content: end;
  }

  #Side_slide .social {
    text-align: center;
    display: none !important;
    margin: 0 20px 13px;
}

#Side_slide .extras .action_button {
  float: none;
  width: 100%;
  margin: 0 0 20px;
  text-align: center;
  text-decoration: none;
  border: 3px solid;
  width: 50%;
}

#Side_slide .extras {
  padding-top: 30px;
  position: relative;
  display: flex;
  justify-content: center;
}

.cta:before{
border-radius: 0 0 0 20px;
}

.one-third.column {width:auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 80%;
}

.one-fourth.column {width:auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 80%;
}

.one-second.column {width:auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 80%;
}

.submenu .menu-toggle {
  margin-top:10px !important;
}

 th.tribe-events-calendar-month__header-column span.screen-reader-text {
  display:none !important;
  visibility:hidden !important;
}

    
    } /*** Fine xs ***/