/* MEDIA 1920 - DESKTOP >24" */
@media only screen and (min-width : 1921px) {}

/* MEDIA 1680 - PORTATILI 15" */
@media only screen and (min-width : 1441px) and (max-width : 1680px){}

/* MEDIA 1440 - PORTATILI 12/13" */
@media only screen and (min-width : 1367px) and (max-width : 1440px){
  /* HOME */
  .home .site{background-position-y: 107%;     background-position-x: 120%;}
}

/* MEDIA 1366 - PORTATILI 12/13" */
@media only screen and (min-width : 1026px) and (max-width : 1366px){
  /* HOME */
  .home .site{background-image: none;}
  .blocco-opere{overflow: hidden;}
}

/* MEDIA 1024 - IPAD LANDSCAPE */
@media only screen and (min-width : 769px) and (max-width : 1025px){
  /* GENERALI */
  br.mobile-ko{display: none;}
  .contenitore-boxato{max-width: 90%;}
  .contenitore-flex{flex-direction: row;}
  .entry-content {margin: 150px 0!important;}

  /* HEADER */

  .site-header{top:10px; position: sticky; margin-top: 0;}
  .site-branding{flex-basis: 60%; padding: 10px 0;}
  .site-branding a{display: flex; flex-basis: 100%; max-width: 300px;}
  .main-navigation{flex-basis: 50%; justify-content: flex-end; }
  .site-branding img{width: 60%;}

  /* MENU */
  .hamburger{display: block;}
  .menu-menu-1-container{ display: none;}
  .overlay .menu-menu-1-container{display: table;}
  .overlay .sub-menu{width: 100%;}
  ul.sub-menu li a{text-transform: capitalize!important; font-size: 16px; line-height: 30px;}
  .overlay ul li{font-size: 18px; min-height: unset; position: relative;}
  .menu-boxed{z-index: 9999; }
  .overlay ul li a{font-size: 28px;}

  /* HOME */
  .home .site{background-image: none;}
  .blocco-opere{overflow: hidden;}

  /* BIO */
  .intro-bio p{margin-left: 5%; }

  /* FOOTER */
  .site-footer .contenitore-boxato{font-size: 12px;}

}

/* MEDIA 1024 - IPAD PRO PORTRAIT */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  /* GENERALI */
  br.mobile-ko{display: none;}
  .contenitore-boxato{max-width: 90%;}
  .contenitore-flex{flex-direction: row;}
  .entry-content {margin: 150px 0!important;}

  /* HEADER */

  .site-header{top:10px; position: sticky; margin-top: 0;}
  .site-branding{flex-basis: 60%;}
  .site-branding a{display: flex; flex-basis: 100%; max-width: 300px;}
  .main-navigation{flex-basis: 50%; justify-content: flex-end; }
  .site-branding img{width: 60%;}

  /* MENU */
  .hamburger{display: block;}
  .menu-menu-1-container{ display: none;}
  .overlay .menu-menu-1-container{display: table;}
  .overlay .sub-menu{width: 100%;}
  ul.sub-menu li a{text-transform: capitalize!important; font-size: 16px; line-height: 30px;}
  .overlay ul li{font-size: 18px; min-height: unset; position: relative;}
  .menu-boxed{z-index: 9999;}
  .overlay ul li a{font-size: 28px;}

  /* HOME */
  .home .site{background-image: none;}
  .blocco-opere{overflow: hidden;}

  /* BIO */
  .intro-bio p{margin-left: 5%;}

  /* FOOTER */
  .site-footer .contenitore-boxato{font-size: 12px;}
  .single-works .site-footer{position: absolute; bottom: 0; width: 100%;}
  .single-works.postid-146 .site-footer{position: relative; bottom: 0; width: 100%;}
}

