#iso .grid-item.no-gutter { padding: 0px; }

#iso .grid-item.no-gutter  [class*='col-']:not(:first-child),
#iso .grid-item.no-gutter [class*='col-']:not(:last-child) { padding-right: 0; padding-left: 0; }

#iso .grid-item { 
    padding: 0 10px; 
    margin: 10px 0; 
    padding: 0; margin:0; border: 10px solid #e1e1e1;
    background-color: #e1e1e1;
}

#iso .grid-item.odd { background-color: #3d9cce; border-color: #3d9cce; }
#iso .grid-item.even { background-color: #e1e1e1; border-color: #e1e1e1;}
#iso .grid-item.blu { background-color: #2162af; border-color: #2162af; }

#iso .page.grid-item { background-color: #FFFFFF; border-color: #FFFFFF;     border-bottom: 0;}

.menu .grid-item-content { cursor: pointer; }

#iso .grid-item-content {
    height: 12.5em;  height: 280px; /*SISTEMARE PER RESPONSIVE*/
    background: transparent;
    border: 0px solid hsla(0, 0%, 0%, 0.7);
    padding: 10px;
    padding: 10px 0;
    position: relative;
}


#iso .H2 { height: 26em; height: 580px; } /*SISTEMARE PER RESPONSIVE*/
#iso .H3 { height: 39.5em; height: 880px; }  /*SISTEMARE PER RESPONSIVE*/
#iso .H4 { height: 39.5em; height: 1180px; }  /*SISTEMARE PER RESPONSIVE*/

#iso .number, 
#iso .weight,
#iso .mobile,
#iso .wmobile { display: none; }

/*CENTRA TESTO NEL BOX*/
#iso .grid-item-content .grid-box {
    text-align: center; 
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    width: 90%;
    transform: translate(-50%, -50%); 
}

#iso .page .grid-item-content {
    background: #FFF;
    padding: 20px;
    padding: 0px;
}

/*FORMATTAZIONE*/

#iso .grid-item-content h3 { 
    font-size: 1.25em;
/*    color: #2162af;*/
    margin: 0;
    font-weight: 600;
    line-height: 1;
}

#iso .odd .grid-item-content h3 { color: #FFFFFF; }

#iso .grid-item-content h6 { 
    font-size: 0.8em;
    color: #2162af;
    font-weight: 700;
    position: absolute;
    right: 0;
    bottom: 0;
}

#iso .odd .grid-item-content h6 { color: #FFFFFF; }

#iso .page .grid-item-content h3 {  
    font-weight: 600;
    margin-bottom:  1em; 
}


#iso .page .grid-item-content p,
#iso .page .grid-item-content li { 
    color: #003067; 
    font-size: 1em;
    line-height: 1.2;
    font-weight: 300;
}

/*#iso .page .grid-item-content li { margin: 0 0 0.2em; }*/

/*#iso .page .grid-item-content h5 { color: #32bbb5; font-weight: 500;}*/



/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


    /*==========  Non-Mobile First Method  ==========*/


    /* Large Devices, Wide Screens LG */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Laptop MD*/
    @media (min-width: 992px) and (max-width: 1199px) { 

        #iso .grid-item-content { height: 210px; }
        #iso .H2 { height: 440px; } /*SISTEMARE PER RESPONSIVE*/
        #iso .H3 { height: 670px; }  /*SISTEMARE PER RESPONSIVE*/
        #iso .H4 { height: 900px; }  /*SISTEMARE PER RESPONSIVE*/

/*        #iso .grid-item { margin-bottom: 20px; }*/
/*        #iso .grid-item-content {  height: 11.5em; }*/
/*        #iso .H2 { height: 24em; } */
/*        #iso .H3 { height: 35.5em; } */
    }

    /* Medium Devices, Desktops MD*/
    @media only screen and (max-width : 992px) {

    }

    /* Portrait tablets and small desktops */
    @media (min-width: 768px) and (max-width: 991px) {

        #iso .grid-item-content { height: 150px; }
        #iso .H2 { height: 320px; } /*SISTEMARE PER RESPONSIVE*/
        #iso .H3 { height: 490px; }  /*SISTEMARE PER RESPONSIVE*/
        #iso .H4 { height: 660px; }  /*SISTEMARE PER RESPONSIVE*/
        #iso .grid-item-content h3 { font-size: 0.7em; }
        #iso .page .grid-item-content h4 { font-size: 0.8em;  }
    }

    /* Small Devices, Tablets SM*/
    @media only screen and (max-width : 767px) {

/*        #iso .grid-item { padding: 0; margin: 0; }*/

        #iso .grid-item-content,
        #iso .grid-item-content.H2,
        #iso .grid-item-content.H3 { min-height: 25em; height: auto; }

        #iso .H2 { height: auto; } 

    }

    /* Mobile Large, Extra Small Devices, Phones XS*/ 
    @media only screen and (max-width : 480px) {

        #iso .grid-item-content,
        #iso .grid-item-content.H2,
        #iso .grid-item-content.H3 { min-height: 15em; }

    }

    /* Mobile Medium, iPhone Retina */ 
    @media only screen and (max-width : 375px) {


    }

    /* Mobile Small, Custom iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }