/*  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: 1699px) {
  /*.hero-images {width:70%};*/
  .hero-images {width:auto};
  .hero-section:before {width:35%}
  .hero-section {display: flex; justify-content: space-between; height: 750px; min-height:auto; padding-top:150px; position: relative; overflow: hidden;}
}

/*@media (max-width: 1599px) {
  .hero-section {height:auto; min-height:620px}
}
*/

@media (max-width: 1399px) {
  /*.hero-images {width:65%}*/
  .hero-images {right:-10%}
  .mask-gruppo {mask:none; aspect-ratio:inherit}
  .mask-gruppo-small {mask:none; aspect-ratio:inherit}
  .section.section-about-home .intro .p-intro {padding:40px 0px 0 180px}
  .droopmenu > li > a, .droopmenu > li > span {padding:0 8px}
}

@media (max-width: 1240px) {
  .hero-images {right:-15%}
}

@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}
  .box-newsletter {padding:30px 20px; margin-top:-276px}
  .titolo-newsletter h2 {font-size:22px}
  .hover.panel .box1 .cta-dark {width:100%}
  .hover.panel .box1 .cta-dark a.animated-button.thar-four {width:100%}
  .quadrato-partner-small {height:inherit; width:205px; top:125px; left:10px}
  .partner-box.team-box .testo_schedina {width:100%; padding:10px}
  .carousel-cell.slide-servizi .cont-servizi .testo-servizi {padding:0 60px}
  .has-dropdown a:after {top:inherit; bottom:15px; right:50%; margin-right:-5px}
  .rectangle-bg-2 {background-position:-150px; top:35%}
  .cta-servizio h3 {font-size:22px}
}

@media (max-width: 1140px) {
  .hero-images {right:-22%}
}

@media (max-width: 1120px) {
  .droopmenu > li {font-size:13px}
  .droopmenu-right {margin-right:0}
}

@media (max-width: 1060px) {
  .hero-images {right:-35%}
}

@media (max-width: 1040px) {
  .header-title {width:60%}
}

@media (max-width: 1024px) {
  .header-title .title-h1 {font-size:28px}
  .header-title .title-h2 {font-size:28px}
}

/* MEDIA FINO A COL-MD */
@media (max-width: 991px) {
  .section {padding:60px 0}
  .title-h1 {font-size:26px}
  .title-h2 {font-size:24px}
  .testo-backend h2 {font-size:24px}
  .section.section-gruppo .intro .sottotitolo {font-size:20px}
  .blog-post h2 {font-size:24px}
  .banner-interno {height:450px}
  .droopmenu-extra .droopmenu {display:flex}
  .droopmenu {display:inherit}
  .hero-section {flex-direction: column; height: auto; padding-top: 90px;}
  .hero-images {width: 90%;position: relative; margin-left:auto; margin-top:-80px; right:0}
  .carousel-macchine .carousel-cell {width:35%}
  .carousel-macchine .flickity-prev-next-button {top:40px}
  .carousel-macchine .flickity-prev-next-button.previous {left:-51px}
  .carousel-macchine .flickity-prev-next-button.next {left:-51px; top:106px}
  .container-box .box-vantaggio h4 {font-size:18px}
  .section.section-gruppo .intro {padding:0}
  .section.section-about-home .intro {padding:0}
  .droopmenu .testo-menu h4 {display:none}
  .droopmenu .testo-menu {flex-direction:column;}
  .droopmenu .testo-menu .logo-brand-menu img {width:70px}
  .droopmenu .testo-menu .cont-testo-menu {padding-left:0; border-left:0}
  .droopmenu .testo-menu .cont-testo-menu p {font-size:13px}
  .droopmenu li ul li .testo-menu a {border-bottom:0}
  .footer-top img {margin-bottom:20px}
  .row-indirizzi {padding:0 0 20px 0}
  .section.section-form-servizi .section-vantaggi-azienda .intro {padding:0 0 0 30px}
  .section.section-about-int .intro {padding:0}
  .banner-interno .gruppo-ret {width:100px; bottom:-50px}
  .section.section-leader-azienda .intro {padding:0 30px}
  .box-vantaggio .numero {font-size:30px}
  .container-box .box-vantaggio {padding:0 40px}
  .droopmenu .testo-menu .logo-brand-menu {display:none}
  .droopmenu .testo-menu {display:block}
}

