.blocco-i {position: relative;}
@media all and (orientation:portrait) {.blocco-i .box-p .altezza {padding-bottom: 45%;}}
@media all and (orientation:landscape) {.blocco-i .box-p .altezza {padding-bottom: 35%;}}

/*--------------------------------------------------------------------------------*/
/*** Media Query ***/
/* sopra 000px -> bootstrap ref. */
@media (min-width: 415px) {}
@media (min-width: 576px) /* SM */ {}
@media (min-width: 768px) /* MD */ {
    .blocco-i .box-p .altezza {padding-bottom: 35%;}
}
@media (min-width: 992px) /* LG */ {}
@media (min-width: 1200px) /* XL */ {}
@media (min-width: 1367px) {}
@media (min-width: 1920px) {}

/* sotto 000px -> bootstrap ref. */
@media (max-width: 1200px) /* XL */ {}
@media (max-width: 992px) /* LG */ {}
@media (max-width: 768px) /* MD */ {}
@media (max-width: 576px) /* SM */ {}

/* orientamento finestra/dispositivo */

/* solo dispositivi touch */
@media (hover: none) {}