/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    /*section.page-servizio ul {
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }*/
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .white-md {
        background: #fff;
    }
    .border-left-md {
        border-left: 1px solid #2E2E2D;
    }
    .pillolone {border-radius: 50rem;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .w-450 {
        width: 450px !important;
    }
    /* Header sticky di #navFix */
    #navFix{
        position: sticky !important;
        top: 0;
        z-index: 1040;       /* sopra a tutto il contenuto */
    }

    /* Ombra quando è incollato (opzionale) */
    #navFix.is-stuck{
      box-shadow: 0 4px 12px rgba(0,0,0,.08);
    }
    
    #navFix.is-stuck .collapse{
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    
    /* Fallback quando useremo position: fixed su browser senza sticky */
    #navFix.is-fixed{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
    }


    /*section.page-servizio ul {
        -webkit-column-count: 3;
        -webkit-column-gap: 30px;
        -moz-column-count: 3;
        -moz-column-gap: 30px;
        column-count: 3;
        column-gap: 30px;
    }*/

    section.box-esperienza .position-relative {
        margin-top: -300px;
       /* overflow-x: hidden;*/
    }
    .border-left-lg {
        border-left: 1px solid #2E2E2D;
    }
    .h-lg-100 {
        height: 100%!important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    footer .riferimenti a{
        font-size: 12px;
    }
    .link-modulo a {
        font-size: 20px;
    }
}

