/* COLOR VARIABLES
============================================= */
/* BTN PADDING WITH IMAGE BACKGROUND
============================================= */
/* FONT WEIGHTS
============================================= */
/* BG IMAGES
============================================= */
/* FLEXBOX
============================================= */
/* GRID
============================================= */
/* BOX SHADOW
============================================= */
/* OPACITY
============================================= */
/* TRANSITION
============================================= */
/* TRANSFORM
============================================= */
/* BORDER RADIUS
============================================= */
/* TEXT TRANSFORM
============================================= */
.desc-mobile {
  display: none;
}

@media all and (max-width: 1920px) {
  .compare-modal {
    padding: 100px 50px 30px 50px;
  }
  .compare-modal .chart-list-item .chart-head.display-flex h2 {
    font-size: 4vh;
    line-height: 4vh;
  }
  .compare-modal .chart-list-item span.intestazione h4, .compare-modal .chart-list-item span.intestazione p {
    font-size: 14px;
  }
  .compare-modal .chart-list-item .chart-footer .description p {
    font-size: 12px;
  }
}
@media all and (max-width: 1600px) {
  .fabrics-list {
    padding: 2% 0;
  }
  .chart-list-item {
    padding: 25px 40px;
  }
  .compare-modal .display-flex.chart-body {
    text-align: center;
  }
  .compare-modal img.radius {
    max-width: 50vh;
  }
}
@media all and (max-width: 1440px) {
  .compare-modal .chart-list-item .chart-head.display-flex h2 {
    font-size: 3vh;
    line-height: 3vh;
  }
  #main-slider .grkCaption .banner-info {
    width: 630px;
  }
  #main-slider .grkCaption .five {
    width: 250px;
  }
  #main-slider .grkSlider-next {
    left: calc(100% - 70px);
  }
  #main-slider .grkSlider-prev {
    left: calc(100% - 110px);
  }
  #main-slider span.counter {
    left: calc(50% - 215px);
  }
}
@media all and (max-width: 1279px) {
  .compare-modal {
    padding: 65px 25px 30px 25px;
    width: calc(100vw - 50px);
    height: calc(100vh - 95px);
  }
  .compare-modal .chart-list-item {
    width: calc(33% - 20px);
    padding: 0 10px;
  }
  .compare-modal .chart-list-item .chart-head.display-flex {
    margin: 0;
    flex-direction: column;
    align-items: center;
  }
  .compare-modal .chart-list-item .chart-head.display-flex h2 {
    display: block;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 10px;
    padding-bottom: 5px;
  }
  .compare-modal .chart-list-item span.intestazione {
    height: auto;
    min-height: 10px;
    margin: 0 0 5px 0;
    padding: 0;
    border-bottom: 0;
  }
  .compare-modal .chart-list-item span.intestazione p {
    font-size: 12px;
    margin: 0;
  }
  .compare-modal .chart-list-item .chart-footer .description p {
    font-size: 11px;
    line-height: 18px;
  }
  .compare-modal .chart-list-item .cats-container {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: 100%;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .compare-modal .chart-list-item .cats-container span {
    width: 25%;
    text-align: center;
  }
  .compare-modal .chart-list-item .cats-container svg {
    width: 4vw;
    height: auto;
    margin: 0 auto;
  }
  /* .chart-list-item .chart-body.display-flex .img-trama-container {
       max-width: calc(100vw - 360px);
       max-height: calc(100vw - 360px);
   }*/
}
@media all and (max-height: 768px) {
  /*.chart-list-item .chart-body.display-flex .img-trama-container {
      min-height: calc(100vh/1.5);
  }*/
}
@media all and (max-width: 1400px) {
  .compare-modal .close-compare-modal {
    width: 50px;
    height: 50px;
  }
  .compare-modal .close-compare-modal img {
    width: 20px;
  }
  /*  #main-slider a.grkSlider-next {
          left: calc(100% - 140px);
      }

      #main-slider a.grkSlider-prev {
          left: calc(100% - 180px);
      }

      #main-slider span.counter {
          left: calc(50% - 305px);
      }
  */
  .container-full { /* container generale pagina*/
    max-width: calc(100% - 40px);
    padding-left: 20px;
    padding-right: 20px;
  }
  .fixed-logo {
    position: fixed;
    top: 200px;
    left: auto;
  }
  .gallery-container {
    height: 570px;
  }
  .vert-slider.grkSlider .one {
    margin-top: 150px;
  }
  .vert-slider ol.grkSlider-paging {
    top: 235px;
  }
  .mask span:first-child {
    border-top: 300px solid #fff;
    border-left: 300px solid transparent;
  }
  .four .mask span:first-child {
    border-width: 180px;
  }
  .mask span:nth-child(2) {
    border-bottom: 300px solid #fff;
    border-left: 300px solid transparent;
  }
  .four .mask span:nth-child(2) {
    border-width: 180px;
  }
  .mask span:nth-child(3) {
    border-top: 300px solid #fff;
    border-right: 300px solid transparent;
  }
  .four .mask span:nth-child(3) {
    border-width: 180px;
  }
  .mask span:nth-child(4) {
    border-bottom: 300px solid #fff;
    border-right: 300px solid transparent;
  }
  .four .mask span:nth-child(4) {
    border-width: 180px;
  }
}
@media all and (max-width: 1300px) {
  .slick-dots li button {
    display: none;
  }
  #main-slider .grkCaption {
    padding: 0;
  }
  #main-slider .grkCaption div.left {
    width: 50%;
    margin: 30px 0 0 0;
    float: left;
  }
  .vert-slider.grkSlider .one {
    height: 470px;
    margin-top: 105px;
  }
  .vert-slider ol.grkSlider-paging {
    top: 193px;
    margin: 95px -50px;
  }
  .mask span:first-child {
    border-top: 260px solid #fff;
    border-left: 260px solid transparent;
  }
  .four .mask span:first-child {
    border-width: 180px;
  }
  .mask span:nth-child(2) {
    border-bottom: 260px solid #fff;
    border-left: 260px solid transparent;
  }
  .four .mask span:nth-child(2) {
    border-width: 180px;
  }
  .mask span:nth-child(3) {
    border-top: 260px solid #fff;
    border-right: 260px solid transparent;
  }
  .four .mask span:nth-child(3) {
    border-width: 180px;
  }
  .mask span:nth-child(4) {
    border-bottom: 260px solid #fff;
    border-right: 260px solid transparent;
  }
  .four .mask span:nth-child(4) {
    border-width: 180px;
  }
  .price span {
    width: 100%;
    display: block;
  }
  .shop-list .price span, .checkout .price span {
    width: auto;
    display: inline-block;
  }
  .cats-list .four a {
    padding: 15px;
    margin-bottom: 50px;
  }
  .highlight {
    width: calc(125% - 100px);
    left: -25%;
  }
}
@media all and (max-width: 1250px) {
  .gallery-container {
    height: auto;
    min-height: 670px;
  }
  .vert-slider ol.grkSlider-paging {
    transform: rotate(0);
    position: absolute;
    left: 50px;
    width: 200px;
    z-index: 2;
    top: auto;
    margin: 0;
    bottom: 0;
    height: 55px;
  }
  .vert-slider .grkSlider-next {
    transform: rotate(0);
    margin-top: 0;
  }
  .vert-slider span.counter {
    display: block;
    transform: rotate(0);
    font-size: 12px;
    width: 20%;
    padding: 25px 0 0 25px;
    float: left;
  }
  .vert-slider.grkSlider ul {
    width: 100%;
  }
  .vert-slider.grkSlider .one {
    padding: 0;
    margin: 0;
    height: 50px;
    width: 100%;
    clear: both;
    float: left;
  }
  .float1250 {
    float: right;
    padding-right: 10px;
    padding-top: 10px;
  }
  .vert-slider .grkSlider-prev,
  .vert-slider .grkSlider-next {
    height: auto;
    width: 60px;
    float: left;
  }
  .vert-slider .grkSlider-prev img {
    transform: rotate(270deg);
  }
  .vert-slider .grkSlider-next img {
    transform: rotate(90deg);
  }
  /*.vert-slider ol.grkSlider-paging li a {
      display: table-cell;
      vertical-align: bottom;
  }*/
  .vert-slider ol.grkSlider-paging li .a, .vert-slider ol.grkSlider-paging li .a.grkSlider-active {
    position: absolute;
    height: 28px;
    bottom: 0;
  }
  .vert-slider ol.grkSlider-paging li .a.grkSlider-active {
    height: 40px;
  }
}
@media all and (max-width: 1280px) {
  #eventi .eventoStar div {
    width: calc(100% - 65vw);
  }
  #eventi .eventoStar img {
    flex: 0 0 65vw;
  }
}
@media all and (max-width: 1200px) {
  #main-slider span.counter {
    left: calc(50% - 235px);
  }
  .mask span:first-child, .four .mask span:first-child {
    border-top: 0;
    border-left: 0;
  }
  .mask span:nth-child(2), .four .mask span:nth-child(2) {
    border-bottom: 0;
    border-left: 0;
  }
  .mask span:nth-child(3), .four .mask span:nth-child(3) {
    border-top: 0;
    border-right: 0;
  }
  .mask span:nth-child(4), .four .mask span:nth-child(4) {
    border-bottom: 0;
    border-right: 0;
  }
  .cats-list a {
    padding: 80px;
  }
  .cats-list .four img.bag {
    bottom: 30px;
    left: 0;
  }
  .cats-list .title, .prods-list .title {
    right: 18%;
    top: 62%;
  }
  ul.ul-selettore-interno {
    position: relative;
    right: inherit;
    top: inherit;
    text-align: center;
    margin-bottom: 50px;
  }
  .cats-list .four a {
    padding: 15px;
    margin-bottom: 100px;
  }
}
@media all and (max-width: 1100px) {
  .fabrics-list .h3.step, .features .h3.step {
    background-position: 55px 35px;
  }
  .fabrics-list .h3.step br, .features .h3.step br {
    display: none;
  }
}
/* iPads (landscape) ----------- */
@media all and (max-width: 1024px) {
  #eventi .eventoStar {
    flex-direction: column;
    justify-content: center;
    width: auto;
    display: inline-flex;
    padding: 50px;
  }
  #eventi .eventoStar div {
    width: auto;
  }
  #eventi .eventoStar img {
    display: none;
  }
  #ultimi-articoli ul li a img.img-article {
    height: 30vw;
  }
  .fabrics-list {
    margin: 2% 0;
  }
  .fabrics-list span.show-feature {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: normal;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 10px;
    padding: 20px;
  }
  .fabrics-list span.show-feature.active::after {
    top: -6px;
    right: -6px;
  }
  .features a.active::after {
    top: -6px;
    right: -6px;
  }
  .chart-list-item {
    padding: 0;
  }
  .chart-list-item span.intestazione h4 {
    font-size: 15px;
  }
  .chart-list-item span.intestazione p {
    font-size: 13px;
  }
  .chart-list-item .description p {
    font-size: 12px;
  }
  .scrollDown.scrollHP {
    margin-top: 0;
  }
  .container-small {
    max-width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }
  img {
    width: auto;
    max-width: 100%;
    height: auto;
  }
  #lista_paginazione img {
    width: 100%;
  }
  .nodesktop {
    display: block;
  }
  .notablet {
    display: none;
  }
  .showtablet {
    display: block;
  }
  #map-canvas {
    height: 250px;
  }
  .indexSliderContainer {
    height: 600px;
  }
  #main-slider .img-container {
    height: 450px;
  }
  .scroll.scrollSlider {
    margin-top: 600px;
  }
  .scroll .indexSliderContainer {
    transform: translateY(-1000px);
  }
  .scroll #main-slider .img-container {
    top: 150px;
  }
  #main-slider .grkCaption .banner-info {
    float: right;
    height: 230px;
    margin-top: -150px;
  }
  #main-slider.grkSlider ul li div.grkCaption h2 {
    font-size: 35px;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 25px 20px 0 20px;
  }
  #main-slider.grkSlider ul li div.grkCaption p,
  #main-slider.grkSlider ul li div.grkCaption a p {
    margin: 0;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 18px;
  }
  #main-slider .grkCaption .seven,
  #main-slider .grkCaption .five {
    height: 230px;
  }
  #main-slider .grkCaption .banner-info img {
    width: 170px;
    margin-top: 5px;
  }
  #main-slider a.grkSlider-prev, #main-slider a.grkSlider-next {
    bottom: 40px;
    left: calc(100% - 80px);
  }
  #main-slider a.grkSlider-prev {
    left: calc(100% - 125px);
  }
  #main-slider ol.grkSlider-paging, #main-slider span.counter {
    bottom: 85px;
  }
  #italy .eight, #italy .four {
    width: 49.5%;
  }
  .highlight {
    padding: 30px;
    width: calc(115% - 60px);
    left: -15%;
  }
  .highlight .btn-container {
    bottom: -50px;
  }
  .made-in-italy-image img {
    width: 100%;
  }
  .gallery-container .seven,
  .gallery-container .five {
    margin: 0;
    padding: 0;
  }
  .gallery-container .seven {
    width: 48%;
  }
  .gallery-container .five {
    width: calc(52% - 40px);
    padding: 20px;
  }
  .gallery-container {
    min-height: 540px;
  }
  .cats-list .six {
    padding: 0;
    margin: 0;
    width: 50%;
    clear: none;
  }
  .cats-list a {
    padding: 30px;
  }
  .cats-list img.bag {
    bottom: 30px;
    left: -2%;
    z-index: 5;
  }
  .cats-list .title, .prods-list .title {
    position: absolute;
    width: calc(100% - 59px);
    height: auto;
    -webkit-transform: rotate(0) translateY(0);
    -moz-transform: rotate(0) translateY(0);
    -ms-transform: rotate(0) translateY(0);
    -o-transform: rotate(0) translateY(0);
    transform: rotate(0) translateY(0);
    right: 30px;
    left: 30px;
    top: auto;
    bottom: 0;
  }
  .cats-list .title h3, .prods-list .title h3 {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0;
  }
  .avviso-disegno p {
    text-align: left;
  }
  /*#preventivo .five {
      width: 36.083%;
  }*/
  #preventivo .seven {
    width: 62.9166666667%;
  }
  #about-us .txt-container {
    padding: 40px 0;
  }
  .intro-catalogo-container {
    padding-top: 50px;
  }
  .p-top-bottom {
    padding: 50px 0;
  }
  .cats-list .four a {
    padding: 30px;
    margin-bottom: 50px;
  }
  .chart-list-item .chart-head.display-flex h2, .chart-list-item .chart-head h2 {
    font-size: 40px;
  }
  .colors1 {
    width: 140px;
  }
  .chart {
    width: calc(100% - 360px);
  }
  .compare-menu {
    top: 190px;
    bottom: 0;
    width: 80px;
    z-index: 87;
  }
  .compare-menu h3, .compare-menu article span {
    display: none;
  }
  .compare-menu article {
    padding: 10px 10px 0 10px;
  }
  .compare-menu article strong {
    margin-bottom: 10px;
    font-size: 11px;
  }
  .compare-menu .show-compare {
    width: 45px;
    padding: 10px 0;
  }
  #main-slider .grkCaption .btn-container {
    bottom: -20px;
  }
  #main-slider .grkSlider-prev,
  #main-slider .grkSlider-next {
    bottom: 70px;
  }
  svg:hover .azzurro, svg:hover .azzurro path, svg:hover .azzurro ellipse, svg:hover .azzurro rect {
    /*  fill: #FFF !important;*/
  }
}
@media screen and (max-width: 1023px) {
  .compare-menu {
    top: 190px;
    bottom: 0;
    width: 80px;
    z-index: 87;
  }
  .compare-modal {
    width: calc(100vw - 40px);
    height: calc(100vh - 120px);
    padding: 70px 20px 100px 20px;
    flex-direction: column;
    justify-content: flex-start;
  }
  .compare-modal .chart-list-item {
    width: 100%;
    display: block;
    height: auto;
  }
  .compare-modal .chart-list-item .chart .display-flex {
    padding: 0 2%;
    margin: 0;
  }
  .compare-modal .chart-list-item .chart .display-flex.chart-body {
    width: 62%;
    text-align: right;
  }
  .compare-modal .chart-list-item .chart .display-flex.chart-body img.radius {
    max-width: 25vh;
    height: auto;
  }
  .compare-modal .chart-list-item .chart .display-flex.chart-head {
    width: 30%;
  }
  .compare-modal .chart-list-item .chart-head.display-flex h2 {
    font-size: 20px;
    line-height: 20px;
    width: 100%;
  }
  .compare-modal .chart-list-item .chart-footer {
    display: none;
  }
  .compare-modal .chart-list-item span.intestazione {
    white-space: normal;
  }
  .compare-modal .chart-list-item span.intestazione h4, .compare-modal .chart-list-item span.intestazione p {
    line-height: 20px;
  }
  .compare-modal .desc-mobile {
    display: none;
  }
  .container-full.mbot50.cc {
    margin-bottom: 10px;
  }
  .fabrics-list .h3.step, .features .h3.step {
    background: none;
    padding: 0;
    font-size: 18px;
    line-height: 35px;
  }
  .fabrics-list .h3.step span, .features .h3.step span {
    border: 0 !important;
    background: none;
    position: relative !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    left: auto;
    bottom: auto;
    width: auto;
    height: auto;
    text-align: center;
    line-height: normal;
    text-indent: 0;
    color: #00A5FF;
    font-size: 18px !important;
  }
  .fabrics-list .h3.step span::after, .features .h3.step span::after {
    content: ".";
  }
  .fabrics-list {
    margin: 1% 0;
    padding: 1% 0;
    width: 50%;
    float: left;
  }
  .fabrics-list span.show-feature {
    display: none;
  }
  .fabrics-list .mbot30 {
    margin: 10px 0;
  }
  .features {
    width: 50%;
    float: left;
    clear: none;
    margin: 1% 0;
    padding: 1% 0;
  }
  .features .show-chart {
    display: none !important;
  }
  .features .mbot30 {
    margin: 10px 0;
  }
  .navigate-select {
    display: block;
    width: 100%;
    height: 45px;
    margin: 5px 0 15px 0;
    background-color: #FFFFFF;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #00A5FF;
    font-family: "Metropolis-Regular", Arial, Helvetica, Clean, sans-serif;
    color: #000000;
    font-size: 14px;
  }
  .navigate-select select {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    padding-left: 15px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    z-index: 2;
    outline: none;
    cursor: pointer;
    font-family: "Metropolis-Regular", Arial, Helvetica, Clean, sans-serif;
    color: #000000;
    font-size: 14px;
  }
  .navigate-select:after {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    content: "";
    width: 50px;
    height: 100%;
    background-color: #00A5FF;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
  }
  .navigate-select img {
    width: 40px;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 1;
  }
  .chart-list .container-full {
    max-width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }
  .chart-list-item .chart .chart-head {
    border-bottom: 1px solid #DADEE3;
  }
  .chart-list-item {
    width: 100%;
    display: block;
  }
  .chart-list-item .chart {
    width: 100%;
    float: left;
    padding-top: 10px;
  }
  .chart-list-item .colors1, .chart-list-item .colors2 {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .chart-list-item .chart-head.display-flex, .chart-list-item .chart-head {
    width: 100%;
    /*display: block;
    float: left;*/
    margin-top: 5px;
    align-items: flex-start;
  }
  .chart-list-item .chart-head.display-flex h2, .chart-list-item .chart-head h2 {
    width: 40%;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    border-bottom: 0;
  }
  .chart-list-item .chart-body.display-flex {
    width: 100%;
    display: block;
    float: left;
    margin: 10px 0;
  }
  .chart-list-item .chart-body.display-flex .cats-container {
    height: 65px;
  }
  .chart-list-item .chart-body.display-flex .cats-container span {
    padding: 0;
    height: 65px;
  }
  .chart-list-item .chart-body.display-flex .cats-container span svg {
    height: 65px;
  }
  .chart-list-item .chart-body.display-flex .chart-utility {
    bottom: 25px;
    height: 40px;
  }
  .chart-list-item .chart-body.display-flex .chart-utility a {
    padding: 3px;
    width: 22px;
    margin: 5px 5px 0 5px;
  }
  .chart-list-item .chart-body.display-flex .chart-utility a.addcompare, .chart-list-item .chart-body.display-flex .chart-utility a.removecompare {
    width: 45px;
    height: 45px;
    text-align: center;
  }
  .chart-list-item .chart-body.display-flex .chart-utility a.addcompare img, .chart-list-item .chart-body.display-flex .chart-utility a.removecompare img {
    width: 25px;
    margin: 10px;
  }
  .chart-list-item span.intestazione {
    width: calc(30% - 10px) !important;
    min-width: calc(30% - 10px) !important;
    /*float: left;*/
    text-align: left;
    height: auto;
    margin: 5px 0;
    padding: 0 5px;
    border-bottom: 0;
    white-space: nowrap;
    min-height: inherit;
    display: block;
  }
  .chart-list-item span.intestazione h4, .chart-list-item span.intestazione p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 14px;
    display: inline;
    float: left;
  }
  .chart-list-item span.intestazione h4 {
    padding-right: 5px;
    margin-bottom: 10px;
  }
  .chart-list-item span.intestazione h4::after {
    content: ":";
  }
  .chart-list-item .chart-footer {
    width: 100%;
    /*display: block;*/
    float: left;
    display: none;
  }
  .chart-list-item .chart-colors {
    width: 100%;
    float: left;
    margin: 10px 0;
    text-align: center;
    border-right: 0;
    position: relative;
    padding-bottom: 0;
  }
  .chart-list-item .chart-colors img.menu-active.showmobile {
    display: block;
    width: auto;
    position: relative;
    right: inherit;
    top: 10px !important;
    left: inherit;
    opacity: 0;
    margin-left: calc(50% - 15px);
    clear: both;
    margin-top: 5px;
  }
  .chart-list-item .chart-colors .tone-chart {
    width: 35px;
    height: 35px;
    display: block;
    margin: 5px;
    float: left;
  }
  .chart-list-item .chart-colors .tone-chart.active::after {
    width: 20px;
    height: 20px;
  }
  .chart-list-item .colors2 .chart-colors {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 10px;
  }
  .chart-list-item .colors2 .chart-colors article {
    padding: 5px;
  }
  .chart-list-item .colors2 .color-chart {
    width: 40px;
    height: 40px;
  }
  .chart-list-item .colors2 .color-chart.active::after {
    width: 20px;
    height: 20px;
  }
  .chart-list-item .chart-body.display-flex .img-trama-container {
    height: calc(100vh - 450px);
    max-width: 100%;
    max-height: calc(100vh - 450px);
    background-position: 50% 100%;
  }
  .chart-list-item .colors1 .chart-head span.intestazione {
    width: 100% !important;
    float: left;
    padding: 0;
    margin: 15px 0 0 0;
  }
  .chart-list-item .colors2 .chart-head span.intestazione {
    width: 100% !important;
    float: left;
    padding: 0;
    margin: 15px 0 0 0;
  }
  .desc-mobile {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: 100%;
    flex-wrap: nowrap;
    width: 98%;
    padding: 0 1%;
    margin: 20px 0;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .desc-mobile .pantone {
    display: none;
    border: 2px solid #000000;
    width: 80px;
    height: 60px;
    font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
    color: #000000;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    letter-spacing: 0;
    margin-right: 10px;
  }
  .desc-mobile .pantone span {
    width: 100%;
    height: 15px;
    display: block;
    margin: 4px 0;
  }
  .desc-mobile .pantone p {
    font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
    color: #000000;
    font-size: 12px;
    margin: 0;
  }
  .desc-mobile .description {
    width: calc(100% - 90px);
  }
  .desc-mobile .description p {
    margin: 0;
  }
  .made-in-italy-image img {
    width: 100%;
    height: 75vh;
    object-fit: cover;
  }
  .highlight .btn-container {
    bottom: -70px;
  }
  /* Slider ---------------------------------------*/
  .scroll .indexSliderContainer {
    height: 650px;
    transform: translateY(-1090px);
  }
  .indexSliderContainer {
    height: auto;
  }
  #main-slider .img-container {
    height: 500px;
  }
  #main-slider .grkCaption .five {
    display: none;
  }
  #main-slider .grkCaption .seven {
    height: auto;
    width: 100%;
  }
  #main-slider .grkCaption .banner-info {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 0;
  }
  #main-slider .container-full {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  #main-slider.grkSlider ul li div.grkCaption p,
  #main-slider.grkSlider ul li div.grkCaption a p,
  #main-slider .grkCaption .btn-container {
    display: none;
  }
  #main-slider.grkSlider ul li div.grkCaption h2 {
    text-align: left;
    padding: 25px 10px;
    display: block;
  }
  #main-slider .container-full.bgMobile {
    background-color: #FFFFFF;
    height: auto;
  }
  #main-slider a.grkSlider-prev,
  #main-slider a.grkSlider-next {
    bottom: auto;
    top: 10px;
    left: auto;
    right: 15px;
    height: auto;
  }
  #main-slider .grkSlider-prev,
  #main-slider .grkSlider-next {
    bottom: 20px;
  }
  #main-slider a.grkSlider-prev {
    right: 55px;
  }
  #main-slider span.counter {
    display: none;
    /*bottom: 14px;
    left: 15px;
    text-align: left;*/
  }
  #italy .display-flex {
    display: block;
  }
  #italy .display-flex .eight, #italy .display-flex .four {
    width: 100%;
  }
  .highlight {
    position: relative;
    width: calc(100% - 100px);
    height: auto;
    text-align: center;
    top: auto;
    left: auto;
    display: table;
    padding: 50px;
    margin: 0 auto;
  }
  .made-in-italy-image {
    line-height: 0;
    margin-top: 30px;
  }
  .titleMobile {
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
  .titleNoMobile {
    display: none;
  }
  .prod-detail .six {
    width: 100%;
  }
  .prod-detail .six:first-child {
    text-align: center;
  }
  .prod-detail .display-flex {
    display: block;
  }
  .txt-container p,
  .prod-detail .txt-container p {
    width: 100%;
  }
  .pleft50 {
    padding: 0;
    width: 80%;
    margin: 0 auto;
  }
  .footer_container .six,
  .footer_container .five {
    width: calc(50% - 20px);
    margin: 0;
    padding: 10px;
    text-align: left;
  }
  .newsletter p {
    line-height: normal;
  }
  #map-canvas {
    height: 350px;
  }
  .pagine-intro h1 {
    font-size: 40px;
    line-height: 55px;
  }
  .pointer-events {
    pointer-events: auto;
  }
  .gallery-footer {
    width: 100%;
    max-width: 100%;
    grid-template-columns: 50% 25% 25%;
    grid-template-rows: 50% 50%;
  }
  .gallery-footer span {
    /*height: clamp(80px, calc(10vw - 10px), 133px);*/
    width: 100%;
    height: auto;
    display: block;
    min-height: 105px;
  }
  .gallery-footer span:nth-child(1) {
    /*height: clamp(170px, calc(20vw - 10px), 275px);*/
    width: 100%;
    min-height: 220px;
  }
  /* COMPARE MODAL */
  .compare-modal .chart-list-item {
    height: 30%;
  }
  .compare-modal .chart-list-item .chart {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: 100%;
    flex-wrap: nowrap;
    border-bottom: 1px solid #DADEE3;
  }
  .compare-modal .chart-list-item .chart .chart-head {
    border-bottom: 0;
  }
  .compare-modal .chart-list-item .chart.display-flex h2 {
    width: 100% !important;
    text-align: left !important;
  }
  .compare-modal .chart-list-item span.intestazione {
    width: 100% !important;
    min-width: 100%;
  }
  .compare-modal .chart-list-item span.intestazione h4 {
    float: none;
    clear: both;
    width: 100%;
    display: block;
    margin: 15px 0 5px 0;
  }
  .compare-modal .chart-head.display-flex {
    align-items: flex-start;
    justify-content: flex-start;
  }
  /* fine COMPARE MODAL */
  .quick-links .container-full div.flex {
    column-gap: 10px;
    align-items: flex-start;
  }
  .quick-links .container-full div.flex ul {
    width: calc(50% - 10px);
  }
  .quick-links .container-full div.flex ul li a {
    text-align: left;
    padding: 15px 10px;
    width: calc(100% - 20px);
  }
  .categories-intro .padding10 {
    width: calc(25% - 20px);
    margin-top: 20px;
  }
  .categories-intro .padding10:first-child {
    margin-left: 0;
    width: calc(25% - 10px);
  }
  .categories-intro .padding10:last-child {
    margin-right: 0;
    width: calc(25% - 10px);
  }
  #ultimi-articoli ul li {
    float: left;
    width: 100%;
    margin: 20px 0;
  }
  #ultimi-articoli ul li:first-child, #ultimi-articoli ul li:last-child {
    width: 100%;
  }
}
@media all and (max-width: 950px) {
  .shop-list .shop-list-item .shop-img {
    width: 50%;
    padding: 0;
  }
  .shop-list .shop-list-item .shop-desc {
    width: 50%;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  #richiedi-preventivo {
    display: none;
  }
  #richiedi-preventivo-mob {
    display: inline-block;
  }
  #fixed-logo-cont {
    min-height: auto;
  }
  /*#image-holder {
      display: none;
  }*/
  .fixed-logo {
    position: relative;
    top: auto;
    left: inherit;
  }
  .cats-list .four a {
    padding: 0;
    margin-bottom: 50px;
  }
  .cats-list .four .title {
    width: 100%;
    right: 0;
    left: 0;
    top: auto;
    bottom: 0;
  }
}
@media all and (max-height: 800px) {
  .conf-colors-container, .conf-bag-container {
    float: left;
    width: 100%;
    padding: 0;
  }
  #richiedi-preventivo {
    display: none;
  }
  #richiedi-preventivo-mob {
    display: inline-block;
  }
  #fixed-logo-cont {
    min-height: auto;
  }
  .fixed-logo {
    position: relative;
    top: auto;
    left: inherit;
  }
}
@media all and (max-width: 860px) {
  .blogMenu {
    display: none;
  }
  .blogContainer .articles-list {
    width: 100%;
  }
  .blogContainer {
    margin-top: 0px;
  }
  .submenu-blog-mobile {
    display: block;
  }
  .blogContainer .articles-list, .blogContainer .article-detail {
    width: 100%;
  }
}
/* iPads (portrait) ----------- */
@media all and (max-width: 768px) {
  .notabletVert {
    display: none;
  }
  .compare-menu {
    width: 100%;
    top: inherit;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .compare-menu .show-compare {
    width: 45px;
    padding: 30px 20px 10px 0;
    float: right;
  }
  .compare-menu article {
    width: 20%;
    float: left;
    padding: 10px 10px 0 10px;
    border-bottom: 0;
    text-align: center;
    position: relative;
  }
  .compare-menu article a.removecompare {
    width: 30px;
    height: 30px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    will-change: transform;
    position: absolute;
    right: 20%;
    bottom: 20px;
  }
  .compare-menu article a.removecompare img {
    margin-top: 7px;
  }
  .logo img {
    width: 90px;
  }
  .scroll.scroll2 .logo img {
    width: 90px;
  }
  .special-needs h3 {
    font-size: 20px;
    letter-spacing: 5px;
    line-height: 28px;
  }
  .gallery-container h2 {
    margin-top: 0 !important;
  }
}
@media all and (max-width: 767px) {
  body {
    text-align: left;
  }
  .step-1 .section:last-child .btn {
    display: block;
  }
  .step-1 .checkout section .dati-check {
    display: grid;
    align-content: center;
  }
  .shop-list .shop-list-item section.info-fabric div.model {
    display: none;
  }
  .shop-list .shop-list-item .price.pricedesktop {
    display: none;
  }
  .shop-list .shop-list-item section.info-cart input {
    width: 35px;
  }
  .shop-list .shop-list-item .btn-shop {
    margin: 0;
  }
  .shop-list .shop-list-item .tot {
    font-size: 22px;
    color: #55AEFA;
    margin-bottom: 6px;
  }
  .shop-list .shop-list-item .btn-shop.btn-shop-no-mobile {
    display: none;
  }
  .shop-list .shop-list-item .btn-shop.btn-shop-mobile {
    display: block;
    background-color: #033E8C;
  }
  .shop-list .shop-list-item .price.pricemobile {
    display: block !important;
    width: 120px;
    height: 100%;
    left: 0px;
    border-radius: 0;
    text-align: left;
    vertical-align: middle;
    background: none;
    position: relative;
  }
  .shop-list .shop-list-item .design-select.misure {
    min-width: 139px;
  }
  .shop-list .shop-list-item .design-select.stampa {
    min-width: 139px;
  }
  .conf {
    display: none;
  }
  .shop-list .shop-list-item {
    flex-direction: column;
  }
  .shop-list .shop-list-item .pantone {
    display: none;
  }
  .shop-list .shop-list-item .shop-img {
    width: 100%;
  }
  .shop-list .shop-list-item .shop-desc {
    width: 100%;
  }
  .showmobile {
    display: block;
  }
  .chart-list-item .chart-body.display-flex {
    width: 100%;
    margin: 10px 0 0 0;
  }
  .shop .scroll {
    margin-top: 130px;
  }
  .shop .scroll .pagine-intro, .shop .scroll .indexSliderContainer {
    transform: translateY(-250px);
  }
  .horizontal-slider ol.grkSlider-paging {
    display: none;
  }
  .container-mini, .container-small {
    max-width: calc(100% - 40px);
    padding-left: 20px;
    padding-right: 20px;
  }
  .container-mini.mtop100 {
    margin-top: 50px;
  }
  #fabric h1 {
    max-width: calc(100% - 40px);
    margin: 0 auto;
  }
  .claim {
    line-height: 30px;
    max-width: calc(100% - 40px);
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .pleft50 {
    padding: 0;
    width: 95%;
    margin: 0 auto;
  }
  /* colonne */
  .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
  }
  .pagine-intro h1 {
    font-size: 32px;
    line-height: 40px;
  }
  .page-content h2 {
    font-size: 28px;
  }
  #contatti .eight h2 {
    margin-top: 45px;
  }
  #newsletter .eleven, #newsletter .one {
    clear: none;
    float: left;
  }
  #newsletter .eleven {
    width: 70%;
  }
  #newsletter .one {
    width: 30%;
  }
  .gallery-blog .padding10 {
    padding: 0;
  }
  #backlogo svg {
    text-align: center;
    width: 96%;
    margin: 0 2%;
  }
  .nomobile {
    display: none;
  }
  h5.step {
    width: auto;
    text-align: left;
  }
  h5.step span {
    position: relative;
    display: block;
    clear: both;
    margin: 10px auto;
  }
  .pagine-intro {
    height: 250px;
  }
  .pagine-intro h4 {
    margin-top: 135px;
    font-size: 14px;
  }
  .pagine-intro h1 {
    font-size: 21px;
    line-height: 28px;
    margin: 0;
    padding: 10px 0;
  }
  .gallery-container h2, h2,
  .txt-container h2,
  .txt-container h1,
  .intro-catalogo-container h2,
  .intro-catalogo-container h1 {
    font-size: 24px;
  }
  .gallery-container .seven,
  .gallery-container .five {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .gallery-container h2 {
    margin-top: 30px !important;
  }
  .titleMobile {
    font-size: 26px;
  }
  .displayTable, .centratoVert {
    display: block;
  }
  .special-needs .displayTable {
    display: table;
  }
  .special-needs .centratoVert {
    display: table-cell;
    vertical-align: middle;
  }
  #made-in-italy .six {
    width: 100%;
  }
  .display-flex {
    display: block;
  }
  #made-in-italy a.gallery, #customization .gallery-container a.gallery {
    width: 100%;
    height: 60vw;
    display: block;
    margin: 10px 0;
    position: relative;
  }
  #made-in-italy .mtop20, #customization .mtop20 {
    margin-top: 0;
  }
  #made-in-italy a.gallery img {
    height: auto;
    width: auto;
  }
  #customization a.gallery img {
    height: 100%;
    width: auto;
  }
  #customization .photo-container a.gallery img {
    height: auto;
    width: auto;
  }
  #made-in-italy a.gallery .more-images img, #customization a.gallery .more-images img {
    width: 40px;
    bottom: 0;
    height: 40px;
  }
  #made-in-italy .gallery-container a.gallery:last-child {
    height: auto;
    line-height: 0;
  }
  #customization .gallery-container a.gallery:last-child {
    /*height: auto;*/
    line-height: 0;
  }
  #made-in-italy .gallery-container .img-container a.gallery:last-child, #customization .gallery-container .img-container a.gallery:last-child {
    height: 60vw;
  }
  .example-container .twelve {
    margin-bottom: 5px;
    width: 20%;
  }
  .new-selettore-interno .one,
  .new-selettore-interno .ten {
    clear: none;
    float: left;
  }
  .new-selettore-interno .one {
    width: 15%;
  }
  .new-selettore-interno .ten {
    width: 70%;
  }
  .gallery-mobile {
    display: none !important;
  }
  #customization .photo-container .six {
    padding: 10px 0;
    float: left;
    clear: none;
  }
  #customization .photo-container .six:first-child {
    padding-right: 10px;
  }
  #customization .photo-container .six:last-child {
    padding-left: 10px;
  }
  #italy .scrollDown {
    margin-top: 60px;
  }
  #swipebox-overlay a#swipebox-close {
    right: calc(50% - 55px) !important;
    width: 100px;
    padding: 5px;
    top: 0;
  }
  #swipebox-caption {
    padding: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
  }
  #swipebox-counter {
    right: calc(50% - 55px) !important;
    width: 100px;
    padding: 5px;
    top: 40px;
  }
  #swipebox-caption.visible-bars {
    top: auto;
  }
  #swipebox-next, #swipebox-prev {
    padding: 5px;
  }
  #swipebox-prev {
    left: 5px;
  }
  #swipebox-overlay a {
    height: 30px;
    line-height: 35px;
  }
  .chart-list-item .chart-head.display-flex img, .chart-list-item .chart-head img {
    top: -20px;
    background: #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    right: 10px;
    margin: 0;
  }
  .chart-list-item .chart-body.display-flex .cats-container span {
    width: 20%;
  }
  .chart-list-item .chart-body.display-flex .cats-container {
    height: auto;
  }
  /* CARTELLE COLORI E TESSUTI */
  .fabrics-list .container-full, .features .container-full {
    max-width: 94%;
    padding-left: 3%;
    padding-right: 3%;
  }
  .fabrics-list .h3.step,
  .features .h3.step {
    font-size: 15px;
    line-height: 22px;
  }
  .fabrics-list .h3.step span,
  .features .h3.step span {
    font-size: 15px !important;
  }
  .fabrics-list .h3.step br,
  .features .h3.step br {
    display: inline-block;
  }
  .chart-list-item .chart-colors article {
    align-items: flex-start;
  }
  .chart-list-item .colors2 .chart-colors {
    align-items: flex-end;
  }
  .chart-list-item .chart-head.display-flex h2,
  .chart-list-item .chart-head h2 {
    font-size: 25px;
    line-height: 25px;
    width: 100%;
    display: block;
    float: left;
  }
  .chart-list-item span.intestazione {
    width: 100% !important;
    padding: 0;
    display: block;
    float: left;
  }
  .chart-list-item .chart-head.display-flex,
  .chart-list-item .chart-head {
    float: left;
  }
  .chart-list-item .chart-body.display-flex .img-trama-container {
    height: calc(100vh - 200px);
    max-height: calc(100vh - 200px);
  }
  .desc-mobile .pantone {
    width: 100px;
  }
  .chart-list-item .chart-body.display-flex .cats-container {
    left: 15px;
    right: 15px;
  }
  .chart-list-item .chart-body.display-flex .cats-container span {
    height: 50px;
  }
  .chart-list-item .chart-body.display-flex .cats-container span svg {
    height: 50px;
  }
  .compare-modal {
    width: calc(100vw - 40px);
    height: calc(100vh - 90px);
    padding: 60px 20px 30px 20px;
  }
  .compare-modal .chart-list-item .chart {
    align-items: stretch;
    padding: 10px 0;
    height: calc(100% - 20px);
  }
  .compare-modal .chart-list-item {
    height: 33%;
  }
  .compare-modal .chart .display-flex.chart-head,
  .compare-modal .chart .display-flex.chart-body {
    width: 46% !important;
  }
  .compare-modal .chart-list-item .chart-body.display-flex .img-trama-container {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    background-position: 100% 100%;
    background-size: 200%;
  }
  .model-icons-slider.grkSlider ul li {
    /*min-height: inherit;*/
    min-height: 280px;
  }
  .model-icons-slider.grkSlider ul li div svg {
    object-fit: contain;
  }
  .model-icons-slider.grkSlider .model-type-description {
    height: 60px;
  }
  .model-icons-slider.grkSlider .grkSlider-prev,
  .model-icons-slider.grkSlider .grkSlider-next {
    /*bottom: -15px;*/
    bottom: 0;
  }
  .bag-type span.info-details {
    height: 80px;
  }
  .bag-type span.info-details p {
    padding: 0;
    margin: 0;
  }
  #main-slider .grkSlider-prev, #main-slider .grkSlider-next {
    left: auto;
    bottom: calc(50% + 25px);
  }
  #main-slider .grkSlider-prev {
    right: 55px;
  }
  #main-slider .grkSlider-next {
    right: 5px;
  }
  #main-slider.grkSlider ul li div.grkCaption h2 {
    width: calc(100% - 110px);
  }
  .quick-links .container-full div.flex {
    column-gap: 10px;
    align-items: flex-start;
  }
  .quick-links .container-full div.flex ul {
    width: calc(50% - 10px);
  }
  .quick-links .container-full div.flex ul li a {
    padding: 15px 10px;
    width: calc(100% - 20px);
  }
  .categories-intro .padding10 {
    width: calc(50% - 20px);
    margin-top: 10px;
  }
  .categories-intro .padding10 .btn-outline {
    font-size: 14px;
  }
  .quick-links .container-full {
    flex-direction: column;
  }
  .footer_container .six, .footer_container .five {
    width: 100%;
    padding: 0;
  }
  .footer_container .six {
    margin-bottom: 50px;
  }
  .gallery-footer span {
    width: calc(100% - 20px);
    min-height: calc(25vw - 40px);
  }
  .gallery-footer span:nth-child(1) {
    width: calc(100% - 20px);
    min-height: calc(50vw - 40px);
  }
  #example-container .container-small {
    padding: 0;
    max-width: 100%;
  }
  .footer {
    text-align: center;
  }
  .footer p, .footer .five {
    text-align: center !important;
    margin-top: 20px;
  }
  .footer .txtright {
    text-align: center;
    margin-top: 20px;
  }
  .chart-list-item span.intestazione .flex {
    width: 100%;
    float: left;
    border-bottom: 0;
    height: auto;
    min-height: auto;
    margin: 0;
    padding: 0;
  }
  #working .container-mini, #working .container-small {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .categories-intro .padding10 {
    width: calc(50% - 20px);
    margin-top: 20px;
  }
  .categories-intro .padding10:first-child {
    margin-left: 10px;
    width: calc(50% - 20px);
  }
  .categories-intro .padding10:last-child {
    margin-right: 10px;
    width: calc(50% - 20px);
  }
  .categories-intro .padding10 a {
    width: 100%;
  }
  .made-in-italy-image img {
    height: 50vh;
  }
  .highlight {
    width: calc(100% - 40px);
    padding: 20px;
  }
  .highlight p {
    margin-top: 20px;
  }
  .highlight .btn-container {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .highlight .btn-container span {
    display: none;
  }
  .highlight .btn-container .round-up {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  }
}
@media all and (max-width: 640px) {
  .compare-menu article a.removecompare {
    right: 5px;
    bottom: 22px;
  }
  .compare-modal .chart-list-item .chart .display-flex.chart-body img.radius {
    max-width: 100%;
    height: auto;
  }
  .compare-modal .close-compare-modal {
    bottom: 20px;
  }
  .cats-list .six {
    width: 100%;
  }
  .categories-intro .btn.btn-outline {
    padding: 25px 25px;
    width: calc(100% - 50px);
  }
  .article-detail .blog-breadcrumb {
    flex-direction: column;
  }
  .article-detail .blog-breadcrumb a.next {
    width: calc(100% - 10px);
    flex: 0 0 0;
    justify-content: flex-start;
  }
  .caratteristiche-configuratore {
    margin-top: 0;
  }
  .caratteristiche-configuratore .padding10 {
    padding: 0 10px;
  }
  .avviso-disegno p {
    width: 100%;
    margin-bottom: 5%;
  }
}
/* Smartphones (landscape) ----------- */
@media all and (max-width: 568px) {
  body {
    overflow-x: hidden;
  }
  .intro-configurator svg {
    width: 80%;
  }
  .chart-list-item .chart-colors .tone-chart {
    width: 12vw;
    height: 12vw;
    display: block;
    float: left;
    margin: 0.5vw 0.5vw;
  }
  .gallery-footer {
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto auto;
    grid-template-areas: "uno uno" "due tre" "quattro cinque";
  }
  .gallery-footer span {
    width: calc(100% - 10px);
    min-height: calc(50vw - 20px);
  }
  .gallery-footer span:nth-child(1) {
    width: calc(100% - 10px);
    min-height: calc(100vw - 20px);
  }
  #ultimi-articoli ul li a p.text {
    font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  }
  #ultimi-articoli ul li a img.img-article {
    height: calc(100vw - 40px);
  }
}
/* Altri Smartphones (landscape) ----------- */
@media all and (max-width: 480px) {
  #main-slider .img-container {
    height: 350px;
  }
  .btn-icon {
    padding-right: 50px;
  }
  .btn-icon img {
    right: 15px;
  }
}
/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* MEDIA PRINT ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
@media print {
  body {
    font-family: serif;
    /* Serif is easier to read offscreen */
    margin: 1cm;
  }
}

/*# sourceMappingURL=media-query.css.map */