/* CSS dinâmico para  */ .mod-galeria-com-miniaturas { margin-bottom: 50px }   .images .image,  .thumbs .thumb {  }  .images .image .content,  .thumbs .thumb { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; }  .legenda { background: ; color: ; margin: 0; padding: 7px 20px; position: absolute; bottom: 0; left: 0; right: 0; top: auto; font-size: 13px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }  .thumbs .thumb.active { border-color: ; }  .thumbs .thumb:hover { border-color: ; }  .thumbs .thumb.active:before { border: none; background: transparent; background-image: url(https://metaro.com.br/wp-content/themes/metaro/img/seta-galeria-com-miniaturas.png); background-position: top center; background-repeat: no-repeat; position: absolute; top: -15px; left: 0; right: 0; bottom: 0; }  .thumbs .thumb:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; }  .thumbs .thumb { border-width: 5px; height: 60px; } /* -------------------------------------------------------------- */ /* HD 720p (1280x720) */ @media only screen and (min-width: 1280px) /*and (max-width: 1439px)*/ {  .thumbs .thumb { width: