/*** Arabic Fonts ****/

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

.typography-eyebrow, 
.typography-eyebrow:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-section-manifesto, 
.typography-section-manifesto:lang(ar), 
.typography-section-callout, 
.typography-section-callout:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-tile-label, 
.typography-tile-label:lang(ar), 
.typography-tile-cta, 
.typography-tile-cta:lang(ar), 
.typography-tile-copy, 
.typography-tile-copy:lang(ar), 
.section-accessories #see-all .tile a, 
.section-accessories #see-all .tile a: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;
}
  
#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-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), 
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.button, 
.button:lang(ar), 
.button-elevated, 
.button-elevated:lang(ar), 
.typography-caption, 
.typography-caption: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: 1068px) {
.typography-eyebrow, 
.typography-eyebrow:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-section-manifesto, 
.typography-section-manifesto:lang(ar), 
.typography-section-callout, 
.typography-section-callout:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.section-accessories #see-all .tile a, 
.section-accessories #see-all .tile a:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}

@media only screen and (max-width: 734px) {
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-tile-label, 
.typography-tile-label:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-section-manifesto, 
.typography-section-manifesto:lang(ar), 
.typography-section-callout, 
.typography-section-callout:lang(ar), 
.typography-tile-cta, 
.typography-tile-cta:lang(ar), 
.typography-tile-copy, 
.typography-tile-copy:lang(ar), 
.section-accessories #see-all .tile a, 
.section-accessories #see-all .tile a: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-accessories .section-gallery .gallery-item, .section-control .section-gallery .gallery-item {
    left: unset;
    right: 0;
}

.section-accessories .section-paddlenav ul, .section-control .section-paddlenav ul {
    flex-direction: row-reverse;
}


@media (min-width:1069px) {
    .typography-hero-headline:lang(ar) {
    line-height: 100px;
}

#main > section.section.section-integration > div > div.subsection.small-centered > div.row-item.row-item-secure-video > p {
    max-width: 320px;
}
}

@media (min-width:735px) and (max-width:1068px) {
      .typography-hero-headline:lang(ar) {
    line-height: 80px;
} 

}

@media (max-width:734px) {
    #main > section.section.section-hero > div > div > h2 {
        line-height: 42px;
    }

    .section-accessories .section-intro,
    .section-control .section-intro {
        direction: rtl;
        text-align: right;
    }
}

.section-experience {
    direction: ltr;
}

.section-experience .grid-item-renovated .copy,
.tile-copy.typography-section-callout p {
    direction: rtl;
}

.section-accessories .section-paddlenav ul, .section-control .section-paddlenav ul {
    transform: scale(-1);
}

#main > section.section.section-experience > div > h2 {
    direction: rtl;
}

.section-accessories #see-all .tile a {
    text-align: right;
}

.section-router .grid .grid-item.atv-4k {
    direction: ltr;
}

.section.section-router .grid-item.atv-4k div.copy-wrapper {
    direction: rtl;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-control .section-gallery .picture-wrapper {
    margin-top: -30px;
}
}

@media only screen and (max-width: 734px) {
    .section-control .section-gallery .picture-wrapper {
    margin-top: -10px;
}
}