﻿/*griglie templates custom (con isotope)*/

.box_mason{ min-height:20px; /*border:1px solid #ccc;*/}
/*.box_mason img{max-width:100%;}*/
.isotope{width:100%;}


/*isotope 12 colonne*/
.isotope_container .box_mason,
.isotope_container .grid_sizer{width:calc((100% - (11 * 50px)) / 12);}
.isotope_container .box_mason.box_2_12{width:calc(((100% - (11 * 50px)) / 12) * 2 + 1 * 50px); min-height:10px;}
.isotope_container .box_mason.box_3_12{width:calc(((100% - (11 * 50px)) / 12) * 3 + 2 * 50px); min-height:10px;}

.isotope_container .box_mason.box_4_12{width:calc(((100% - (11 * 50px)) / 12) * 4 + 3 * 50px); min-height:10px;}
.isotope_container .box_mason.box_5_12{width:calc(((100% - (11 * 50px)) / 12) * 5 + 4 * 50px); min-height:10px;}
.isotope_container .box_mason.box_6_12{width:calc(((100% - (11 * 50px)) / 12) * 6 + 5 * 50px); min-height:10px;}
.isotope_container .box_mason.box_7_12{width:calc(((100% - (11 * 50px)) / 12) * 7 + 6 * 50px); min-height:10px;}
.isotope_container .box_mason.box_8_12{width:calc(((100% - (11 * 50px)) / 12) * 8 + 7 * 50px); min-height:10px;}
.isotope_container .box_mason.box_9_12{width:calc(((100% - (11 * 50px)) / 12) * 9 + 8 * 50px); min-height:10px;}
.isotope_container .box_mason.box_10_12{width:calc(((100% - (11 * 50px)) / 12) * 10 + 9 * 50px); min-height:10px;}
.isotope_container .box_mason.box_11_12{width:calc(((100% - (11 * 50px)) / 12) * 11 + 10 * 50px); min-height:10px;}
.isotope_container .box_mason.box_12_12{width:100%; min-height:10px;}
@media (min-width:480px) and (max-width: 996px) {
    body .page .isotope_container .box_mason,
    body .page .isotope_container .grid_sizer{width:calc((100% - (1 * 50px)) / 2);}
    body .page .isotope_container .box_mason.boxt_1_2{width:calc((100% - (1 * 50px)) / 2); min-height:10px;}
    body .page .isotope_container .box_mason.boxt_2_2{width:100%;}
}
@media (max-width: 479px) {
    body .page .isotope_container .box_mason,
    body .page .isotope_container .grid_sizer{width:100%;}
    body .page .isotope_container .box_mason.boxt_1_2{width:100%}
    body .page .isotope_container .box_mason.boxt_2_2{width:100%}
}
