
/*  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}
  .col-img-newsletter {height:320px}
  .col-img-newsletter img {-o-object-fit: contain; object-fit: contain;}
  .box-newsletter h2.title-h2 {font-size:30px}
  .box-newsletter a.btn-out-b {font-size:22px}
  .section-chiusura-news .partner-int {padding:80px 0 200px 0}
  .contatti-page .section.section-altre-pagine {padding:80px 0 200px 0}
  .partner-int {padding:40px 0 200px 0; position:relative}
  .partner-int-no-ban {padding:80px 0 200px 0; position:relative}
  .vota-padding-bottom {padding-bottom:200px}
  .filters-button-group {width:60%}
  .acquista-calendario {left:180px}
}

@media (max-width: 1345px) {
  .col-list-ev .page-list-item .item-list a .cont-box-list {width:90%}
  .col-list-ev .page-list-item .item-list a .cont-box-list p {padding-right:0}
}

@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-extra {padding-right:40px}
}

@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%}
  a .best-score .score {padding:0 0 2px 0}
  .col-list-ev .page-list-item .item-list a .cont-box-list {width:100%}
}

@media (max-width: 1126px) {
  .box-newsletter a.btn-out-b {padding:10px 20px}
}

@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}
  .page-list-item .item-list.box-shop a .cont-box-list {bottom:-116px}
  .page-list-item .item-list.box-shop a:hover .cont-box-list {transform: translateY(-116px);}
  .carousel-shop .carousel-cell {width:48%}
}

@media (max-width: 1080px) {
  .filters-button-group {width:70%}
}

@media (max-width: 1024px) {
  .header-title .title-h1 {font-size:28px}
  .header-title .title-h2 {font-size:28px}
  .droopmenu > li {font-size:13px}
  .div-short {width:100%; flex-grow:4}
  .page-list-item .item-list.box-shop a .cont-box-list {bottom:-130px}
  .page-list-item .item-list.box-shop a:hover .cont-box-list {transform: translateY(-130px);}
}

/* MEDIA FINO A COL-MD */
@media (max-width: 991px) {
  .resp {display:block}
  .droopmenu-header, .droopmenu-showbg .droopmenu-header {display:inherit}
  .header-toolbar {display:none}
  #shortcut {display:none}
  .dm-nav-brand a img, .droopmenu-brand img {width:50px}
  .droopmenu-navbar .container {padding-top:10px}
  .droopmenu-toggle {padding-top:0; top:18px}
  .droopmenu-extra {padding-right:0}
  .droopmenu .special-item {height:50px}
  .droopmenu .special-item > a {font-size:18px; padding:0px 20px}
  .droopmenu .special-item.mr-40 {margin-right:20px}
  .dm-nav-brand a, .droopmenu-brand, .droopmenu > li > a, .droopmenu > li > span {height:50px; line-height:50px}
  .li-foto-menu {display:none}
  .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:30px}
  .title-h2 {font-size:28px}
  .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}
  .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}
  .flickity-slider {height:400px}
  .flickity-slider img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
  .carousel-best-player .carousel-cell {width:33.33%}
  .fascia-classifica .national-league {padding-right:30px}
  .team-classifica-home .punti-team .punti {font-size:26px}
  .team-classifica-home img {height:30px}
  .carousel-shop .carousel-cell {width:100%}
  .page-list-item .item-list.box-shop a .cont-box-list {bottom:0}
  .carousel-in-evidenza .carousel-cell {width:100%}
  .carousel-hcltv-home .carousel-cell {width:31.8%}
  .section-chiusura-news .partner-int {padding:80px 0 160px 0}
  .contatti-page .section.section-altre-pagine {padding:80px 0 160px 0}
  .partner-int {padding:40px 0 160px 0; position:relative}
  .partner-int-no-ban {padding:80px 0 160px 0; position:relative}
  .section-cta-shop {padding:80px 0}
  .vota-padding-bottom {padding-bottom:160px}
  .intro-giovanile {margin-top:-110px}
  .filters-button-group {width:90%}
  .filters-button-group .button {font-size:22px}
  .grid-sizer, .grid-item {width:32.6%}
  .menu-social .social-footer {padding-top:0}
  .menu-social .social-footer .social-font a {color:#000}
  .lang-mobile {display: flex; align-items: center; justify-content: center; padding-top:30px; border-bottom:1px solid #E3E9ED}
  .lang-mobile a {font-family: "Roboto Condensed", sans-serif; color:#000}
  .lang-mobile a.active {color:#FBB900}
  .droopmenu.droopmenu-right li .lang-mobile a {height:auto; padding:0 5px 5px}
  .game-center-mobile {display:block; padding:0 15px 30px 15px}
  .next-game-mobile {display: flex;align-items: center;justify-content: center; flex-direction:column; background-color:#000; border-radius:4px; padding:15px 10px; color:#fff}
  .next-game-mobile .data-next {font-family: "Roboto Condensed", sans-serif; font-size:15px; font-weight:300; padding-bottom:15px}
  .punteggio-mobile {font-size:22px; font-family: 'HC Lugano Sans Black'; color:#FBB900; display: flex;align-items: center;justify-content: center; }
  .punteggio-mobile .punti-home {padding-right:10px}
  .punteggio-mobile .punti-away {padding-left:10px}
  .punteggio-mobile .punti-vs {width:10px; height:3px; background-color:#FBB900}
  .next-game-mobile .game-teams {display: flex; align-items: center; justify-content: center;}
  .next-game-mobile .game-teams .img-team-game {width:30px; height:30px}
  .next-game-mobile .game-teams .img-team-game img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}
  .droopmenu > li.droopmenu-mega > ul {background-image:none}
  .row-hcl-menu {display:block}
  .li-hcl-menu {padding:0}
  .droopmenu .ultimo-item {padding-bottom:20px; margin-bottom:20px}
  .second-menu-pad {padding-top:0}
  .droopmenu-col li h4 {padding-top:15px}
  .li-hcl-menu h4, .droopmenu.droopmenu-right .droopmenu-col li h4 a {font-size:22px;}
  .dettaglio-player .titolo-int span.numero {font-size:50px}
  .dettaglio-player .titolo-int h1 {font-size:50px}
  .cont-stats .dato-stat {padding:20px}
  .game-page .filters-button-group {width:80%}
  .page-list-item .item-list.box-news span .cont-box-list, .page-list-item .item-list.box-news a .cont-box-list {padding:20px 20px 20px 20px}
  .page-list-item .item-list span .cont-box-list h3, .page-list-item .item-list a .cont-box-list h3 {font-size:22px}
  .page-list-item .item-list.box-news .cat-blog {font-size:22px}
  .droopmenu li ul li h4 a i {font-size:18px}
  .col-list-ev .page-list-item .item-list a .cont-box-list p {display:none}
  .page-list-item .item-list.box-shop a:hover .cont-box-list {transform:none}
  .foto-player img {-o-object-fit: contain; object-fit: contain}
  .section-listing-mercatino .item-list .img-box-list {height:250px}
  .section-listing-mercatino .item-list a .cont-box-list h3 {font-size:22px;}
  .section-listing-mercatino .item-list a .cont-box-list .prezzo-annuncio {font-size:22px;}
  .section.section-dettaglio-mercatino {padding:140px 0 80px 0}
  .dettaglio-annuncio-mercatino .arrow-cont .custom-nav, .dettaglio-news-page .arrow-cont .custom-nav {top:-60px}
  .acquista-calendario {top:inherit; left:10px; bottom:6px}
  .testo-label {font-size:12px; padding:5px}
}

@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}
  .col-list-ev .page-list-item .item-list a .cont-box-list p {padding-right:0}
}

@media (max-width : 768px) {
    .titolo-int h1 {font-size:50px}
    .header-title h1.title-h1, .header-title h2.title-h1 {font-size:50px}
    .header-title .lead {font-size:15px}
}

/* 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}
  .section .intro {padding:0}
  .section.section-listing-storia {padding:60px 0 0px 0}
  .page-text h2 {margin-bottom:30px}
  .col-footer-contatti p {width:50%; float:left;}
  .col-loghi-footer {text-align:center}
  .col-info-game {display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom:15px}
  .game-row a .game-detail .logo-league {position:absolute; top:10px; right:5px; opacity:0.5}
  .game-row a .game-detail .col-away-team {padding-left:0}
  .game-row a .game-detail .col-home-team {padding-right:0}
  .acquista-calendario {top:60px; left:5px;}
  .col-partner.partner-sec.border-bottom, .col-partner.partner-sec.border-end {border-color:transparent !important}
  .col-logo-partner {display: flex;align-items: center;justify-content: center; margin-bottom:40px; margin-top:-135px}
  .logo-partner-pagina {width:150px; height:150px}
  .team-giocatore {padding:0 20px}
  .video-home {min-height:500px}
  .carousel-item.carousel-image {min-height:500px}
  a.btn-out-b, span.btn-out-b, button.btn-out-b, a.btn-out-w, span.btn-out-w, button.btn-out-w, a.btn-main-b, span.btn-main-b, button.btn-main-b, a.btn-main-w, span.btn-main-w, button.btn-main-w {font-size:22px; padding:10px 10px}
  a.btn-med-out-b, span.btn-med-out-b, button.btn-med-out-b, a.btn-med-out-w, span.btn-med-out-w, button.btn-med-out-w, a.btn-med-main-b, span.btn-med-main-b, button.btn-med-main-b, a.btn-med-main-w, span.btn-med-main-w, button.btn-med-main-w {font-size:18px; padding:10px 10px}
  .box-next-game {background-color:#FBB900; font-size:14px; margin-top:30px; padding:30px 20px; margin-bottom:-60px}
  .box-next-game h2.title-h2 {font-size:22px}
  .info-next-game {padding-left:0}
  .info-next-game .box-nome-squadra img {width:30px}
  .info-next-game .box-nome-squadra .nome-squadra {font-size:18px}
  .col-next-game {flex-direction:column}
  .col-next-game .data-next-game {align-items: center; justify-content: center; width:100%; flex-direction:row; padding:5px 10px; border-radius:4px; margin-bottom:15px}
  .col-next-game .data-next-game .data-num {flex-direction:row; margin-right:auto}
  .col-next-game .data-next-game .data-num .mese-data {position:relative; padding-left:5px}
  .col-next-game .data-next-game .data-num .mese-data:before {content:"."; position:absolute; bottom:0; left:0}
  .col-next-game .data-next-game .ico-stadio img {height:12px}
  .info-next-game .box-nome-squadra:nth-child(1) {margin-bottom:10px}
  .fascia-classifica {flex-direction:column; padding:20px 0}
  .classifica-home {margin-top:20px; border-left:0; display:scroll; justify-content: flex-start; overflow: scroll; position:relative}
  /*.team-classifica-home.classificaluganohome {position:absolute; right:20px; background-color:#f2f2f2; width:75px; padding:0 5px;}*/
  .team-classifica-home {width:20%; flex-shrink: 0}
  .section.section-home-dark {position:relative; z-index: 0}
  .bg-b-mobile {background-color:#fff}
  .col-news-carousel, .container-news-home, .col-carousel-hcltv-home, .container-hcltv-home {padding-left:0 !important; padding-right:0 !important}
  .page-list-item .item-list.box-news span .cont-box-list, .page-list-item .item-list.box-news a .cont-box-list {padding:0 20px 20px 20px}
  .container-news-home .page-list-item .item-list {height:380px}
  .container-news-home .page-list-item .item-list a .img-box-list {height:380px}
  .page-list-item .item-list.box-news .cat-blog {right:-10px}
  .carousel-news-home .carousel-cell {width:48%; margin-right:10px}
  .container-news-home .btn-container .ms-auto {margin-left:inherit; margin:auto}
  .carousel-news-home .flickity-button, .carousel-hcltv-home .flickity-button {width:40px; height:40px}
  .carousel-news-home  .flickity-prev-next-button, .carousel-news-home .flickity-prev-next-button {top:-75px; bottom:inherit}
  .carousel-hcltv-home .flickity-prev-next-button {top:-35px; bottom:inherit}
  .carousel-news-home .flickity-prev-next-button.previous, .carousel-hcltv-home .flickity-prev-next-button.previous {left:inherit; right:55px}
  .carousel-news-home .flickity-prev-next-button.next, .carousel-hcltv-home .flickity-prev-next-button.next {left:inherit; right:5px}
  .section-cta-shop.home-shop {padding:60px 0}
  .section-cta-shop.home-shop .container {margin-right:0; padding-right:0}
  .section-cta-shop.home-shop:before {content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index:0}
  .section-cta-shop.home-shop .col-cta {padding-right:0; padding-left:0}
  .section-cta-shop.home-shop .col-cta .box-cta {background-color:transparent; padding:0; margin-bottom:0; box-shadow:none; width:100%; margin-right:0}
  .section-cta-shop.home-shop .col-cta .box-cta h2.title-h2 {color:#fff}
  .section-cta-shop.home-shop .col-cta .box-cta p {display:none}
  .carousel-shop {padding:10px 0 30px 0}
  .section-cta-shop.home-shop a.btn-out-b {margin:auto; border:1px solid #fff; color:#fff}
  .section-cta-shop.home-shop a.btn-out-b:hover {background-color:#FBB900; border:1px solid #FBB900}
  .carousel-shop .carousel-cell {width:70%}
  .carousel-shop .flickity-button {width:40px; height:40px}
  .carousel-shop  .flickity-prev-next-button, .carousel-shop .flickity-prev-next-button {right:5px;}
  .carousel-shop .flickity-prev-next-button.previous {top:40%; right:5px; left:inherit}
  .carousel-in-evidenza .carousel-cell {width:80%}
  .section.section-big-padding {padding:180px 0 60px 0}
  .section.section-big-padding.section-con-banner {padding:60px 0 60px 0}
  .container.cont-fluid-resp {padding-right:0}
  .col-car-ev {padding-right:0; padding-left:0}
  .carousel-in-evidenza .flickity-button {width:40px; height:40px}
  .carousel-in-evidenza  .flickity-prev-next-button, .carousel-in-evidenza .flickity-prev-next-button {top:-35px; bottom:inherit}
  .carousel-in-evidenza .flickity-prev-next-button.previous {left:inherit; right:55px}
  .carousel-in-evidenza .flickity-prev-next-button.next {left:inherit; right:5px}
  .carousel-shop .flickity-prev-next-button, .carousel-shop .flickity-prev-next-button {top:-35px; bottom:inherit}
  .carousel-shop .flickity-prev-next-button.previous {left:inherit; right:55px; top:-35px}
  .carousel-shop .flickity-prev-next-button.next {left:inherit; right:5px; top:-35px}
  .carousel-shop .flickity-button {border: 1px solid #fff; color: #fff;}
  .carousel-in-evidenza .flickity-button {border:1px solid #000; color:#000}
  .container-hcltv-home .btn-container .ms-auto {margin-left:inherit; margin:auto}
  .banner-pub {padding:40px 0}
  .partner-int {padding:0 0 60px 0}
  .partner-int-no-ban {padding:60px 0}
  .contatti-page .section.section-altre-pagine {padding:60px 0 60px 0}
  .section.section-altre-pagine {padding:60px 0 0 0}
  .partner-int p, .partner-int-no-ban p {display:none}
  .partner-int, .partner-int-no-ban {text-align:center}
  .partner-int .cont-partner, .partner-int-no-ban .cont-partner {padding-top:20px}
  .partner-int .mt-20, .partner-int-no-ban .mt-20 {margin-top:0}
  .vota-padding-bottom {padding-bottom:60px}
  .col-np, .col-ap {padding-bottom:30px}
  .col-np .title-h3, .col-ap .title-h3 {margin-bottom:15px}
  .col-img-newsletter {height:190px}
  .col-img-newsletter img {margin-left:inherit}
  .col-img-newsletter {margin-top:-190px}
  .contenuto-box-newsletter {padding:30px}
  .contenuto-box-newsletter .btn-out-b.ms-auto {margin-left:inherit !important; margin:auto}
  .section-chiusura-news .partner-int {padding:60px 0 300px 0}
  .partner-int {padding:40px 0 300px 0; position:relative}
  .partner-int-no-ban {padding:60px 0 300px 0; position:relative}
  .contatti-page .section.section-altre-pagine {padding:60px 0 300px 0}
  .vota-padding-bottom {padding-bottom:300px}
  .section-cta-shop .col-cta .box-cta {margin-right:0}
  .section-cta-shop {padding:60px 0}
  .section-listing-news .page-list-item .item-list a .img-box-list {width:100%}
  .section-listing-news .page-list-item .item-list a .cont-box-list {width:100%}
  .section-listing-news .page-list-item .item-list a {flex-direction: column;}
  .section-listing-news .page-list-item .item-list .img-box-list {height:250px}
  .section-listing-news .page-list-item .item-list {height:auto}
  .page-list-item .item-list.box-news a .cont-box-list {padding:20px}
  .page-list-item .item-list.box-news .cat-blog-page .cat-id-page {padding-right:10px}
  .col-immagine-intro {margin-top:40px}
  .presidente-intro .col-immagine-intro {margin-bottom:0; margin-top:40px}
  .section.section-intro-listing .img-intro {height:450px}
  .section-corner .img-intro {height:450px; margin-bottom:40px}
  .section.section-intro-listing .intro {padding-right:0}
  .section-trofei .swiper-slide {background-image:inherit}
  .grid-sizer, .grid-item {width:100%}
  .bg-contatti {display:none}
  .form-orari {margin-top:40px}
  .cont-partner .col-partner {height:auto}
  .box-newsletter h2.title-h2 {font-size:22px}
  .cont-video .carousel-control-next, .cont-video .carousel-control-prev {width:46px; height:46px}
  .foto-player {height:auto; min-height:auto; padding-top:40px}
  .dettaglio-player .banner-interno {height:auto}
  .dettaglio-player .titolo-int {padding-top:90px}
  .sidebar {margin-top:60px}
  .video-del-player {margin-top:60px}
  .dati-player .dato-player .dato-big {font-size:18px}
  .cont-stats {flex-wrap:wrap}
  .cont-stats .dato-stat {width:50%; flex:auto}
  .cont-stats .dato-stat.stat-btn {flex:auto}
  .cont-stats .dato-stat.border-end {border:0 !important}
  .game-page .banner-interno .game-teams .vs-icon {margin:0}
  .info-game-data .info-game {margin-bottom:15px}
  .table-classifica .team-image {width:40px}
  .timeline .swiper-container {min-height:700px}
  .game-page.vota-best .banner-interno .game-teams .vs-icon {margin:0 20px}
  .section-listing-team .filters-button-group {position: -webkit-sticky; position: sticky; top: 70px;}
  .section-altre-pagine .arrow-cont .custom-nav {display:block}
  .section-altre-pagine .arrow-cont .custom-nav .owl-prev, .section-altre-pagine .arrow-cont .custom-nav .owl-next {top:5px}
  .section-altre-pagine .arrow-cont .custom-nav .owl-next {right:10px}
  .section-altre-pagine .arrow-cont .custom-nav .owl-prev {right:unset; left:10px}
  .cont-video .carousel-control-prev, .cont-video .carousel-control-next {right:15px}
  .dettaglio-news-page .section-altre-pagine .arrow-cont .custom-nav .owl-prev {right: 70px; left: unset;}
  .prima-home {display:block}
  .border-end.bord-no-mob {border-right:0 !important}
  .section.section-dettaglio-mercatino {padding:140px 0 60px 0}
  .dettaglio-annuncio-mercatino .section-altre-pagine .arrow-cont .custom-nav .owl-prev {right:70px; left:unset}
  .info-next-game .link-partita {padding-left:45px}
  .section-listing-mercatino .filters-button-group {position: relative; margin:-200px auto 120px auto; height:auto; padding:20px 0}
  .section-listing-mercatino .input-group {margin-bottom:15px}
  .col-vota-maglia {padding-bottom:20px}
}

@media (max-width : 736px) {
  .table-classifica .tool-leg {top: inherit; bottom: 5px; left: 50%; margin-left: -5px;}
}

@media (max-width : 667px) {
  .carousel-best-player .carousel-cell {width:50%}
}

/* MEDIA FINO A COL- */
@media (max-width: 575px) {
  .testo-pagina.testo-news p.lead {font-size:22px}
  .testo-pagina.testo-news h2 {font-size:22px}
  .section-loghi-sponsor hr {margin:40px 0}
  .carousel-best-player {padding-left:20px}
  .team-giocatore {padding:0}
  .game-page.vota-page .row-team-player .col-team .team-giocatore .img-team-game {width:60px; height:60px}
  .game-page.vota-page .row-team-player .col-team .team-giocatore .team-name {font-size:15px}
  .row-team-player .col-team .team-giocatore .team-name span {font-size:18px}
  .carousel-news-home .carousel-cell {width:80%; margin-right:10px}
  .carousel-hcltv-home .carousel-cell {width:80%}
  .timeline .swiper-slide {background-position:left center}
  .section.section-intro-listing .img-intro {height:320px}
  .page-list-item .item-list {height:350px}
  .carousel-in-evidenza .page-list-item .item-list a .img-box-list {height:350px}
  .carousel-in-evidenza .page-list-item .item-list  {height:350px}
  .page-list-item .item-list span .img-box-list, .page-list-item .item-list a .img-box-list {height:350px}
  .filters-button-group {width:100%; margin:-95px auto 60px auto}
  .filters-button-group .button {font-size:18px; padding:20px 13px}
  .page-list-item .item-list span .cont-box-list, .page-list-item .item-list a .cont-box-list {padding:0 20px 40px 20px}
  .page-list-item .item-list span .cont-box-list p, .page-list-item .item-list a .cont-box-list p {padding-right:0}
  .section-cta-shop .col-cta .box-cta {padding:40px 20px}
  .contenuto-box-newsletter {padding:30px 20px}
  .partita-speciale {display:none}
  .game-page .banner-interno .game-teams .vs-icon {width:20px}
  .game-page .filters-button-group {width:100%}
  .timeline .swiper-slide-content {top:60px}
  .timeline .swiper-container {min-height:500px; height:500px}
  .cat-menu .cat-item {padding:0 10px}
  .dettaglio-news-page .testo-interno {padding:60px 0px 0 0px}
  .team-classifica-home img {width:25px; height:25px; margin-right:5px}
  .team-classifica-home .punti-team .punti {font-size:22px}
  .team-classifica-home {margin-right:10px}
  .team-classifica-home .punti-team {border-right: 1px solid rgba(0, 0, 0, 0.1); border-left:0}
  .team-classifica-home .punti-team {padding:0 8px 0 5px}
  .filters-button-group button.nav-link {padding:15px; font-size:18px}
  .game-row a .game-detail .col-away-team, .game-row a .game-detail .col-home-team {justify-content: center;}
  .game-row a .game-detail .col-away-team {flex-wrap: wrap;}
  .game-row a .game-detail .col-home-team {flex-wrap: wrap-reverse;}
  .game-row a .game-detail .col-away-team .team-name {padding-left:0}
  .game-row a .game-detail .col-home-team .team-name {padding-right:0}
  .game-row a .game-detail .col-away-team .team-name, .game-row a .game-detail .col-home-team .team-name {width:100%; text-align:center; font-size:13px}
  .ms-auto .evento-game .desc-evento, .evento-game .desc-evento {align-items: center; font-size:12px; padding:0 5px}
  .evento-game .tipo-evento {font-size:12px}
  .row-dett-team .col-team .team-name {padding:0 5px; font-size:16px}
  .row-team-player .col-team .team-giocatore .img-team-game {width:40px; height:40px;}
  .row-team-player .col-team .team-giocatore .team-name {padding-left:10px; font-size:13px}
  .timeline .swiper-slide .timeline-year {margin-bottom:10px}
  .section-corner .img-intro {height:250px; margin-bottom:40px}
  .section-listing-mercatino .item-list a .cont-box-list h3 {margin-top:0}
  .carousel-annuncio .carousel-cell {height:350px}
}

@media (max-width: 478px) {
  .carousel-best-player .carousel-cell {width:80%}
  .cat-menu .cat-item {font-size:13px}
  .section-listing-team .filters-button-group .button {padding:15px 8px; font-size:16px}
  .droopmenu-brand img.logo-corner {display:none}
  .logo-corner-mob {display:block}
  img.logo-corner-mob {width:80px; margin-bottom:20px}
}

@media (max-width: 414px) {
  .filters-button-group .button {font-size:18px; padding:20px 10px}
  .fascia-classifica {padding:110px 0 20px 0}
  .col-no-boot.col-8 {width:100%}
  .sticky-menu-cat .menu-cat-cont {padding:10px 0}
  .breadcrumb-cont, .breadcrumb-cont span {font-size:12px}
  .cat-menu .cat-item {font-size:11px}
  .col-dettaglio-news {margin:-20px auto 0 auto}
  .box-form {padding: 40px 20px}
}

/* MEDIA QUERY MIN WIDTH */
@media (min-width: 768px) {
  .timeline .swiper-slide::after {
    right: -30%;
    bottom: -8%;
    width: 340px;
    height: 50%;
    box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, 0.7);
  }
  .timeline .swiper-slide-content {
    right: 25%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 50%;
    font-size: 15px;
    text-align: right;
  }
  .timeline .swiper-slide .timeline-year {
    margin-bottom: 0;
    font-size: 42px;
  }
  .timeline .swiper-slide .timeline-title {
    font-size: 36px;
    margin: 0;
  }
  .timeline .swiper-pagination {
    display: flex;
  }
  .timeline .swiper-button-prev {
    top: 10%;
    left: auto;
    right: 12.5%;
    -webkit-transform: rotate(90deg) translate(0, 10px);
            transform: rotate(90deg) translate(0, 10px);
  }
  .timeline .swiper-button-prev:hover {
    -webkit-transform: rotate(90deg) translate(-3px, 10px);
            transform: rotate(90deg) translate(-3px, 10px);
  }
  .timeline .swiper-button-next {
    top: auto;
    bottom: 10%;
    right: 12.5%;
    -webkit-transform: rotate(90deg) translate(0, 10px);
            transform: rotate(90deg) translate(0, 10px);
  }
  .timeline .swiper-button-next:hover {
    -webkit-transform: rotate(90deg) translate(3px, 10px);
            transform: rotate(90deg) translate(3px, 10px);
  }
}

@media (min-width: 1024px) {
  .timeline .swiper-slide::after {
    right: -20%;
    bottom: -12%;
    width: 540px;
    height: 50%;
    box-shadow: -230px 0 150px 55vw rgba(0, 0, 0, 0.8);
  }
  .timeline .swiper-slide-content {
    right: 23%;
  }
}

/* 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: #000; 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%}
}
