/* DESKTOP */
@media screen and (min-width: 1024px) {
    .servizi-section { position: relative; margin: 10px 0; }
    /*a una colonna*/
    .servizi-section .fullblock { width: 47.5%; position: relative; margin: 30px auto; display:block; border-bottom: solid 1px #EDEDED;}
    /*a due colonne */
    .servizi-section .servizio { float: left; width: 47.5%; border: solid 1px #EDEDED; height: 150px; position: relative; margin: 1%; }
        .servizi-section .servizio.fullwidht { width: 100% !important; }
            .servizi-section .servizio .polygon { background-color: #EDEDED; float: left; width: 150px; height: 150px; border-right: 50px solid #ffffff; background-position: center center; background-repeat: no-repeat; background-size: 70px auto; }
                .servizi-section .servizio .polygon .triangle { width: 0; height: 0; border-style: solid; border-width: 150px 0 0 50px; border-color: transparent transparent transparent #ededed; position: absolute; left: 150px; top: 0; }
    /*logo grande*/
    .servizi-section .servizio .polygon_large { background-color: #EDEDED; float: left; width: 150px; height: 150px; border-right: 50px solid #ffffff; background-position: center center; background-repeat: no-repeat; background-size: 120px; }
        .ico_bartolini { background-image: url(../img/partner/brt-logo.png); background-size: 90px !important; }
    /*a tre colonne*/
    .servizi-section .supplemento { float: left; width: 30%; border: solid 1px #EDEDED; height: 200px; position: relative; margin: 1%; }
        .servizi-section .supplemento .polygon2 { background-color: #EDEDED; float: left; width: 130px; height: 200px; border-right: 15px solid #ffffff; background-position: center center; background-repeat: no-repeat; background-size: 70px auto; }
    /*a tre colonne con immagine*/
    .servizi-section .servizio_photo { float: left; width: 30%; border: solid 1px #EDEDED; height: 350px; position: relative; margin: 1%; }
        .servizi-section .servizio_photo img { display:block; width:100%; height:auto; }
            .servizi-section .servizio_photo .serv_dida {display:block; width:90%; margin:10px auto;}
    /**/
    .servizi-section .text-rule { margin: 5px; }
    /**/
    .bottom-section .left-section { float: left; width: 100%; margin: 20px 0 0 10px; }
        .bottom-section .left-section .list { border: solid 1px #E8E8E8; border-left: solid 10px #C7A828; margin: 5px 0; }
            .bottom-section .left-section .list span { height: 40px; vertical-align: middle; margin: 20px 0 0 30px; float: left; line-height: 40px; }
                .bottom-section .left-section .list .rulelogoico { background-repeat: no-repeat; background-position: right center; background-size: 160px; width: 160px; height: 80px; float: left; margin: 0 0 0 10px; }
    /**/
    .bottom-section .right-section { float: right; width: 45%; margin: 20px 10px 0 0; }
        .bottom-section .right-section .list { display: block; border: solid 1px #E8E8E8; padding: 10px; margin: 5px 0; }
        /**/
    .filosofia_dida1 {  }
    .filosofia_dida2 {  }
    .filosofia_dida3 {  }
}

/* TABLET */
@media screen and (max-width: 1023px) and (min-width:768px) {
    .servizi-section { position: relative; margin: 10px 0; }
    /*a una colonna*/
    .servizi-section .fullblock { float: left; width: 100%; border: solid 1px #EDEDED; height: 200px; position: relative; margin: 1%; }
    /**/
    .servizi-section .servizio { float: left; width: 100%; border: solid 1px #EDEDED; height: 150px; position: relative; margin: 1%; }
        .servizi-section .servizio .polygon { background-color: #EDEDED; float: left; width: 150px; height: 150px; border-right: 50px solid #ffffff; background-position: center center; background-repeat: no-repeat; background-size: 90px auto; }
            .servizi-section .servizio .polygon .triangle { width: 0; height: 0; border-style: solid; border-width: 150px 0 0 50px; border-color: transparent transparent transparent #ededed; position: absolute; left: 150px; top: 0; }
    /*a tre colonne*/
    .servizi-section .supplemento { float: left; width: 30%; border: solid 1px #EDEDED; height: 200px; position: relative; margin: 1%; }
    /*a tre colonne con immagine*/
    .servizi-section .servizio_photo { float: left; width: 30%; border: solid 1px #EDEDED; height: 350px; position: relative; margin: 1%; }
        .servizi-section .servizio_photo img { display:block; width:100%; height:auto; }
            .servizi-section .servizio_photo .serv_dida {display:block; width:90%; margin:10px auto;}
    /**/
    .servizi-section .text-rule { margin: 5px; }
    /*logo grande*/
    .servizi-section .servizio .polygon_large { background-color: #EDEDED; float: left; width: 150px; height: 150px; border-right: 20px solid #ffffff; background-position: center center; background-repeat: no-repeat; background-size: 120px auto; }
        .ico_bartolini { background-image: url(../img/partner/brt-logo.png); background-size: 90px !important; }
    /*a tre colonne*/
    .servizi-section .supplemento { float: left; width: 30%; border: solid 1px #EDEDED; height: 150px; position: relative; margin: 1%; }
    /**/
    .bottom-section .left-section { float: left; width: 45%; margin: 0 0 0 10px; }
        .bottom-section .left-section .list { display: block; border: solid 1px #E8E8E8; border-left: solid 30px #C7A828; padding: 10px; margin: 5px 0; }
    /**/
    .bottom-section .right-section { float: right; width: 45%; margin: 0 10px 0 0; }
        .bottom-section .right-section .list { display: block; border: solid 1px #E8E8E8; padding: 10px; margin: 5px 0; }

        /**/
    .filosofia_dida1 {  }
    .filosofia_dida2 {  }
    .filosofia_dida3 {  }

}

/* SMARTPHONE */
@media screen and (max-width: 767px) {
    .servizi-section { position: relative; margin: 10px 0; }
    /*a una colonna*/
    .servizi-section .fullblock { float: left; width: 100%; border: solid 1px #EDEDED; height: 200px; position: relative; margin: 1%; }
    /**/
    .servizi-section .servizio { border: solid 1px #EDEDED; height: 150px; position: relative; display: block; margin: 1%; }
        .servizi-section .servizio .polygon { background-color: #EDEDED; float: left; width: 70px; height: 150px; border-right: 10px solid #ffffff; background-position: center center; background-repeat: no-repeat; background-size: 60px}
    /**/
    .servizi-section .text-rule { margin: 5px; }
    /*logo grande*/
    .servizi-section .servizio .polygon_large { background-color: #EDEDED; float: left; width: 80px; height: 150px; border-right: 10px solid #ffffff; background-position: center center; background-repeat: no-repeat; background-size: 70px auto; }
        .ico_bartolini { background-image: url(../img/partner/brt-logo.png); background-size: 60px !important; }
    /*a tre colonne*/
    .servizi-section .supplemento { float: left; width: 100%; border: solid 1px #EDEDED; height: 150px; position: relative; margin: 1%; }
    /*a tre colonne con immagine*/
    .servizi-section .servizio_photo { float: left; width: 100%; border: solid 1px #EDEDED; height: 290px; position: relative; margin:10px 1%; }
        .servizi-section .servizio_photo img { display:block; float:left; width:100%; height:auto; }
            .servizi-section .servizio_photo .serv_dida {display:block; width:100%; margin:10px;}
    /**/
    .bottom-section .left-section { display: block; margin: 0 0 0 10px; }
        .bottom-section .left-section .list { display: block; border: solid 1px #E8E8E8; border-left: solid 30px #C7A828; padding: 10px; margin: 5px 0; }
    /**/
    .bottom-section .right-section { display: block; margin: 0 10px 0 0; }
        .bottom-section .right-section .list { display: block; border: solid 1px #E8E8E8; padding: 10px; margin: 5px 0; }

        /**/
    .filosofia_dida1 { font-size: 16px; }
    .filosofia_dida2 { font-size: 14px; }
    .filosofia_dida3 { font-size: 28px; }
}