@media screen and (min-width: 800px) and (max-width: 1260px) {


  .ii-grid-a {
    grid-template-columns: 1fr 1fr;
  }


  .ii-grid-b {
    grid-template-columns: 1fr 1fr;
  }

  .ii-grid-bis {
    grid-template-columns: auto auto;
  }


  .ii-grid-c {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }

  .ii-grid-cis {
    grid-template-columns: 1fr 1fr;
  }

  .ii-grid-d {
    grid-template-columns: 1fr 2fr;
  }

  #about.margin-bot-y {
    margin-bottom: 8em;
  }

  /* fine */
}

@media screen and (max-width: 1024px) {



  .flickity-prev-next-button {
    display: none !important
  }

  .site-footer {
    position: relative;
    bottom: 4em;
    z-index: 0;
  }

  #address .az,
  #address .ax,
  #address .an {
    display: flex;
  }

  #address .ac,
  #address .ab {
    display: none;
  }

  #address {
    line-height: 2
  }

  #address-due {
    margin: 2em 0 0;
  }

  #address span {
    margin-right: 1em;
  }

  #second.external-link {
    margin-top: 2em;
  }

  .view-toggle {
    padding: 1.5em;
    z-index: 20;
  }

  .view-toggle .pulsante {
    margin: 0 1.5em 0 0 !important;
  }

  #tabs span {
    display: none;
  }

  .tabs-navigation {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background-color: var(--white);
  }

  .--hide {
    display: none;
  }

  .ii-grid {
    grid-template-columns: auto auto;
  }

  .ii-grid-a,
  .ii-grid-b,
  .ii-grid-bis,
  .ii-grid-c,
  .ii-grid-cis,
  .ii-grid-d {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }


  .iv-grid {
    grid-template-columns: 1fr 1fr;
  }
	
	.iv-grid.press{
	grid-template-columns: 1fr;
}

  .e-1 {
    height: 45vw;
    margin: 2em 0 8em;
    grid-column: span 1;
  }

  .e-2 {
    height: 50vw;
    margin: 2em 0 8em;
    grid-column: span 2;
  }

  .e-3 {
    height: 50vw;
    margin: 10em 0 10em;
    grid-column: span 1;
  }

  .e-4 {
    height: 60vw;
    margin: 2em 0 8em;
    grid-column: span 2;
  }

  .e-5 {
    height: 50vw;
    margin: 2em 5em 8em 0;
    grid-column: span 2;
  }

  .e-6 {
    height: 130vw;
    margin: 2em 0 8em;
    grid-column: span 2;
  }


  .e-7 {
    height: 50vw;
    margin: 2em 0 8em 5em;
    grid-column: span 2;
  }



  .title {
    text-align: left;
  }

  .site-header {
    background-color: var(--white);
    display: flex;
    justify-content: space-between;
  }

  .menu-toggle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
  }

  .toggled .menu-primary-left-container {
    position: absolute;
    left: 0;
    right: 0;
    padding: 3em 1.5em 0;
    background-color: var(--white);
  }

  .menu-toggle::after {
    content: '(···)'
  }

  .menu-toggle:focus::after {
    content: '(+)'
  }

  .toggled .menu-toggle::after {
    content: '(+)'
  }

  .menu-item-674 {
    display: block;
  }

  .main-navigation {
    display: block;
  }

  .menu.nav-menu a {
    padding: 0 0 3em;
  }


  .navigation {
    margin-top: 50vw;
    height: 45vh;
  }


  .blocco-scorrevole {
    position: inherit;
    top: 5em;
    z-index: 10;
  }

  .caro-stat {
    grid-row-start: 1;
  }

  .copertina {
    width: 40vw;
    height: 40vw;
  }

  .big-img {
    width: 100%;
  }

  .vertical-img {
    margin: 0;
    height: 100%;
    min-height: 70vw;
  }

  .img {
    height: 100vw;
  }

  .didascalia {
    margin-bottom: 2em;
  }

  .margin-bot-1,
  .margin-bot-2 {
    margin-bottom: 4em;
  }

  .margin-top-1,
  .margin-top-2 {
    margin-top: 4em;
  }

  .margin-bot-3 {
    margin-bottom: 1em;
  }

  #about.margin-bot-y {
    margin-bottom: 10em;
  }

  #about2.content {
    padding-bottom: 4em;
  }

  .four-column {
    column-count: 1;
  }

  .column {
    flex-direction: column;
  }

  .coco {
    margin-top: 0;
  }

  #pre.entry-footer {
    height: 35vh;
  }

  #primary {
    margin-bottom: 6em;
  }

  #first {
    margin-bottom: 4em;
  }

  .img-container {
    max-width: 70vw;
  }

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

  .site-navigation {
    flex-direction: column;
  }

  .flex-sb {
    align-items: normal;
  }

  .foto-profilo {
    width: 25vh;
	  min-height:33vh;
  }


  .left-margin {
    margin-right: 0;
  }


  .loghi-about {
    width: 100%;
    margin-bottom: 2em;
  }




  /*fine css*/
}



@media screen and (max-width: 644px) {


  #tabs .content>div.mobile-active {
    display: grid;
  }

  /*Content area active tab*/
  #tabs .content>div.mobile-active.active {
    display: none;
  } 

.internal-link.mobile-active.active::before {
  content: '( )';
  margin-right: 0.5em;
}

.internal-link.mobile-active::before {
  content: '(+)';
  margin-right: 0.5em;
}


}