/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    .landing-pg .slider-azienda {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin: 0 -15px;
        flex-wrap: wrap;
    }    
}

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

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container-bigger {
        width: 1200px;
        max-width: 100%;
    }
    
    /*.landing-pg .testata .col-abs {
        bottom: 0;
    }*/
    
    .landing-pg .testata .col-abs {
        bottom: 0;
        left: -90px;
    }
    
}

@media (min-width: 1400px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1250px;
    }

    .container-bigger {
        width: 1450px;
        max-width: 100%;
    }
    
    .landing-pg .testata .col-abs {
        bottom: 0;
        left: 0;
    }
}

@media (min-width: 1920px) {
    .container-custom {
        width: 1920px;
        max-width: 100%;
    }

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    
    .landing-pg h1 b,
    .landing-pg h3,
    .landing-pg .box-number p b,
    .landing-pg .p-custom p b {
        font-size: 30px;
    }
    
    .landing-pg h1,
    .landing-pg p,
    .landing-pg .box-yellow p b,
    .landing-pg ul li {
        font-size: 18px;
    }
    
    .landing-pg .testata .col-abs {
        bottom: 117px;
        left: -73px;
    }
    
    .landing-pg .p-bigger p {
        font-size: 21px;
    }
    
    .landing-pg p.small-p,
    .landing-pg .small-p p {
        font-size: 14px;
    }
    
    .landing-pg h2,
    .landing-pg h4 {
        font-size: 23px;
        line-height: 35px;
    }
    
    .landing-pg .list-why .list-item::before {
    font-size: 70px;
    left: -50px;
    line-height: 70px;
}
    
    .landing-pg .mockup-fb h3 b {
        font-size: 35px;
    }
    
    .landing-pg .mockup-fb h3 {
        line-height: 42px;
    }
    
    .landing-pg .form-bottom form .form-check-inline {
        margin-right: 27px;
    }
        
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    
    .landing-pg .testata .col-abs {
        bottom: 0;
    }
    
    .landing-pg h1 b, .landing-pg h3, .landing-pg .box-number p b, .landing-pg .p-custom p b {
        font-size: 27px;
    }
    
    .landing-pg h2, .landing-pg h4 {
        font-size: 20px;
    }
    
    .landing-pg .item-num {
        width: 200px;
        max-width: 100%;
    }
    
    .landing-pg .count {font-size: 25px;}
    .landing-pg .wrap-icon-num {height:90px;}
    .landing-pg .wrap-icon-num img {max-height: 75px;}
    
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    
    .landing-pg h1, .landing-pg p, .landing-pg .box-yellow p b, .landing-pg ul li {
        font-size: 16px;
    }
    
    .landing-pg .p-bigger p {
        font-size: 18px;
    }
    
    .landing-pg h1 b, .landing-pg h3, .landing-pg .box-number p b, .landing-pg .p-custom p b {
        font-size: 23px;
    }
    
    .landing-pg .elenco-servizi {
        padding: 40px 0;
    }
    
    .landing-pg h2, .landing-pg h4 {
        font-size: 19px;
    }
    
    .landing-pg .mockup-fb h3 b {
        font-size: 30px;
    }
    
    .landing-pg .mockup-fb h3,
     .landing-pg h2, .landing-pg h4{
        line-height: 30px;
    }
    
    .landing-pg svg.radial-progress text {
        font-size: 8px;
    }
    
    .landing-pg svg.radial-progress {
        max-width: 220px;
    }    
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    
    .landing-pg h1, .landing-pg p, .landing-pg .box-yellow p b, .landing-pg ul li,
    .landing-pg .btn-round {
        font-size: 14px;
    }
    
    .landing-pg h1,
    .landing-pg .mockup-fb h3, .landing-pg h2, .landing-pg h4{
        line-height: 25px;
    }
    
    .landing-pg h1 b,
    .landing-pg h3,
    .landing-pg .box-number p b,
    .landing-pg .p-custom p b,
    .landing-pg .arrow i{
        font-size: 20px;
    }
    
    .landing-pg form .form-check-label,
    .landing-pg .box-yellow p,
    .landing-pg form input[type="text"],
    .landing-pg form input[type="email"],
    .landing-pg form input[type="phone"]{
        font-size: 13px;
    }
    
    .landing-pg .p-bigger p,
    .landing-pg .count,
    .landing-pg h2, .landing-pg h4 {
        font-size: 17px;
    }
    
    .landing-pg .list-why .list-item::before {
    font-size: 60px;
    left: -7px;
    top: -18px;
        line-height: 60px;
}
    
    .landing-pg .box-number {
        width: 200px;
        max-height: 100%;
    }
    
    .landing-pg .mockup-fb h3 b {
        font-size: 25px;
    }
    
    .landing-pg svg.radial-progress {
    max-width: 180px;
}
    
    .landing-pg .balloon::before {
    height: 35px;
    width: 50px;
    top: -34px;
}
    
    .landing-pg img.goccia-abs {
        width: 80px;
    }
    
    .landing-pg .form-bottom::before {
    width: 90%;
    height: 40px;
}
    
    .landing-pg .form-bottom {
        padding-top: 85px;
    }    
    
    .landing-pg .item-num {
        width: 125px;
    }
}


@media (min-width: 1200px) and (max-width: 1399.98px) {
    .testata .col-abs {
        -ms-flex: 0 0 58.333333% !important;
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
    }
}