.mostraGaleria { width:calc(100% - 15px); float:left; height:auto; z-index:99; padding:0 0 0 15px; background-color:#222222; margin:5px 15px 0 0 }

.divMFoto { overflow:hidden; background-position:center center; background-size: 100% auto; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; cursor:pointer; float:left; overflow:hidden; z-index:99; margin:0 15px 15px 0; background-color:#F2F2F2; background-repeat:no-repeat }


@media only screen and (min-width: 1171px){
.divMFoto { width:calc((100% / 3) - 15px); height:190px }
}

@media only screen and (min-width: 961px) and (max-width: 1170px){
.divMFoto { width:calc((100% / 3) - 15px); height:175px }
}

@media only screen and (min-width: 769px) and (max-width: 960px){
.divMFoto { width:calc((100% / 2) - 15px); height:175px }
}

@media only screen and (min-width: 621px) and (max-width: 768px){
.divMFoto { width:calc((100% / 2) - 15px); height:150px }
}

@media only screen and (min-width: 481px) and (max-width: 620px){
.divMFoto { width:calc((100% / 2) - 15px); height:130px; margin:0 15px 15px 0 }
}

@media only screen and (min-width: 0px) and (max-width: 480px){
.divMFoto { width:calc(100% - 15px); margin:0 15px 15px 0; height:auto }
}
