.i-overlay {
  position: relative;
  margin: auto;
  overflow: hidden;
}

.i-overlay .img-over {
  display: block;
  width: 100%;
  height: auto;
}

.i-overlay .overlay {
  visibility: hidden;
  color: white;
  font-size: 20px;
  line-height: 35px;
  position: absolute;
  text-align: center;
  height: 90%;
  width: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}

.sub-show2 p {
  padding-left: 0px !important;
}

.quick {
  position: absolute;
  width: 100%;
  padding: 5px 0;
  bottom: 0;
  visibility: hidden;
  background: #ff0000;
}

.i-overlay .overlay div {
  top: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.quick a{color: #fff!important; display: block;}

.i-overlay .overlay:hover {
  opacity: 0.8;
}

.quick:hover {
  background:#f34e4e;
}
@media(max-width: 1024px){
  .i-overlay .overlay{display: none;}
  .quick{visibility: visible;}
}

@media only screen and (max-width: 1196px) and (min-device-width: 981px){
	.i-overlay:hover .overlay:after, .i-overlay:hover .overlay .active:after{
		font-size: 17px;
	}
}

@media (max-width: 980px){
  .subg-box {width: 48%; display: inline-block;}
}

@media (max-width: 768px){
	.gallery-box2 {
    margin-left: -3px;
  }
}

@media (max-width: 519px){
  .subg-box {width: 100%;}
}