#dishOverlayWrapper .dishOverlayContent {
    width: 72%;
}
.rec16:hover {
    text-decoration: underline;
}

@media all and (min-width: 320px) and (max-width:767px) {
#carousel--hopper3 {
    vertical-align: top;
    margin-top: -150px;
    min-height: 615px;
}
#hopper-logo img {
    width: 112px;
    height: 27px;
    position: relative;
    top: 6px;
    margin: 0 5px;
}
.card--wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
#carousel--hopper3 h2 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    padding: 0px 0 25px;
    font-weight: 300;
}
#carousel--hopper3 h3 {
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 30px 0 25px;
    font-weight: 300;
}
#carousel--hopper3 p {
    width: 300px;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 20px;
}
.carousel--circ--card {
    width: 300px;
    height: 500px;
}
.carousel--rightCol .button-red-candy {
    margin: 15px auto 0;
}
#carousel--voiceRemote img.carousel--img {
    width: 300px;
    height: 308px;
}
#carousel--multiview img.carousel--img {
    width: 300px;
    height: 217px;
}
#carousel--apps img.carousel--img {
}
#carousel--record16 img.carousel--img {
    width: 300px;
    height: 295px;
}
#carousel--record16 h4 {
    font-size: 16px;
    padding-left: 20px;
}
#carousel--onDemand img.carousel--img {
    width: 300px;
    height: 217px;
}
#carousel--onDemand p.disclaimer {
    font-size: 11px;
    margin-top: 0px;
}
#carousel--fasterNav img.carousel--img {
    margin: 40px 0 0 20px;
    width: 300px;
    height: 218px;
}
.flipster__button {
    top: 40%;
    margin: 0 5px;
}
.flipster__nav {
    display: none;
}
}

@media only screen and (max-width: 767px) {
#carousel--voiceRemote img.carousel--img {
    width: 224px!important;
    height: 230px!important;
    margin: 0 auto!important;
}
#carousel--multiView img.carousel--img {
    width: 239px!important;
    height: 230px!important;
    margin: 0 auto!important;
}
#carousel--record16 img.carousel--img {
    width: 214px!important;
    height: 210px!important;
    margin: 0 auto 0 50px!important;
}
#carousel--apps img.carousel--img {
    width: 246px!important;
    height: 230px!important;
    margin: 0 auto!important;
}
#configurator {
    padding: 20px 0 0 0 !important;
    width: 100%;
}
#carousel--hopper3 {
    vertical-align: top;
    margin-top: -40px !important;
    min-height: 550px !important;
}
#dishOverlayWrapper .dishOverlayContent {
    width: 100% !important;
    padding: 3% 0 !important;
}
}

