@media only screen and (max-width: 767px) {
  .aot-productline-template,
  .aot-product-variant-template,
  .aot-product-offering-template,
  .aot-product-sub-offering-template,
  .aot-section-template,
  .aot-sub-section-template,
  .aot-case-study-template,
  .aot-article-template,
  .aot-sku-template,
  .aot-productfamily-template,
  .aot-productportfolio-template,
  .aot-home-template,
  .aot-product-child-template,
  .aot-profile-template,
  .aot-find-my-template,
  .aot-campaign-template,
  .aot-channel-partner-details-template,
  .aot-contact-center-landing-template,
  .aot-press-release-template,
  .aot-event-template,
  .aot-contact-center-form-template,
  .aot-podcast-series-template,
  .aot-podcast-episode-template {
    --top-content-margin-bottom: var(--aot-sys-spacing-none);
    --add-to-calendar-grid-column: span 3;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .aot-productline-template,
  .aot-product-variant-template,
  .aot-product-offering-template,
  .aot-product-sub-offering-template,
  .aot-section-template,
  .aot-sub-section-template,
  .aot-case-study-template,
  .aot-article-template,
  .aot-sku-template,
  .aot-productfamily-template,
  .aot-productportfolio-template,
  .aot-home-template,
  .aot-product-child-template,
  .aot-profile-template,
  .aot-find-my-template,
  .aot-campaign-template,
  .aot-channel-partner-details-template,
  .aot-contact-center-landing-template,
  .aot-press-release-template,
  .aot-event-template,
  .aot-contact-center-form-template,
  .aot-podcast-series-template,
  .aot-podcast-episode-template {
    --top-content-margin-bottom: var(--aot-sys-spacing-none);
    --add-to-calendar-grid-column: span 3;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  .aot-productline-template,
  .aot-product-variant-template,
  .aot-product-offering-template,
  .aot-product-sub-offering-template,
  .aot-section-template,
  .aot-sub-section-template,
  .aot-case-study-template,
  .aot-article-template,
  .aot-sku-template,
  .aot-productfamily-template,
  .aot-productportfolio-template,
  .aot-home-template,
  .aot-product-child-template,
  .aot-profile-template,
  .aot-find-my-template,
  .aot-campaign-template,
  .aot-channel-partner-details-template,
  .aot-contact-center-landing-template,
  .aot-press-release-template,
  .aot-event-template,
  .aot-contact-center-form-template,
  .aot-podcast-series-template,
  .aot-podcast-episode-template {
    --top-content-margin-bottom: var(--aot-sys-spacing-large-1);
    --add-to-calendar-grid-column: span 3;
  }
}

@media only screen and (min-width: 1440px) {
  .aot-productline-template,
  .aot-product-variant-template,
  .aot-product-offering-template,
  .aot-product-sub-offering-template,
  .aot-section-template,
  .aot-sub-section-template,
  .aot-case-study-template,
  .aot-article-template,
  .aot-sku-template,
  .aot-productfamily-template,
  .aot-productportfolio-template,
  .aot-home-template,
  .aot-product-child-template,
  .aot-profile-template,
  .aot-find-my-template,
  .aot-campaign-template,
  .aot-channel-partner-details-template,
  .aot-contact-center-landing-template,
  .aot-press-release-template,
  .aot-event-template,
  .aot-contact-center-form-template,
  .aot-podcast-series-template,
  .aot-podcast-episode-template {
    --top-content-margin-bottom: var(--aot-sys-spacing-large-1);
    --add-to-calendar-grid-column: span 3;
  }
}

.aot-productline-template,
.aot-product-variant-template,
.aot-product-offering-template,
.aot-product-sub-offering-template,
.aot-section-template,
.aot-sub-section-template,
.aot-case-study-template,
.aot-article-template,
.aot-sku-template,
.aot-productfamily-template,
.aot-productportfolio-template,
.aot-home-template,
.aot-product-child-template,
.aot-profile-template,
.aot-find-my-template,
.aot-campaign-template,
.aot-channel-partner-details-template,
.aot-contact-center-landing-template,
.aot-press-release-template,
.aot-event-template,
.aot-contact-center-form-template,
.aot-podcast-series-template,
.aot-podcast-episode-template,
.error-page-template {
  --grid-template-columns: var(--aot-sys-template-grid-template-columns);
  --grid-column-gap: var(--aot-sys-template-grid-column-gap);
  --aside-grid-column: var(--aot-sys-template-aside-grid-column);
  --content-grid-column: var(--aot-sys-template-content-grid-column);
  --contentFullWidth-grid-column: var(--aot-sys-template-contentFullWidth-grid-column);
  --main-width: var(--aot-sys-template-main-width);
  --aside-margin: var(--aot-sys-template-aside-margin);

  padding: var(--aot-sys-template-main-padding);
  margin-inline: auto;
  box-sizing: border-box;
  max-width: var(--aot-sys-template-main-max-width);
}

.aot-header {
  position: sticky;
  top: var(--aot-sys-spacing-none);
  z-index: 41;
}

.aot-product-offering-template .aot-content,
.aot-product-sub-offering-template .aot-content,
.aot-section-template,
.aot-sub-section-template,
.aot-case-study-template,
.aot-article-template,
.aot-find-my-template,
.aot-campaign-template,
.aot-channel-partner-details-template,
.aot-contact-center-landing-template .aot-content,
.aot-press-release-template,
.aot-contact-center-form-template,
.aot-podcast-series-template,
.aot-podcast-episode-template {
  grid-column: var(--contentFullWidth-grid-column);
}

.aot-layout-grid {
  width: var(--main-width);
}

.aot-layout-grid > .cmp-container {
  display: grid;
  grid-column-gap: var(--grid-column-gap);
  grid-template-columns: var(--grid-template-columns);
}

.aot-podcast-episode-template .aot-hero-content > .cmp-container {
  grid-column-gap: var(--grid-column-gap);
  grid-template-columns: var(--grid-template-columns);
}

.aot-aside {
  grid-column: var(--aside-grid-column);
  margin: var(--aside-margin);
}

.new.newpar.section.cq-Editable-dom {
  grid-column: var(--content-grid-column);
}

.aot-aside + .aot-content {
  grid-column: var(--content-grid-column);
}
.aot-content {
  grid-column: var(--contentFullWidth-grid-column);
}

.aot-hero-content,
.aot-bottom-content,
.new.newpar.section.cq-Editable-dom {
  grid-column: var(--contentFullWidth-grid-column);
}

.aot-aside:not(.aot-article-template .aot-aside):not(.aot-case-study-template .aot-aside):not(.aot-event-template .aot-aside),
.aot-aside:not(.aot-article-template .aot-aside):not(.aot-case-study-template .aot-aside):not(.aot-event-template .aot-aside)
  .cmp-container {
  position: sticky;
  top: var(--aot-sys-spacing-none);
  z-index: 10;
}

.aot-sku-template .aot-hero-content {
  width: var(--main-width);
}

.aot-article-template .aot-secondary-content,
.aot-case-study-template .aot-secondary-content {
  width: var(--main-width);
}

.aot-podcast-episode-template .sharebutton {
  grid-column: 1 / span 3;
}

.aot-event-template .aot-secondary-content {
  width: var(--main-width);
  margin: var(--main-margin);

  display: grid;
  grid-column-gap: var(--grid-column-gap);
  grid-template-columns: var(--grid-template-columns);
}

.aot-event-template .aot-secondary-content > .cmp-container {
  grid-column: var(--contentFullWidth-grid-column);
}

@media only screen and (min-width: 1024px) {
  .aot-aside:not(.aot-sku-template .aot-aside) > .cmp-container > div:nth-child(1) {
    padding-top: var(--aot-sys-spacing-component-3x-large);
  }
}