/*  VARIAZIONI BOOTSTRAP */
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1320px;}
}

/* MEDIA QUERY INTERVALLI */
@media only screen and (min-width:769px) and (max-width: 1200px) {

}

@media only screen and (min-width:668px) and (max-width: 768px) {
}

@media (max-width: 1451px) {
  .carousel-item .immagine-banner-1 {width: 720px;}
  .banner-interno .immagine-banner-1 {width: 680px; top:-100px}
  .carousel-item .immagine-banner-2, .banner-interno .immagine-banner-2 {width: 320px;}
  .carousel-item .immagine-banner-3 {width: 470px;}
}

@media (max-width: 1399px) {
  .carousel-item .header-title, .banner-interno .header-title {width:50%}
}

@media (max-width: 1340px) {
  .foto-round.foto-float {width:480px}
}

@media (max-width: 1240px) {
  .carousel-item .immagine-banner-1, .banner-interno .immagine-banner-1 {width: 680px;}
  .carousel-item .immagine-banner-2, .banner-interno .immagine-banner-2 {width: 300px;}
  .carousel-item .immagine-banner-3 {width: 450px;}
  .foto-round.foto-float {width:450px}
}

@media (max-width: 1200px) {
  .container {max-width: unset !important;}
}

/* MEDIA FINO A COL-LG */
@media (max-width: 1199px) {
  .title-h1 {font-size:40px}
  .dettaglio-progetto h1.title-h1, .dettaglio-blog h1.title-h1 {font-size:35px}
  .foto-round.foto-float {width:400px; right:-240px}
  .banner-interno {height: 480px;}
  .banner-interno .header-title {padding:60px 100px 0 40px}
  .dettaglio-blog .banner-interno .header-title, .dettaglio-progetto .banner-interno .header-title {padding:60px 30px 0 40px}
  .foto-round.foto-float-small {width:320px}
  .carousel-numeri .box-numero .numero {font-size:50px}
  .section-numeri .title-h2 {padding-right:0}
}
@media (max-width: 1140px) {
.banner-interno .immagine-banner-1 {width: 680px; top:-160px}
}

@media (max-width: 1120px) {
  .carousel-item .immagine-banner-2, .banner-interno .immagine-banner-2 {width: 280px; right:30%}
}

@media (max-width: 1024px) {
  .title-h1, .header-title .title-h1 {font-size:35px}
  .title-h2, .header-title .title-h2 {font-size:28px}
  .dettaglio-progetto h1.title-h1, .dettaglio-blog h1.title-h1 {font-size:28px}
  .carousel-item .header-title span {font-size:24px}
  .header-menu .container {padding-right:0; padding-left:0}
  .lead {font-size:22px}
  .carousel-item .header-title, .banner-interno .header-title {width:55%}
  .carousel-item .immagine-banner-1, .banner-interno .immagine-banner-1 {width: 660px;}
  .section.section-progetti-home {padding:60px 0 60px 0}
}