/* MEDIA 768 - IPAD PORTRAIT */
@media only screen and (max-width : 768px) {
  /* GENERALI */
  br.mobile-ko{display: none;}
  .contenitore-boxato{max-width: 90%;}
  .contenitore-flex{flex-direction: row;}
  .entry-content {margin: 150px 0!important;}

  /* HEADER */

  .site-header{top:10px; position: sticky; margin-top: 0;}
  .site-branding{flex-basis: 60%;}
  .site-branding a{display: flex; flex-basis: 100%; max-width: 300px;}
  .main-navigation{flex-basis: 50%; justify-content: flex-end; }
  .site-branding img{width: 60%;}

  /* MENU */
  .hamburger{display: block;}
  .menu-menu-1-container{ display: none;}
  .overlay .menu-menu-1-container{display: table;}
  .overlay .sub-menu{width: 100%;}
  ul.sub-menu li a{text-transform: capitalize!important; font-size: 16px; line-height: 30px;}
  .overlay ul li{font-size: 18px; min-height: unset; position: relative;}
  .menu-boxed{z-index: 9999;}
  .overlay ul li a{font-size: 28px;}

  /* HOME */
  .home .site{background-image: none;}
  .blocco-opere{overflow: hidden;}

  /* BIO */
  .intro-bio p{margin-left: 5%; max-width: 60%;}
  .contenitore-90{background-position: 71%;}

  /* FOOTER */
  .site-footer .contenitore-boxato{font-size: 12px;}
  .single-works .site-footer{position: absolute; bottom: 0; width: 100%;}
  .single-works.postid-146 .site-footer{position: relative; bottom: 0; width: 100%;}
}

/* MEDIA 480 - ONE PLUS */
@media only screen and (max-width : 480px) {/* GENERALI */
br.mobile-ko{display: none;}
.contenitore-boxato{max-width: 90%;}
.contenitore-flex{flex-direction: column;}
.entry-content {margin: 150px 0!important;}

/* HEADER */

.site-header{top:0px; position: sticky; margin-top: 0;}
.site-branding{flex-basis: 60%;}
.site-branding a{display: flex; flex-basis: 100%; max-width: 300px;}
.main-navigation{flex-basis: 50%; justify-content: flex-end; }
.site-branding img{width: 80%;}

/* MENU */
.hamburger{display: block;}
.menu-menu-1-container{ display: none;}
.overlay .menu-menu-1-container{display: table;}
.overlay .sub-menu{width: 100%;}
ul.sub-menu li a{text-transform: capitalize!important; font-size: 16px; line-height: 30px;}
.overlay ul li{font-size: 18px; min-height: unset; position: relative;}
.menu-boxed{z-index: 9999;     background: rgba(255, 255, 255, 0.8); padding: 10px 0;}
.overlay ul li a{font-size: 25px;}

/* HOME */
.home .site{background-image: none;}
.contenitore-flex.al-sx .due-terzi{max-width: 100%;}
.titolo-opera-home{position: relative;}
.titolo-opera-works{position: relative; bottom: initial; text-align: center;}
.blocco-opere{overflow: hidden;}
.blocco-opere, .al-sx, .al-dx{text-align: center!important;}
.contenitore-flex.al-sx .un-terzo, .contenitore-flex.al-dx .un-terzo{order: 2;}
.contenitore-flex.al-sx .due-terzi, .contenitore-flex.al-dx .due-terzi{order: 1;}
.home .contenitore-flex .un-terzo, .page-template-art .contenitore-flex .un-terzo{margin-top: 80px;}
.home .contenitore-flex, .page-template-art .contenitore-flex{margin: 100px 0; }
.view-more{margin-bottom: 30px;}

/* BIO */
.intro-bio p{ max-width: 90%; margin: 0 auto;!important;}
.contenitore-90{max-width: 90%!important; background-position: -80%; }

/* ART */
.filtro{margin: 50px 0 100px 0;}
.filtro button, .filtro input[type="button"]{width: 100%; padding: 5px 25px;}
.filtro button:hover::after, .filtro input[type="button"]:hover::after, .active::after{width: 40%!important;}
.single-works .due-terzi{padding-right: 0;}

/* 404 */
.error-404 .page-content{margin: 80px 0; }
.error-404 .page-content h1{font-size: 25px;}

/* FOOTER */
.site-footer .contenitore-flex{margin-bottom: 0!important; align-items: normal;}
.info-footer{order: 2;  text-align: center; line-height: 14px;}
.social-footer{order: 1; margin: 20px 0; margin-bottom: 35px!important;}
.site-footer .contenitore-boxato{padding: 0 15px 15px 15px; font-size: 11px;}
.single-works .site-footer{position: relative; bottom: 0; width: 100%;}
}