@media all and (min-width: 768px) and (max-width: 1024px) {

    .flipster__nav {margin: 11px 0 0 -14px;}

#carousel--hopper3 {
    background: url(/images/carousel-bg.jpg) no-repeat;
    min-height: 566px;
    background-position: center 0;
	margin-top: 90px;
}
.carousel--circ--card {
    width: 768px;
}
#hopper-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: -90px;
}
#hopper-logo img {
    width: 180px;
    height: 43px;
    position: relative;
    top:8px;
}
.card--wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
#carousel--hopper3 h2 {
    width: 100%;
    text-align: center;
    font-size: 32px;
    padding: 20px 0 10px;
    font-weight: 300;
}
#carousel--hopper3 h3 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    padding: 30px 0 10px;
    font-weight: 300;
}
#carousel--hopper3 p {
    width: 370px;
    font-size: 18px;
    line-height: 1.5;
    padding-left: 20px;
}
#carousel--voiceRemote p {
    margin-top: 80px;
}
#carousel--multiview img.carousel--img {
    margin-top: 33px;
    width: 399px;
}
#carousel--multiView p {
    margin-top: 55px;
}
#carousel--apps img.carousel--img {
    margin: 50px 0 0 30px;
}
#carousel--apps p {
    margin-top: 80px;
}
#carousel--record16 img.carousel--img {
    margin: 30px 0 0 85px;
}
#carousel--record16 p {
    margin-top: 10px;
}
#carousel--record16 h4 {
    font-size: 18px;
    margin-top: 40px;
    padding-left: 20px;
}
#carousel--onDemand h3 {
    font-size: 30px;
}
#carousel--onDemand img.carousel--img {
    width: 447px;
}
#carousel--onDemand p {
    margin-top: 63px;
}
#carousel--onDemand p.disclaimer {
    font-size: 11px;
    margin-top: 0px;
}
#carousel--fasterNav img.carousel--img {
    margin: 40px 0 0 20px;
    width: 422px;
}
#carousel--fasterNav p {
    margin-top: 84px;
}
.carousel--rightCol .button-red-candy {
    margin: 30px 0 0 70px;
}
.flipster__nav a {
    font-weight: 500;
}
.flipster__nav li:first-child {
    -webkit-transform: translateY(-69px) translateX(10px);
    -ms-transform: translateY(-69px) translateX(10px);
    transform: translateY(-69px) translateX(10px);
    background: url(/images/carousel/carousel--nav--btn1.png) no-repeat;
    height: 82px;
    width: 126px;
    background-size: contain;
}
 _:-ms-fullscreen, :root .flipster__nav li:first-child {
 -webkit-transform: translateY(-49px) translateX(10px);
 -ms-transform: translateY(-49px) translateX(10px);
 transform: translateY(-49px) translateX(10px);
 background: url(/images/carousel/carousel--nav--btn1.png) no-repeat;
 height: 82px;
 width: 126px;
 background-size: contain;
}

@supports (-ms-accelerator: true) {
  .flipster__nav li:first-child {
    -webkit-transform: translateY(-49px) translateX(10px);
    -ms-transform: translateY(-49px) translateX(10px);
    transform: translateY(-49px) translateX(10px)
}
}

.flipster__nav li:first-child:hover, .flipster__nav li:first-child.flipster__nav__item--current {
    background: url(/images/carousel/carousel--nav--btn1-over.png);
}
.flipster__nav li:first-child:hover a, .flipster__nav li:first-child.flipster__nav__item--current a {
    color: #fff;
    text-shadow: 1px 0px 1px #000;
}
.flipster__nav li:first-child a {
    -webkit-transform: translateY(16px) translateX(-5px) skewY(15deg);
    -ms-transform: translateY(16px) translateX(-5px) skewY(15deg);
    transform: translateY(16px) translateX(-5px) skewY(15deg);
    font-size: 14px;
    font-weight: 500;
}
.flipster__nav li:nth-child(2) {
    height: 65px;
    width: 123px;
    background: url(/images/carousel/carousel--nav--btn2.png) no-repeat;
    -webkit-transform: translateY(-34px) translateX(4px);
    -ms-transform: translateY(-34px) translateX(4px);
    transform: translateY(-34px) translateX(4px);
}
.flipster__nav li:nth-child(2):hover, .flipster__nav li:nth-child(2).flipster__nav__item--current {
    background: url(/images/carousel/carousel--nav--btn2-over.png);
}
.flipster__nav li:nth-child(2):hover a, .flipster__nav li:nth-child(2).flipster__nav__item--current a {
    color: #fff;
    text-shadow: 1px 0px 1px #000;
}
.flipster__nav li:nth-child(2) a {
    -webkit-transform: skewY(5deg) translateY(6px);
    -ms-transform: skewY(5deg) translateY(6px);
    transform: skewY(5deg) translateY(6px);
}
.flipster__nav li:nth-child(3) {
    height: 61px;
    width: 122px;
    background: url(/images/carousel/carousel--nav--btn3.png) no-repeat;
    -webkit-transform: translateY(-24px) translateX(-2px);
    -ms-transform: translateY(-24px) translateX(-2px);
    transform: translateY(-24px) translateX(-2px);
}
 _:-ms-fullscreen, :root .flipster__nav li:nth-child(3) {
 height: 61px;
 width: 122px;
 background: url(/images/carousel/carousel--nav--btn3.png) no-repeat;
 -webkit-transform: translateY(-28px) translateX(-1px);
 -ms-transform: translateY(-28px) translateX(-1px);
 transform: translateY(-28px) translateX(-1px);
}

