

@media (min-width: 735px) and (max-width: 1068px){
    .ports-feature.ports-feature-hdmi,
    .ports-feature.ports-feature-thunderbolt,
    .ports-feature.ports-feature-display{
        padding-left: 100px;
    }
  }

  @media (max-width: 734px){
    .ports-feature.ports-feature-hdmi,
    .ports-feature.ports-feature-thunderbolt,
    .ports-feature.ports-feature-display{
        padding-left: 25px;
    }
    .upgrader.card {
        padding-bottom: 0px;
    }
  }

  @media (max-width: 400px){
    .upgrader-item-content .caption-container {
        flex-basis: 83.3333333333%;
        max-width: 100%;
    }
    .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type=stat]{
        padding: 0px
    }

    .typography-upgrader-item-caption-reduced {
        font-size: 12px;
    }
  }

@media (max-width: 734px) and (max-width: 420px) {
    .fade-gallery .media-block {
        width: 100%;
    }
}

  .ribbon-content {
  	height: 20px;
  }

  .ribbon-content-wrapper {
  	visibility: hidden;
  }

  @media screen and (max-width: 909px) {
  	.ribbon-content {
  		height: 40px;
  	}
  }

  @media screen and (max-width: 477px) {
  	.ribbon-content {
  		height: 60px;
  	}
  }




.section-ports .ports-hardware {
    background-image: url(/tr/macbook-pro/proled-xdr-display/images/overview/ports/ports_hardware__eocna797qcgi_large.avif);
}
@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
    .section-ports .ports-hardware {
        background-image: url(/tr/macbook-pro/proled-xdr-display/images/overview/ports/ports_hardware__eocna797qcgi_large_2x.avif);
    }
}
@media (max-width: 1068px) {
    .section-ports .ports-hardware {
        background-image: url(/tr/macbook-pro/proled-xdr-display/images/overview/ports/ports_hardware__eocna797qcgi_medium.avif);
    }
}

@media (max-width: 1068px) and (min-resolution: 1.5dppx), (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-ports .ports-hardware {
        background-image: url(/tr/macbook-pro/proled-xdr-display/images/overview/ports/ports_hardware__eocna797qcgi_medium_2x.avif);
    }
}
@media (max-width: 734px) {
    .section-ports .ports-hardware {
        background-image: url(/tr/macbook-pro/proled-xdr-display/images/overview/ports/ports_hardware__eocna797qcgi_small.avif);
    }
}
@media (max-width: 734px) and (min-resolution: 1.5dppx), (max-width: 734px) and (min-resolution: 144dpi) {
    .section-ports .ports-hardware {
        background-image: url(/tr/macbook-pro/proled-xdr-display/images/overview/ports/ports_hardware__eocna797qcgi_small_2x.avif);
    }
}

@media (min-width: 734px) and (max-width: 1068px) {
    .section-display .product-hardware-container .feature-block .grid-container {
        grid-template-rows: initial;
    }
}

@media (min-width: 734px) and (max-width: 1068px) {
    .ric-modal .ric-modal-viewport-content:nth-child(3) {
        padding-inline: 50px;
    }
}

@media (min-width: 735px) and (max-width: 1068px) {
    #performance-modal .chip-subsection .generic-touts {
        --min-gutter: 35px;
    }
}

@media (min-width: 735px) and (max-width: 1068px) {
    .graph-gallery-item-container .gallery-item .bars-container {
        grid-column-gap: 15px;
        column-gap: 15px;
    }
}

@media (min-width: 735px) and (max-width: 1068px) {
    .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] {
        padding-inline: 25px;
    }
}

@media (max-width: 420px)  {
    .section.section-dynamic-island .ps-spacing-large-80.ps-spacing-medium-60.ps-spacing-small-56 .viewport-content,
    .section.section-performance .ps-spacing-large-80.ps-spacing-medium-60.ps-spacing-small-56 .viewport-content,
    .section.section-workflows .ps-spacing-large-80.ps-spacing-medium-60.ps-spacing-small-56 .viewport-content,
    .section.section-audio-camera .ps-spacing-large-80.ps-spacing-medium-60.ps-spacing-small-56 .viewport-content {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .fade-gallery .gallery-caption {
        width: 100vw;
    }
}


@media (max-width: 420px)  {
    .section.section-dynamic-island .ps-spacing-large-80.ps-spacing-medium-60.ps-spacing-small-56 .viewport-content .gallery-caption,
    .section.section-performance .ps-spacing-large-80.ps-spacing-medium-60.ps-spacing-small-56 .viewport-content .gallery-caption,
    .section.section-workflows .ps-spacing-large-80.ps-spacing-medium-60.ps-spacing-small-56 .viewport-content .gallery-caption,
    .section.section-audio-camera .ps-spacing-large-80.ps-spacing-medium-60.ps-spacing-small-56 .viewport-content .gallery-caption {
        width: 87.5%;
    }
}

@media (max-width: 734px) {
    .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-value {
        font-size: 26px;
    }
}

@media only screen and (max-width: 420px) {   
    section.section-performance .fade-gallery .media-block  {
        min-width: 100vw;
    }
    .section.section-performance .gallery-caption.large-centered.large-8.small-12 {
        width: 87.5%;
    }
}



@media (min-width: 1069px) and (max-width: 1100px) {
    .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] {
        padding-inline: 15px;
    }
}

@media (min-width: 735px) and (max-width: 768px) {
    .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] {
        padding-inline: 15px;
    }
}

@media (min-width: 735px) and (max-width: 768px) {
    .ric-modal .ric-modal-viewport-content:nth-child(3) {
        padding-inline: 20px;
    }
}


@media (min-width: 1069px) and (max-width: 1250px){
    .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type=stat] {
        padding: 13px;
    }
}