#gallery{margin-bottom:10px;}
.gallery{padding: 0; margin: 0; margin-bottom:10px;}
.gallery{width:100%;margin-top:-10px;}
.gallery:after{clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.gallery li{list-style: none!important; float: left; width: 33.33333333%;}
.gallery li a{display: block; margin: 10px; margin-bottom:5px!important;}
.gallery li img{border-radius:500px; display: block; width: 100%; height: auto; }
.square-thumb li img{border-radius:0px!important;}
.round-thumb li img{border-radius:500px;}

@media only screen and (max-width:500px){
    .gallery{width:110%;margin-top:-10px;margin-left:-5%;}	
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width: 1024px)
and (orientation : landscape) { 
    .gallery{width:107%!important;margin-left:-1%!important;}
    .gallery li{ list-style: none!important; float: left; width: 16%; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width: 1024px)
and (orientation : portrait) { 
    .gallery{width:107%!important;margin-left:-1%!important;}
    .gallery li{list-style: none!important; float: left; width: 16%;}
}

/*For Demo Frame*/
@media only screen 
and (width : 798px){ 
    .gallery{width:107%!important;margin-left:-1%!important;}
    .gallery li{list-style: none!important; float: left; width: 16%;}
}

.swipebox{overflow: hidden!important;}
.swipebox div{overflow:visible!important;}
#swipebox-overlay img {border: none!important;}
#swipebox-overlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999!important;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
#swipebox-slider {height: 100%;left: 0;top: 0;width: 100%;white-space: nowrap;position: absolute;display: none;}
#swipebox-slider .slide {background: url("../img/gallery/loader.gif") no-repeat center center;height: 100%;width: 100%;line-height: 1px;text-align: center;display: inline-block;}
#swipebox-slider .slide:before {content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
#swipebox-slider .slide img {display: inline-block;max-height: 100%;max-width: 100%;margin: 0;padding: 0;width: auto;height: auto;vertical-align: middle;}
#swipebox-action, #swipebox-caption {position: absolute;left: 0;z-index: 999;height: 50px;width: 100%;}
#swipebox-action {bottom: -50px;}
#swipebox-action.visible-bars {bottom: 0;}
#swipebox-action.force-visible-bars {bottom: 0!important;}
#swipebox-caption {top: -50px;text-align: center;}
#swipebox-caption.visible-bars {top: 0;}
#swipebox-caption.force-visible-bars {top: 0!important;}
#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {background-image: url("../img/gallery/icon3.png");background-repeat: no-repeat;border: none!important;text-decoration: none!important;cursor: pointer;position: absolute;width: 50px;height: 50px;top: 0;}
#swipebox-action #swipebox-close {background-position: 15px 12px;left: 40px;}
#swipebox-action #swipebox-prev {background-position: -32px 13px;right: 100px;}
#swipebox-action #swipebox-next {background-position: -78px 13px;right: 40px;}
#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity: 0.3;}
#swipebox-slider.rightSpring {-moz-animation: rightSpring 0.3s;-webkit-animation: rightSpring 0.3s;}
#swipebox-slider.leftSpring {-moz-animation: leftSpring 0.3s;-webkit-animation: leftSpring 0.3s;}
@-moz-keyframes rightSpring {
    0% {margin-left: 0px;}
    50% {margin-left: -30px;}
    100% {margin-left: 0px;}
}

@-moz-keyframes leftSpring {
    0% {margin-left: 0px;}
    50% {margin-left: 30px;}
    100% {margin-left: 0px;}
}

@-webkit-keyframes rightSpring {
    0% {margin-left: 0px;}
    50% {margin-left: -30px;}
    100% {margin-left: 0px;}
}

@-webkit-keyframes leftSpring {
    0% {margin-left: 0px;}
    50% {margin-left: 30px;}
    100% {margin-left: 0px;}
}

/* Skin 
--------------------------*/
#swipebox-overlay {background: #0d0d0d;opacity:0.99;}
#swipebox-action, #swipebox-caption {text-shadow: 1px 1px 1px black;background-color: #0d0d0d;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));background-image: -webkit-linear-gradient(#0d0d0d, #000000);background-image: -moz-linear-gradient(#0d0d0d, #000000);background-image: -o-linear-gradient(#0d0d0d, #000000);background-image: linear-gradient(#0d0d0d, #000000);-webkit-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;-moz-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);opacity: 0.95;}
#swipebox-action {-webkit-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;-moz-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;}
#swipebox-caption {color: white!important;font-size: 12px;line-height: 43px;font-family: 'Open Sans', sans-serif;}