@media (max-width: 1499.98px) {
    .box-carousel {
        bottom: auto;
    }
}
@media (min-width: 992px) and (max-width: 1499.98px) {
    .swiper-home .swiper-slide, .swiper-home .swiper-slide .w-100 {
        height: calc(100vh - 150px);
        min-height: 450px;
        max-height: 600px;
    }
}
@media (min-width: 992px) and (max-width: 1269.98px) {
    nav .navbar-nav {
        font-size: 14px;
    }
    nav .navbar-nav .nav-item a, nav .navbar-nav .nav-item a {
         padding: 20px 7px;
    }
    nav .navbar-nav .nav-item a,/* nav .navbar-nav .nav-item a:hover,*/
    nav.fixed-top-nav .navbar-nav .nav-item a/*, nav.fixed-top-nav .navbar-nav .nav-item a:hover*/ {
        /*padding: 30px 10px;*/
        padding: 20px 10px;
    }

}
@media (min-width: 992px) and (max-width: 1199.98px) {
    nav .navbar-nav .nav-item a {
        font-size: 13px;
        padding: 20px 7px;
    }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    p, ul, li {font-size: 15px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    nav:not(.fixed-top-nav) .navbar-nav .nav-item.a-green a{
        color: #42ae6e;
        background: #fff;
        height: 45px;
        width: 160px;
    }
    nav:not(.fixed-top-nav) .navbar-nav .nav-item.a-green a:hover, nav:not(.fixed-top-nav) .navbar-nav .nav-item.a-green.active a {
        color: #42ae6e;
    }

    nav:not(.fixed-top-nav) .navbar-nav .nav-item a:hover,
    nav:not(.fixed-top-nav) .navbar-nav .nav-item a:focus {color: #fff;}

    .swiper-slide .wrap-img img {
        width: 150%;
        max-width: none;
        margin-left: -50%;
    }
    .cont-arrow::after {
        left: 15px;
        right: 15px;
    }
    section.box-esperienza {
        margin-top: 50px;
    }

    section.box-esperienza img {
        max-width: 100%;
    }
    nav.navbar {
        padding: 10px 0;
    }

    nav .navbar-toggler {
        margin: 0 auto;
        display: block;
        border: 1px solid #fff !important;
    }

    nav span.navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }

    nav .navbar-nav {
        text-align: center;
        /*border-bottom: 1px solid #fff !important;*/
    }

    nav .navbar-nav .nav-item a,
    nav .navbar-nav .nav-item a:hover {
        padding: 10px 25px;
        position: relative;
        border: 0;
    }
    nav .navbar-nav .nav-item .nav-link, nav .navbar-nav .dropdown.show .nav-link {color: #fff;}
    nav .navbar-nav .nav-item .dropdown-menu {position: relative;}
    nav .navbar-nav .nav-item .dropdown-menu.show:before {
        position: absolute;
        content: "";
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        width: 50px;
        background-color: #fff;
    }


    nav p {
        text-align: center !important;
        float: none !important;
        margin-top: 20px;
    }
    .contatti p {font-size: 14px;}
    header .contatti div {padding-left: 50px;}
    header .contatti div::before {left: 12px;}
    header .contatti div::before, .toggle-search {font-size: 13px;width: 26px;height: 26px;}
    .col-search {padding-left: 12px !important;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .pillolone .mw-100 { margin: 0 auto !important }
    .pillolone img { max-width: none !important; width: 105% !important; margin-left: -4%; }
    h2 {
        font-size: 35px;
    }
    p.p-big, .p-big p {
    font-size: 18px;
}
p.p-bigger, .p-bigger p, .btn.btn-default {
    font-size: 20px !important;
}

    .servizi-correl figure figcaption {font-size: 18px;}
    header.mt-5 {
        margin-top: 2rem !important;
    }

   /* header img {
        display: block;
        margin: 0 auto;
    }*/

    .toggle-search {
        font-size: 18px;
        color: #fff;
        width: 50px;
        height: 40px;
        border-radius: 0;
        border: 0;
        border-left: 1px solid #fff;
        margin-top:0;        
        position: absolute;
        top: 10px;
        right: 0;
    }
    #overlay-search input.form-control {font-size: 20px;}
    #overlay-search .input-group button {font-size: 25px;}

    nav .navbar-nav {padding-bottom: 30px;}
    /*.logo {width: auto;}*/
    /*nav.navbar {
        padding: 10px 0;
    }

    nav .navbar-toggler {
        margin: 0 auto;
        display: block;
        border: 1px solid #fff !important;
    }

    nav span.navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }

    nav .navbar-nav {
        text-align: center;
        border-bottom: 1px solid #fff !important;
    }

    nav .navbar-nav .nav-item a,
    nav .navbar-nav .nav-item a:hover {
        padding: 10px 25px;
    }

    nav p {
        text-align: center !important;
        float: none !important;
        margin-top: 20px;
    }*/
    h1, .h1 {font-size: 35px;}
    h2, .h2 {font-size: 28px;}
    .swiper-home .swiper-slide {
        min-height: 230px;
        background-size: 100% !important;
    }

    .box-carousel {
        bottom: 0;
    }

    section.box-fianco {
        margin-top: 35px;
    }

    section.box-fianco h2 {
        margin-bottom: 20px !important;
    }

    section.box-fianco p {
        margin-top: 20px;
    }

    section.box-fianco img {
        margin: 0 auto;
        display: block;
    }

    section.box-fianco img.rounded-circle {
        max-width: 60%;
    }

    section.box-fianco img.mt-5 {
        width: 90%;
    }

    section.box-blog .box-data {
        margin-top: 0 !important;
        padding: 10px !important;
    }

    section.box-blog h3 {
        margin-top: 15px !important;
    }

    section.box-blog p a {
        margin-bottom: 25px !important;
    }

    /*section.box-esperienza img {
        position: relative;
        bottom: 0;
        margin-top: 15px;
        width: 100%;
    }*/
    section.box-esperienza h3,
    section.box-esperienza p {
        text-align: center;
    }

    section.box-esperienza a.btn.btn-success,
    .pillolone .btn.btn-success {
        display: block;
        margin: 0 auto;
        max-width: 200px;
    }

    section.box-partner .slick-prev {
        left: -20px;
        z-index: 99999 !important;
    }

    section.box-partner .slick-next {
        right: -20px;
        z-index: 99999 !important;
    }

    section.box-contatti iframe {
        margin-bottom: 20px;
    }

    /*footer img {
        width: 60%;
        display: block;
        margin: 0 auto;
    }*/
    
    section.copy p,
    footer ul {
        font-size: 14px;
        line-height: 20px;
    }

    footer ul.mt-4,
    footer ul li i {
        margin-top: 0 !important;
    }

    footer ul li {
        border: none;
        margin-left: 0;
        width: 100%;
        /* min-width: 33%; */
        float: none !important;
        margin-top: 15px;
        text-align: center;
        padding: 0;
    }

    footer ul li span {
        font-weight: 600;
    }

    footer ul li i {
        display: none !important;
    }

    footer p,
    footer p a,
    footer p.pull-right,
    footer p a.pull-right {
        float: none !important;
    }
    footer p.pull-right {
        margin-top: 25px;
        text-align: center;
    }
    footer p i {
        display: none;
    }

    section.cnt-chisiamo .box-orari h3 {
        margin-bottom: 10px;
    }
    
    section.cnt-chisiamo h2 {
        margin-top: 20px;
        font-size: 28px;
    }

    section.cnt-chisiamo .box-orari p {
        margin: 0;
        padding: 10px 0;
    }

    section.cnt-chisiamo img {
        margin-top: 30px;
    }

    section.cnt-chisiamo .box-obiettivo img {
        margin-top: 0;
    }

    section.cnt-chisiamo .box-servizi {
        background: url(../images/bkg-nostri-servizi-mobile.jpg) no-repeat top right #38b16b;
        background-size: cover;
        padding: 15px 25px !important;
    }

    section.cnt-chisiamo .box-servizi p {
        font-weight: 400;
    }

    /*.multiple-items div.slick-slide {
        width: 100% !important;
        margin: 10px auto !important;
    }*/
    
    /*section.page-medico .box-link a.btn.btn-default {
        margin-bottom: 20px;
    }*/
    
    .box-carousel h3 {
        font-size: 21px;
        line-height: 38px;
    }
    
    .box-carousel img {
        max-width: 50px;
    }
    
    section.page-servizio .box-pacchetti.base p,
    section.page-servizio .box-pacchetti.avadonna p,
    section.page-servizio .box-pacchetti.avauomo p,
    section.page-servizio .box-pacchetti.estesodonna p,
    section.page-servizio .box-pacchetti.estesouomo p {
        width: 93%;
    }
    button#backTop {
        right: 10%;
    }

    /*section.page-servizio .medici-correlati .box-medico img {
        top: -50%;
    }*/
}

@media (min-width: 576px) and (max-width: 767.98px){
    footer .riferimenti p {
        padding-left: 0;
    }
    footer .riferimenti p::before {
        display: none;
    }
    footer .riferimenti a {
        font-size: 14px;
    }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    nav .navbar-nav {border-bottom: 1px solid #fff !important;}
    .swiper-home .swiper-button-next {right: -3px;}
    .swiper-home .swiper-button-prev {left: -3px;}
    footer p a{
        white-space: normal;
        word-break: break-word;
    }
    #noShow {display: none;}
    .swiper-home .swiper-pagination {bottom:0;}

    .slider-simple3 .slick-next {right: 10px;top:110%;}
    .slider-simple3 .slick-prev {left: 10px;top:110%;}
    h1, .h1 {font-size: 30px;}
    h2, .h2 {font-size: 25px;}
    h4 {font-size: 19px;}
    h3 {font-size: 21px;}
    p.p-big, .p-big p {font-size: 16px;}
    p.p-bigger, .p-bigger p, .btn.btn-default {font-size: 18px !important;}
    h1 {word-break: break-word;}

}

@media (max-width: 374.98px) {
    section.box-contatti .box p {
        font-size: 15px;
        line-height: 1.2;
    }
    section.page-servizio .box-pacchetti.base,
    section.page-servizio .box-pacchetti.avauomo,
    section.page-servizio .box-pacchetti.avadonna,
    section.page-servizio .box-pacchetti.estesodonna,
    section.page-servizio .box-pacchetti.estesouomo {
        background-size: 25vw;
        background-position: right 15px;
    }
}

/* Tablet: Landscape */
@media screen and (min-device-width: 1024px) and (max-device-width: 1280px) and (orientation:landscape) {}

@media screen and (min-width: 980px) and (max-width: 1200px) {}

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