/* MEDIA 736 - IPHONE 8 PLUS LANDSCAPE */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {}

/* MEDIA 667 - IPHONE 8 LANDSCAPE */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {}

/* MEDIA 376 - IPHONE X LANDSCAPE */
@media only screen and (device-width : 812px) and (device-height : 375px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape){}

/* MEDIA 568 - IPHONE SE LANDSCAPE */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {}

/* MEDIA 414 - IPHONE 8 PLUS */
@media only screen and (max-width : 414px) {
  /* GENERALI */
  br.mobile-ko{display: none;}
  .contenitore-boxato{max-width: 90%;}
  .contenitore-flex{flex-direction: column;}
  .entry-content {margin: 150px 0!important;}

  /* HEADER */

  .site-header{top:0px; position: sticky; margin-top: 0;}
  .site-branding{flex-basis: 60%;}
  .site-branding a{display: flex; flex-basis: 100%; max-width: 300px;}
  .main-navigation{flex-basis: 50%; justify-content: flex-end; }
  .site-branding img{width: 80%;}

  /* MENU */
  .hamburger{display: block;}
  .menu-menu-1-container{ display: none;}
  .overlay .menu-menu-1-container{display: table;}
  .overlay .sub-menu{width: 100%;}
  ul.sub-menu li a{text-transform: capitalize!important; font-size: 16px; line-height: 30px;}
  .overlay ul li{font-size: 18px; min-height: unset; position: relative;}
  .menu-boxed{z-index: 9999;     background: rgba(255, 255, 255, 0.8); padding: 10px 0;}
  .overlay ul li a{font-size: 25px;}

  /* HOME */
  .home .site{background-image: none;}
  .contenitore-flex.al-sx .due-terzi{max-width: 100%;}
  .titolo-opera-home{position: relative;}
  .titolo-opera-works{position: relative; bottom: initial; text-align: center;}
  .blocco-opere{overflow: hidden;}
  .blocco-opere, .al-sx, .al-dx{text-align: center!important;}
  .contenitore-flex.al-sx .un-terzo, .contenitore-flex.al-dx .un-terzo{order: 2;}
  .contenitore-flex.al-sx .due-terzi, .contenitore-flex.al-dx .due-terzi{order: 1;}
  .home .contenitore-flex .un-terzo, .page-template-art .contenitore-flex .un-terzo, .page-template-novels .contenitore-flex .un-terzo{margin-top: 80px;}
  .home .contenitore-flex, .page-template-art .contenitore-flex, .page-template-novels .contenitore-flex{margin: 100px 0; }
  .view-more{margin-bottom: 30px;}

  /* BIO */
  .intro-bio p{margin-left: 5%;}
  .contenitore-90{max-width: 100%;}

  /* ART */
  .filtro{margin: 50px 0 100px 0;}
  .filtro button, .filtro input[type="button"]{width: 100%; padding: 5px 25px;}
  .filtro button:hover::after, .filtro input[type="button"]:hover::after, .active::after{width: 40%!important;}
  .single-works .due-terzi{padding-right: 0;}
  .single-works .un-terzo{margin-top: 50px;}

  /* 404 */
  .error-404 .page-content{margin: 80px 0; }
  .error-404 .page-content h1{font-size: 25px;}

  /* FOOTER */
  .site-footer .contenitore-flex{margin-bottom: 0!important; align-items: normal;}
  .info-footer{order: 2;  text-align: center; line-height: 14px;}
  .social-footer{order: 1; margin: 20px 0; }
  .site-footer .contenitore-boxato{padding: 0 15px 15px 15px; font-size: 11px;}
  .single-works .site-footer{position: relative; bottom: 0; width: 100%;}
}