/* MEDIA FINO A COL-MD */
@media (max-width: 991px) {
  .no-resp {display:none !important}
  .resp {display:block}
  .nav-menu > li.no-resp {display:none}
  .nav-menu > li.resp {display:flex}
  .section {padding:80px 0}
  .header-title .lead {font-size:18px}
  .header-title .title-h1 {font-size:28px}
  .title-h1 {font-size:26px}
  .title-h2 {font-size:26px}
  .title-h3 {font-size:26px}
  .dettaglio-progetto h1.title-h1, .dettaglio-blog h1.title-h1 {font-size:26px}
  .blog-post h2 {font-size:26px}
  .carousel-item .header-title p.lead {font-size:22px}
  .banner-interno .title-h3 {font-size:20px}
  .banner-interno {height:400px}
  .title-h4 {font-size:20px}
  .droopmenu {display:block}
  .carousel-item .immagine-banner-1, .banner-interno .immagine-banner-1 {width:630px}
  .carousel-item .immagine-banner-2, .banner-interno .immagine-banner-2 {width: 250px; right:26%}
  .carousel-item .immagine-banner-3 {width:430px; bottom:40px}
  .carousel-item {height:680px}
  .droopmenu-showbg .droopmenu-extra {display: flex; align-items: center; justify-content: center;}
  .hamb-menu, .droopmenu-showbg .hamb-menu {height:auto}
  .droopmenu .div-menu {margin-right:10px}
  .droopmenu-toggle{width: 36px; height: 36px; line-height: 40px; background-color:#3E6990 !important; top:0;}
  .foto-round.foto-float {display:none}
  .section.section-progetti-home .intro {padding:0 30px 0 15px}
  .carousel-cell.item-cat {width:48%}
  .foto-round.foto-float-small {display:none}
  .carousel-cell.box-news {width:40%}
  .contatti-page .section .intro {padding:0}
  .col-contatti .cont-contatti {padding:20px}
  .droopmenu .droopmenu-col li a {color:#fff}
}

@media (max-width: 860px) {
  .carousel-item .immagine-banner-1, .banner-interno .immagine-banner-1 {width:600px}
  .carousel-item .header-title, .banner-interno .header-title {width:58%}
  .carousel-item .immagine-banner-2, .banner-interno .immagine-banner-2 {right:23%}
}

@media (max-width : 768px) {
  .carousel-item .immagine-banner-1, .banner-interno .immagine-banner-1 {width:550px}
  .carousel-item .header-title, .banner-interno .header-title {width:64%}
  .carousel-item .immagine-banner-2, .banner-interno .immagine-banner-2 {right:18%}
  .carousel-item .header-title p.lead {font-size:18px}
  .carousel-item .header-title span {font-size:18px}
  .carousel-box {padding-left:15px}
  .section-dona .foto-chi-siamo {margin-top:0; margin-bottom:40px}
  .foto-round img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
  .section-numeri .title-h2 {padding-bottom:40px; text-align:center}
}

/* MEDIA FINO A COL-SM */
@media (max-width : 767px) {
  .show-mobile{display:block}
  .show-desktop{display:none;}
  .carousel-item, .banner-interno {height:600px}
  .section {padding:60px 0}
  .section.section-chi-siamo {padding:60px 0}
  .page-text h2 {margin-bottom:30px}
  .footer-col {padding-bottom:30px; text-align:center}
  .sub-footer {padding-top:0px;}
  .footer .dato-contatto-footer {justify-content: center; display:block}
  .footer .dato-contatto-footer .mr-10 {margin-right:0}
  .carousel-item .immagine-banner-2, .banner-interno .immagine-banner-2 {display:none}
  .carousel-item .immagine-banner-3 {display:none}
  .carousel-item .immagine-banner-1, .banner-interno .immagine-banner-1 {width:100%; height:100%; animation:inherit; top:0; left:0; border-radius:0}
  .carousel-item .header-title, .banner-interno .header-title {z-index:2; width:80%; padding:0 40px}
  .foto-chi-siamo {margin-top:60px}
  .section.section-progetti-home .intro {padding:0 15px 60px 15px}
  .item-cat a .latest-title h3 {font-size:18px}
  .item-cat a .latest-title .location {font-size:15px}
  .section-cta .btn-container {padding-top:40px}
  .titolo-cta {text-align:center}
  .footer .logo-footer {text-align:left}
  .footer .footer-col-social {justify-content: center; padding-bottom: 30px}
  .section .intro {padding:0}
  .col-contatti .cont-contatti {width:100%; margin-right:0; height:auto}
  .col-contatti.flex-center{align-items:flex-start;}
  .col-form-contatti {margin-top:60px}
  .col-form-contatti .intro {width:100%}
  .carousel-item {position:relative}
  .carousel-item:before, .banner-interno:before{content:""; width:100%; height:100%; background-color:rgba(0,0,0, 0.4); position:absolute; top:0; left:0; z-index:1}
  .carousel-item .header-title span, .carousel-item .header-title p.lead, .carousel-item .header-title p, .banner-interno .header-title p.lead {color:#fff}
  .breadcrumb-cont a {color:#F39B6D}
  .breadcrumb-cont, .breadcrumb-cont span {color:#fff}
  .pad-l {padding-left:0}
  .lista-progetti .grid-sizer, .lista-progetti .grid-item {width:49%}
  .blog-page .grid-sizer, .grid-item.news {width:49%}
  .dettaglio-progetto .banner-interno .header-title span.meta-progetto {color:#fff}
  .section.section-chi-siamo .intro {padding-right:0}
  .box-info-paese {margin-top:50px}
  .sidebar {padding:50px 0}
  .carousel-cell.item-storia {width:100%}
}
@media (max-width : 736px) {
}

@media (max-width : 667px) {
  .box-sfida {width:50%; padding:20px}
}

@media (max-width : 600px) {
  .carousel-box .box-item {border-radius:10px}
  .social-news.flex-center-left {display:block; text-align:center}
  .social-news .ms-auto {margin-left:inherit !important}
  .social-news .btn {margin-bottom:30px}
}

/* MEDIA FINO A COL- */
@media (max-width: 575px) {
  .title-h1 {font-size:22px}
  .title-h2 {font-size:22px}
  .dettaglio-progetto h1.title-h1, .dettaglio-blog h1.title-h1 {font-size:22px}
  .testo-backend h2 {font-size:22px}
  .carousel-item .header-title, .banner-interno .header-title, .dettaglio-blog .banner-interno .header-title, .dettaglio-progetto .banner-interno .header-title {padding:0 0 0 20px}
  .carousel-cell.item-cat {width:80%}
  .carousel-cell.box-news {width:80%}
  .footer .dato-contatto-footer {padding-left:20px}
  .col-form-contatti {padding:30px}
  .lista-progetti .grid-sizer, .lista-progetti .grid-item {width:100%}
  .blog-page .grid-sizer, .grid-item.news {width:100%}
  .box-sfida {width:80%;}
  .item-cat a .latest-img {height:380px}
  .carousel-item .header-title, .banner-interno .header-title {width:95%}
}


@media (max-width: 414px) {

}

/* MEDIA QUERY MIN WIDTH */
@media (min-width: 768px) {

}

@media (min-width: 1024px) {

}

/* MEDIA QUERY HEIGHT */
@media (max-height: 650px) {

}

@media (max-height: 747px) {

}


/* NUOVA COOKIE BAR */
@media (max-width: 1024px) {
  .show_banner_cookies {position: fixed;  width: 100%;   background: #646463; color: #fff; z-index: 999999; padding: 30px; left: 0px; font-size: 12px;}
  .switch-item.pl-20 {padding-left:10px}
}

@media only screen and (max-width : 998px) {
  .switch-label {font-size:11px}
}

@media (max-width: 991px) {
  .show_banner_cookies {width:50%}
  .col-switch {border-left:0; border-bottom:1px solid #f2f2f2; padding-bottom:30px}
  .col-switch .switch-page {padding-left:0}
  .show_banner_cookies.big-ban {width:80%}
  .cookiebar-page hr {border-top:0}
  .dm-nav-brand a img, .droopmenu-brand img {width:70px; height:auto; top:0}
}

@media (max-width : 767px) {
  .show_banner_cookies {width:70%}
  .switch-cont {flex-wrap:wrap}
  .switch-item {width:50%; margin-bottom:10px}
  .switch-item.pl-20 {padding-left:0}
  .switch-item-text {margin-top:10px}
  .show_banner_cookies {padding:20px 10px}
  .show_banner_cookies.big-ban .col-bottoni-cookie {flex-direction:row}
  .show_banner_cookies.big-ban .col-bottoni-cookie .btn-foot.mb-20 {margin-bottom:0}
  .show_banner_cookies.big-ban .btn-foot {width:50%}
  .show_banner_cookies a.btn {padding:10px; min-width:90%; font-size:10px}
  .ml-30-resp {margin-left:0}
}

@media (max-width: 575px) {
  .show_banner_cookies {width:90%}
}

@media (min-width: 576px) {
    .container-half { max-width:initial; }
}

@media (min-width: 768px) {
    .container-half { max-width: calc(720px / 3); }
    .container-half-md-right { margin-right: 0; }

}

@media (min-width: 992px) {
    .container-half { max-width: calc(960px / 3); }
}

@media (min-width: 1200px) {
    /*.container-half { max-width: calc(1140px / 3); }*/
    .container-half { max-width: calc(1140px / ); }
}