/* smartphone verticale gestito col default */
@media screen and (min-width: 320px) {

}
/* smartphone orizzontale */
@media screen and (min-width: 480px) {

}
/* tablet verticale */
@media screen and (min-width: 768px) {
    .imgelencoprog { width: 100%; margin-right: 20px; }
    .box-news-home { float:left;min-height: 200px; width:32%;margin:0 1% 0 0;}
    .cnt-lang {position: absolute;right: 0;top:40%;}
}

@media only screen and (max-width: 768px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    /* Scroll orizzontale */
  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  /* Mantiene struttura tabellare e impedisce compressioni assurde */
  tbody, tr {
    display: table;
    width: 100%;
    table-layout: auto;
  }

  /* Celle: più “aria” e meno forzature */
  td, th {
    padding: 12px 10px !important;
    white-space: normal;          /* il testo va a capo dentro la cella */
    word-break: break-word;
    min-width: 220px;             /* evita colonne troppo strette */
  }

  /* Le celle “spaziatore” (  con width 2%/5%) diventano inutili su mobile */
  td:empty {
    display: none;
  }

  /* Immagini (icone) */
  td img {
    max-width: 44px !important;
    height: auto !important;
  }

  /* Tipografia più adatta a mobile (molto del tuo è inline, quindi uso !important) */
  td span, td p {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }
  iframe {width: 100% !important;margin: 20px 0 !important;}
}

/* tablet orizzontale e schermi 1024x768 */
@media screen and (min-width: 1024px) {
    .imgelencoprog { position: relative; width: 25%; margin-right: 30px; }
    .titelencoprod { position: relative; }
    .imghomeleft { width: 60% }
    .txthomeright { width: 38%; padding-top: 0; }
    .txthomeright p {line-height: 250%;}
    .img-news {float: left;width: 50%;}
    .txt-news {float: left;width: 70%;}
    .nav-link {padding: .5rem 2rem;}
}
/* schermi moderni grandi */
@media screen and (min-width: 1200px) {
    #imgopenmenu { display: none; }
    .banner {position: absolute;top:0;left:0;width: 100%;height: 100%;margin: 0;}
    .txt-home {width:70%;}
    .banner-pages {margin: 140px 0 0 0;}
    .cnt-box-partners {position: relative;width: 80%;margin:0 auto;}
    .box-news-home {margin: 0;}
    .menu-mob {display:none;}
    .menu {display: block;position: relative;width: auto;height: 50px;line-height: 50px;padding: 0;top:0; background-color: #6e006c;}
    .nav-item {width:auto;font-size: 1.3em;margin: 0;text-transform: uppercase;font-weight: 400;}
    .menu-lang {position: absolute;right: 0;}
    /* tendina */
    .menu_top .tendina {
        padding-top: 10px
    }

    .tendina {
        position: absolute; 
        z-index:4; 
        width: auto;
        margin-left: -4px;
        /*padding-top: 20px;*/
        display: none;
        text-align: left; 
        background-color: #42155f;
    }

    .tendina li, .tendina li:first-of-type {
        display: block;
        position: relative;
        width: auto;
        line-height: 120%;
        margin-left: 5px !important;
        padding: 5px 20px 5px 5px;
        background-color: #ffffff;
        font-size: .9em;
        font-weight: 300;
        background-color: #42155f;
    }

    .tendina li a {
        color: #ffffff !important;
    }

    .tendina li a:hover {
        color: #d6469a !important;
    }
    .tendina li ul.sottotendina {display:none;position: absolute;top:0;left:97%;width:100%;}
    .banner-pages {}
    #slides {height: 100%}
    .slide_img {height: 100%;}
    .top {}
    .logo {height: 70px;}
    .container-home {padding-top: 50px;}
    .imghomeleft {height: 300px;}
    .row-news .box-home {float: left;width:28%;margin: 0px 5% 5% 0;}
    .row-news .box-home:nth-child(4) {margin-right: 0;}
    .box-consiglio {width:70%;margin:50px auto;}
    .box-dett {width:100%;}
    .wrapper-home {position: relative;width:100%;height: auto;}
    .row-news .box-home h5 {font-size: 2.5em;}
    .riga-home {width: 40%;}
    a.link-home {}
    .cnt-news {width: 98%;margin:0 auto;} 
    .cnt-news img {/*height: 300px;*/}
    .wrapper-master {width:70%;margin: 0 auto;}
    .box-member {}
    .footer {height: 40px;line-height: 40px;}
    .box-home-center-1 {width: 35.6%;height: 100%;}
    .box-home-center-1 img {max-width: 100%;}
    .box-home-center-2 {width: 64.4%;height: 100%;}
    .box-home-center-2 h1 {font-size: 1.5em;}
    .box-modulo h3 {font-size: 2em;}
    .box-didattica h3 {font-size: 2.3em;}
    .box-didattica h4 {font-size: 1.8em;}
    .container {}
    .box-modulo img {width: 150px;height: 150px;}
    img.logo-sito {width: auto;height: 130px;margin: 10px 0 0 0;}
    .btn-locandina {position: absolute;top:100px;right: 50px;font-size: 2em;padding: 10px 20px;}
    .row-member {}
    .wrapper-banner {aspect-ratio: 2240 / 925;margin-top: 80px;}
    .section-chi-siamo {aspect-ratio: 2560 / 850;}
    .wrapper-banner-pages {aspect-ratio: 2240 / 450;margin-top: 80px;}
    .m_top_100 {margin-top: 100px !important;}
    .bg_transparent {background-color: transparent !important;}
    .col-mobile {flex: 1 0 0;}
    .hover-foto-home {display: none;}
    .cnt-news h3 {height: 68px;}
    .txt-editor img {margin: 20px !important;}
    .txt-slider {margin-left: 20rem;}
    .col-chi-siamo-1 {width: 60%;}
    .col-chi-siamo-2 {width: 40%;}
    a.btn-slider {display: inline-block;font-size: 1.5rem;padding: 10px 30px;}
    a.navbar-brand {margin-right: 16px;}
    .tit-h1 {font-size: 3em;margin: 0 0 10px 0;}
    .tit-h2 {font-size: 1.5em;margin: 0 0 20px 0;}
    .tit-h3 {font-size: 2em;margin: 0 0 20px 0;}
}
@media screen and (min-width: 1467px) {
    .banner {}
    .banner-pages {}
    #slides {}
    #slides_pages {}
    .slide_img {}
    .slide_img_pages {height: 400px;}
    .nav-link {padding: .5rem 1rem !important;}
}
@media screen and (min-width: 1440px) {
    .row-news .box-home h5 {font-size: 2.2em;}
    .slide_img {}
}
@media screen and (min-width: 1600px) {
    .box-home-center-2 h1 {font-size: 2.5em;}
}
@media screen and (min-width: 1920px) {
    .box-modulo img {width: 200px;height: 200px;}
    .container {}
    .box-home-center-2 h1 {font-size: 3em;}
}
@media screen and (min-width: 2560px) {
    .container {}
    .box-modulo img {width: 240px;height: 240px;}
    .box-home-center-2 h1 {font-size: 4em;}
}