/* MEDIA 375 - IPHONE 8 */
@media only screen and (max-width : 375px) {
  /* GENERALI */
  br.mobile-ko{display: none;}
  .contenitore-boxato{max-width: 90%;}
  .contenitore-flex{flex-direction: column;}
  .entry-content {margin: 150px 0!important;}

  /* HEADER */

  .site-header{top:0px; position: sticky; margin-top: 0;}
  .site-branding{flex-basis: 60%;}
  .site-branding a{display: flex; flex-basis: 100%; max-width: 300px;}
  .main-navigation{flex-basis: 50%; justify-content: flex-end; }
  .site-branding img{width: 80%;}

  /* MENU */
  .hamburger{display: block;}
  .menu-menu-1-container{ display: none; }
  .overlay .menu-menu-1-container{display: table; margin-top: -80px!important;}
  .overlay .sub-menu{width: 100%;}
  ul.sub-menu li a{text-transform: capitalize!important; font-size: 16px; line-height: 30px;}
  .overlay ul li{font-size: 18px; min-height: unset; position: relative;}
  .menu-boxed{z-index: 9999;     background: rgba(255, 255, 255, 0.8); padding: 10px 0;}
  .overlay ul li a{font-size: 25px;}

  /* HOME */
  .home .site{background-image: none;}
  .contenitore-flex.al-sx .due-terzi{max-width: 100%;}
  .titolo-opera-home{position: relative;}
  .titolo-opera-works{position: relative; bottom: initial; text-align: center;}
  .blocco-opere{overflow: hidden;}
  .blocco-opere, .al-sx, .al-dx{text-align: center!important;}
  .contenitore-flex.al-sx .un-terzo, .contenitore-flex.al-dx .un-terzo{order: 2;}
  .contenitore-flex.al-sx .due-terzi, .contenitore-flex.al-dx .due-terzi{order: 1;}
  .home .contenitore-flex .un-terzo, .page-template-art .contenitore-flex .un-terzo{margin-top: 80px;}
  .home .contenitore-flex, .page-template-art .contenitore-flex{margin: 100px 0; }
  .view-more{margin-bottom: 30px;}

  /* BIO */
  .intro-bio p{margin-left: 5%;}
  .contenitore-90{max-width: 100%;}

  /* ART */
  .filtro{margin: 50px 0 100px 0;}
  .filtro button, .filtro input[type="button"]{width: 100%; padding: 5px 25px;}
  .filtro button:hover::after, .filtro input[type="button"]:hover::after, .active::after{width: 40%!important;}
  .single-works .due-terzi{padding-right: 0;}

  /* 404 */
  .error-404 .page-content{margin: 80px 0; }
  .error-404 .page-content h1{font-size: 25px;}

  /* FOOTER */
  .site-footer .contenitore-flex{margin-bottom: 0!important; align-items: normal;}
  .info-footer{order: 2;  text-align: center; line-height: 14px;}
  .social-footer{order: 1; margin: 20px 0; }
  .site-footer .contenitore-boxato{padding: 0 15px 15px 15px; font-size: 11px;}
  .single-works .site-footer{position: relative; bottom: 0; width: 100%;}
}

