#lgbx,
#lgbx_bcg { position: fixed }

#lgbx_bcg {
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: rgba(0,0,0,0.8);

 
}

#lgbx {
  background: #FFF;
  padding: 5px;
  z-index: 55;
  top: 0;
  left: 0;
  position:absolute;
  z-index:999999999999999999999999999999999999999999999;
}

#lgbx_close,
#lgbx_desc,
#lgbx_next,
#lgbx_prev {
  position: absolute;
  z-index: 56;
  display: none
}

#lgbx_close {
  z-index: 56;
  right: 9px;
  top: 9px;
  cursor: pointer;
  width: 15px
}

#lgbx_desc {
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.6);
  color: #FFF;
  padding: 5px 8px 1px;
  font-size: 12px
}

#lgbx_next,
#lgbx_prev {
  cursor: pointer;
  top: 50%;
  margin-top: -20px;
  height: 40px
}

#lgbx_next { right: 5px }

#lgbx_prev { left: 5px }

#gallery {  }

#gallery img {width: 375px; margin: 10px; cursor: pointer; margin-top:14px; }



/*============  *****  =============*/
@media (max-width:1280px) {
	
#gallery img {width: 360px; margin: 10px; cursor: pointer; margin-top:9px; }	
	
}



/*============  *****  =============*/
@media (max-width:1024px) {
	
#gallery img {width: 285px; margin: 10px; cursor: pointer; margin-top:9px; }	
	
}


/*============  *****  =============*/
@media (max-width:800px) {
	
#gallery img {width: 335px; margin: 10px; cursor: pointer; margin-top:9px; }	
	
}


/*============  *****  =============*/
@media (max-width:768px) {
	
#gallery img {width: 320px; margin: 10px; cursor: pointer; margin-top:9px; }	
	
}


/*============  *****  =============*/
@media (max-width:736px) {
	
#gallery img {width: 310px; margin: 10px; cursor: pointer; margin-top:9px; }	
	
}



/*============  *****  =============*/
@media (max-width:667px) {
	
	
	#gallery img {width: 280px; margin: 10px; cursor: pointer; margin-top:9px;}
	
}

/*============  *****  =============*/
@media (max-width:640px) {
	
	
	#gallery img {width: 260px; margin: 10px; cursor: pointer; margin-top:9px;}
	
}


/*============  *****  =============*/
@media (max-width:480px) {
	
	
	#gallery img {width: 372px; margin: 20px; cursor: pointer; margin-top:9px;}
	
}

/*============  *****  =============*/
@media (max-width:414px) {
	
	
	#gallery img {width: 372px; margin: 0px; cursor: pointer; margin-top:20px;}
	
}


/*============  *****  =============*/
@media (max-width:375px) {
	
	
	#gallery img {width: 372px; margin: 0px; cursor: pointer; margin-top:20px;}
	
}