@supports (-ms-accelerator: true) {
  .flipster__nav li:nth-child(3) {
    -webkit-transform: translateY(-28px) translateX(10px);
    -ms-transform: translateY(-28px) translateX(10px);
    transform: translateY(-28px) translateX(10px)
}
}


.flipster__nav li:nth-child(3):hover, .flipster__nav li:nth-child(3).flipster__nav__item--current {
    background: url(/images/carousel/carousel--nav--btn3-over.png);
}
.flipster__nav li:nth-child(3):hover a, .flipster__nav li:nth-child(3).flipster__nav__item--current a {
    color: #fff;
    text-shadow: 1px 0px 1px #000;
}
.flipster__nav li:nth-child(3) a {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
}
.flipster__nav li:nth-child(4) {
    height: 61px;
    width: 125px;
    background: url(/images/carousel/carousel--nav--btn4.png) no-repeat;
    -webkit-transform: translateY(-24px) translateX(-7px);
    -ms-transform: translateY(-24px) translateX(-7px);
    transform: translateY(-24px) translateX(-7px);
}
 _:-ms-fullscreen, :root .flipster__nav li:nth-child(4) {
 height: 61px;
 width: 125px;
 background: url(/images/carousel/carousel--nav--btn4.png) no-repeat;
 -webkit-transform: translateY(-28px) translateX(-5px);
 -ms-transform: translateY(-28px) translateX(-5px);
 transform: translateY(-28px) translateX(-5px);
}

_:-ms-lang(x), _::-webkit-meter-bar, .flipster__nav li:nth-child(4) {
    -webkit-transform: translateY(-27px) translateX(10px);
    -ms-transform: translateY(-27px) translateX(10px);
    transform: translateY(-27px) translateX(10px)
}


.flipster__nav li:nth-child(4):hover, .flipster__nav li:nth-child(4).flipster__nav__item--current {
    background: url(/images/carousel/carousel--nav--btn4-over.png);
}
.flipster__nav li:nth-child(4):hover a, .flipster__nav li:nth-child(4).flipster__nav__item--current a {
    color: #fff;
    text-shadow: 1px 0px 1px #000;
}
.flipster__nav li:nth-child(4) a {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
}
.flipster__nav li:nth-child(5) {
    height: 65px;
    width: 124px;
    background: url(/images/carousel/carousel--nav--btn5.png) no-repeat;
    -webkit-transform: translateY(-33px) translateX(-12px);
    -ms-transform: translateY(-33px) translateX(-12px);
    transform: translateY(-33px) translateX(-12px);
}
 _:-ms-fullscreen, :root .flipster__nav li:nth-child(5) {
 height: 65px;
 width: 124px;
 background: url(/images/carousel/carousel--nav--btn5.png) no-repeat;
 -webkit-transform: translateY(-33px) translateX(-10px);
 -ms-transform: translateY(-33px) translateX(-10px);
 transform: translateY(-33px) translateX(-10px);
}
.flipster__nav li:nth-child(5):hover, .flipster__nav li:nth-child(5).flipster__nav__item--current {
    background: url(/images/carousel/carousel--nav--btn5-over.png);
}
.flipster__nav li:nth-child(5):hover a, .flipster__nav li:nth-child(5).flipster__nav__item--current a {
    color: #fff;
    text-shadow: 1px 0px 1px #000;
}
.flipster__nav li:nth-child(5) a {
    -webkit-transform: translateY(6px) skewY(-5deg);
    -ms-transform: translateY(6px) skewY(-5deg);
    transform: translateY(6px) skewY(-5deg);
}
.flipster__nav li:nth-child(6) {
    height: 71px;
    width: 118px;
    background: url(/images/carousel/carousel--nav--btn6.png) no-repeat;
    -webkit-transform: translateY(-41px) translateX(-17px);
    -ms-transform: translateY(-41px) translateX(-17px);
    transform: translateY(-41px) translateX(-17px);
}
 _:-ms-fullscreen, :root .flipster__nav li:nth-child(6) {
 height: 71px;
 width: 118px;
 background: url(/images/carousel/carousel--nav--btn6.png) no-repeat;
 -webkit-transform: translateY(-51px) translateX(-16px);
 -ms-transform: translateY(-51px) translateX(-16px);
 transform: translateY(-51px) translateX(-16px);
}

