
/*  VARIAZIONI BOOTSTRAP */


/* 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: 2499px) {
  .chi-siamo-page .img-azienda-home {height:100%}
}
@media (max-width: 1590px) {
  .img-azienda-home {height:800px}
  .home-page .img-azienda-home {height:100%}
}
@media (max-width: 1399px) {
  .section-dark-home {margin-top:-160px}
  .intro-titolo-home {z-index:2}
  .cta.cta-loghi-interne {margin-top:-120px; margin-bottom:-120px}
  .titolo-home .title-h1 {font-size:50px}
  .page-history .media:after {left:70%}
}
@media (max-width: 1320px) {
  .page-history .media:after {left:inherit; right:20%}
}
@media (max-width: 1200px) {
  .container {max-width: unset !important;}
}

/* MEDIA FINO A COL-LG */
@media (max-width: 1199px) {
  .header-menu .navbar-dark .navbar-nav .nav-link span {font-size:11px}
  .header-menu .navbar-dark .navbar-nav .nav-link {padding:18px 10px}

}

@media (max-width: 1140px) {
  .titolo-home .title-h1 {font-size:45px}
  .titolo-int .title-h1 {font-size:45px}
  .title-h1 {font-size:40px}
  .title-h2 {font-size:40px}
  .header-title .title-h1 {font-size:40px}
  .col-polo .intro-polo p {padding:80px 160px 0 0}
  .img-azienda-home {height:700px}
  .home-page .img-azienda-home {height:100%}
  .page-history .media:after {right:14%}
}

@media (max-width: 1090px) {
  .header-title {padding:100px 0px 0 60px}
  .section.section-products-home .intro {padding:0 0 0 20px}
  .section.section-benefit-home .intro {padding:450px 80px 80px 30px}
  .box-collab-list .box-app span .cont-box-app {padding:20px}
  .box-collab-list .box-app span .cont-box-app img {width:50px}
}

@media (max-width: 1040px) {
  .page-history .media:after {right:20px}
}

@media (max-width: 1024px) {
  .header-title .title-h1 {font-size:30px}
  .header-title .title-h2 {font-size:30px}
  .title-h2 {font-size:30px}
  .titolo-int h1.title-h1 {font-size:30px}
  .titolo-int h2.title-h2 {font-size:22px}
  .img-azienda-home {height:100%}
  .about-page .section.section-text-int .intro {padding:60px 0px 100px 0px}
  .img-banner-int {height:350px}
}

