/* Heroes */
@media screen and (max-width: 767px) {
.shortHero .m-hero-item > div {
     height: 143px !important;}
}

@media screen and (max-width: 767px) {
.shortHero [class*=f-x][class*=f-y].m-hero-item > div > div {
     top: calc(43%) !important;}
}

@media only screen and (max-width: 767px) {
.accessoriesHero .c-hero > div, .m-hero-item > div {
     height: 300px !important;}
}

@media screen and (max-width: 767px) {
.accessoriesHero [class*=f-x][class*=f-y].m-hero-item > div > div {
     top: calc(50%) !important;}
}

.entertainmentHero .c-hero, .entertainmentHero .m-hero-item {
padding: 0 !important;
}

/* Custom Hero */
@media screen and (min-width: 1084px) {
.cstmHero .m-hero-item.f-y-top.f-transparent>div>div {
     top: calc(35px + .1vw) !important;}
}

@media screen and (max-width: 1083px) and (min-width: 768px) {
.cstmHero .m-hero-item.f-y-top.f-transparent>div>div {
     top: 20px !important;}
}

/* Vert X1S */
.vertX1S .c-feature .c-heading-1 {
     font-size: calc(31px + 1.9vw) !important;
}

.vertX1S [class*=c-paragraph].f-lean {
     padding-top: 10px !important;
}

@media screen and (min-width: 1399px) {
.vertX1S [data-grid~=col-12] {
     margin-top: 47px;}
}

@media screen and (min-width: 1084px) {
.vertX1S [data-grid~=col-4] {
     padding-right: 24px;}
}

@media screen and (max-width: 1398px) and (min-width: 540px) {
.vertX1S [data-grid~=col-12] {
     margin-top: 10px;}
} 

@media screen and (max-width: 540px) {
.vertX1S [data-grid~=col-4] {
     padding-top: 20px; !important}
}

/* Mosaic */
@media screen and (max-width: 540px) {
.m-scale-mosaic .tpTouts, .m-scale-mosaic .btmTouts {
     height: 800px !important;}
}

/* 4K Blade */
.fourK-ent [class*=f-x][class*=f-y].c-hero > div > div, .fourK-ent [class*=f-x][class*=f-y].m-hero-item > div > div {
top: calc(55%);
}

@media screen and (max-width: 769px) {
.fourK-ent [class*=f-x][class*=f-y].c-hero > div > div, .fourK-ent [class*=f-x][class*=f-y].m-hero-item > div > div {
top: calc(20%) !important;}
}

@media screen and (max-width: 769px) {
.fourK-ent .c-hero > div, .fourK-ent .m-hero-item > div {
    height: 150px !important;}
}

@media screen and (min-width: 768px) {
.fourK-ent .c-heading-2 {
     font-size: calc(170px + 3vw) !important;
     margin-bottom: 0px !important;
     padding: 0;
     color: #FFF;}
}

@media screen and (min-width: 769px) {
.fourK-ent p.c-paragraph-2 {
     font-size: calc(17.6px + 1.18vw) !important;
     line-height: 5.9 !important;
     color: #FFF;
     padding-top: 0px;}
}

@media screen and (max-width: 768px) {
.fourK-ent .c-heading-2 {
     font-size: 100px !important;}

.fourK-ent p.c-paragraph-2 {
      font-size: 30px !important;
   line-height: 1 !important;}
}

@media screen and (max-width: 770px) and (min-width: 768px) {
.fourK-ent p.c-paragraph-2 {
     line-height: 4 !important;
     color: #FFF;}
}

.fourK-ent .c-hero, .fourK-ent .m-hero-item {
padding: 0 !important;
}

/* Pivot */
.cstmPivot .c-pivot>section[aria-hidden=false] {
    max-width: 750px;
    margin: 0 auto;
}

/* Banners */
.cstmBanner [class^=c-heading-].f-lean {
    padding-bottom: 24px !important;
}

/* Center Align Feature */
@media only screen and (max-width: 1084px) {
.cstmFeature .c-feature {
     padding: 0 5%;}
}

/* Scaling Fonts */
@media screen and (max-width: 1084px) {
.c-heading-2 {
    font-size: 34px !important;
    line-height: 40px !important;}
}

@media screen and (max-width: 768px) {
.c-heading-2 {
    font-size: 26px !important;
    line-height: 32px !important;}
}

@media screen and (max-width: 1084px) {
.c-heading-1 {
    font-size: 46px !important;
    line-height: 56px !important;}
}

@media screen and (max-width: 768px) {
.c-heading-1 {
    font-size: 34px !important;
    line-height: 40px !important;}
}