_:-ms-lang(x), _::-webkit-meter-bar, .flipster__nav li:nth-child(6) {
    -webkit-transform: translateY(-52px) translateX(10px);
    -ms-transform: translateY(-52px) translateX(10px);
    transform: translateY(-52px) translateX(10px)

}

.flipster__nav li:nth-child(6):hover, .flipster__nav li:nth-child(6).flipster__nav__item--current {
    background: url(/images/carousel/carousel--nav--btn6-over.png);
}
.flipster__nav li:nth-child(6):hover a, .flipster__nav li:nth-child(6).flipster__nav__item--current a {
    color: #fff;
    text-shadow: 1px 0px 1px #000;
}
.flipster__nav li:nth-child(6) a {
    -webkit-transform: translateY(1px) skewY(-13deg);
    -ms-transform: translateY(1px) skewY(-13deg);
    transform: translateY(1px) skewY(-13deg);
}
.flipster__button {
    margin: 0 1rem;
}
}

@media all and (min-width: 1025px) {
#carousel--hopper3 {
    background: url(/images/carousel-bg.jpg) no-repeat;
    min-height: 566px;
    background-position: center 0;
    margin-top: 80px;
}
.carousel--circ--card {
    width: 768px;
}
#hopper-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;
}
#hopper-logo img {
    width: 227px;
    height: 54px;
    position: relative;
    top: 16px;
}
.card--wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
#carousel--hopper3 h2 {
    width: 100%;
    text-align: center;
    font-size: 38px;
    padding: 20px 0 10px;
    font-weight: 300;
}
#carousel--hopper3 h3 {
    width: 100%;
    text-align: center;
    font-size: 30px;
    padding: 30px 0 10px;
    font-weight: 300;
}
#carousel--hopper3 p {
    width: 370px;
    font-size: 18px;
    line-height: 1.5;
    padding-left: 20px;
}
#carousel--voiceRemote p {
    margin-top: 80px;
}
#carousel--multiview img.carousel--img {
    margin-top: 33px;
    width: 399px;
}
#carousel--multiView p {
    margin-top: 55px;
}
#carousel--apps img.carousel--img {
    margin: 50px 0 0 30px;
}
#carousel--apps p {
    margin-top: 80px;
}
#carousel--record16 img.carousel--img {
    margin: 30px 0 0 85px;
}
#carousel--record16 p {
    margin-top: 10px;
}
#carousel--record16 h4 {
    font-size: 18px;
    margin-top: 40px;
    padding-left: 20px;
}
#carousel--onDemand h3 {
    font-size: 30px;
}
#carousel--onDemand img.carousel--img {
    width: 447px;
}
#carousel--onDemand p {
    margin-top: 63px;
}
#carousel--onDemand p.disclaimer {
    font-size: 11px;
    margin-top: 0px;
}
#carousel--fasterNav img.carousel--img {
    margin: 40px 0 0 20px;
    width: 422px;
}
#carousel--fasterNav p {
    margin-top: 84px;
}
.carousel--rightCol .button-red-candy {
    margin: 30px 0 0 70px;
}
.flipster__nav a {
    font-weight: 500;
}
.flipster__nav li:first-child {
    -webkit-transform: translateY(-67px) translateX(20px);
    -ms-transform: translateY(-67px) translateX(20px);
    transform: translateY(-67px) translateX(20px);
    background: url(/images/carousel/carousel--nav--btn1.png) no-repeat;
    height: 82px;
    width: 126px;
    background-size: contain;
}
 _:-ms-fullscreen, :root .flipster__nav li:first-child {
 -webkit-transform: translateY(-49px) translateX(20px);
 -ms-transform: translateY(-49px) translateX(20px);
 transform: translateY(-49px) translateX(20px);
 background: url(/images/carousel/carousel--nav--btn1.png) no-repeat;
 height: 82px;
 width: 126px;
 background-size: contain;
}
    @supports (-ms-accelerator: true) {
  .flipster__nav li:first-child {
    -webkit-transform: translateY(-49px) translateX(19px);
    -ms-transform: translateY(-49px) translateX(19px);
    transform: translateY(-49px) translateX(19px)
}
}
.flipster__nav li:first-child:hover, .flipster__nav li:first-child.flipster__nav__item--current {
    background: url(/images/carousel/carousel--nav--btn1-over.png);
}
.flipster__nav li:first-child:hover a, .flipster__nav li:first-child.flipster__nav__item--current a {
    color: #fff;
    text-shadow: 1px 0px 1px #000;
}
.flipster__nav li:first-child a {
    -webkit-transform: translateY(16px) translateX(-5px) skewY(15deg);
    -ms-transform: translateY(16px) translateX(-5px) skewY(15deg);
    transform: translateY(16px) translateX(-5px) skewY(15deg);
    font-size: 14px;
    font-weight: 500;
}
.flipster__nav li:nth-child(2) {
    height: 65px;
    width: 123px;
    background: url(/images/carousel/carousel--nav--btn2.png) no-repeat;
    -webkit-transform: translateY(-34px) translateX(10px);
    -ms-transform: translateY(-34px) translateX(10px);
    transform: translateY(-34px) translateX(10px);
}
.flipster__nav li:nth-child(2):hover, .flipster__nav li:nth-child(2).flipster__nav__item--current {
    background: url(/images/carousel/carousel--nav--btn2-over.png);
}
.flipster__nav li:nth-child(2):hover a, .flipster__nav li:nth-child(2).flipster__nav__item--current a {
    color: #fff;
    text-shadow: 1px 0px 1px #000;
}
.flipster__nav li:nth-child(2) a {
    -webkit-transform: skewY(5deg) translateY(6px);
    -ms-transform: skewY(5deg) translateY(6px);
    transform: skewY(5deg) translateY(6px);
}
.flipster__nav li:nth-child(3) {
    height: 61px;
    width: 122px;
    background: url(/images/carousel/carousel--nav--btn3.png) no-repeat;
    -webkit-transform: translateY(-24px) translateX(1px);
    -ms-transform: translateY(-24px) translateX(1px);
    transform: translateY(-24px) translateX(1px);
}
 _:-ms-fullscreen, :root .flipster__nav li:nth-child(3) {
 height: 61px;
 width: 122px;
 background: url(/images/carousel/carousel--nav--btn3.png) no-repeat;
 -webkit-transform: translateY(-28px) translateX(1px);
 -ms-transform: translateY(-28px) translateX(1px);
 transform: translateY(-28px) translateX(1px);
}

@supports (-ms-accelerator: true) {
  .flipster__nav li:nth-child(3) {
    -webkit-transform: translateY(-28px) translateX(1px);
    -ms-transform: translateY(-28px) translateX(1px);
    transform: translateY(-28px) translateX(1px)
}
}
.flipster__nav li:nth-child(3):hover, .flipster__nav li:nth-child(3).flipster__nav__item--current {
    background: url(/images/carousel/carousel--nav--btn3-over.png);
}
.flipster__nav li:nth-child(3):hover a, .flipster__nav li:nth-child(3).flipster__nav__item--current a {
    color: #fff;
    text-shadow: 1px 0px 1px #000;
}
.flipster__nav li:nth-child(3) a {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
}
.flipster__nav li:nth-child(4) {
    height: 61px;
    width: 125px;
    background: url(/images/carousel/carousel--nav--btn4.png) no-repeat;
    -webkit-transform: translateY(-24px) translateX(-7px);
    -ms-transform: translateY(-24px) translateX(-7px);
    transform: translateY(-24px) translateX(-7px);
}
 _:-ms-fullscreen, :root .flipster__nav li:nth-child(4) {
 height: 61px;
 width: 125px;
 background: url(/images/carousel/carousel--nav--btn4.png) no-repeat;
 -webkit-transform: translateY(-28px) translateX(-7px);
 -ms-transform: translateY(-28px) translateX(-7px);
 transform: translateY(-28px) translateX(-7px);
}

_:-ms-lang(x), _::-webkit-meter-bar, .flipster__nav li:nth-child(4) {
    -webkit-transform: translateY(-27px) translateX(-7px);
    -ms-transform: translateY(-27px) translateX(-7px);
    transform: translateY(-27px) translateX(-7px)
}

.flipster__nav li:nth-child(4):hover, .flipster__nav li:nth-child(4).flipster__nav__item--current {
    background: url(/images/carousel/carousel--nav--btn4-over.png);
}
.flipster__nav li:nth-child(4):hover a, .flipster__nav li:nth-child(4).flipster__nav__item--current a {
    color: #fff;
    text-shadow: 1px 0px 1px #000;
}
.flipster__nav li:nth-child(4) a {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
}
.flipster__nav li:nth-child(5) {
    height: 65px;
    width: 124px;
    background: url(/images/carousel/carousel--nav--btn5.png) no-repeat;
    -webkit-transform: translateY(-33px) translateX(-16px);
    -ms-transform: translateY(-33px) translateX(-16px);
    transform: translateY(-33px) translateX(-16px);
}
.flipster__nav li:nth-child(5):hover, .flipster__nav li:nth-child(5).flipster__nav__item--current {
    background: url(/images/carousel/carousel--nav--btn5-over.png);
}
.flipster__nav li:nth-child(5):hover a, .flipster__nav li:nth-child(5).flipster__nav__item--current a {
    color: #fff;
    text-shadow: 1px 0px 1px #000;
}
.flipster__nav li:nth-child(5) a {
    -webkit-transform: translateY(6px) skewY(-5deg);
    -ms-transform: translateY(6px) skewY(-5deg);
    transform: translateY(6px) skewY(-5deg);
}
.flipster__nav li:nth-child(6) {
    height: 71px;
    width: 118px;
    background: url(/images/carousel/carousel--nav--btn6.png) no-repeat;
    -webkit-transform: translateY(-41px) translateX(-25px);
    -ms-transform: translateY(-41px) translateX(-24px);
    transform: translateY(-41px) translateX(-24px);
}
 _:-ms-fullscreen, :root .flipster__nav li:nth-child(6) {
 height: 71px;
 width: 118px;
 background: url(/images/carousel/carousel--nav--btn6.png) no-repeat;
 -webkit-transform: translateY(-51px) translateX(-24px);
 -ms-transform: translateY(-51px) translateX(-24px);
 transform: translateY(-51px) translateX(-24px);
}

@supports (-ms-accelerator: true) and (color:unset) {
  .flipster__nav li:nth-child(6) {
    -webkit-transform: translateY(-52px) translateX(-25px);
    -ms-transform: translateY(-52px) translateX(-25px);
    transform: translateY(-52px) translateX(-25px)

}
}

.flipster__nav li:nth-child(6):hover, .flipster__nav li:nth-child(6).flipster__nav__item--current {
    background: url(/images/carousel/carousel--nav--btn6-over.png);
}
.flipster__nav li:nth-child(6):hover a, .flipster__nav li:nth-child(6).flipster__nav__item--current a {
    color: #fff;
    text-shadow: 1px 0px 1px #000;
}
.flipster__nav li:nth-child(6) a {
    -webkit-transform: translateY(1px) skewY(-13deg);
    -ms-transform: translateY(1px) skewY(-13deg);
    transform: translateY(1px) skewY(-13deg);
}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
.flipster__nav__item {
    margin: 0 2.2px!important;
}
}