/*** Arabic Fonts ****/

/********************/

#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
#ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-title, 
#ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-title:lang(ar), 
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar), 
.typography-headline-standalone, 
.typography-headline-standalone:lang(ar), 
.typography-headline-hero, 
.typography-headline-hero:lang(ar), 
.typography-headline-section, 
.typography-headline-section:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-eyebrow-hero, 
.typography-eyebrow-hero:lang(ar), 
.typography-eyebrow-reduced, 
.typography-eyebrow-reduced:lang(ar), 
.typography-cta, 
.typography-cta:lang(ar), 
.typography-callout-copy, 
.typography-callout-copy:lang(ar), 
.typography-section-copy, 
.typography-section-copy:lang(ar), 
.typography-router-tile-eyebrow, 
.typography-router-tile-eyebrow:lang(ar), 
.typography-router-tile-full-headline, 
.typography-router-tile-full-headline:lang(ar), 
.typography-router-tile-half-headline, 
.typography-router-tile-half-headline:lang(ar), 
.typography-pairs-headline, 
.typography-pairs-headline:lang(ar) {
    letter-spacing: 0;
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
  
#globalnav .globalnav-link, 
#globalnav .globalnav-link:lang(ar), 
#globalnav .globalnav-link-apple, 
#globalnav .globalnav-link-apple:lang(ar), 
#globalnav .globalnav-submenu-header, 
#globalnav .globalnav-submenu-header:lang(ar), 
#globalnav .globalnav-submenu-list-item, 
#globalnav .globalnav-submenu-list-item:lang(ar), 
#globalmessage-segment, 
#globalmessage-segment:lang(ar), 
#ac-globalfooter, #ac-globalfooter select, #ac-globalfooter button, 
#ac-globalfooter:lang(ar), #ac-globalfooter select:lang(ar), #ac-globalfooter button:lang(ar), 
#ac-globalfooter .ac-gf-buystrip-info, 
#ac-globalfooter .ac-gf-buystrip-info:lang(ar), 
#ac-globalfooter, 
#ac-globalfooter:lang(ar), 
#ac-globalfooter .ac-gf-sosumi p, #ac-globalfooter .ac-gf-sosumi li, 
#ac-globalfooter .ac-gf-sosumi p:lang(ar), #ac-globalfooter .ac-gf-sosumi li:lang(ar), 
#ac-globalfooter .ac-gf-breadcrumbs-path, 
#ac-globalfooter .ac-gf-breadcrumbs-path:lang(ar), 
#ac-globalfooter .ac-gf-directory, 
#ac-globalfooter .ac-gf-directory:lang(ar), 
#ac-globalfooter .ac-gf-directory-column-section-title-button, #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text, 
#ac-globalfooter .ac-gf-directory-column-section-title-button:lang(ar), #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text:lang(ar), 
#ac-localnav .ac-ln-menu, 
#ac-localnav .ac-ln-menu:lang(ar), 
#ac-localnav .ac-ln-button, 
#ac-localnav .ac-ln-button:lang(ar), 
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.button, 
.button:lang(ar), 
.button-super, 
.button-super:lang(ar), 
.typography-body-reduced-tight, 
.typography-body-reduced-tight:lang(ar), 
.typography-specs-caption, 
.typography-specs-caption:lang(ar), 
.typography-body-tight, 
.typography-body-tight:lang(ar), 
.tabnav-link, 
.tabnav-link:lang(ar) {
    letter-spacing: 0;
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}
  
@media only screen and (max-width: 833px) {
#globalnav .globalnav-link, 
#globalnav .globalnav-link:lang(ar), 
#globalnav .globalnav-link-apple, 
#globalnav .globalnav-link-apple:lang(ar), 
#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

#globalnav .globalnav-submenu-header, 
#globalnav .globalnav-submenu-header:lang(ar), 
#globalnav .globalnav-submenu-list-item, 
#globalnav .globalnav-submenu-list-item:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media only screen and (max-width: 1068px) {
.typography-headline-standalone, 
.typography-headline-standalone:lang(ar), 
.typography-headline-hero, 
.typography-headline-hero:lang(ar), 
.typography-headline-section, 
.typography-headline-section:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-eyebrow-hero, 
.typography-eyebrow-hero:lang(ar), 
.typography-callout-copy, 
.typography-callout-copy:lang(ar), 
.typography-section-copy, 
.typography-section-copy:lang(ar), 
.typography-router-tile-full-headline, 
.typography-router-tile-full-headline:lang(ar), 
.typography-router-tile-half-headline, 
.typography-router-tile-half-headline:lang(ar), 
.typography-pairs-headline, 
.typography-pairs-headline:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}

@media (max-width: 833px) {
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

#ac-localnav .ac-ln-menu, 
#ac-localnav .ac-ln-menu:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media only screen and (max-width: 734px) {
.typography-headline-standalone, 
.typography-headline-standalone:lang(ar), 
.typography-headline-hero, 
.typography-headline-hero:lang(ar), 
.typography-headline-section, 
.typography-headline-section:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-eyebrow-reduced, 
.typography-eyebrow-reduced:lang(ar), 
.typography-cta, 
.typography-cta:lang(ar), 
.typography-callout-copy, 
.typography-callout-copy:lang(ar), 
.typography-section-copy, 
.typography-section-copy:lang(ar), 
.typography-router-tile-full-headline, 
.typography-router-tile-full-headline:lang(ar), 
.typography-router-tile-half-headline, 
.typography-router-tile-half-headline:lang(ar), 
.typography-pairs-headline, 
.typography-pairs-headline:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.section-hero .cta-wrapper .button, 
.section-hero .cta-wrapper .button:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}


/********************/

/*** Arabic Fonts ****/










.section-routers .router-item-accessories {
    direction: ltr;
    justify-content: flex-start;
}
.section-routers .router-item-accessories .text-content {
    max-width: 410px;
    direction: rtl;
}

@media only screen and (min-width:1069px) {
    .router-item-accessories .text-content {
        padding: 0 100px 0 0;
    }
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    .section-routers .router-item-accessories .text-content {
        max-width: 240px;
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item-accessories .text-content * {
        text-align: center !important;
    }
}

.router-item-environment .grid-item-headline, .router-item-environment .copy-cta-container {
    direction: rtl;
}

.router-item-environment .grid-item-headline {
    max-width: 420px;
}

.router-item-environment .text-content {
    direction: ltr;
}

@media only screen and (min-width:1069px) {
.subsection-stats .stats-list li:nth-child(5) .stat {
      line-height: 1.2;
}
.subsection-stats .stats-list li:nth-child(6) .stat {
          font-size: 78px;
}
.section-gallery .section-content .typography-callout-copy,
.section-camera-audio .subsection-camera .typography-callout-copy,
.section-speakers .callouts .callout:nth-child(2) .typography-callout-copy{
    line-height: 1.25;
}
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    .section-mac-pairs .pairs-text.medium-wrapping {
        margin-right: auto;
    }
}

.router-item.education-alt {
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/mideast/studio-display/e/images/overview/get-more/education__bq047y5fu7n6_large.jpg");
  background-position-x: center;
  background-position-y: top;
  height: 600px;
}

@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) {
  .router-item.education-alt {
    background-image: url("/mideast/studio-display/e/images/overview/get-more/education__bq047y5fu7n6_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .router-item.education-alt {
    /*background-size: 736px 400px;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("/mideast/studio-display/e/images/overview/get-more/education__bq047y5fu7n6_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) {
  .router-item.education-alt {
    background-image: url("/mideast/studio-display/e/images/overview/get-more/education__bq047y5fu7n6_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .router-item.education-alt {
    background-size: 736px 490px;
    background-repeat: no-repeat;
    background-image: url("/mideast/studio-display/e/images/overview/get-more/education__bq047y5fu7n6_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) {
  .router-item.education-alt {
    background-image: url("/mideast/studio-display/e/images/overview/get-more/education__bq047y5fu7n6_small_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .router-item.education-alt {
    height: 400px;
    background-position-y: top;
  }
}

@media only screen and (max-width: 734px) {
  .router-item.education-alt {
    height: 490px;
  }
}

.router-item.education-alt .promo-copy-container {
  padding-top: 242px;
}

@media only screen and (max-width: 1068px) {
  .router-item.education-alt .promo-copy-container {
    padding-top: 134px;
  }
}

@media only screen and (max-width: 734px) {
  .router-item.education-alt .promo-copy-container {
    padding-top: 176px;
  }
}

.router-item.education-alt .icon-wrapper {
  color: #fff;
}

.subsection-stats .stats-list .stat {
  line-height: 1.07;
}

.section-mac-pairs .pairs-images .overview-pairs-hw-macbook-air {
  left: 50%;
  right: unset;
  margin-left: -581px;
  margin-right: unset;
}

.section-mac-pairs .pairs-images .overview-pairs-hw-mac-mini {
    left: 50%;
    right: unset;
    margin-left: -290px;
    margin-right: unset;
}

.section-mac-pairs .pairs-images .overview-pairs-hw-macbook-pro {
    left: 50%;
    right: unset;
    margin-left: 176px;
    margin-right: unset;
}

.section-mac-pairs .pairs-images .overview-pairs-hw-mac-studio {
    left: 50%;
    right: unset;
    margin-left: 123px;
    margin-right: unset;
}

@media only screen and (max-width:1068px) {
    .section-mac-pairs .pairs-images .overview-pairs-hw-macbook-air {
        left: 50%;
        right: unset;
        margin-left: -400.5px;
        margin-right: unset;
    }
}

@media only screen and (max-width:1068px) {
    .section-mac-pairs .pairs-images .overview-pairs-hw-mac-mini {
        left: 50%;
        right: unset;
        margin-left: -196.5px;
        margin-right: unset;
    }
}

@media only screen and (max-width:1068px) {
    .section-mac-pairs .pairs-images .overview-pairs-hw-macbook-pro {
        left: 50%;
        right: unset;
        margin-left: 117px;
        margin-right: unset;
    }
}

@media only screen and (max-width:1068px) {
    .section-mac-pairs .pairs-images .overview-pairs-hw-mac-studio {
        left: 50%;
        right: unset;
        margin-left: 82px;
        margin-right: unset;
    }
}

@media only screen and (max-width:734px) {
    .section-mac-pairs .pairs-images .overview-pairs-hw-macbook-air {
        left: 50%;
        margin-left: -174px;
        right: unset;
        margin-right: unset;
    }
}

@media only screen and (max-width:734px) {
    .section-mac-pairs .pairs-images .overview-pairs-hw-macbook-pro {
        left: 50%;
        margin-left: 44px;
        right: unset;
        margin-right: unset;
    }
}

@media only screen and (max-width:734px) {
    .section-mac-pairs .pairs-images .overview-pairs-hw-mac-mini {
        left: 50%;
        margin-left: -87.5px;
        right: unset;
        margin-right: unset;
    }
}

@media only screen and (max-width:734px) {
    .section-mac-pairs .pairs-images .overview-pairs-hw-mac-studio {
        right: unset;
        left: 50%;
        margin-right: unset;
        margin-left: 631px;
    }
}

@media only screen and (min-width:1069px) {
    .section-stands .section-copy.large-wrapping p {
        padding-left: 20px;
        padding-right: unset;
    }
}

.section-stands .overview-stands-hw-tilt {
    margin-right: -40px;
}
@media only screen and (max-width:1068px) {
  .section-stands .overview-stands-hw-tilt {
      margin-right: -25px;
  }
}
@media only screen and (max-width:734px) {
  .section-stands .overview-stands-hw-tilt {
      margin-right: 40px;
  }
}

@media only screen and (max-width:850px) and (min-width: 735px) {
    .router-item-accessories .text-content {
        padding: 0 50px 0 20px;
    }
}
@media only screen and (max-width:1200px) and (min-width: 1069px) {
  .section-routers .router-item-accessories .text-content {
    max-width: 370px;
  }
}

@media only screen and (max-width:734px) {
    .section-mac-pairs .pairs-text {
        text-align: right;
    }
}

@media only screen and (max-width:734px) {
    .section-mac-pairs .pairs-text .pairs-subhead {
        text-align: right;
    }
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    .section-connectivity .section-copy.medium-wrapping p {
        padding-left: 20px;
        padding-right: unset;
    }
}