/* Special Theme */
.newXGPshared.theme-black {
    background-color: #111111 !important;
}

/* Hero */
.specHero .m-hero-item.context-accessory>div>div>div, .specHero button.c-action-trigger {
   margin-top: 0;
}

.cgraph video {
    width: 100% !important;
}

@media (min-width: 1085px) {
.cgraph .cgraph-image {
  display: none !important;}

.cgraph .m-ambient-video, .tophero .m-ambient-video {
  display: block !important;}
}

@media (max-width: 1084px) {
.cgraph .cgraph-image {
  display: block !important;
}

.cgraph .m-ambient-video, .tophero .m-ambient-video {
  display: none !important;
}

.cgraph-logo img {
    width: 64px;}
}


@media screen and (max-width: 860px) and (min-width: 767px) {
.cgraph.m-hero-item.f-x-right>div>div {
    right: -15px !important;}
}

@media screen and (max-width: 860px) {
.hero-center .m-image {
   padding-top: 92px !important;}
}

@media screen and (max-width: 767px) {
.rotateHero .theme-dark, .specHero .theme-dark {
   background-color: #111111;}

.cgraph-logo {
  margin: 12px auto 0;
  display: block !important;}

.devicesblade h2.c-heading, .cgraph2 h2.c-heading { 
    max-height: 250px;}

.cgraph h2.c-heading, .customtall h2.c-heading, .devicesblade h2.c-heading, .xgpHero h2.c-heading, .cgraph2 h2.c-heading, .cHero .m-hero-item .c-heading {
  font-size: 36px;
  line-height: 42px;}

.customfourup .c-subheading-1 {
  font-size: 20px;
  line-height: 24px;}
}

@media screen and (min-width: 1084px) {
.batteryHero .m-hero-item>div>div {
   max-width: 530px !important;}

.m-hero-item.customtall:before {
  padding-bottom: 68.01%;}

.devicesblade {
  transform: translateY(-7px) translateX(0px);}

.m-hero-item.cgraph2:before {
  padding-bottom: 62%;}

.cgraph2 .high-contrast, .cgraph2 .high-contrast h2 {
  width: 1000px;
  max-width: 1000px;}
}

@media screen and (min-width: 768px) and (max-width: 1083px) {
.cgraph2 .high-contrast, .cgraph2 .high-contrast h2 {
  width: 88vw;
  max-width: 88vw;
  bottom: 10px !important;}
}

@media screen and (min-width: 1084px) {
.m-hero-item.f-transparent.devicesblade:before {
  padding-bottom: 62.2% !important;}
}

.cgraph h2.c-heading {
    padding-top: 6px;
}

/* Small Tweaks */
.cgraph.cgraph2 .m-ambient-video div button {
  border: 1px solid #FFF !important;
  background-color: rgba(0, 0, 0, 0);
  color: #FFF;
  bottom: -2vw;
  left: -23vw;
  margin-left: 0;
}

.cgraph.cgraph2 .m-ambient-video div button:focus {
    outline: 2px dashed #FFF !important;
}

@media screen and (max-width: 800px) and (min-width: 767px) {
.theme-111 .m-feature>div .c-paragraph {
    font-size: 14px;
    line-height: 20px;}
}

@media screen and (min-width: 1921px) {
.cgraph.cgraph2 .m-ambient-video div button {
    left: -400px;
    bottom: 0;}
}