/*  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: 1499px) {
  .section.section-about-claudia, .section.section-about-metodo {background-size:cover}
}

@media (max-width: 1399px) {
  .header-menu-servizi .nav-link {font-size:12px;}
  .section.section-blog-home .intro {padding:0}
  .box-news a .cont-box-list h3 {font-size:18px}
  .meta-news {display:block}
  .pag-dettaglio-news .meta-news {display:flex}
  .pag-servizi .section.section-approccio .intro {padding: 160px 0 100px 0}
}

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

@media (max-width: 1199px) {
  .section.section-about-claudia:before, .section.section-about-metodo:before {content:""; width:100%; height:100%; background-color:rgba(255,255,255,0.8); position:absolute; top:0; left:0; z-index:0}
  .section.section-about-claudia .intro, .section.section-about-metodo .intro {position:relative; z-index:1}
  .header-title .title-h1 {font-size:54px}
}

/* 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%}
  .google-like-section {padding:80px 0 !important}
}

@media (max-width: 1140px) {
  .box-team .immagine-team {width:50%}
  .box-team .bio-team {width:50%; padding:40px}
  .section.section-libro .intro {padding:0 80px 0 0}
  .section.section-libro .intro p {padding-right:0}
  .content-box {padding-right:40px}
  .pag-servizi .section.section-approccio .intro {padding: 80px 0 100px 0}
}

@media (max-width: 1085px) {
  .header-menu-servizi .nav-link {font-size:11.5px;}
  .header-title {width:50%}
}

@media (max-width: 1040px) {
  .megamenu {padding-left:10px}
  .section.section-servizi-home .intro {padding:0 0 40px 0}
}

@media (max-width: 1024px) {
  .header-title .title-h1 {font-size:28px}
  .header-title .title-h2 {font-size:28px}
  .pag-dettaglio-news .title-h1 {font-size:28px}
  .pag-pagina .title-h1 {font-size:28px}
  .header-menu-servizi .navbar-nav {justify-content: space-between;}
  .megamenu {padding-left:0px}
  .droopmenu > li > a, .droopmenu > li > span {padding:0 10px}
  .droopmenu > li {font-size:14px}
}

/* MEDIA FINO A COL-MD */
@media (max-width: 991px) {
  .resp {display:block}
  .no-resp {display:none !important}
  .section {padding:80px 0}
  .section.section-about-claudia, .section.section-about-metodo {padding:80px 0}
  .title-h1 {font-size:26px}
  .title-h2 {font-size:26px}
  .testo-backend h2 {font-size:26px}
  .titolo-int .title-h1 {font-size:26px}
  .pag-dettaglio-news .title-h1 {font-size:26px}
  .blog-post h2 {font-size:26px}
  .banner-interno {height:450px}
  .colorlib-nav-toggle {display:none}
  .droopmenu-header {display:block}
  .header-menu-servizi {display:none}
  .carousel-case .carousel-cell {width:70%}
  .box-team .immagine-team img {-o-object-fit: cover; object-fit: cover; object-position: center center; width: 100%; height: 100%;}
  .dmcentered .droopmenu > li.resp {display: inline-block;}
  .section-mission .img-claudia-approccio {height:500px}
  .container-fluid-sticky-left {margin-right:0 !important}
  .section.section-mission .intro {padding:80px 15px 80px 15px}
  .section.section-cta-newsletter .titolo-newsletter {padding:30px 0 0 0}
  .section-cta-newsletter .border-end {border-right:none !important}
  .section.section-cta-newsletter .intro-newsletter {padding:30px 0 30px 0}
  .section.section-approccio .intro {padding:260px 0 80px 40px}
  .section.section-approccio .intro .testo-approccio {padding-right:0}
  .section.section-libro .intro {padding:80px 60px 80px 0}
  .col-img {display:none}
  .pag-servizi .section.section-sfide .intro {padding:0 0 40px 0}
  .pag-servizi .section.section-approccio .intro {padding:240px 15px 80px 15px}
  .list-servizi .box-news a .cont-box-list h3 {font-size:15px}
  .list-servizi .box-news a .cont-box-list {padding:20px}
  .section.section-bio .intro, .section.section-bio .intro.dx-intro {padding:80px 0}
  .google-like-inner {min-height: auto;}
  .content-col, .cards-col {min-height: auto; height: auto; }
  .content-col {padding-top: 0; padding-bottom: 60px;}
  .content-box {max-width: 100%; padding-right: 0;}
  .content-box p {max-width:100%}
  .cards-col {padding-bottom: 0; overflow: visible;}
  .cards-viewport {height: auto; overflow: visible; mask-image: none; -webkit-mask-image: none; max-width: 100%;}
  .cards-track {transform: none !important; padding: 0;}
  .g-card {opacity: 1; transform: none;}
  .section-bg-orb {display: none;}
  .section-dettaglio-storia .intro {padding:0}
  .img-testimonianza {width:180px; height:180px; margin:0 auto -80px auto}
  .sidebar.testimonianza {margin-top:-241px}
  .box-info-autore {padding:100px 40px 40px 40px}
  .section.no-banner-section {padding:130px 0 80px 0}
  .section.section-testo-col .intro {padding:0}
  .section.no-banner-section-img {padding:70px 0 0 0}
  .droopmenu-extra.extra-left {right:160px}
  .section.section-approccio.page-metodo .intro {padding:80px 0 80px 40px}
  .metodo-page .carousel-case .carousel-cell {width:33.33%}
  .droopmenu li li.dmopener > ul, .droopmenu li li.dmtoggle-open > ul {left:inherit}
  .list-servizi {padding-top:60px}
  .box-news a .cont-box-list {min-height:125px}
  .section.section-form-interno .intro, .section.section-form-dettaglio .intro {padding:40px 80px 40px 0}
  .header-menu-cat {padding:20px}
  .body-categorie-interno {padding:20px}
  .footer-menu-cat {padding:20px}
  .box-form {padding:20px}
  .section-page-contatti .intro {padding:0}
}

