.container_pezzi{display: flex; flex-wrap: wrap; }
.box_pezzi{flex-basis: 25%;position: relative; margin-bottom: 40px; box-sizing: border-box; padding: 0 10px; border-right: solid 1px #d5dfe7} .box_pezzi h3{color: #7ed3f7; font-size: 25px; margin-bottom: 5px; font-weight: 400}
.box_pezzi img{border: solid 1px #fff; transition: all 0.5s; margin-bottom: 5px;}
.box_pezzi img:hover{background-color: #f0f0f3; border: solid 1px #d5dfe7;}
.btn_card_pezzi{color: #003471!important; font-weight: 700!important;background-color: #ffcc32; box-sizing: border-box; width: 40px; height: 40px; padding: 10px; text-align: center;position: absolute; bottom: 0px; right: 10px; }
.btn_card_pezzi:hover{background-color: #fbd153}

.img_pezzo_modal{width: 40%; background-color: #f0f0f3; float: left;box-sizing: border-box;}
.desc_pezzo_modal{width: 60%;float: left; box-sizing: border-box; padding: 0 20px; color: #004884} .desc_pezzo_modal h3{color:#7ed3f7; font-size: 23px;margin-bottom: 5px}
.separatore_desc{border-bottom: solid 1px #d5dfe7; margin: 15px 0}

/*TABLET*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
.box_pezzi{flex-basis: 25%;position: relative; margin-bottom: 40px; box-sizing: border-box; padding: 0 10px; border-right: solid 1px #d5dfe7}
}

/*iPHONE*/
@media only screen and (max-width: 767px) {
.box_pezzi{flex-basis: 50%;position: relative; margin-bottom: 40px; }
.img_pezzo_modal{width: 100%; background-color: #f0f0f3; float: none}
.desc_pezzo_modal{width: 100%;float: none; box-sizing: border-box; padding: 5px; margin-top: 10px}
}

/*CELL PIU PICCOLI*/
@media only screen and (max-width: 479px) {
.box_pezzi{flex-basis: 50%;position: relative; margin-bottom: 40px; }
}