/* Magnific Popup CSS */

.mfp-content {
  text-align: right;
}

.mfp-close {
  left: 12px;
  right: auto;
}

.mfp-counter {
  left: 0;
  right: auto;
}

  .mfp-arrow:before,
  .mfp-arrow:after {
    left: auto;
    margin-left: 0;
    margin-right: 35px;
    right: 0;
}
.mfp-arrow-left {
  left: auto;
  right: 0;
}
.mfp-arrow-left:after {
    border-left: 17px solid #FFF;
    margin-left: 31px;
    border-right: 0;
    margin-left: 0;
}
.mfp-arrow-left:before {
  border-left: 27px solid #3F3F3F;
  border-right: 0;
  margin-left: 0;
  margin-right: 25px;
}

.mfp-arrow-right {
  left: 0;
  right: auto;
}
.mfp-arrow-right:after {
  border-left: 0;
  border-right: 17px solid #FFF;
  margin-left: 0;
  margin-right: 39px;
}
.mfp-arrow-right:before {
  border-left: 0;
  border-right: 27px solid #3F3F3F;
}

.mfp-bottom-bar {
  left: auto;
  right: 0;
}

.mfp-title {
  padding-left: 36px;
  padding-right: 0;
  text-align: right;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-figure small {
    margin-left: 0;
    margin-right: 5px;
  }
  .mfp-img-mobile .mfp-counter {
    left: 5px;
    right: auto;
  }
}