/*default css*/

#boxGallery {
  font-family: 'colaborate-thinregular', sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#boxGallery img {
  width: 100%;
  height: auto;
}
 
#boxGallery h1 {
  font-size: 50px;
}

#boxGallery pre {
  letter-spacing: 0px;
  text-transform: none;
}
#boxGallery.Gallery-container {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
#boxGallery .gcolumn-1 {
 width:100%;
}
#boxGallery .gcolumn-2 {
 width:50%;
 float:left;
}
#boxGallery .gcolumn-3 {
 width:33.33%;
 float:left;
}
#boxGallery .gcolumn-4 {
 width:25%;
 float:left;
}
#boxGallery .You-gallery h2::before {
  z-index: -1;
}
#boxGallery .You-gallery h2 {
  z-index: 99;
}
.gbox-error {
  color:#ff0000;
  font-size:40px;
  text-align:center
}
.gbox-loadMore {
  display: block;
  height: auto;
  overflow: hidden;
  width: 100%;
}
.loadMore {
    padding: 10px;
    box-shadow: 0 1px 1px #ccc;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.nav-next div {
    font-size: 38px;
}
.nav-previous div {
    font-size: 38px;
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

#boxGallery .gcolumn-3,
#boxGallery .gcolumn-4  {
 width:50%;
 float:left;
}
.gbox-error {
  font-size:30px;
}

}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
#boxGallery .gcolumn-2,
#boxGallery .gcolumn-3,
#boxGallery .gcolumn-4{
 width:100%;
 float:left;
}
.gbox-error {
  font-size:20px;
}
#boxGallery .hover {
  display: block;
  text-align: center;
  width: 94%;
}
#boxGallery .hover {
  margin-left: 3%;

}

html body .poptrox-popup span.closer {
  right: -17px !important;
}
html body .poptrox-popup .nav-previous ,
html body .poptrox-popup .nav-next {
    color: #555 !important;
    height: 20% !important;
    top: 40% !important;
}
html body .poptrox-popup .pic {
  float: left !important;
  margin: 0;
  text-align: center !important;
  width: 100% !important;
}
@media only screen and (max-width: 320px) {
html body .poptrox-overlay .poptrox-popup {
  width: 90% !important;
}
} 


}