/* Screens start */
.image-iwork-hero {
  background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_large_2x.jpg");
  }
}

@media only screen and (min-width: 1441px) {
  .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_xlarge.jpg");
  }
}

@media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-width: 1441px) and (min-resolution: 1.5dppx),
  only screen and (min-width: 1441px) and (min-resolution: 144dpi) {
  .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_xlarge_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_small_2x.jpg");
  }
}

@media only screen and (max-width: 475px) and (orientation: portrait) {
  .page-iwork .section-hero .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_large.jpg");
  }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 475px) and (orientation: portrait) and (min-resolution: 1.5dppx),
  only screen and (max-width: 475px) and (orientation: portrait) and (min-resolution: 144dpi) {
  .page-iwork .section-hero .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_large_2x.jpg");
  }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (min-width: 1441px) {
  .page-iwork .section-hero .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_xlarge.jpg");
  }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 475px) and (orientation: portrait) and (min-width: 1441px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 475px) and (orientation: portrait) and (min-width: 1441px) and (min-resolution: 144dpi) {
  .page-iwork .section-hero .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_xlarge_2x.jpg");
  }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 1068px) {
  .page-iwork .section-hero .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_medium.jpg");
  }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-iwork .section-hero .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_medium_2x.jpg");
  }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 734px) {
  .page-iwork .section-hero .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_small.jpg");
  }
}

@media only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 475px) and (orientation: portrait) and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-iwork .section-hero .image-iwork-hero {
    background-image: url("/mideast/iwork/j/images/ar/hero__elz1uh1rpmuu_small_2x.jpg");
  }
}

/* Screens end */

/*Local fix start*/

.section-hero-block {
  direction: ltr;
}

.section-hero-block .typography-headline-elevated,
.section-hero-block .typography-intro {
  direction: rtl;
}
.page-iwork .section-hero .image-iwork-hero {
  right: unset;
  margin-right: unset;
  left: 50%;
  margin-left: -541.5px;
}

@media only screen and (min-width: 1442px) {
  .page-iwork .section-hero .image-iwork-hero {
    margin-left: -867.5px;
  }
}

@media only screen and (max-width: 1068px) {
  .page-iwork .section-hero .image-iwork-hero {
    margin-left: -369px;
  }
}

@media only screen and (max-width: 734px) {
  .page-iwork .section-hero .image-iwork-hero {
    left: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 1069px) {
  .section-copy-block .pattern-tile {
    text-align: right;
  }
}

.section-copy-block .pattern-tile .icon-headline {
  direction: rtl;
}

.section-copy-block .pattern-tile .tile-copy {
  direction: rtl;
}

@media only screen and (max-width: 1068px) {
  .page-iwork .section-hero .tile-wrapper .icon-headline {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 734px) {
  .page-iwork .section-hero .tile-wrapper {
    text-align: right;
  }
}

@media only screen and (max-width: 734px) {
  .page-iwork .section-hero .tile-wrapper .tile-numbers .tile-copy {
    text-align: right;
  }
}

@media only screen and (max-width: 734px) {
  .page-iwork .section-hero .tile-wrapper .tile-keynote .tile-copy {
    text-align: right;
  }
}
@media only screen and (max-width: 734px) {
  .page-iwork .section-hero .tile-wrapper .tile-pages .tile-copy {
    text-align: right;
  }
}

/*Local fix end*/