/*To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template in the editor.*//*     Created on : 03/09/2015, 17:20:51    Author     : Marcos*//*==============================================================================          =                  /Media Queries            ===============================================================================*/@media screen and (max-width: 1600px) { /* Large devices Desktops*/}@media screen and  (max-width: 1450px) {}@media screen and (max-width: 1350px) { }@media screen and (max-width: 1200px) {/* Medium devices Desktops */}@media screen and (min-width: 978px) { }@media screen and (max-width: 978px) {/* Small devices Tablets */    .demo-gallery > ul > li {    height: 75px;}    .demo-gallery > ul > li a{}    .demo-gallery > ul > li a:hover{}    .demo-gallery > ul > li a img{}    .demo-gallery > ul > li h4{ font-size: 12px;}    .demo-gallery > ul > li hr{}}@media screen and (max-width: 766px) { /* Extra small devices Phones (<768px) */}@media screen and (max-width: 480px) { }@media screen and (max-width: 320px) {}/*==============================================================================          =                  /Media Queries            ===============================================================================*/.demo-gallery{ padding-top: 3.5em;}.demo-gallery > ul {    margin-bottom: 0;}.demo-gallery > ul > li {padding: 0;}.demo-gallery > ul > li a {    display: block;    position: relative;    float: left;    width: 100%;}.demo-gallery > ul > li a > img {    border: solid 1px #ddd;    box-shadow: 2px 2px 20px #ddd;    -webkit-transition: -webkit-transform 0.15s ease 0s;    -moz-transition: -moz-transform 0.15s ease 0s;    -o-transition: -o-transform 0.15s ease 0s;    transition: transform 0.15s ease 0s;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);    width: 100%;}.demo-gallery > ul > li a:hover > img {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);}.demo-gallery a:hover img {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);}.demo-gallery a .background-show-view{display: none;}.demo-gallery a .background-show-view i{}.demo-gallery a:hover .background-show-view{background-color: #000000a8;display: block;width: 100%;height: 100%;position: absolute;z-index: 1010;}.demo-gallery a:hover .background-show-view i{color: #fff;font-size: 75px;position: absolute;left: 50%;margin-left: -37.5px;top: 50%;margin-top: -37.5px;}.demo-gallery > ul > li a:hover .demo-gallery-poster > img {    opacity: 1;}.demo-gallery > ul > li h4{text-align: center;color: #929191;}.demo-gallery > ul > li hr{    margin: 10px auto;    border-top: 3px solid #ddd;    width: 70%;}.demo-gallery > ul > li a .demo-gallery-poster {    background-color: rgba(0, 0, 0, 0.1);    bottom: 0;    left: 0;    position: absolute;    right: 0;    top: 0;    -webkit-transition: background-color 0.15s ease 0s;    -o-transition: background-color 0.15s ease 0s;    transition: background-color 0.15s ease 0s;}.demo-gallery > ul > li a .demo-gallery-poster > img {    left: 50%;    margin-left: -10px;    margin-top: -10px;    opacity: 0;    position: absolute;    top: 50%;    -webkit-transition: opacity 0.3s ease 0s;    -o-transition: opacity 0.3s ease 0s;    transition: opacity 0.3s ease 0s;}.demo-gallery > ul > li a:hover .demo-gallery-poster {    background-color: rgba(0, 0, 0, 0.5);}.demo-gallery .justified-gallery > a > img {    -webkit-transition: -webkit-transform 0.15s ease 0s;    -moz-transition: -moz-transform 0.15s ease 0s;    -o-transition: -o-transform 0.15s ease 0s;    transition: transform 0.15s ease 0s;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);    height: 100%;    width: 100%;}.demo-gallery .justified-gallery > a:hover > img {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);}.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {    opacity: 1;}.demo-gallery .justified-gallery > a .demo-gallery-poster {    background-color: rgba(0, 0, 0, 0.1);    bottom: 0;    left: 0;    position: absolute;    right: 0;    top: 0;    -webkit-transition: background-color 0.15s ease 0s;    -o-transition: background-color 0.15s ease 0s;    transition: background-color 0.15s ease 0s;}.demo-gallery .justified-gallery > a .demo-gallery-poster > img {    left: 50%;    margin-left: -10px;    margin-top: -10px;    opacity: 0;    position: absolute;    top: 50%;    -webkit-transition: opacity 0.3s ease 0s;    -o-transition: opacity 0.3s ease 0s;    transition: opacity 0.3s ease 0s;}.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {    background-color: rgba(0, 0, 0, 0.5);}.demo-gallery .video .demo-gallery-poster img {    height: 48px;    margin-left: -24px;    margin-top: -24px;    opacity: 0.8;    width: 48px;}.demo-gallery.dark > ul > li a {    border: 3px solid #04070a;}@media screen and (min-width: 1025px) {    .demo-gallery > ul > li{margin: 0;}}