/* 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}
  .page-text h2 {margin-bottom:30px}
  .box-team .immagine-team {width:inherit}
  .box-team .bio-team {width:inherit}
  .box-team {display:block}
  .box-team .immagine-team .info-team .nome-team {font-size:18vw}
  .box-team .bio-team {padding:40px 20px}
  .container-fluid-sticky-right {padding-left:0 !important}
  .section.section-libro .intro {padding:60px 40px 60px 15px}
  .footer .contatti-social {padding-bottom:30px}
  .section.section-approccio {margin-top:-200px}
  .section.section-approccio .intro {padding:60px 15px}
  .section-case-studies .btn-container {padding-top:30px}
  .section-case-studies .btn-container.ms-auto {margin-left:0 !important}
  .pag-servizi .section.section-approccio {margin-top:0}
  .pag-servizi .section.section-approccio .intro {padding:60px 15px}
  .section.section-sfide .intro {padding:0}
  .section.section-form-interno .intro, .section.section-form-dettaglio .intro {padding:0}
  .sidebar.testimonianza {margin-top:0}
  .section-dettaglio-storia .intro {padding:0 0 40px 0}
  .section.no-banner-section {padding:130px 0 60px 0}
  .section.no-banner-section-img {padding:100px 0 0 0}
  .section.no-banner-section-img .titolo-no-banner {padding-bottom:60px}
  .box-news a .cont-box-list {min-height:auto}
  .header-title {width:60%}
  .section.section-approccio .container-fluid-sticky-left, .section.section-approccio.page-metodo .container-fluid-sticky-left, .section.section-mission .container-fluid-sticky-left {padding-right:0 !important}
  .img-claudia-approccio {height:600px}
  .img-claudia-approccio img {object-position: top center}
  .section-mission .img-claudia-approccio img {object-position: center center}
  .section.section-approccio.page-metodo .intro {padding:60px 15px}
  .section.section-about-claudia .intro {padding:60px 0 0 0}
  .metodo-page .carousel-case .carousel-cell {height:100%}
  .carousel-case .carousel-cell .cont-tool {height:100%}
  .section.section-bio .intro.intro-principi {padding:60px 0}
  .section.section-form-interno {padding:60px 0 60px 0}
  .pag-cat .section-loghi-home {padding:20px 0}
  .section.section-testo-categoria .intro {padding:60px 0 0 0}
  .menu-categorie-interno {margin-top:60px}
  .google-like-section {padding:60px 0 !important}
  .g-card a h3 {font-size:18px}
  .box-form {margin-top:60px}
}

@media (max-width : 736px) {
  .metodo-page .carousel-case .carousel-cell {width:50%}
}

@media (max-width : 667px) {

}

/* MEDIA FINO A COL- */
@media (max-width: 575px) {
  .title-h1 {font-size:22px}
  .title-h2 {font-size:22px}
  .testo-backend h2 {font-size:22px}
  .pag-dettaglio-news .title-h1 {font-size:22px}
  .pblog-post h2 {font-size:26px}
  .banner-interno {height:350px}
  .breadcrumb-cont {font-size:12px}
  .carousel-case .carousel-cell {width:80%;}
  .box-team .immagine-team .info-team .nome-team {font-size:14vw}
  .box-team .immagine-team .info-team .ruolo-team {font-size:15px}
  .box-team .immagine-team .info-team {left:10px}
  .metodo-page .carousel-case .carousel-cell {width:100%}
  .lista-loghi-home span {font-size:13px}
  .dm-nav-brand a img, .droopmenu-brand img {width:150px}
  .cont-video, .video-home, .carousel-item.carousel-image {background-position:70% center}
  .video-home:before, .carousel-item.carousel-image:before {content:""; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.4); position:absolute; top:0; left:0;z-index:0}
  .header-title {width:70%}
  .header-title h3 {font-size:18px}
}


@media (max-width: 414px) {

}

/* MEDIA QUERY MIN WIDTH */
@media (min-width: 576px) {
    .container-half { max-width:initial; }
    .container-half-small { max-width:initial; }
}

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

@media (min-width: 992px) {
  .container-half { max-width: calc(960px / 2); }
  .container-2half { max-width: calc(960px / 1.46); }
  .container-3half { max-width: calc(960px / 1.5); }
  .container-half-small { max-width: calc(960px / 3); }
    .navbar-expand-lg .navbar-collapse {display:block !important}
}

@media (min-width: 1200px) {
  .container-half { max-width: calc(1140px / 2); }
  .container-2half { max-width: calc(1140px / 1.39); }
  .container-3half { max-width: calc(1140px / 1.65); }
  .container-half-small { max-width: calc(1140px / 4); }
}


/* 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}
}

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