/* MEDIA FINO A COL-SM */
@media (max-width : 767px) {
  .show-mobile{display:block}
  .show-desktop{display:none;}
  .section {padding:40px 0}
  .section .intro {padding:0 0 30px 0}
  .page-text h2 {margin-bottom:30px}
  .header-title {width:80%}
  .header-title .lead {font-size:16px}
  .dm-nav-brand a img, .droopmenu-brand img, .droopmenu-brand video {width:80px}
  .footer .contatti-social {padding:20px 0}
  .gruppo-ret {display:none}
  .box-sede-sx {margin-top:0}
  .section.section-about-home {padding:60px 0 40px 0}
  .box-sede-dx {margin-top:-130px}
  .section.section-box {padding:60px 0}
  .section.section-leader .intro {padding-bottom:60px}
  .container-box .box-vantaggio img {height:49px}
  .container-box .box-vantaggio {height:220px}
  .carousel-marchi {padding-top:0}
  .section.section-brands {padding:60px 0}
  .cont-gruppo-small {display:none}
  .mask-gruppo {-webkit-mask-box-image:none}
  .cont-gruppo:before {display:none}
  .section-gruppo .container {padding-left:0; padding-right:0}
  .bg-shapes {display:none}
  .section.section-gruppo .intro {padding:60px 15px}
  .cont-footer {padding-top:30px}
  .section.section-about-home .intro .p-intro {padding:40px 0px 0 60px}
  .section.section-about-home .intro .p-intro:before,.section.section-gruppo .intro .p-intro:before {left:0}
  .section.section-gruppo .intro .p-intro {padding:40px 0 0 60px}
  .img-leader {margin-top:0}
  .section.section-form-servizi .section-vantaggi-azienda .intro {padding:0 20px}
  .box-form-servizio {clip-path:inherit; background-color:transparent; padding:20px 10px 0 10px}
  .banner-interno:before {height:85px}
  .container-box  {padding-top:60px}
  .img-gruppo {margin-top:0px; margin-bottom:0; -webkit-mask-box-image:inherit; height:400px}
  .section-vantaggi-azienda {padding:60px 0}
  .img-azienda-bottom {height:450px}
  .banner-interno .bg-titolo-interno {width:100%}
  .section-about-int .btn-container {margin-bottom:0}
  .section-listing-interno {padding:60px 0}
  .box-cingolo .img-cingolo {height:300px}
  .box-cingolo {margin-top: 20px; position:relative; z-index:1}
}

@media (max-width : 736px) {

}

@media (max-width : 667px) {

}

/* MEDIA FINO A COL- */
@media (max-width: 575px) {
  .title-h1 {font-size:22px}
  .title-h2 {font-size:22px}
  .pblog-post h2 {font-size:26px}
  .banner-interno {height:450px}
  .breadcrumb-cont {font-size:12px}
  .header-title .lead {padding-right:0}
  .hero-section:before {height:85px}
  .hero-images {margin-top:40px; width:100%}
  .header-title {max-width: 100%; width:100%; text-align: center; padding: 20px;}
  .header-title .btn-container {justify-content: center}
  .container-box .box-vantaggio h4 {font-size:15px}
  .carousel-macchine .carousel-cell a .latest-img {min-height:320px}
  .carousel-macchine .carousel-cell {width:48%}
  .footer-bottom .justify-content-center {justify-content: space-around !important}
  .footer-bottom img {padding:5px 0}
  .banner-interno .bg-titolo-interno {width:100%}
  .dettaglio-brand-page .banner-interno .bg-titolo-interno {width:100%}
  .dettaglio-brand-page .titolo-int .title-h1 {padding-top:40px}
  .section.section-about-int .intro {padding:0}
  .section.section-about-int .intro .p-intro {padding:40px 0 0 60px}
  .col-spostata {margin-left:0}
  .col-spostata-bottom {margin-top:0}
  .col-spostata-top {margin-top:0}
  .box-cingolo .cont-cingolo {padding:30px}
  .container-box {padding-top:0}
}


@media (max-width: 414px) {
  .lista-pagamenti {grid-template-columns: repeat(2, 1fr);}
}

/* MEDIA QUERY MIN WIDTH */
@media (min-width: 768px) {
  #cd-cart {width: 350px;}
  #cd-shadow-layer.is-visible:before {right:360px}
}

@media (min-width: 1024px) {

}

@media (min-width: 1200px) {
    #cd-cart {width: 30%;padding-top: 80px;}
    #cd-shadow-layer.is-visible:before {right:31%}
    #cd-cart > * {padding: 0 2em;}
    #cd-cart .cd-cart-items li {padding: 1em 2em;}
    #cd-cart .cd-item-remove {right: 2em;}
}
/* MEDIA QUERY HEIGHT */
@media (max-height: 650px) {

}

@media (max-height: 747px) {

}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

/* 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, .droopmenu-brand video {width:80px}
  .droopmenu .droopmenu-tabcontent {padding:20px 0}
  .droopmenu-row {max-width:100%}
  .droopmenu.droopmenu-right .droopmenu-col li a {margin:0; padding:10px 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}
}

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