/* MEDIA 376 - IPHONE X */
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
  /* GENERALI */
  br.mobile-ko{display: none;}
  .contenitore-boxato{max-width: 90%;}
  .contenitore-flex{flex-direction: column;}
  .entry-content {margin: 140px 0!important;}

  /* HEADER */

  .site-header{top:0px; position: sticky; margin-top: 0;}
  .site-branding{flex-basis: 60%;}
  .site-branding a{display: flex; flex-basis: 100%; max-width: 300px;}
  .main-navigation{flex-basis: 50%; justify-content: flex-end; }
  .site-branding img{width: 80%;}

  /* MENU */
  .hamburger{display: block;}
  .menu-menu-1-container{ display: none;}
  .overlay .menu-menu-1-container{display: table; margin-top: -100px;}
  .overlay .sub-menu{width: 100%;}
  ul.sub-menu li a{text-transform: capitalize!important; font-size: 16px; line-height: 30px;}
  .overlay ul li{font-size: 18px; min-height: unset; position: relative;}
  .menu-boxed{z-index: 9999;     background: rgba(255, 255, 255, 0.8); padding: 10px 0;}
  .overlay ul li a{font-size: 25px;}

  /* HOME */
  .home .site{background-image: none;}
  .contenitore-flex.al-sx .due-terzi{max-width: 100%;}
  .titolo-opera-home{position: relative;}
  .titolo-opera-works{position: relative; bottom: initial; text-align: center;}
  .blocco-opere{overflow: hidden;}
  .blocco-opere, .al-sx, .al-dx{text-align: center!important;}
  .contenitore-flex.al-sx .un-terzo, .contenitore-flex.al-dx .un-terzo{order: 2;}
  .contenitore-flex.al-sx .due-terzi, .contenitore-flex.al-dx .due-terzi{order: 1;}
  .home .contenitore-flex .un-terzo, .page-template-art .contenitore-flex .un-terzo{margin-top: 80px;}
  .home .contenitore-flex, .page-template-art .contenitore-flex{margin: 100px 0; }
  .view-more{margin-bottom: 30px;}

  /* BIO */
  .intro-bio p{margin-left: 5%;}
  .contenitore-90{max-width: 100%;}

  /* ART */
  .filtro{margin: 50px 0 100px 0;}
  .filtro button, .filtro input[type="button"]{width: 100%; padding: 5px 25px;}
  .filtro button:hover::after, .filtro input[type="button"]:hover::after, .active::after{width: 40%!important;}
  .single-works .due-terzi{padding-right: 0;}

  /* 404 */
  .error-404 .page-content{margin: 80px 0; }
  .error-404 .page-content h1{font-size: 25px;}

  /* FOOTER */
  .site-footer .contenitore-flex{margin-bottom: 0!important; align-items: normal;}
  .info-footer{order: 2;  text-align: center; line-height: 14px;}
  .social-footer{order: 1; margin: 20px 0; }
  .site-footer .contenitore-boxato{padding: 0 15px 15px 15px; font-size: 11px;}
  .single-works .site-footer{position: relative; bottom: 0; width: 100%;}
}

/* MEDIA 360 - GALAXY */
@media only screen and (max-width : 360px) {
  /* GENERALI */
  br.mobile-ko{display: none;}
  .contenitore-boxato{max-width: 90%;}
  .contenitore-flex{flex-direction: column;}
  .entry-content {margin: 120px 0!important;}

  /* HEADER */

  .site-header{top:0px; position: sticky; margin-top: 0;}
  .site-branding{flex-basis: 60%;}
  .site-branding a{display: flex; flex-basis: 100%; max-width: 300px;}
  .main-navigation{flex-basis: 50%; justify-content: flex-end; }
  .site-branding img{width: 80%;}

  /* MENU */
  .hamburger{display: block;}
  .menu-menu-1-container{ display: none;}
  .overlay .menu-menu-1-container{display: table;}
  .overlay .sub-menu{width: 100%;}
  ul.sub-menu li a{text-transform: capitalize!important; font-size: 16px; line-height: 30px;}
  .overlay ul li{font-size: 18px; min-height: unset; position: relative;}
  .menu-boxed{z-index: 9999;     background: rgba(255, 255, 255, 0.8); padding: 10px 0;}
  .overlay ul li a{font-size: 22px;}

  /* HOME */
  .home .site{background-image: none;}
  .contenitore-flex.al-sx .due-terzi{max-width: 100%;}
  .titolo-opera-home{position: relative;}
  .titolo-opera-works{position: relative; bottom: initial; text-align: center;}
  .blocco-opere{overflow: hidden;}
  .blocco-opere, .al-sx, .al-dx{text-align: center!important;}
  .contenitore-flex.al-sx .un-terzo, .contenitore-flex.al-dx .un-terzo{order: 2;}
  .contenitore-flex.al-sx .due-terzi, .contenitore-flex.al-dx .due-terzi{order: 1;}
  .home .contenitore-flex .un-terzo, .page-template-art .contenitore-flex .un-terzo{margin-top: 80px;}
  .home .contenitore-flex, .page-template-art .contenitore-flex{margin: 100px 0; }
  .view-more{margin-bottom: 30px;}

  /* BIO */
  .intro-bio p{margin-left: 5%;}
  .contenitore-90{max-width: 100%;}

  /* ART */
  .filtro{margin: 50px 0 100px 0;}
  .filtro button, .filtro input[type="button"]{width: 100%; padding: 5px 25px;}
  .filtro button:hover::after, .filtro input[type="button"]:hover::after, .active::after{width: 40%!important;}
  .single-works .due-terzi{padding-right: 0;}

  /* 404 */
  .error-404 .page-content{margin: 80px 0; }
  .error-404 .page-content h1{font-size: 25px;}

  /* FOOTER */
  .site-footer .contenitore-flex{margin-bottom: 0!important; align-items: normal;}
  .info-footer{order: 2;  text-align: center; line-height: 14px;}
  .social-footer{order: 1; margin: 20px 0; }
  .site-footer .contenitore-boxato{padding: 0 15px 15px 15px; font-size: 11px;}
  .single-works .site-footer{position: relative; bottom: 0; width: 100%;}
}

