@font-face {
    font-family: 'TeleNeo-Regular';
    src: url('../fonts/TeleNeo-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TeleNeo-Medium';
    src: url('../fonts/TeleNeo-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TeleNeo-Bold';
    src: url('../fonts/TeleNeo-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TeleNeo-ExtraBold';
    src: url('../fonts/TeleNeo-ExtraBold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}



body.wcs-locked{
    overflow:hidden;
}


.wcs-custom-page{
    position:relative;
    font-size:15px;
    color:#000;
    font-family: 'TeleNeo-Regular';
    text-align: center;
    overflow: hidden;
}

.wcs-network *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.48px;
}

.wcs-custom-page strong{
    font-weight: normal;
    font-family: 'TeleNeo-Bold';
}

.wcs-custom-page a{
    color: inherit;
}


.wcs-clear{
    clear:both;
}

.wcs-custom-page img{
    width: auto;
    max-width: 100%;
    /* width: 50%; */
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/*
.wcs-custom-page ul,
.wcs-custom-page li{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.wcs-custom-page li{
    padding: 3px 0 3px 15px;
    position: relative;
}

.wcs-custom-page li::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #47B149;
}
*/

/* ///////////////////////////////////////////////////////////////////////////////////// */

.wcs-pdp-offer{
    margin: 75px auto 70px auto;
    max-width: 1226px;
    background: #e20074;
    padding: 70px 0px 80px 0;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.wcs-pdp-offer .wcs-content{
    background: #fff;
    text-align: center;
    padding: 50px 50px 40px 50px;
    color: #000;
    position: relative;
    z-index: 2;
}

.wcs-pdp-offer .wcs-content .wcs-title{
    color: #000;
    font-size: 30px;
    font-family: 'TeleNeo-Bold';
    line-height: 110%;
    letter-spacing: -0.6px;
    text-decoration-line: underline;
}

.wcs-pdp-offer .wcs-content .wcs-text{
    color: #000;
    font-family: Peridot PE;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.5px;
    padding: 20px 0 0 0;
}

.wcs-pdp-offer::after{
    content: "";
    position: absolute;
    left: 0pc;
    bottom: 0px;
    width: 100%;
    height: 160px;
    background: url("../images/wcs-pdp/bg-offer.png") no-repeat right bottom;
    z-index: 3;
}



/* ///////////////////////////////////////////////////////////////////////////////////// */


.wcs-pdp-top-content{
    padding: 0px 20px 65px 20px;
    text-align: center;
    color: #000;
}

.wcs-pdp-top-content .wcs-title{
    color: #000;
    font-size: 25px;
    font-family: 'TeleNeo-ExtraBold';
    line-height: 110%;
    letter-spacing: -0.5px;
    padding: 0 0 12px 0;
}

.wcs-pdp-top-content .wcs-text{
    font-size: 18px;
    line-height: 140%;
    padding-top: 50px;
}


/* ///////////////////////////////////////////////////////////////////////////////////// */



.wcs-pdp-top-offer{
    max-width: 1226px;
    margin: 0px auto 65px auto;
    background: #F2F2F3;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 75px 65px 75px 75px;
}

.wcs-pdp-top-offer .wcs-content{
    text-align: left;
    color: #000;
}

.wcs-pdp-top-offer .wcs-content .wcs-pre-title{
    display: inline-block;
    font-size: 20px;
    font-family: 'TeleNeo-ExtraBold';
    line-height: 100%;
    letter-spacing: -0.4px;
    position: relative;
    z-index: 10;
}
.wcs-pdp-top-offer .wcs-content .wcs-pre-title::before{
    content: "";
    position: absolute;
    width: 234px;
    height: 14px;
    width: calc(100% + 10px);
    left: -5px;
    top: 50%;
    opacity: 0.4;
    background: #B1B1B1;
    z-index: -1;
}

.wcs-pdp-top-offer .wcs-content .wcs-title{
    font-family: 'TeleNeo-ExtraBold';
    font-size: 37px;
    line-height: 110%;
    letter-spacing: -0.02em;
    padding: 35px 0 25px 0;
}

.wcs-pdp-top-offer .wcs-content .wcs-text{
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.36px;
}

.wcs-pdp-top-offer .wcs-content .wcs-text ul{
    margin: 0px;
    padding: 0px;
}

.wcs-pdp-top-offer .wcs-content .wcs-text li{
    list-style-type: none;
    background: url("../images/wcs-pdp/icon-list.svg") no-repeat left center;
    padding: 0 0 0 57px;
    display: flex;
    align-items: center;
    justify-content: start;
    min-height: 40px;
    margin: 0 0 20px 0;
}






/* ///////////////////////////////////////////////////////////////////////////////////// */

.wcs-pdp-streaming{
    max-width: 1226px;
    margin: 0 auto 65px auto;
    display: flex;
    justify-content: space-between;
}

.wcs-pdp-streaming .wcs-col{
    background: #f1f1f1 no-repeat center top;
    border-radius: 20px;
    width: 518px;
    text-align: left;
    padding: 60px 40px 20px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wcs-pdp-streaming .wcs-col.wcs-last{
    background: #f1f1f1;
    width: 1226px;
}

/* the Android TV card: copy on the left, decoder on the right (per the design) */
.wcs-pdp-streaming .wcs-col.wcs-last{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 60px 60px 60px 90px;
}

.wcs-pdp-streaming .wcs-col.wcs-last .wcs-content{
    flex: 1 1 50%;
}

.wcs-pdp-streaming .wcs-col.wcs-last .wcs-photo{
    flex: 1 1 45%;
    text-align: right;
    padding: 0;
}

.wcs-pdp-streaming .wcs-col.wcs-last .wcs-photo img{
    max-width: 100%;
}


.wcs-pdp-streaming .wcs-col .wcs-title{
    color: #000;
    font-size: 54px;
    font-family: 'TeleNeo-ExtraBold';
    line-height: 100%;
    letter-spacing: -1.08px;
    padding: 0 0 24px 0;
}

.wcs-pdp-streaming .wcs-col.wcs-last .wcs-title{
    font-size: 37px;
    line-height: 110%;
}

.wcs-pdp-streaming .wcs-col .wcs-text{
    font-size: 17px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: #000;
}

.wcs-pdp-streaming .wcs-col .wcs-text ul{
    margin: 0px;
    padding: 0px;
}

.wcs-pdp-streaming .wcs-col .wcs-text li{
    list-style-type: none;
    background: url("../images/wcs-pdp/icon-list.svg") no-repeat left center;
    padding: 0 0 0 57px;
    display: flex;
    align-items: center;
    justify-content: start;
    min-height: 40px;
    margin: 0 0 20px 0;
}

.wcs-pdp-streaming .wcs-col .wcs-photo{
    text-align: center;
    padding: 0px 0 20px 0;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */


.wcs-pdp-videos{
    border-radius: 20px;
    background: #F2F2F3 url("../images/wcs-pdp/bg-videos.png") no-repeat right bottom;
    max-width: 1230px;
    margin: 0 auto 65px auto;
    padding: 60px 20px 124px 20px;
    text-align: center;
}

.wcs-pdp-videos .wcs-title{
    color: #000;
    text-align: center;
    font-size: 37px;
    font-family: 'TeleNeo-ExtraBold';
    line-height: 110%;
    letter-spacing: -0.74px;
    padding: 0 0 12px 0;
}

.wcs-pdp-videos .wcs-text{
    color: #000;
    text-align: center;
    font-size: 18px;
    font-family: 'TeleNeo-Medium';
    line-height: 110%;
    letter-spacing: -0.36px;
    padding: 0 0 40px 0;
}

.wcs-pdp-videos .wcs-items{
    max-width: 960px;
    margin: 0 auto;
    font-size: 0px;
}

.wcs-pdp-videos .wcs-items .wcs-item{
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    padding: 0 15px;
}



.wcs-pdp-videos .wcs-items .wcs-item .wcs-item-thumb{
    display: block;
}

.wcs-pdp-videos .wcs-items .wcs-item .wcs-item-thumb img{
    display: block;
    width: 100%;
}

.wcs-pdp-videos .wcs-items .wcs-item .wcs-item-title{
    padding: 14px 0 0 0;
    color: #000;
    font-size: 20px;
    line-height: 132%;
    letter-spacing: -0.2px;
    text-align: left;
}


.wcs-pdp-videos .slick-prev,
.wcs-pdp-videos .slick-next{
    width: 50px;
    height: 50px;
    background: url("../images/wcs-pdp/icon-prev2.svg") no-repeat center center;
    left: -20px;
    top: 70px;
    transform: translate(-100%, -0%);
}

.wcs-pdp-videos .slick-next{
    background-image: url("../images/wcs-pdp/icon-next2.svg");
    left: auto;
    transform: translate(100%, -0%);
    right: -20px;
}

.wcs-pdp-videos .slick-prev::before,
.wcs-pdp-videos .slick-next::before{
    display: none;
}

.wcs-pdp-videos .slick-prev.slick-disabled,
.wcs-pdp-videos .slick-next.slick-disabled{
    opacity: 0.2;
    cursor: default;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */

.wcs-pdp-streaming-options{
    padding: 0 0 150px 0;
    max-width: 1226px;
    margin: 0 auto 90px auto;
}

.wcs-pdp-streaming-options .wcs-title{
    color: #000;
    text-align: left;
    font-size: 37px;
    font-family: 'TeleNeo-ExtraBold';
    line-height: 110%;
    letter-spacing: -0.74px;
    padding: 0 0 33px 0;
}


.wcs-pdp-streaming-options .wcs-items{
    margin: 0 0 -70px 0;
}

.wcs-pdp-streaming-options .wcs-items .slick-track{
    display: flex;
}

.wcs-pdp-streaming-options .wcs-items .wcs-item{
    min-height: 510px;
    background: #f1f1f1;
    border-radius: 20px;
    margin: 0 30px 0 0;
    padding: 10px 25px 25px 25px;
    text-align: left;
}

.wcs-pdp-streaming-options .wcs-items .wcs-item:last-child{
    margin: 0px;
}

.wcs-pdp-streaming-options .wcs-items .wcs-item .wcs-item-title{
    color: #212121;
    font-size: 27px;
    margin-bottom: 25px;
    font-family: 'TeleNeo-ExtraBold';
    line-height: 110%;
    letter-spacing: -0.38px;
    padding: 30px 0 8px 0;
}

.wcs-pdp-streaming-options .wcs-items .wcs-item .wcs-item-text{
   font-size: 17px;
   line-height: 150%;
    letter-spacing: -0.34px;
    color: #616161;
}

.wcs-pdp-streaming-options .wcs-items .wcs-item .wcs-item-text ul{
    margin: 0px;
    padding: 0px;
}

.wcs-pdp-streaming-options .wcs-items .wcs-item .wcs-item-text li{
    list-style-type: none;
    background: url("../images/wcs-pdp/icon-list2.svg") no-repeat left 2px;
    padding: 0 0 0 27px;
    display: flex;
    align-items: center;
    justify-content: start;
    min-height: 24px;
    margin: 0 0 25px 0;
}

/* arrows sit top-right, level with the section title (design) */
.wcs-pdp-streaming-options .slick-prev,
.wcs-pdp-streaming-options .slick-next{
    width: 60px;
    height: 60px;
    background: url("../images/wcs-pdp/icon-prev.svg") no-repeat center center;
    left: auto;
    bottom: auto;
    top: -100px;
    right: 76px;
    margin: 0;
    transform: none;
    z-index: 5;
}

.wcs-pdp-streaming-options .slick-next{
    background-image: url("../images/wcs-pdp/icon-next.svg");
    right: 0;
    margin: 0;
}

.wcs-pdp-streaming-options .slick-prev::before,
.wcs-pdp-streaming-options .slick-next::before{
    display: none;
}

.wcs-pdp-streaming-options .slick-prev.slick-disabled,
.wcs-pdp-streaming-options .slick-next.slick-disabled{
    opacity: 0.2;
    cursor: default;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */

.wcs-pdp-pack{
    max-width: 1226px;
    margin: 0 auto 65px auto;
    padding: 40px 40px 40px 40px;
    text-align: center;
    color: #fff;
    background: #000 no-repeat right top;
    border-radius: 20px;
}

.wcs-pdp-pack .wcs-pre-title{
    display: inline-block;
    font-size: 27px;
    font-family: 'TeleNeo-ExtraBold';
    line-height: 100%;
    letter-spacing: -0.4px;
    position: relative;
    z-index: 10;
}
.wcs-pdp-pack .wcs-pre-title::before{
    content: "";
    position: absolute;
    width: 234px;
    height: 14px;
    width: calc(100% + 10px);
    left: -5px;
    top: 50%;
    z-index: -1;
}

.wcs-pdp-pack .wcs-title{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-family: 'TeleNeo-Bold';
    line-height: 110%;
    letter-spacing: -0.74px;
    margin-bottom: 30px;
    padding: 25px 0 12px 0;
}

.wcs-pdp-pack .wcs-text{
    font-size: 17px;
    line-height: 150%;
    letter-spacing: -0.34px;
    padding: 0 0 37px 0;
    max-width: 820px;
    margin: 0 auto;
}

/* the cinema artwork in the black panel — cap its width (tweak this number) */
.wcs-pdp-pack .wcs-photo img{
    max-width: 560px;
}

.wcs-pdp-pack .wcs-tab-menu{
    padding: 70px 0 44px 0;
    display: flex;
    justify-content: center;
}

.wcs-pdp-pack .wcs-tab-menu .wcs-item{
    min-width: 0;
    flex: 0 0 160px;
    margin: 0 8px;
    font-size: 17px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* the design shows icon circles only — no caption under them */
.wcs-pdp-pack .wcs-tab-menu .wcs-item p{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 14px 0 0 0;
    color: #fff;
    font-family: TeleNeo-Bold;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
    min-height: 40px;
}

/* circular icon buttons: dark-grey filled, white icon */
.wcs-pdp-pack .wcs-tab-menu .wcs-item .wcs-icon{
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #2b2b2b;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 200ms;
}

/* active button: white fill, dark icon, magenta ring with a thin black gap */
.wcs-pdp-pack .wcs-tab-menu .wcs-item.wcs-active .wcs-icon{
    background: #fff;
    box-shadow: 0 0 0 3px #000, 0 0 0 5px #e20074;
}

.wcs-pdp-pack .wcs-tab-menu .wcs-item .wcs-icon img{
    display: block;
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.wcs-pdp-pack .wcs-tab-menu .wcs-item:not(.wcs-active) .wcs-icon img{
    filter: brightness(0) invert(1);
}

/* the source icons are coloured — force black on the white active circle */
.wcs-pdp-pack .wcs-tab-menu .wcs-item.wcs-active .wcs-icon img{
    filter: brightness(0);
}


.wcs-pdp-pack .wcs-tab-menu .wcs-item .wcs-icon svg{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  opacity: 0;
  transition: all 200ms;
}

.wcs-pdp-pack .wcs-tab-menu .wcs-item.wcs-active .wcs-icon svg{
  opacity: 1;
}

.wcs-pdp-pack .wcs-copy{
    padding: 40px 0 0px 0;
    font-size: 17px;
    max-width: 1070px;
    margin: 0 auto;
    line-height: 140%;
    letter-spacing: -0.02em;
}

.wcs-pdp-pack .wcs-tabs .wcs-tab{
   display: none;
}

.wcs-pdp-pack .wcs-tabs .wcs-tab.wcs-active{
    display: block;
}

.wcs-pdp-pack .wcs-tabs .wcs-tab .wcs-items{
    background: #000;
    border-radius: 20px;
    padding: 27px 24px;
    display: flex;
    align-items: center;
    /* `safe center` = centre the logos when they fit, but fall back to
       start-alignment (no clipping) when they overflow, so you can scroll
       through all of them. Works the same on every category tab. */
    justify-content: safe center;
    gap: 24px;
    overflow-x: auto;
}


.wcs-pdp-pack .wcs-tabs .wcs-tab .wcs-items .wcs-item{
    padding: 0;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* one height for every channel logo — bumped from 24px to 40px per feedback */
.wcs-pdp-pack .wcs-tabs .wcs-tab .wcs-items .wcs-item img{
    height: 40px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
}


.wcs-pdp-pack .wcs-tabs .wcs-tab .wcs-items::-webkit-scrollbar {
  height: 8px;
  background: transparent;
}
.wcs-pdp-pack .wcs-tabs .wcs-tab .wcs-items::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 4px;
}
.wcs-pdp-pack .wcs-tabs .wcs-tab .wcs-items::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.wcs-pdp-pack .wcs-tabs .wcs-tab .wcs-items {
  -ms-overflow-style: auto;
  scrollbar-width: thin;
  scrollbar-color: #666 transparent;
  padding-bottom: 32px;
}

/* the row is drag-to-scroll on desktop (scrollbar is hidden above); touch
   devices swipe it natively. Prevent the browser's native image ghost-drag so
   the pointer drag scrolls cleanly. */
.wcs-pdp-pack .wcs-tabs .wcs-tab .wcs-items img {
  -webkit-user-drag: none;
  user-select: none;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */


.wcs-pdp-competition{
    max-width: 1226px;
    margin: 0 auto 40px auto;
    background: #F2F2F3;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 60px;
}

.wcs-pdp-competition .wcs-content{
    text-align: left;
    color: #000;
    max-width: 450px;
    padding: 0 30px 0 0;
}

.wcs-pdp-competition .wcs-content .wcs-pre-title{
    display: inline-block;
    font-size: 20px;
    font-family: 'TeleNeo-ExtraBold';
    line-height: 100%;
    letter-spacing: -0.4px;
    position: relative;
    z-index: 10;
}
.wcs-pdp-competition .wcs-content .wcs-pre-title::before{
    content: "";
    position: absolute;
    width: 234px;
    height: 14px;
    width: calc(100% + 10px);
    left: -5px;
    top: 50%;
    background: #fff;
    z-index: -1;
}

.wcs-pdp-competition .wcs-content .wcs-title{
    color: #000;
    font-size: 37px;
    font-family: 'TeleNeo-ExtraBold';
    line-height: 110%;
    letter-spacing: -0.74px;
    padding: 24px 0 20px 25px;
}

.wcs-pdp-competition .wcs-content .wcs-text{
    font-size: 17px;
    line-height: 120%;
    letter-spacing: -0.34px;
    color: #000;
    padding: 0 0 16px 25px;
}

.wcs-pdp-competition .wcs-content .wcs-more{
    padding: 13px 30px;
    background: #000;
    border-radius: 8px;
    font-size: 15px;
    color: #fff;
    letter-spacing: -0.02em;
    display: inline-block;
    transition: all 200ms;
    margin: 0 0 0 25px;
}

.wcs-pdp-competition .wcs-content .wcs-more:hover{
    opacity: 0.8;
}

.wcs-pdp-competition .wcs-photo{
    width: 550px;
}

.wcs-pdp-competition .wcs-photo img{
    border-radius: 20px;
}





/* ///////////////////////////////////////////////////////////////////////////////////// */



.wcs-lightbox{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  z-index: 9999;
  background: rgba(0,0,0,0.8);
  display:none;
}

.wcs-lightbox .wcs-back-close{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  z-index: 1;
}

.wcs-lightbox .wcs-content{
  position:absolute;
  top:50%;
  left:50%;
  width:calc(100% - 30px);
  max-width: 720px;
  max-height: 420px;
  height: 45vh;
  background:#000;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  
  z-index: 10;
}


.wcs-lightbox .wcs-content iframe{
  display: block;
}

.wcs-lightbox .wcs-content .wcs-close::before{
  content: "✕";
}

.wcs-lightbox .wcs-content .wcs-close{
  position:absolute;
  right:0px;
  top:-30px;
  color: #fff;
  display:block;
  font-size: 20px;
  text-align: center;
}




/* ///////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 1266px) {
    .wcs-pdp-top-offer,
    .wcs-pdp-streaming,
    .wcs-pdp-streaming-options,
    .wcs-pdp-pack,
    .wcs-pdp-competition,
    .wcs-pdp-videos,
    .wcs-pdp-offer{
        margin-right: 20px;
        margin-left: 20px;
    }

    .wcs-pdp-videos{
        background-position: right bottom;
    }

    .wcs-pdp-streaming .wcs-col{
        width: calc(45% - 10px);
    }

    .wcs-pdp-streaming .wcs-col.wcs-last{
        width: calc(55% - 10px);
    }

    .wcs-pdp-streaming-options .wcs-items{
        margin-right: -20px;
    }

    .wcs-pdp-videos .slick-prev{
        left: 0px;
    }

    .wcs-pdp-videos .slick-next{
        right: 0px;
    }

    .wcs-pdp-streaming-options .wcs-items .wcs-item .wcs-item-text{
        font-size: 15px;
    }

}

@media screen and (max-width: 1139px) {
    .wcs-pdp-top-offer .wcs-photo{
        width: 300px;
    }

    .wcs-pdp-competition .wcs-content .wcs-title {
        font-size: 32px;
        padding: 20px 0 15px 0;
    }

    .wcs-pdp-competition{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .wcs-pdp-videos .wcs-items {
        max-width: 670px;
    }
}

@media screen and (max-width: 959px) {

    .wcs-pdp-streaming{
        flex-direction: column;
    }

    .wcs-pdp-streaming .wcs-col,
    .wcs-pdp-streaming .wcs-col.wcs-last{
        width: 100%;
    }

    .wcs-pdp-streaming .wcs-col.wcs-last{
        margin-top: 20px;
    }

    .wcs-pdp-pack .wcs-title br{
        display: none;
    }

    .wcs-pdp-pack .wcs-tab-menu .wcs-item {
        min-width: 116px;
        margin: 0 5px;
        font-size: 15px;
    }

    .wcs-pdp-competition {
        padding: 50px 40px;
    }

    .wcs-pdp-top-offer{
        padding: 50px 40px;
        flex-direction: column;
    }

    .wcs-pdp-top-offer .wcs-photo{
        width: auto;
    }

    .wcs-pdp-top-content .wcs-text br{
        display: none;
    }

    .wcs-pdp-streaming .wcs-col.wcs-first{
        padding: 200px 40px 60px 40px;
        background-size: auto 540px;
        background-repeat: repeat-x;
    }

    .wcs-pdp-videos .wcs-text br{
        display: none;
    }

     .wcs-pdp-videos .wcs-items {
        max-width: 600px;
    }
}


@media screen and (max-width: 767px) {

    .wcs-pdp-top-offer, .wcs-pdp-streaming, .wcs-pdp-streaming-options, .wcs-pdp-pack, .wcs-pdp-competition,.wcs-pdp-videos,.wcs-pdp-offer {
        margin-right: 10px;
        margin-left: 10px;
    }

    .wcs-pdp-top-offer {
        padding: 35px 25px;
        flex-direction: column;
    }

    .wcs-pdp-top-offer .wcs-content .wcs-title {
        font-size: 26px;
    }

    .wcs-pdp-streaming .wcs-col{
        padding: 35px 25px;
    }

    .wcs-pdp-streaming .wcs-col .wcs-title {
        font-size: 37px;
    }

    .wcs-pdp-streaming .wcs-col.wcs-last .wcs-title {
        font-size: 30px;
    }

    .wcs-pdp-streaming-options .wcs-title {
        font-size: 30px;
    }

    .wcs-pdp-pack .wcs-title {
        font-size: 23px;
    }

    .wcs-pdp-pack .wcs-text{
        font-size: 15px;
    }

    .wcs-pdp-pack{
        padding: 35px 15px;
    }

    .wcs-pdp-pack .wcs-tab-menu{
        flex-wrap: wrap;
        padding: 41px 0 16px 0;
    }


    .wcs-pdp-pack .wcs-tab-menu .wcs-item {
        min-width: 80px;
        margin: 0 5px 17px 5px;
        font-size: 13px;
        line-height: 120%;
    }

    .wcs-pdp-pack .wcs-copy{
        font-size: 13px;
    }

    .wcs-pdp-competition .wcs-content .wcs-pre-title{
        white-space: nowrap;
    }

    .wcs-pdp-competition{
        flex-direction: column-reverse;
        padding: 0px 25px 35px 24px;
        overflow: hidden;
    }

    .wcs-pdp-competition .wcs-photo{
        width: 100%;
        margin: 0 -25px 30px -25px;
        width: calc(100% + 50px);
    }

    .wcs-pdp-competition .wcs-photo img{
       
    }

    .wcs-pdp-top-content .wcs-text {
        font-size: 15px;
        line-height: 140%;
    }

    .wcs-pdp-top-offer .wcs-content .wcs-title {
        font-size: 25px;
    }

    .wcs-pdp-top-offer .wcs-content .wcs-title br{
        display: none;
    }

    .wcs-pdp-top-offer .wcs-content .wcs-text{
        font-size: 15px;
    }

    .wcs-pdp-streaming .wcs-col.wcs-first{
        padding: 50px 20px 40px 20px;
    }

    .wcs-pdp-streaming .wcs-col .wcs-text{
        font-size: 15px;
    }

    .wcs-pdp-videos .wcs-text{
        font-size: 15px;
    }

    .wcs-pdp-streaming{
        margin: 0 10px 45px 10px;
    }

    .wcs-pdp-videos{
        padding: 45px 20px 124px 20px;
    }

    .wcs-pdp-videos .wcs-title{
        font-size: 34px;
    }

    .wcs-pdp-videos .slick-prev{
        left: 40px;
    }

    .wcs-pdp-videos .slick-next{
        right: 40px;
    }

    .wcs-pdp-videos .wcs-items .wcs-item .wcs-item-title{
        font-size: 15px;
    }

    .wcs-pdp-streaming-options{
        margin-bottom: 50px;
    }

    .wcs-pdp-competition .wcs-content .wcs-text{
        padding-left: 0px;
    }

    .wcs-pdp-competition .wcs-content .wcs-more{
        margin-left: 0px;
    }

    .wcs-pdp-top-content {
        padding: 0px 20px 45px 20px;
    }

    .wcs-pdp-offer{
        margin: 40px 10px;
    }

    .wcs-pdp-offer .wcs-content {
        padding: 50px 50px 70px 50px;
    }

    .wcs-pdp-offer .wcs-content .wcs-title {
        font-size: 24px;
    }

    .wcs-pdp-offer .wcs-content .wcs-text{
        font-size: 20px;
    }


}