/* MEDIA FINO A COL-MD */
@media (max-width: 991px) {
  .section {padding:80px 0}
  .title-h1 {font-size:35px}
  .title-h2 {font-size:35px}
  .title-h3 {font-size:24px}
  .box-sede .title-h3 {font-size:24px}
  .form-dettaglio .title-h3 {font-size:24px}
  a .box-cat .title-cat h3 {font-size:24px}
  .testo-backend h2 {font-size:26px}
  .blog-post h2 {font-size:26px}
  .droopmenu .div-menu.button-shop {margin-right:10px}
  .droopmenu .div-menu a {height:40px; width:40px; line-height:40px}
  .colorlib-nav-toggle {display:none}
  .lang-sel.mobile-lang {position:absolute; top:20px; left:20px; color:#000;font-size:20px; display: flex; align-items: center; justify-content: center;}
  .lang-sel.mobile-lang i {color:#fff}
  .header-title {padding:180px 50px 0 20px}
  .header-title .lead {font-size:22px}
  .section-lead-interno .lead {font-size:22px}
  .section-lead-interno p.lead {margin-bottom:0}
  .cta .box-cta-home {padding:40px}
  .cta .cont-cta {padding-right:100px}
  .col-polo .intro-polo p {padding:50px 80px 0 0}
  .banner-interno:after {display:none}
  .section.section-lead-interno {padding:0 0 80px 0}
  .section.section-landing .testo-dettaglio {padding:80px 40px 210px 0}
  .form-dettaglio {padding:40px 0}
  .contatti .form-dettaglio {padding:50px 0 80px 20px}
  .box-approfondimento {padding:40px}
  .box-approfondimento .testo-approfondimento {padding-right:20px}
  .section.section-altro {padding:80px 0 210px}
  .loghi-include .loghi-cert img {width:60px}
  .box-persona-contatto {margin-bottom:20px}
  .titolo-home .title-h1 {font-size:40px}
  .section.section-products-home .intro {padding:60px 20px 60px 20px}
  .section-products-home .carousel-box {margin-top:0}
  .item-cat a .latest-img {height:500px}
  .header-title {width:70%}
  .droopmenu-extra .droopmenu {flex-direction: inherit}
  .droopmenu .div-menu {margin:0 5px}
  .droopmenu-navbar:after {width:210px}
  .droopmenu-navbar:before {display: none}
  .droopmenu-navbar.droopmenu-showbg:before, .droopmenu-navbar.droopmenu-showbg:after {display:none}
  .cont-numero {padding-right:0}
  .kpi {width:80%}
  .droopmenu-right {padding-right:0}
  .page-history .media:after {display:none}
  .intro-testo-prod {padding:60px 20px 60px 0}
  .box-milestone:after {display:none}
  .page-history .media h3.title-h3 {width:auto; padding-right:20px; padding-left:100px}
  .pad-sx {padding-left:0}
  .pad-dx {padding-right:0}
  .about-page .section.section-cta-int .intro {padding:0}
  .section.section-cta-int .intro {padding:0}
  .section.section-text-int .intro {padding:60px 0 0 0}
  .section.section-benefit-intro .intro {padding:60px 15px 60px 15px}
  .box-challenge .img-box-ch .titolo-box-ch {width:100%; padding:10px}
  .box-challenge .img-box-ch .titolo-box-ch h3 {font-size:12px}
  .box-challenge .text-box-ch {padding:10px; font-size:11px;}
  .cont-carousel-benefit {padding-right:0; padding-bottom:40px}
  .img-banefits {display:none}
  .section.section-products-benefit {padding:100px 0}
  .section-products-benefit .carousel-box {margin-top:80px}
  .dettaglio-prod .section.section-benefit-int .intro {padding:700px 0 60px 0px}
  .magazine-container {padding:60px 0 60px 15px}
  .section .magazine-container .intro {padding:0}
  .section.section-benefit-int {margin-top:0}
  .dettaglio-prod .section.section-benefit-int .intro {padding:60px 15px}
  .cont-car-app {padding-left:0}
  .section.section-benefit-int .intro {padding:60px 0}
}
@media (max-width: 888px) {
  .box-milestone:before {display:none}
}
@media (max-width: 820px) {
  a .box-cta-newsletter .testo-cta-newsletter {padding:20px 50px 20px 10px}
  .cta .cont-cta {padding-right:40px}
  .carousel-benefit .carousel-cell {width:100%}
  .cont-carousel-benefit {padding-right:20px}
  .cta-home .intro-cta {padding-right:0}
}

@media (max-width : 768px) {
}

/* MEDIA FINO A COL-SM */
@media (max-width : 767px) {
  .show-mobile{display:block}
  .show-desktop{display:none;}
  .section {padding:60px 0}
  .section .intro {padding:0}
  .section.section-lead-interno {padding:0 0 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}
  .container-fluid-sticky-left {padding-right:0 !important}
  .container-fluid-sticky-right {padding-left:0 !important}
  .logo-footer {justify-content:center}
  .footer-pay {text-align:center}
  .footer {padding:60px 0 40px 0}
  .section.section-applications .intro {padding:0 0 60px 0}
  .box-numeri-home .title-slide {position:relative; top:inherit; left:inherit; padding-left:15px}
  .cont-car-app {padding-left:0}
  .box-numeri-home {padding-left:15px}
  .cont-bg-dark {height:auto}
  .carousel-benefit .carousel-cell {width:80%}
  .cont-carousel-benefit {padding-right:0; padding-left:15px}
  .cont-carousel-benefit {padding-bottom:180px}
  .img-banefits {display:none}
  .cont-video, .video-home {height:100vh}
  .about-page .section.section-text-int .intro {padding: 60px 15px}
  .bg-list-image {display:none}
  .img-banner-int {margin-top:0}
  .banner-interno {height:400px}
  .logo-footer {display:none}
  .intro-testo-prod {padding:60px 15px}
  .page-history .media {padding:60px 20px 60px 0}
  .box-milestone {margin-left:auto; width:360px}
  .section.section-certifications .intro {padding:0 15px}
  .carousel-marchi {margin-top:0}
  .dato-footer {justify-content: flex-start; text-align:left}
  .box-sede {padding:40px 0}
  .section.section-landing:before {display:none}
  .col-form {margin-bottom:60px}
  .section.section-text-int .intro {padding:60px 15px 0 15px}
  .box-challenge .text-box-ch {height:auto}
  .text-box-ch.label-ch:before, .box-solution:before {display:none}
  .box-challenge .img-box-ch {height:160px}
  .box-adv {padding:20px; font-size:12px}
  .box-solution {padding:40px 10px; font-size:15px}
  .section-products-benefit .carousel-box .item-cat a .latest-img {height:400px}
  .section-products-benefit .carousel-box .item-cat a .latest-title {padding:10px 20px}
  .section.section-products-benefit {padding:0 0 100px 0}
  .sidebar {margin-top:0}
  .section-form .box-form {padding-right:0}
  .section-form .cont-bg-dark {height:auto; padding:60px 30px}
  .carousel-marchi {padding-top:40px}
  .section.section-benefit-int .intro {padding:60px 15px}
}

@media (max-width : 736px) {

}

@media (max-width : 667px) {
  .cta .cont-cta {padding-right:0}
}

/* MEDIA FINO A COL- */
@media (max-width: 575px) {
  .title-h1 {font-size:22px}
  .title-h2 {font-size:22px}
  .banner-interno {height:500px}
  .breadcrumb-cont {font-size:12px}
  .dm-nav-brand a img, .droopmenu-brand img {width:120px}
  .droopmenu .div-menu.button-shop a {padding:0 10px}
  .droopmenu .div-menu.last-icon {margin-right:0}
  .cta, .cta.cta-loghi-interne {height:auto; margin-top:0; margin-bottom:0}
  .con-red-cta {height:auto}
  .cta .box-cta-home {flex-direction:column; padding:40px 30px 60px 30px}
  .section.section-marchi-home {padding:60px 0}
  .footer {padding:60px 0 40px 0}
  .container-certificazioni-home {flex-direction: column}
  .container-certificazioni-home .btn-container {margin-top:60px}
  .loghi-cert {justify-content: space-between;}
  .intro-azienda-home {padding:60px 30px 0 30px}
  .section-azienda-home .container-interno {position:relative}
  .section-azienda-home .container-interno:before {content:""; width:47%; height:120px; background-color:#fff; position:absolute; bottom:-80px; right:0; z-index:1}
  .cta .box-cta-home .btn-container {margin-top:40px}
  .col-polo .intro-polo p {padding:50px 30px 0 0}
  .titolo-home .title-h1 {font-size:35px}
  .titolo-int .title-h1 {font-size:35px}
  .section-polo .btn-container {margin-right:80px}
  .section.section-altro {padding:60px 0}
  .loghi-include.cta .box-cta-home {padding:40px 30px}
  .faq-listing .accordion button {font-size:15px; padding: 20px 30px 20px 0}
  .lista-partner .col-partner .logo-partner {padding:10px}
  .wide-col .info-cert-pag {text-align:center}
  .col-cert.wide-col {display:block}
  .wide-col .logo-cert-pag {margin-right:0px}
  .carousel-numeri .box-numero .numero {margin-top:-30%}
  .header-title {width:100%; padding:0}
  .droopmenu-showbg .droopmenu .div-menu a {width:30px; height:30px; line-height:30px}
  .carousel-cell.item-cat {width:80%}
  .item-cat a .latest-img {height:400px}
  .droopmenu-extra {right:60px}
  .about-page .section.section-cta-int .intro {padding:0}
  .box-milestone {width:100%}
  .page-history .media {padding:60px 15px}
  .list-products .item-cat a .latest-img {height:400px}
  .list-products .item-cat a .latest-title {min-height:140px}
}


@media (max-width: 414px) {
  .droopmenu .div-menu a {padding:0 5px}
  .header-title .lead {font-size:18px;}
  .item-cat a .latest-title {min-height:auto}
  .item-cat a .latest-title p {display:none}
  .section.section-applications .box-app {height:280px}
  .numero-kpi .kpi-value, .numero-kpi .add-value {font-size:80px}
  .desc-kpi {font-size:18px}
  .droopmenu-navbar:after {display:none}
}

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

}

@media (min-width: 1024px) {

}

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

}

@media (max-height: 747px) {

}

@media (min-width: 40em) {
  /* Bump up size of carousel content */

}

@media (min-width: 62em) {

}

/* 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) {
  .resp {display:block}
  .no-resp {display:none !important}
  .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}
  .ico-footer-aperto {display:flex; align-items: center; justify-content: center; margin-top:60px}
  .ico-footer-aperto .div-menu {margin:0 10px}
}

@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}
}

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