/* MEDIA 320 - IPHONE SE */
@media only screen and (max-width : 320px) {
  /* GENERALI */
  br.mobile-ko{display: none;}
  .contenitore-boxato{max-width: 90%;}
  .contenitore-flex{flex-direction: column;}
  .entry-content {margin: 140px 0!important;}

  /* HEADER */

  .site-header{top:0px; position: sticky; margin-top: 0;}
  .site-branding{flex-basis: 60%;}
  .site-branding a{display: flex; flex-basis: 100%; max-width: 300px;}
  .main-navigation{flex-basis: 50%; justify-content: flex-end; }
  .site-branding img{width: 80%;}

  /* MENU */
  .hamburger{display: block;}
  .menu-menu-1-container{ display: none;}
  .overlay .menu-menu-1-container{display: table; margin-top: 100px;}
  .overlay .sub-menu{width: 100%;}
  ul.sub-menu li a{text-transform: capitalize!important; font-size: 16px; line-height: 30px;}
  .overlay ul li{font-size: 18px; min-height: unset; position: relative;}
  .menu-boxed{z-index: 9999;     background: rgba(255, 255, 255, 0.8); padding: 10px 0;}
  .overlay ul li a{font-size: 21px;}

  /* HOME */
  .home .site{background-image: none;}
  .contenitore-flex.al-sx .due-terzi{max-width: 100%;}
  .titolo-opera-home{position: relative;}
  .titolo-opera-works{position: relative; bottom: initial; text-align: center;}
  .blocco-opere{overflow: hidden;}
  .blocco-opere, .al-sx, .al-dx{text-align: center!important;}
  .contenitore-flex.al-sx .un-terzo, .contenitore-flex.al-dx .un-terzo{order: 2;}
  .contenitore-flex.al-sx .due-terzi, .contenitore-flex.al-dx .due-terzi{order: 1;}
  .home .contenitore-flex .un-terzo, .page-template-art .contenitore-flex .un-terzo{margin-top: 80px;}
  .home .contenitore-flex, .page-template-art .contenitore-flex{margin: 100px 0; }
  .view-more{margin-bottom: 30px;}

  /* BIO */
  .intro-bio p{margin-left: 5%;}
  .contenitore-90{max-width: 100%; background-position: 0;}

  /* ART */
  .filtro{margin: 50px 0 100px 0;}
  .filtro button, .filtro input[type="button"]{width: 100%; padding: 5px 25px;}
  .filtro button:hover::after, .filtro input[type="button"]:hover::after, .active::after{width: 40%!important;}
  .single-works .due-terzi{padding-right: 0;}

  /* 404 */
  .error-404 .page-content{margin: 80px 0; }
  .error-404 .page-content h1{font-size: 25px;}

  /* FOOTER */
  .site-footer .contenitore-flex{margin-bottom: 0!important; align-items: normal;}
  .info-footer{order: 2;  text-align: center; line-height: 14px;}
  .social-footer{order: 1; margin: 20px 0; }
  .site-footer .contenitore-boxato{padding: 0 15px 15px 15px; font-size: 11px;}
  .single-works .site-footer{position: relative; bottom: 0; width: 100%;}
}