/*  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: 2624px) {

}

@media (max-width: 1792px) {
  .cerchio-1 {clip-path: circle(40%); background-color:rgba(2, 62, 138, 0.9); margin-top:-200px; position:relative; right:10%; width:100%; height:100%;}
  .cerchio-2 {clip-path: circle(37%); background-color:rgba(0, 119, 182, 0.8); position:absolute; right:-14%; top:40px; width:60%; height:100%;}
  .cerchio-3 {clip-path: circle(35%); position:absolute; right:2%; top:120px; width:70%; height:110%; opacity:0.9}
}

@media (max-width: 1742px) {
  .img-pagina-round { height: 100%; max-height:775px; width: 100%; position: relative; mask: url('../images/mask-circle.svg') right / cover no-repeat; -webkit-mask: url('../images/mask-circle.svg') right / cover no-repeat;}
}

@media (max-width: 1505px) {
  .intro-banner-home h1 {padding-right:0}
  .img-pagina-round-abs {display:block; position:absolute; left:0; top:-70px; height: 705px; width: 35%; mask: url('../images/mask-circle.svg') left / contain no-repeat; -webkit-mask: url('../images/mask-circle.svg') left / contain no-repeat;}
  .img-pagina-round-abs img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
  .img-pagina-round-big {display:none}
  .col-immagine-pagina {margin-top: 480px}
}

@media (max-width: 1399px) {
  .intro-banner-home {padding-right:0}
  .box-struttura .cont-box-list {min-height:300px}
  .intro-banner-home .btn-container a.btn-main, .intro-banner-home .btn-container button.btn-main {width:85%}
  .cerchio-1 {clip-path: circle(35%);}
  .cerchio-2 {clip-path: circle(32%);}
  .cerchio-3 {clip-path: circle(30%);}
  .img-pagina-round-abs {top:-6%}
  .pagina-dettaglio .img-pagina-round-abs {top:-70px}
  .cerchio-small-2 {right:-20px}
  .pagina-contatti .intro-banner-home {padding-right:60px; padding-left:15px}
  span.show-mail {display:block}
  span.no-mail {display:none}
}

@media (max-width: 1273px) {
  .cerchio-1 {right:4%}
  .cerchio-2 {right:-18%}
  .cerchio-3 {clip-path: circle(28%); width:80%; right:-4%}
}

@media (max-width: 1251px) {
  .img-pagina-round-abs {top:-8%}
  .col-immagine-pagina {margin-top:35%}
}

@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}
  .cta-sost a {padding:0 40px}
  .carousel-spec .carousel-cell {width:32%}
  .cerchio-small-2 {right:-50px}
  .cerchio-small-3 {position:relative; right:-30px}
  .pagina-dettaglio .img-pagina-round-abs  {top:-120px}
  .droopmenu-brand {margin-left:15px; margin-right:0}
  .droopmenu-showbg .droopmenu-brand {margin-left:0}
}

@media (max-width: 1165px) {
  .intro-banner-home .btn-container a.btn-main, .intro-banner-home .btn-container button.btn-main {width:90%; font-size:18px}
}

@media (max-width: 1138px) {
  .img-pagina-round-abs {top:-10%}
  .col-immagine-pagina {margin-top:32%}
}

@media (max-width: 1123px) {
  a .box-listing-medico .nome-medico .cliniche-dottore {display:block}
  a .box-listing-medico .nome-medico .cliniche-dottore i {display:none}
}

@media (max-width: 1100px) {
  .testo-sost a {padding:0 40px 0 80px}
  .cont-gruppo .intro-gruppo {padding-right:40px}
  .droopmenu > li > a, .droopmenu > li > span {padding:0 10px}
  .droopmenu > li {font-size:14px}
}

@media (max-width: 1024px) {
  .header-title .title-h1 {font-size:28px}
  .header-title .title-h2 {font-size:28px}
  .droopmenu > li {font-size:13px}
  #shortcut {display:flex !important; bottom:0; top:unset; right:unset; left:0; z-index:9}
  .div-short {width:100%; flex-grow:4}
  #shortcut .div-short a {margin-bottom:0}
  #shortcut .div-short:nth-child(4) a {border-radius:0 30px 0 0}
  #shortcut .div-short:nth-child(3) a {border-radius:0 30px 0 0}
}

/* MEDIA FINO A COL-MD */
@media (max-width: 991px) {
  .resp {display:block}
  .droopmenu-header, .droopmenu-showbg .droopmenu-header {display:inherit}
  .header-toolbar {display:none}
  .droopmenu-toggle {padding-top:0; top:40px}
  .droopmenu-showbg .droopmenu-toggle {top:30px}
  .cont-home {overflow: hidden}
  .section {padding:80px 0}
  .section.section-contenuto-info {padding:80px 0}
  .interna .section.section-home-centrale {padding:0 0 80px 0}
  .cont-gruppo {padding-bottom:80px}
  .title-h1 {font-size:26px}
  .title-h2 {font-size:26px}
  .title-h3 {font-size:18px}
  .blog-post h2 {font-size:26px}
  .testo-pagina.testo-news h2 {font-size:26px}
  .banner-interno {height:450px}
  .testo-sost p {font-size:14px; margin-bottom: 10px}
  .testo-sost h3 {margin-bottom:15px}
  .cerchio-big {width:70%; clip-path: circle(40% at 60%);}
  .carousel-strutture {padding-top:80px}
  .box-round-spec a .box-img {height:50px}
  .box-round-spec a p {font-size:13px}
  .carousel-spec .flickity-prev-next-button.next {left:inherit; right:30px; top:0}
  .carousel-spec .flickity-prev-next-button.previous {left:inherit; right:96px; top:0}
  .intro-banner-home .btn-container a.btn-main, .intro-banner-home .btn-container button.btn-main {padding:10px 10px 10px 80px}
  .intro-banner-home .btn-container a.btn-main.btn-med:before, .intro-banner-home .btn-container a.btn-main.btn-rep:before, .intro-banner-home .btn-container a.btn-main.btn-paz:before {width:41px}
  .cerchio-1 {background-image:url(../images/bg-cerchio-banner.webp); background-position:center center; background-size:cover; margin-top:-100px; width:140%; height:150%; clip-path: circle(40%);}
  .cerchio-2 {display:none}
  .cerchio-3 {display:none}
  .intro-banner-home p.lead {font-size:20px}
  .section.section-carousel-spec {padding:50px 0 80px 0}
  .pagina-clinica .section.section-carousel-spec  {padding:80px 0}
  .cerchio-small-2 {right:-100px}
  .big-box {padding:20px; border-radius:20px}
  a .box-listing-spec .titolo-spec h3 {font-size:15px}
  .tabs label {padding:1rem 2rem}
  .section-altri-job {padding-top:80px}
  a .box-listing-medico {display:block}
  .lista-medici-pagina a .box-listing-medico {display:flex}
  .lista-medici-pagina a .box-listing-medico .img-medico {width:60px; height:60px}
  .lista-medici-pagina a .box-listing-medico .nome-medico h3 {font-size:15px}
  .info-medico {width:100%; padding-bottom:10px}
  .info-spec {width:100%; border-left:0; padding-top:10px; padding-left:0; border-top:1px solid rgba(0,0,0,0.4)}
  .big-box.form-big {padding:40px}
  .droopmenu li:hover > a, .droopmenu li li:hover > a, .droopmenu li.active a {color:#fff}
  .droopmenu-showbg .droopmenu li:hover > a, .droopmenu-showbg .droopmenu li li:hover > a, .droopmenu-showbg .droopmenu li.active a {color:#fff}
  .droopmenu li ul li a .dato-clinica-menu i {color:#fff}
  .box-clinica-menu span.btn-circle {color:#fff}
  .box-clinica-menu span.btn-circle i {background-color:#2C8EC2}
  .droopmenu .droopmenu-col li a.main-item.titolo-specializzazione {color:#8ECBED; text-transform:uppercase}
  .droopmenu-navbar.droopmenu-showbg .droopmenu.droopmenu-right li.droopmenu-grid-container a {text-transform:initial}
  .info-medico {padding-right:0}
}

@media (max-width: 837px) {
  .intro-banner-home .btn-container a.btn-main, .intro-banner-home .btn-container button.btn-main {font-size:15px; padding:10px 10px 10px 70px}
  a .box-listing-spec .icona-spec {width:50px; padding:8px}
  a .box-listing-spec .titolo-spec {padding-left:10px}
  .dettaglio.dettaglio-info .col-testo-pagina .testo-pagina, .dettaglio.dettaglio-info .lista-altro {padding-left:0}
  .ico-banner-interno {height:140px; width:140px}
}

/* MEDIA FINO A COL-SM */
@media (max-width : 767px) {
  .show-mobile{display:block}
  .show-desktop{display:none;}
  .section {padding:60px 0}
  .section.section-contenuto-info {padding:60px 0}
  .section.section-banner-home {padding:60px 0 20px 0}
  .interna .section.section-home-centrale {padding:0 0 60px 0}
  .cont-gruppo {padding-bottom:60px}
  .section .intro {padding:0}
  .page-text h2 {margin-bottom:30px}
  .cta-sost::before, .testo-sost::before {display:none}
  .cta-sost a, .testo-sost a {position:relative; top:inherit; left:inherit; transform:inherit}
  .cta-sost, .testo-sost {border-radius: 0; height:100%; min-height:280px; display: flex; align-items: center; justify-content: center;}
  .cta-sost {border-radius:40px 0 0 40px; animation:none}
  .testo-sost {border-radius:0 40px 40px 0; animation:none}
  .col-cerchio-sup {margin-top:0; margin-right:0}
  .testo-sost a {padding:0 20px}
  .cont-sostenitore .row {margin-top:-200px}
  a .cta-lavoro .testo-cta {width:80%; text-align:left}
  .cerchio-big {display:none}
  .carousel-strutture {padding-top:60px}
  .section-r-content {margin-bottom:60px}
  .cont-gruppo .intro-gruppo {padding-right:0}
  .col-info-arrivo, .col-servizi-pazienti {margin-bottom:40px}
  .carousel-spec .carousel-cell {width:50%; margin-right: 20px;}
  .carousel-spec {padding-top:100px}
  .carousel-spec .flickity-prev-next-button.previous, .carousel-spec .flickity-prev-next-button.next {top:40px}
  .col-info-arrivo:before, .col-servizi-pazienti:before {display:none}
  .col-servizi-pazienti, .col-info-arrivo {height:350px}
  .cerchio-1 {width:100%; height:350px; animation:none; clip-path:inherit; margin-bottom:60px; margin-top:0; right:unset}
  .intro-banner-home {padding-top:0}
  .container-fluid-sticky-right {padding-right:0 !important; padding-left:0 !important}
  .cont-mobile-intro {width: 60%; margin-top: -150px; position: relative; z-index: 1; padding: 40px 40px 0 40px;}
  .cont-mobile-intro:before {content:""; width:600px; height:600px; border-radius:300px; background-color: #fff; position: absolute; top: -70px; left: -90px; z-index: -1;}
  .intro-banner-home .btn-container {position:relative; width:90%; padding-left:40px; z-index:1}
  .pagina-clinica .section.section-carousel-spec  {padding:60px 0}
  .col-icona {display:none}
  .col-testo-pagina .testo-pagina {padding-left:15px}
  .pagina-dettaglio .col-testo-pagina .testo-pagina {padding-left:0}
  .lista-specializzazioni {padding-left:0}
  .col-immagine-pagina {margin-top:60px}
  .section.section-testo-pagina {padding:100px 0 60px 0}
  .lista-specializzazioni .col-12 {padding-right:0; padding-left:0}
  .copy {padding-top:30px}
  .img-pagina-round-abs {top: -190px; width: 250px; height: 250px; left: inherit; right: -60px; mask: none; -webkit-mask:none; clip-path: circle(50%);}
  .testo-pagina h2.title-h3 {padding-bottom:30px}
  .droopmenu .div-menu {display:none}
  .lista-specializzazioni {padding-top:20px}
  h3.title-h3 {padding-bottom:15px}
  .main-listing {padding-top:40px}
  .lista-documenti {padding-left:0}
  .tabs .tab .titolo_side {padding:0 10px}
  .section-altri-job {padding-top:60px}
  .col-foto-pagina {min-height:inherit; margin-top:-280px}
  .col-foto-pagina .img-pagina-round {width:250px; height:250px; mask:none; -webkit-mask:none; clip-path: circle(50%); margin-left:auto; right:-70px}
  .intro-info-home {padding-left:15px}
  .ricerca-medico.input-group .btn {height:50px; border-radius:25px 0 0 25px; padding:0 20px}
  .ricerca-medico.input-group select {height:50px}
  .ricerca-medico.input-group .input-group-btn .btn {width:50px; border-radius:0 40px 40px 0}
  .dettaglio.medico-dettaglio .col-testo-pagina .testo-pagina {padding-right:0; padding-top:40px}
  .lista-altro {padding-top:20px; padding-right:0}
  .lista-altro h4 {padding-top:30px}
  .lista-altro .box .border-end {border-right:0 !important}
  .dettaglio.medico-dettaglio .col-immagine-pagina {margin-top:60px}
  .dettaglio.medico-dettaglio .col-icona {display:block}
  .dettaglio.medico-dettaglio .col-icona .cerchio-small-1, .dettaglio.medico-dettaglio .col-icona .cerchio-small-2 {display:none}
  .dettaglio.medico-dettaglio .col-icona .cerchio-small-3 {width:250px; height:250px; animation:none}
  .dettaglio.dettaglio-info .col-testo-pagina {padding-bottom:60px}
  .lista-medici-pagina a .box-listing-medico {margin-bottom:20px}
  .dettaglio.dettaglio-info .col-testo-pagina .testo-pagina {padding-bottom:30px}
  .pagina-contatti .cont-mobile-intro:before {display:none}
  .pagina-contatti .cont-mobile-intro {width:100%; margin-top:0; padding:40px 0 40px 0}
  .pagina-contatti .section.section-banner-home {padding:100px 0 60px 0}
  .scheda-contatti {padding:0 15px}
  .testo-sost h3 {margin-bottom:0}
  .pagina-jobs .col-testo-pagina .testo-pagina {padding-right:0}
  .dettaglio-job .sidebar {padding-top:60px}
  .numeri-list {padding-top:60px}
  .dato-item .numero.big-num .num {font-size:40px}
  .dato-item .numero.big-num .num-desc {font-size:18px}
  .intro-gruppo {padding-right:0}
  .droopmenu .droopmenu-col li a {font-size:14px}
  .droopmenu li .big-menu-col.col-spec {columns: 1; -webkit-columns: 1; -moz-columns: 1;}
  .droopmenu li .small-menu-col li {width:100%}
  a .box-listing-medico .nome-medico .cliniche-dottore {display:flex}
  a .box-listing-medico .nome-medico .cliniche-dottore i {display:block}
  .col-loghi-footer {text-align:center}
  .col-loghi-footer .loghi-cliniche-footer {align-items: center; justify-content: center; margin-bottom:40px}
  .footer img.logo-footer {width:260px}
  .footer .loghi-cliniche-footer img {height:50px}
}

@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}
  .testo-pagina.testo-news p.lead {font-size:22px}
  .testo-pagina.testo-news h2 {font-size:22px}
  .pblog-post h2 {font-size:26px}
  .banner-interno {height:350px}
  .breadcrumb-cont {font-size:12px}
  a .cta-lavoro .testo-cta {width:75%; }
  a .cta-lavoro {z-index:2}
  .footer {position:relative; z-index:1}
  .cta-sost a, .testo-sost a {padding:0 15px 0 15px}
  .testo-sost p {font-size:13px}
  .cta-sost, .testo-sost {min-height:320px}
  .box-struttura .dato-clinica.tel-clinica {padding-left:0; margin-bottom:20px}
  .carousel-spec .carousel-cell {width:80%;}
  .cont-mobile-intro {width: 80%;}
  .intro-banner-home .btn-container {position:relative; z-index:2}
  .intro-banner-home p.lead {padding-bottom:0}
  .cont-mobile-intro:before {top:-50px}
  .footer {padding:140px 0 30px}
  a .cta-lavoro {border-radius:50px}
  a .cta-lavoro .testo-cta {width:95%; padding-right:40px}
  .row-footer {padding-bottom:30px}
  .section-cerca .cont-sostenitore h3.title-h3, .section-sostenitore .cont-sostenitore h3.title-h3 {font-size:24px}
  .section-cerca .cont-sostenitore p, .section-sostenitore .cont-sostenitore p {display:none}
  .section-cerca .cont-sostenitore .cta-sost, .section-cerca .cont-sostenitore .testo-sost, .section-sostenitore .cont-sostenitore .cta-sost, .section-sostenitore .cont-sostenitore .testo-sost {min-height:210px}
  .section-cerca, .section-sostenitore {min-height:450px; margin-top:80px; margin-bottom:-138px}
  .section-cerca .cont-sostenitore .row, .section-sostenitore .cont-sostenitore .row {margin-top:-80px}
  .cerchio-big-up {width:100%}
  .copy {padding-top:0}
  .ricerca-medico.input-group .btn {font-size:12px; padding:10px}
  .ricerca-medico {margin-top:40px}
  .box-clinica-menu {display:block}
  .img-clinica-menu {width:100%; min-height:inherit}
  .info-clinica-menu {width:100%; padding-top:20px; padding-left:0}
}

@media (max-width: 478px) {
  #shortcut .div-short a {width:100% !important; height:60px; font-size:10px}
  #shortcut {right:0; justify-content: space-between; width:100%}
  #shortcut .div-short a img {width:18px}
  #shortcut .div-short a i {font-size:15px}
  .cont-mobile-intro {width:100%}
  .footer {padding:140px 0 70px 0; font-size:12px}
  .copy {font-size:12px}
  .dettaglio.medico-dettaglio .col-icona .cerchio-small-3 {right:0; margin-top:-30px; width:200px; height:200px}
  .pagina-dettaglio .section.section-testo-pagina {padding:160px 0 60px 0}
}

@media (max-width: 414px) {
  .sportello-download-item a .download-icon {padding:10px}
  .col-foto-pagina .img-pagina-round {right:-100px}
}

/* MEDIA QUERY MIN WIDTH */
@media (min-width: 768px) {
  .row.lista-medici-pagina > .col-lg-6.col-md-6 .box.box-listing-medico {margin-bottom:20px}
  .row.lista-medici-pagina > .col-lg-6.col-md-6:nth-child(odd) .box.box-listing-medico {margin-right: 10px;}
  .row.lista-medici-pagina > .col-lg-6.col-md-6:nth-child(even) .box.box-listing-medico {margin-left: 10px;}
}

@media (min-width: 1024px) {

}

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

}

@media (max-height: 747px) {

}

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}

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