.left-image-structure .hp-logo {position: absolute;top: 20px;right: 0;}
.right-image-structure .hp-logo {position: absolute;top: 20px;left: 0;}
.left-right-structure .image-part figure .hp-logo img { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }
.hp-imgbg-wrap.left-right-structure .image-part {height: auto;}
.hp-imgbg-wrap .readmore {width: 200px;}
.hp-imgbg-wrap .readmore span i {margin-left: 10px;}

.picture-wrap span {color: #ffffff; margin-bottom: 15px;font-size: 22px;}

.picture-wrap .vid-play img {height: 70px;}
.reveal {
  visibility: hidden;
  position: relative;
  overflow: hidden;
}

.reveal-right {
  visibility: hidden;
  position: relative;
  overflow: hidden;
}

/**================
MEDIA
================**/
@media (max-width: 1024px){
  

}


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


@media all and (max-width:568px){



}
@media all and (max-width:767px){
  .left-image-structure .hp-logo {left: 0; right: auto;}
  .right-image-structure .hp-logo {left: 0;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hp-imgbg {height: auto;}
  .left-image-structure .hp-logo {top: 125px;}
  .right-image-structure .hp-logo {top: 75px;left: -10px;}

}
@media only screen and (min-width: 1024px) and (max-width: 1080px) {
  .hp-imgbg {height: auto;}
  .left-image-structure .hp-logo {top: 140px;}
  .right-image-structure .hp-logo {top: 105px;left: -25px;}
}
@media only screen and (min-width: 1280px) and (max-width: 1300px) { 
  .left-image-structure .hp-logo {top: 80px;}
  .right-image-structure .hp-logo {top: 80px;}
}
@media only screen and (min-width: 1349px) and (max-width: 1439px) {
  .left-image-structure .hp-logo {top: 80px;}
  .right-image-structure .hp-logo {top: 80px;}
}
@media only screen and (min-width: 1340px) and (max-width: 1444px) {
  .left-image-structure .hp-logo {top: 80px;}
  .right-image-structure .hp-logo {top: 80px;}
}