@charset "utf-8";
/* CSS Document */


            .demo-gallery > ul {
              margin-bottom:10px;
            }
            .demo-gallery > ul > li {
                float: left;
                width:25%; padding:8px 4px; height:210px; overflow:hidden;
            }
			.demo-gallery > ul > li a img{ width:100%; height:210px;}
            .demo-gallery > ul > li a {
              display: block;
              overflow: hidden;
              position: relative;
              float: left; width:100%;
            }
            .demo-gallery > ul > li 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 > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .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;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }
			
			
			





@media (max-width:1024px) {
.demo-gallery > ul > li{height: 154px}

}
@media (max-width:991px) {


}
@media (max-width:768px) {
.demo-gallery > ul > li {height:161px;width: 33.333%;}

}
@media (max-width:700px) {
.demo-gallery > ul > li {width: 33.333%; }
}
@media (min-width:600px) and (max-width: 736px) {
.demo-gallery > ul > li {width: 50%; height:211px;}

}
@media (min-width:540px) and (max-width: 599px) {
.demo-gallery > ul > li {width: 50%;}

}
@media (max-width:700px) {


}
@media (max-width:667px) {


}


@media (max-width:568px) {
.demo-gallery > ul > li {width:100%; height:178px;}
}


@media (max-width:570px) {
.demo-gallery > ul > li {width: 50%;}

}
@media (max-width:414px) {
.demo-gallery > ul > li {width: 100%; height:258px;}

}

@media (max-width:384px) {
.demo-gallery > ul > li {width:100%; height:238px;}

}
@media (max-width:375px) {
.demo-gallery > ul > li {width:100%; height:232px;}

}


@media (max-width:320px) {
.demo-gallery > ul > li {width:100%; height:195px;}

}