.dropbtn-topnav {
    color: white;
    font-family: 'SSTPRO-LIGHT';
    padding: 13px;
    /* font-size: calc(0.6875rem + ((1vw - 9.93px) * 0.4315)); */
    
    border: none;
    padding: 23px 0px;
}
@media (min-width: 1430px) {
    .dropbtn-topnav {
        font-size: 12pt;
    }   
}
@media (min-width: 1000px) and (max-width: 1429px) {
    .dropbtn-topnav {
        font-size: 11pt;
    }   
}

/* The container <div> - needed to position the dropdown content */
.dropdown-topnav {
    position: relative;
    display: inline-block;
}
@media (min-width: 1430px) {
    .dropdown-topnav {
        padding: 18px 13px;
    }   
}
@media (min-width: 1000px) and (max-width: 1429px) {
    .dropdown-topnav {
        padding: 18px 10px;
    }   
}

/* Dropdown Content (Hidden by Default) */
.dropdown-topnav-content {
    width: 100%;
    display: none;
    position: absolute;
    padding: 13px 15px;
    background-color: white;
    min-width: 170px;
    width: 90%;
    z-index: 9;
    border-top: 5px solid #5887f5 !important;
}

/* Links inside the dropdown */
.dropdown-topnav-content a {
    color: black;
    padding: 10px 0px;
    font-family: 'SSTPRO-LIGHT';
    text-decoration: none;
    display: block;
    font-style: normal; 
}

/* Change color of dropdown links on hover */
.dropdown-topnav-content a:hover { color: #5887f5; }
.dropbtn-topnav:hover { color: #5887f5; }

/* Show the dropdown menu on hover */
.dropdown-topnav:hover .dropdown-topnav-content { display: block; }

.dropdown-topnav:hover .title-topnav { color: #5887f5; }

.dropdown-topnav:hover .top-nav-btn img {
    transform: rotate(270deg);
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.top-nav-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-nav-btn img {
    transform: rotate(90deg);
    margin-left: 5px;
}


.anchor-hash {
    transition: background-color 1s linear;
    animation: anchor-hash-animation 1.5s;
    animation-delay: 0.7s;
    background-color: transparent;
}
.click-here-for-terms-and-conditions {
    font-weight: normal;
    font-size: 16px;
    font-family: SSTPRO-Roman;
    color: #171717;
    background-color: white;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
}
@keyframes anchor-hash-animation {
    from {
        background-color: yellow;
    }
    to {
        background-color: transparent;
    }
}

.masthead-button-download-1 {
    cursor: pointer;
    position: absolute;
    bottom: 11.4%;
    left: 43.7%;
    width: 12.5%;
    height: 6.3%;
}
.masthead-button-download-2 {
    cursor: pointer;
    position: absolute;
    bottom: 5.9%;
    left: 42.7%;
    width: 14.4%;
    height: 6.3%;
}

.lumiere-dropdown-toggle {
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.lumiere-dropdown-content {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.5rem;
    display: none;
    border: 1px solid #C4C4C4;
    background-color: whitesmoke;
    z-index: 10;
}
.lumiere-dropdown-content.show {
    display: block;
}
#productCategory {
    background-color: whitesmoke;
    margin-bottom: 2vw;
}
.product-category {
    padding-top: 1em;
    padding-bottom: 1em;
}
.product-category.active {
    background-color: #fdaa0d;
}
.product-category:hover .product-category-name {
    color: black;
}
/* .product-category:hover .product-category-image {
    opacity: 1;
} */
.product-category:hover .product-category-image svg {
    /* fill: #59b0cc; */
    /* fill: white; */
    fill: black;
    /* fill: #58b4c7; */
    /* fill: #fdaa0d; */
}
.product-category-image {
    /* opacity: 0.5; */
    width: 80% !important;
    margin: 0 auto;
}
/* .product-category-image.active {
    opacity: 1;
} */
.product-category-image svg {
    fill: grey;
}
.product-category-image.active svg {
    /* fill: black; */
    fill: white;
    /* fill: #58b4c7; */
    /* fill: #fdaa0d; */
}
.product-category-name {
    color: grey;
    font-size: 16px;
    font-family: 'SSTPRO-Roman';
}
.product-category-name.active {
    /* color: black; */
    color: white;
    /* color: #58b4c7; */
    /* color: #fdaa0d; */
}
@media (max-width: 768px) {
    .product-category-name {
        font-size: 12px;
    }
}
.product-category-headline {
    color: #5a5a5a;
    font-family: 'SSTPRO-Roman';
    /* 1920px -> 768px -- 36px -> 12px */
    font-size: calc(0.75rem + ((1vw - 7.68px) * 2.0833));

    /* 1920px -> 1280px -- -1.1px -> -0.1px */
    letter-spacing: calc(0.00625rem - ((1vw - 12.8px) * 0.1563));
}
.search-bar-form {
    background-color: grey;
    border-radius: 10px;
}
.search-bar-input {
    height: 32px;
    border-radius: 10px;
    padding-left: 10px;
    border: none;
    outline: none;
    font-family: SSTPRO-Roman;
}
.search-button {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: grey;
    position: absolute;
    right: 0;
}
.search-item {
    text-align: center; 
    padding: 10px; 
    cursor: pointer;
    color: #444;
}
.search-item:hover {
    background-color: rgba(0,0,0,0.1);
}
.lumiere-search-result {
    position: absolute; 
    top: 100%; 
    left: 0;
    background-color: white; 
    width: 100%; 
    margin-top: 5px; 
    max-height: 250px; 
    overflow: scroll;
    z-index: 100;
    visibility: hidden;
}
.filter-by-price {
    margin-bottom: 2rem;
    position: relative;
    z-index: 100;
}
.tab-anchoring {
    padding-bottom: 2rem;
}
.modal-title {
    font-family: 'SSTPRO';
}
.modal-dialog.modal-dialog-full {
    max-width: 100%;
}
.full-iframe {
    position:relative;
}
.full-iframe > .full-iframe-ratio {
    display:block;
    width:100%;
    height:auto;
    visibility: hidden;
}
.full-iframe > iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 10;
}

.embed-container {
    height:0;
    margin-bottom:18px;
    overflow:hidden;
    padding-bottom:56.25%; /* 16/9 ratio */
    padding-top:30px; /* IE6 workaround*/
    position:relative;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    height:100% !important;
    left:0;
    position:absolute;
    top:0;
    width:100% !important;
}

.horizontal-scrolling-container {
    white-space: nowrap;
    overflow: scroll;
    width: 100vw;
    padding-bottom: 10px;
    margin-bottom: -10px;
}

.asterisk {
    font-size: 9px;
    display: inline-block;
}

.big-deals {
    background: url("../assets/images/bravia/general/bigdeals/bg-section.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.h-900 {
    height: 46.875vw;
    max-height: 900px;
}
.h-1800 {
    height: 93.75vw;
    max-height: 1800px;
}
.nowrap {
    white-space: nowrap;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-justify-flex-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex-justify-flex-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.w-max-40 {
    max-width: 40%;
}
.w-max-50 {
    max-width: 50%;
}
.w-max-55 {
    max-width: 55%;
}
.w-max-65 {
    max-width: 65%;
}
.w-max-75 {
    max-width: 75%;
}
.mx-auto {
    margin-right: auto;
    margin-left: auto;
}
.ml-auto {
    margin-left: auto;
}

.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

.section-divider {
    height: 7.8125vw;
    max-height: 150px;
}
.headline-divider {
    height: 3.90625vw;
    max-height: 75px;
}
.banner-divider {
    height: 1.953125vw;
    max-height: 37.5px;
}

button{
    background-color:#ed6a76;
    border:0;
    color:white;
    cursor:pointer;
    padding:8px 10px;
    /* border-radius:7px; */
}
#findoutbutton{
    width: 200.33px;
}
.video-container {
    position: relative; 
}
.video-container.playable {
    cursor: pointer;
}
.video-container .title-container {
    position: absolute; 
    top: 3vw; 
    left: 0;
    right: 0;
    margin: auto;
}

.text-dark h1 {
    color: black !important;
}
.text-dark h2 {
    color: black !important;
    font-family: SSTPRO-Roman !important;
}
.text-dark h4 {
    color: black !important;
}
.text-dark p {
    color: black !important;
}

.text-light h1{
    color: white !important;
}
.text-light p{
    color: white !important;
}

.wrapper {
    width: 80vw;
    max-width: 1280px;
    position: relative;
    margin: 0 auto;
}

.wrapper-max-1440 {
    width: 75vw;
    max-width: 1440px;
    position: relative;
    margin: 0 auto;
}

.video-container .title-container .title {
    color: white;
    text-align: center;
}

.btnPlayPause {
    line-height: 50px; 
    width: 50px; 
    text-align: center;
    vertical-align: middle; 
    background-color: whitesmoke; 
    border-radius: 50%; 
    position: absolute; 
    right: 10%;
    bottom: 15vh;
}
.btn-secondary {
    color: #ed3072 !important;
    border: 1px solid #ed3072;
    padding-top: 13px;
    padding-bottom: 13px;
}
.btn-secondary:hover {
    color: white !important;
    background-color: #ed3072;
    border: 1px solid white;
}
.banner h1 {
    /* color: #FF6B6B !important; */
    /* color: #ed3072 !important; */
    font-family: SSTPRO !important;
    font-weight: bold !important;

    font-size: calc(1.5rem + ((1vw - 5pt) * 3)) !important;
    min-height: 0vw;
}
h2 {
    /* color: #FF6B6B !important; */
    /* color: #ed3072 !important; */
    color: white !important;
    font-family: SSTPRO-Roman !important;
}


sup {
    top: 0em !important;
    font-size: 50% !important;
    vertical-align: super !important;
}
sub {
    bottom: 0em !important;
    font-size: 60% !important;
    vertical-align: revert !important;
}

.bg-turquoise {
    background-color: #4ECAC1 !important;
}
.bg-green {
    background-color: #C4F165 !important;
}
.bg-coral {
    background-color: #FF6B6B !important;
}
.change-opacity {
    transition: opacity 0.5s;
}

.colours {
    font-size: 9pt;
}

.colours::before {
    content: "COLOURS \00a0";
}

.colours div {
    display: inline-block; 
    width: 0.75em; 
    height: 0.75em; 
    border-radius: 50%;
    border: 0.05em solid #575757;
    margin: 0 -0.1em;
}

.circle {
    display: inline-block; 
    width: 1.5em; 
    height: 1.5em; 
    border-radius: 50%;
    border: 0.05em solid grey;
    margin: 0 0.1em;
}
.option-colour {
    display: inline-block; 
    width: 1em; 
    height: 1em; 
    border: 0.05em solid grey;
    margin: 0 -0.2em;
    vertical-align: text-bottom;
}

.color-white {
    color: white !important;
}
.color-black {
    color: black !important;
}
.color-text {
    color: #586371 !important;
}
.color-coral {
    color: #FF6B6B !important;
}
.color-primary {
    color: #6C6C6C !important;
}
.color-pwp {
    color: white !important; 
    background: #bc013f !important;
}

.disclaimer {
    font-size: 8pt;
    color: #586371 !important;
}

/* .list-navigation-link a {
    font-size: 11pt; 
    padding: 5px 10px;  */
    /* border-right: 1px solid white; */
/* } */
.list-navigation-link a:hover {
    background-color: white;
    border-radius: 10px;
}
.list-navigation-link a:hover > .header-style {
    color: black !important;
}
.list-navigation-link a:last-child {
    border-right: 0;
}

.home-item {
    height: 264px;
    
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.header {
    padding: 0 1.5rem;
    background-color: #1F2024;
}
.header-content {
    width: 100%;
    height: 64px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
.header-style{
    /* font-family: SSTPRO-Roman; */
    font-family: 'SSTPRO-LIGHT';
    font-size: 15px;
    padding: 5px 10px;
    min-height: 0vw;
    color: #e4e7eb;
    cursor: pointer;
    border-radius: 10px;
    transition: color linear 0.1s;
}
.header-style:hover {
    color: #5887f5;
}
.header-style-mobile {
    background-color: black; 
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    margin: 0px 0;
    cursor: pointer;
}
.header-style-mobile a {
    display: block;
    padding: 5px 10px;
}
.header-style-mobile a:active {
    background-color: rgba(255,255,255,0.3); 
}

.breadcrumb-and-product-logo{
    display: flex;
    justify-content: space-between;
}
.section {
    padding-top: 3rem;
}
.product-logo {
    padding: 10px 3rem;   
    font-size: 18pt;
    font-family: Impact;
}
ul.breadcrumb {
    padding: 10px 3rem;
    list-style: none;
}
ul.breadcrumb li {
    display: inline;
    font-size: 12pt;
    color: black;
}
ul.breadcrumb li+li:before {
    padding: 0px 12px;
    color: black;
    content: "\f105";
    font-family: FontAwesome;
}
ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}
ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}
.gifts {
    margin-bottom: 25px;
}
.gifts .giftbox-container {
    font-size: 16px;
    font-weight: bold;
}
.gifts .giftbox {
    width: 17px !important;
    height: auto;
    vertical-align: baseline;
}
.gifts, .exclusive-premium, .bundled-with {
    background-color: #ECECEC;
    border-radius: 20px;
    padding: 5px 10px 3px 10px;
}
/* .gifts::before {
    content: url('../assets/images/gift-box.png') " Gifts: "; 
    background-repeat: no-repeat; 
    display: inline;
    font-weight: bold;
}
.gifts.exclusive-premium::before {
    content: url('../assets/images/gift-box.png') " Exclusive Premium: "; 
}
.gifts.bundled-with::before {
    content: url('../assets/images/gift-box.png') " Bundle With: " !important; 
} */
.gifts ul{
    /* list-style: none; */
    padding-inline-start: 0px;

    list-style: none;
    margin-left: 0;
    padding-left: 1.4em;
    text-indent: -1.3em;
    /* height: 50px;
    overflow-y: auto; */
}
.gifts ul::-webkit-scrollbar{
    -webkit-appearance: none;
}
.gifts ul::-webkit-scrollbar:vertical {
    width: 11px;
}
.gifts ul::-webkit-scrollbar:horizontal {
    height: 11px;
}
.gifts ul::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}
.gifts ul li{
    padding-top: 4px;
    font-size: 10pt;
}
.gifts ul li:before{
    content: "\f00c";
    font-family: FontAwesome;
    color: #4D83F3;
    padding-right: 7px;
}

.floating {
    position: fixed;
    bottom: 60px;
    right: 2vw;
    text-align: center;
    z-index: 100;
    line-height: 4;
}

#floatingWhatsapp {
    cursor: pointer;

    z-index: 1000;
    
    animation: tada2 60s infinite;
    animation-delay: 10s;
    
    margin-bottom: -60px;
    transition: margin cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}

#floatingWhatsapp .icon {
    cursor: pointer;
    display: inline-block;
    background-color: #55C863;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#floatingWhatsapp .text {
    font-family: Impact;
    letter-spacing: 2px;
    background-color: #55C863; 
    color: white;
    margin-top: 3px;
    border-radius: 5px;
    padding: 2px 10px;
}

#floatingWhatsapp.shift {
    margin-bottom: 0px;
}

#top {
    display: inline-block;
    /* background-color: #FB6C6E; */
    /* width: 50px;
    height: 50px; */
    text-align: center;
    border-radius: 4px;
    
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
}
/* #top::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1.25em;
    line-height: 47px;
    color: #fff;
}
#top:hover {
    cursor: pointer;
    background-color: #333;
}
#top:active {
    background-color: #555;
} */
#top.show {
    opacity: 1;
    visibility: visible;
}

@-webkit-keyframes tada2 {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    0.167%, 0.333% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    0.5%, 0.833%, 1.166%, 1.5% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    0.666%, 1%, 1.333% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    1.6% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada2 {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
  
    0.167%, 0.333% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
  
    0.5%, 0.833%, 1.166%, 1.5% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
  
    0.666%, 1%, 1.333% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    1.5% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
  
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada2 {
    -webkit-animation-name: tada2;
    animation-name: tada2;
}

#main {
    padding-top: 64px;
}

#banner {
    height: 200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 3rem 0px 3rem;
}
#banner span {
    font-size: 53pt;
    font-family: Impact;
    text-transform: uppercase;
}

#banner-footer {
    /* height: 500px; */
    /* padding: 0px 3rem 1rem 3rem; */
    padding-bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    background-color: #59b0cc;
    /* background-color: #58b4c7; */
}
#banner-footer .title-container {
    z-index: 1; 
    display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
}
#banner-footer .title{
    /* 1920px -> 768px -- 40px -> 30px */
    font-size: calc(1.875rem + ((1vw - 7.69px) * 0.8688));
    background-color: white; 
    padding: 0 20px;
    min-height: 0vw;
    font-family: SSTPRO-Light !important;
    letter-spacing: 3px;
    color: #586371;
    display: inline-block;
    margin-bottom: 0;
}
#banner-footer .title-line {
    z-index: 1; 
    width: 100%; 
    border-top: 1px solid #72767F; 
    /* 1920px -> 768px -- 22px -> 18px */
    margin-top: calc(1.125rem + ((1vw - 7.69px) * 0.3475));;
}
#banner-footer .icons-container { 
    padding-top: 3rem;
}
#banner-footer table tr td {
    padding: 0 !important; 
    background-color: transparent;
    border: 0 !important;
    height: inherit;
}
.banner-footer-items {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.banner-footer-items.owl-carousel .nav-btn {
    bottom: 170px !important;
}

.banner-footer-item {
    /* width: 270px;
    height: 250px; */
    /* min-height: 280px;
    height: 280px; */
    /* min-height: 370px; */
    /* height: 370px; */
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.banner-footer-item img {
    width: auto !important;
    height: 100px !important;
    object-fit: contain;
}
@media (max-width: 768px) {
    .banner-footer-item img {
        width: 100px !important;
        height: auto !important;
    }
}
.banner-footer-item .cta:hover {
    opacity: 0.8;
}
.banner-footer-item h3 {
    /* font-size: 20pt !important; */
    text-transform: capitalize;
    font-family: 'SSTPRO';
    letter-spacing: 2px;
    padding: 15px 0 0.5em 0;
    margin: 0;
    color: black !important;
}
.banner-footer-item .banner-footer-item-description {
    /* font-size: 18px !important; */
    font-family: SSTPRO-Condensed;
    color: black !important;
    margin-bottom: 0.6em;
}
.banner-footer-item a {
    font-size: 12pt !important;
    font-family: SSTPRO-Condensed;
    font-weight: bold;
    background-color:white;
    border:0;
    color:#176377 !important;
    cursor:pointer;
    min-width: 170px;
    display: block;
    padding: 9.6px 5px;
    position: relative;
}
.banner-footer-item a:before{
    position: absolute;
    content: '';
    left: -15px;
    top: 0px;
    border-style: solid;
    border-color: white transparent;
    border-width: 0px 0px 39px 15px;
}
.banner-footer-item a:after{
    position: absolute;
    content: '';
    right: -15px;
    top: 0px;
    border-style: solid;
    border-color: white transparent;
    border-width: 39px 15px 0px 0px;
}
.banner-footer-item button {
    font-size: 12pt !important;
    font-family: SSTPRO-Condensed;
    font-weight: bold;
    background-color:#ed6a76;
    border:0;
    color:white !important;
    cursor:pointer;
    border-radius:7px;
    min-width: 170px;
    display: block;
    padding: 10px 5px;
    line-height: inherit;
}

.absolute-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.list-target ul {
    list-style: none;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
}

.list-target ul li {
    padding-bottom: unset;
    display: inline-block;
    padding: 5px 18px;
    transition: none;
    color: white;
    z-index: 1;
    cursor: pointer;
    font-size: 25px;
    font-family: SSTPRO;
}

/* .list-target ul li .content {
    opacity: 0;
    display: none;
    padding-right: 10px;
} */
.list-target ul li.active {
    /* color: #FF6B6B; */
    color: #ed3072;
}

/* .list-target ul li.active h6 {
    color: #ed6a76;
} */

.list-target ul li.active .content {
    opacity: 1;
    display: block;
    transition: opacity cubic-bezier(0.4,0,0.2,1) .2s;
}

/* .list-target ul li {
    padding-bottom: unset;
    min-height: 40px;
}
.list-target ul li .content {
    opacity: 0;
    display: none;
    padding-right: 10px;
}
.list-target ul li.active {
    padding-bottom: 15px;
    transition: padding-bottom cubic-bezier(0.4,0,0.2,1) .2s,opacity cubic-bezier(0.4,0,0.2,1) .2s;
    border-right: 3px solid #ed6a76;
    min-height: 40px;
}

.list-target ul li.active h6 {
    color: #ed6a76;
}

.list-target ul li.active .content {
    opacity: 1;
    display: block;
    transition: opacity cubic-bezier(0.4,0,0.2,1) .2s;
} */

.product-list {
    padding-bottom: 3rem;
}

.product-list h2 {
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0;
}

.carousel-wrap {
    /* margin: auto; */
    position: relative;
}
.owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
    margin-top: 0px;
}

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    /* background: #2caae1; */
    background: white;
}
/* .owl-theme .owl-nav.disabled+.owl-dots {
    background-color: black;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
} */
.owl-theme .owl-dots {
    position: absolute;
    bottom: 0%;
    margin-top: 0px;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
}

@media (max-width: 768px) {
    .owl-theme .owl-dots {
        bottom: -1%;
    }
}

.product-list .owl-carousel .product-img {
    width: 90%;
    margin: 0 auto;
    height: auto;
}

button.secondary {
    background-color: #4d5da7;
    color: white;
    border: 1px solid #4d5da7;
    font-size: 23px;
    min-width: 250px;
    border-radius: 20px;
    font-family: SSTPRO;
    font-weight: bold;

    -webkit-box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.5);
    box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.5);
}

button.secondary:hover {
    background-color: white;
    border: 1px solid #4d5da7;
    color: #4d5da7;
}

button.primary {
    background-color: white;
    color: #6C6C6C;
    border: 1px solid #CFCFCF;
    /* min-width: 250px; */
    /* font-family: 'SSTPRO-ROMAN'; */
    line-height: 1.2;
    font-family: 'SSTPRO-Light';
}

button.primary:hover {
    background-color: whitesmoke;
    /* background-color: #58b4c7; */
    /* color: white; */
    /* opacity: 0.8; */
}

button.primary.transparent {
    background-color: transparent;
    color: white;
}

button.primary.transparent:hover {
    background-color: white;
    color: black;
}

button.primary.blue {
    font-family: SSTPRO;
    background-color: transparent;
    color: #4E60A7;
    border: 3px solid #4E60A7;
}

button.primary.blue:hover {
    background-color: #4E60A7;
    color: white;
}

button.primary.invert {
    background-color: black;
    color: white;
    border: 1px solid grey;
}

button.primary.invert:hover {
    background-color: rgba(0,0,0,0.9);
}

button.primary.transparent.invert {
    background-color: transparent;
    color: black;
}

button.primary.transparent.invert:hover {
    background-color: black;
    color: white;
}

.tab {
    position: static;
}

.tab .title {
    padding-bottom: calc(0.0625rem + ((1vw - 7.68px) * 2.5174));
    min-height: 0vw;
}

.tab .tab-nav-container .story {
    background-color: transparent; 
    /* position: absolute; 
    top: 0;  */
    width: 100%; 
    text-align: center; 
    z-index: 1;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.tab .tab-nav-container .list-tab-nav {
    padding-bottom: 5px;
}

.tab button.tab-nav {
    font-family: SSTPRO-Light;
    background-color: transparent;
    color: #b0b0b0;
    /* 30px-15px | 1920px-769px */
    /* font-size: calc(0.9375rem + ((1vw - 7.69px) * 1.3032));  */

    /* 24px-12px | 1920px-769px */
    font-size: calc(0.75rem + ((1vw - 7.69px) * 1.0426));

    /* min-width: 10vw; */
    /* 18px-9px 28px-14px | 1920px-769px */
    /* padding:calc(0.5625rem + ((1vw - 7.69px) * 0.7819)) calc(0.875rem + ((1vw - 7.69px) * 1.2163)); */
    padding: 0 0 5px 0;
    margin: 0 calc(0.875rem + ((1vw - 7.69px) * 1.2163));
    text-align: left;
}
.tab button.tab-nav.bordered {
    border: 2px solid whitesmoke;
    border-radius: 30px;
} 

.tab button.tab-nav.invert {
    background-color: white;
    color: black;
    border: 2px solid black;
}
.tab button.tab-nav:hover {
    background-color: rgba(255,255,255,0.1);
}
.tab button.tab-nav.active {
    font-family: SSTPRO;
    color: #6C6C6C;
    border-bottom: 4px solid #6C6C6C;
    /* color: #58b4c7;
    border-bottom: 4px solid #58b4c7; */
    /* color: #fdaa0d;
    border-bottom: 4px solid #fdaa0d; */
}
.tab button.tab-nav.active.invert {
    background-color: black;
    color: white;
}

.tab button.tab-nav.green.active {
    border: 1px solid #2AA84E;
    background-color: #2AA84E;
    color: white;
    font-family: SSTPRO;
    font-weight: bold;
}
.tab button.tab-nav.green {
    margin-left: 0;
    font-family: SSTPRO-Light;
    font-weight: unset;

    border: 1px solid #BFECCE;
    background-color: #BFECCE;
    color: #2AA84E;
}

.tab .tab-content-container {
    position: static;
}

.tab .tab-content {
    display: none;
}

.tab .tab-content.active {
    display: block;
}

.tab .subtab-content-container {
    position: static;
}

.tab .subtab-content {
    display: none;
}

.tab .subtab-content.active {
    display: block;
}
/* .subtablinks.active {
    border-color: #fdaa0d !important;
} */

.hover-area {
    overflow: hidden;
}

.hover-area .hover-item{
    opacity: 0;
    position: absolute;
    left: 10%;
    bottom: -100px;
}

.hover-area .hover-item.bottom-center {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -100px;
}

.hover-area:hover {
    cursor: pointer;
}
.hover-area:hover .hover-item{
    opacity: 1;
    bottom: 5%;
    transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
}
/* .hover-area:hover .button.secondary{
    background-color: white;
    border: 1px solid #4d5da7;
    color: #4d5da7;
} */
.hover-area:hover button.secondary{
    background-color: white;
    border: 1px solid #4d5da7;
    color: #4d5da7;
}
.product-related .tabnav {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100%; */

    color: #6C6C6C;
    cursor: pointer;
    /* font-size: 16px; */
    font-size: 14px;
    font-weight: normal;
    font-family: 'SSTPRO';
    border: 1px solid #CFCFCF;
    padding: 4px 8px;
    margin-bottom: 10px;

    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.product-related .tabnav:hover {
    color: grey;
    background-color: rgba(0,0,0,0.05);
}

.product-related .tabnav.active {
    color: white;
    /* background-color: #6C6C6C; */
    /* background-color: #58b4c7; */
    background-color: #fdaa0d;
    font-weight: bold;
    font-family: SSTPRO !important;
}
.product-related .product-tab-container .tabnav-container:only-child .tabnav {
    font-weight: normal;
    border-bottom: none !important;
    cursor: auto;
}

.product-related .tabnav.circle {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    cursor: pointer;
    border: 2px solid grey;
    border-radius: 50%;

    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.product-related .tabnav.circle:hover {
    opacity: 0.8;
}

.product-related .tabnav.circle.active {
    border: 2px solid black;
}

.product-related .square {
    /* width: 40.364583vw; 
    max-width: 775px; 
    height: 40.364583vw; 
    max-height: 775px;  */
    /* border: 1px solid white;  */
    /* background: linear-gradient(135deg, #291a53, #120b23);  */
    background-color: #f2f2f2;
    padding: 3vw 2vw;
}

.product-related .tab-content2 {
    display: none;
}

.product-related .tab-content2.active {
    display: block;
}

.tab-carousel-1 .owl-dots {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.tab-carousel-1 button {
    background-color: transparent;
    color: white;
    border: 1px solid whitesmoke;
    margin-left: 20px;
    min-width: 100px;
    border-radius: 20px;
}

.tab-carousel-1 button:hover {
    background-color: rgba(255,255,255,0.2);
}

.tab-carousel-1 .owl-dot.active button {
    background-color: white;
    color: black;
}

.owl-theme .owl-nav [class*=owl-] {
    top: 0;
    background-color: transparent !important;
}
.owl-carousel .item {
    text-align: left;
    display: flex;
    justify-content: center;
    min-height: 560px;
}

.owl-carousel .item-0 {
    text-align: left;
    display: flex;
    justify-content: center;
    min-height: 460px;
}

.owl-carousel .item-1 {
    text-align: left;
    display: flex;
    justify-content: center;
    /* min-height: 520px; */
    /* min-height: 560px; */
    /* min-height: 630px; */
}

.owl-carousel .item-content {
    line-height: 1.5;
    border: 1px solid whitesmoke;
    /* box-shadow: -5px 8px 15px -9px rgba(0,0,0,0.58); */
    width: 380px;
    border-radius: 25px;
    padding: 5%;
    background-color: white;
}

.owl-carousel .item-content .item-img {
    position: relative;

    background-color: #E8EDF3;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-radius: 25px;
    /* width: 350px; */
    width: 100%;
    height: 300px;
    padding-bottom: 10px;
}

.owl-carousel .item-content .item-img > .product-container {
    position: relative;
    text-align: center;
}

.owl-carousel .item-content .item-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 10px 5%;
    background-color: white;
    min-height: 330px;
}

.owl-carousel .nav-btn{
    height: 47px;
    position: relative;
    width: 26px;
    cursor: pointer;
    top: 0% !important;
}
.owl-carousel .owl-prev {
    margin: 0;
    background-color: transparent;
    height: 100%;
    position: absolute;
    top: 0;
}
.owl-carousel .owl-next {
    margin: 0;
    background-color: transparent;
    height: 100%;
    position: absolute;
    top: 0;
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0;
}
.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 0;
}
.owl-carousel .prev-slide, .owl-carousel .next-slide,
.owl-carousel .prev-slide > img, .owl-carousel .next-slide > img {
    /* 1920px -> 1366px | 75px -> 50px */
    width: calc(3.125rem + ((1vw - 13.66px) * 4.5126));
    height: calc(3.125rem + ((1vw - 13.66px) * 4.5126));
}
.owl-carousel .owl-prev, .owl-carousel .owl-next {
    background-color: transparent;
    position: relative;
}
@media (min-width: 769px) {
    .owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover {
        background-color: rgba(255,255,255,0.1) !important;
        /* background-color: rgb(88 180 199 / 20%) !important; */
        /* background-color: rgb(253 170 13 / 20%) !important; */
    }
}
.owl-carousel .prev-slide{
    left: 0;
    padding-right: 3px;
}
/* .owl-carousel .prev-slide::before{
    content: "\f177";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1.25em;
    color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 24px;
} */
.owl-carousel.owl-carousel-download .owl-nav button.owl-next {
    right: -7%;
}
.owl-carousel.owl-carousel-download .owl-nav button.owl-prev {
    left: -7%;
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 0;
}
.owl-carousel .next-slide{
    right: 0;
    padding-left: 3px;
}
/* .owl-carousel .next-slide::after{
    content: "\f178";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1.25em;
    color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 24px;
} */

span{
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.show-max-768 {
    display: none;
}
.show-max-992 {
    display: none;
}
.show-max-1280 {
    display: none;
}
.show-min-769 {
    display: none;
}
.show-min-769-i {
    display: none !important;
}
.show-min-993 {
    display: none;
}
.show-min-1281 {
    display: none;
}
.show-min-1366 {
    display: none;
}
/* li{
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
} */
span.item-name {
    color: black;
    text-decoration: none;
    outline: none;
    width: 100%;
    max-width: 300px;
    font-size: 28px;
    display: block;
    text-align: left;
    font-family: SSTPRO;
    font-weight: bold;
    padding-bottom: 5px;
}
span.item-code {
    text-decoration: none;
    outline: none;
    width: 100%;
    /* font-size: 10pt; */
    font-size: 15px;
    display: block;
    text-transform: uppercase;
    text-align: left;
}
span.item-description {
    font-family: SSTPRO-Light;
    color: #666666;
    text-decoration: none;
    outline: none;
    width: 100%;
    /* font-size: 10pt; */
    /* font-size: 9px; */
    font-size: 14px;
    padding-bottom: 15px;
    display: block;
    text-align: left;
}
span.item-spesification {
    font-family: SSTPRO;
    text-decoration: none;
    outline: none;
    width: 100%;
    /* font-size: 10pt; */
    /* font-size: 9px; */
    font-size: 12px;
    padding-bottom: 25px;
    display: block;
    text-align: left;
}
span.item-spesification::after {
    content: "?";
    background:#4e5ea9;
    color:white;
    border-radius:100%;
    margin-left: 10px;
    padding: 3px 8px 3px 8px;
}
span.item-spesification .questionmark {
    background:#4e5ea9;
    color:white;
    border-radius:100%;
    margin-left: 10px;
    padding: 3px 8px 3px 8px;
}
.item-price-container {
    padding-bottom: 15px;
}
span.item-price {
    text-decoration: none;
    outline: none;
    /* font-size: 16pt; */
    font-family: SSTPRO;
    font-weight: bold;
    font-size: 28px;
    text-align: left;
    color: red;
}
span.item-cashback {
    text-decoration: none;
    outline: none;
    /* font-size: 10pt; */
    /* font-size: 9px; */
    font-size: 14px;
    text-align: left;
}
.sticky {
    /* position: sticky;  */
    top: 64px; 
    left: 0;
    right: 0;
    margin: 0;
    height: calc(100vh - 64px);
    z-index: -1;
    overflow: hidden;
}

div.item-button {
    text-align: center !important;
}

.margin-bottom-negative {
    margin-bottom: -5px;
}

.relative-h100 {
    position: relative; 
    height: 100%;
}

.big-story .product .element-divider {
    margin-bottom: 15px !important;
}
.select-model {
    font-family: SSTPRO-Condensed !important;
    font-size: 0.75em; 
    padding-left: 10px;
}
.big-story .product .product-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-radius: 25px;
    /* width: 350px; */
    width: 100%;
    height: 400px;
    padding-bottom: 10px;
}
.big-story .product .product-name, .big-story .product .product-hero-name {
    font-family: SSTPRO;
    color: #000;
    margin-bottom: 5px;
}
.big-story .product .product-name-logo {
    height: 60px;
    width: auto;
    margin: 0 auto;
}
.big-story .product .product-description-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.big-story .product .product-description {
    font-family: SSTPRO !important;
    line-height: 1.5;
    text-align: center;
    /* color: #d9d9d9; */
    /* color: #242424; */
    color: #6C6C6C;
    /* font-size: calc(1rem + ((1vw - 7.68px) * 0.6944)); */
    /* 1920px -> 768px, 24px -> 10px */
    /* font-size: calc(0.625rem + ((1vw - 7.68px) * 1.2153));  */

    /* 1920px -> 768px, 20px -> 10px */
    font-size: calc(0.625rem + ((1vw - 7.68px) * 0.8681));
    min-height: 0vw;
    /* 15px-7.5px | 1920px-768px */
    margin-bottom: calc(0.46875rem + ((1vw - 7.69px) * 0.6516));
}
.big-story .product .product-code {
    font-family: SSTPRO;
    text-decoration: none;
    outline: none;
    font-size: 16px;
    text-align: center;
    color: #6C6C6C;

    /* 15px-7.5px | 1920px-768px */
    margin-bottom: calc(0.46875rem + ((1vw - 7.69px) * 0.6516));
}
.big-story .product .product-colour-container {
    display: flex; 
    flex-direction: column; 
    justify-content: flex-end;

    margin-top:0em;
    padding-bottom: 1.5vw;
}
.big-story .product .product-colour-container.is-invisible {
    visibility: hidden;
}
/* .big-story .product .product-colour {

} */
.big-story .product .product-colour-text {
    margin-bottom: 1%;
    color: #6d6e70; 
    text-align: center;
    font-size: 15px;
}
.product-price-container {
    padding-bottom: 1vw;
}
.big-story .product .product-price {
    font-family: 'SSTPRO';
    text-decoration: none;
    outline: none;
    font-weight: bold;
    font-size: 30px;
    /* text-align: right; */
    text-align: center;
    color: red;
}
.big-story .product .product-price:only-child {
    color: #6C6C6C;
}
.big-story .product .product-cashback {
    font-family: SSTPRO-Condensed;
    text-decoration: none;
    outline: none;
    font-size: 18px;
    /* text-align: right; */
    text-align: center;
    color: #6C6C6C;
}
.big-story .product .product-up {
    font-family: SSTPRO-Condensed;
    text-decoration: none;
    outline: none;
    font-size: 17px;
    /* text-align: right; */
    text-align: center;
    color: #6C6C6C;
}

/* --- REGION product-gift-text 100% [New] --- */
.big-story .product .product-gift-container:not(:empty) {
    position: relative;
    align-items: center;
    background: #A6AEBB;
    /* background: #58b4c7; */
    max-width: 330px;
    min-height: 50px;
    margin-left: auto;
    margin-right: auto;
}
.big-story .product .product-gift-container:not(:empty):before {
    content: '';
    background-image: url('../assets/images/FREE_GIFT_ICON.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -3%;
    left: 0%;
    width: 42px;
    height: 100%;
    max-height: 47px;
}
.big-story .product .product-gift-container.is-pwp:not(:empty):before {
    background-image: url('../assets/images/icon-pwp.png');
    left: -7%;
    width: 12%;
}
.big-story .product .product-gift-container .product-gift {
    display: flex;
    justify-content: center;
    align-items: center;
}
.big-story .product .product-gift-text {
    font-family: SSTPRO-Condensed; 
    
    color: white; 
    font-size: 15px;
    width: 100%;
    text-align: center;

    position: relative;
    margin-left: 0px; 
    
    display: flex;
    justify-content: center;
    align-items: center;

    padding-left: 12px;
}
@media only screen and (max-width: 600px) and (min-width: 389px) {
    .big-story .product .product-gift-text {
        font-family: SSTPRO-Condensed; 
        
        color: white; 
        font-size: 13px;
        width: 100%;
        text-align: center;
    
        position: relative;
        margin-left: 0px; 
        
        display: flex;
        justify-content: center;
        align-items: center;
    
        padding-left: 12px;
    }
}
.big-story .product .product-gift-container > .product-gift-wrapper > .product-gift:not(:only-child) .product-gift-text{
    padding-top: 5px;
}
.big-story .product .product-gift-container > .product-gift-wrapper > .product-gift:last-child:not(:only-child) .product-gift-text{
    padding-bottom: 5px;
}
/* --- END REGION product-gift-text 100% [New] --- */

/* --- REGION product-gift-text 50% 50% ---  */
/* .big-story .product .product-gift-container .product-gift {
    display: flex;
    align-items: flex-start;
}
.big-story .product .product-gift-container .product-gift:nth-child(even) {
    justify-content: flex-start;
}
.big-story .product .product-gift-container .product-gift:nth-child(odd) {
    justify-content: flex-end;
}
.big-story .product .product-gift-container .product-gift:not(:last-child) {
    margin-bottom: 0.5vw;
}
.big-story .product .product-gift-text {
    font-family: SSTPRO-Condensed; 
    
    background: linear-gradient(90deg, rgba(255,255,255,0) 10%, #A6AEBB 10%, #A6AEBB 100%);
    
    color: white; 
    font-size: 13px;
    width: 100%;
    max-width: 190px;
    min-height: 35px;
    text-align: center;

    position: relative;

    padding: 5px 5px 5px 40px; 
    margin-left: 0px; 
    
    display: flex;
    justify-content: center;
    align-items: center;
}
.big-story .product .product-gift-text:before {
    content: '';
    background-image: url('../assets/images/Icon_FreeGift_01.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -3%;
    width: 46px;
    height: 100%;
    max-height: 35px;
} */
/* --- END_REGION product-gift-text 50% 50% --- */

.product-gift-text.clickable:hover { 
    opacity: 0.90;
    cursor: pointer;
}

.big-story .copy-layout {
    position: absolute; 
    top: 0%; 
    width: 40%;
    right: 0;

    display: flex;
    height: 100%;
    align-items: center;
}
.big-story .copy-container .icons {
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.big-story .superheadline {
    font-family: SSTPRO-Light;
    text-align: center;
    color: #6B6B6B;
    /* 1920px -> 768px -- 70px -> 28px */
    font-size: calc(1.75rem + ((1vw - 7.68px) * 3.6458));
    min-height: 0vw;
    /* 20px-10px | 1920px-768px */
    margin-bottom: calc(0.625rem + ((1vw - 7.69px) * 0.8688));;
}

.big-story .superheadline.black {
    color: black !important;
}

.big-story .headline {
    font-family: SSTPRO-Light;
    text-align: center;
    color: #6B6B6B;
    /* 1920px -> 768px -- 62px -> 24px */
    font-size: calc(1.5rem + ((1vw - 7.68px) * 3.2986));
    min-height: 0vw;
    margin-bottom: calc(0.5rem + ((1vw - 7.68px) * 2.0833));

    /* margin-bottom: calc(0.5rem + ((1vw - 7.68px) * 2.0833)); */
}

.big-story .headline.invert {
    color: white !important;
}

.big-story .icon {
    /* 1920px -> 768px -- 42px -> 21px */
    margin-bottom: calc(1.3125rem + ((1vw - 7.69px) * 1.8245));
}

.big-story .subheadline {
    font-family: SSTPRO-Light;
    text-align: center;
    color: #6C6C6C;
    /* 1920px -> 768px -- 52px -> 20px */
    font-size: calc(1.25rem + ((1vw - 7.68px) * 2.7778));
    min-height: 0vw;

    /* 1920px -> 768px -- 32px -> 16px */
    margin-bottom: calc(0.5rem + ((1vw - 7.68px) * 2.0833));
}

.big-story .subsubheadline {
    font-family: SSTPRO-Light;
    color: #6C6C6C;
    /* 1920px -> 768px -- 30px -> 18px */
    font-size: calc(1.125rem + ((1vw - 7.68px) * 1.0417));
    min-height: 0vw;

    margin-bottom: 10px;
}

.big-story .product-name {
    font-family: SSTPRO-Light;
    text-align: center;
    color: #6C6C6C;
    /* 1920px -> 768px -- 52px -> 20px */
    /* font-size: calc(1.25rem + ((1vw - 7.68px) * 2.7778)); */

    /* 1920px -> 768px -- 40px -> 20px */
    font-size: calc(1.25rem + ((1vw - 7.69px) * 1.7376));
    min-height: 0vw;

    margin-bottom: 0;
}

.big-story .title {
    font-weight: bold;
    color: black !important;
    /* 1920px -> 768px -- 30px -> 16px */
    font-size: calc(1rem + ((1vw - 7.68px) * 1.2153));
    min-height: 0vw;
    /* 1920px -> 576px -- 20px -> 5px */
    margin-bottom: calc(0.3125rem + ((1vw - 5.76px) * 1.1161));
}

.big-story .superbody {
    font-family: SSTPRO-Light !important;
    line-height: 1.5;
    /* color: #d9d9d9; */
    color: #6C6C6C;
    /* font-size: calc(1rem + ((1vw - 7.68px) * 0.6944)); */
    /* 29px-14.5px | 1920px-768px */
    font-size: calc(0.90625rem + ((1vw - 7.69px) * 1.2598)); 
    min-height: 0vw;
    /* 15px-7.5px | 1920px-768px */
    margin-bottom: calc(0.46875rem + ((1vw - 7.69px) * 0.6516));
}

.big-story .body {
    font-family: SSTPRO-Light !important;
    line-height: 1.5;
    /* color: #d9d9d9; */
    /* color: #242424; */
    color: #6C6C6C;
    /* 1920px -> 768px, 24px -> 10px */
    /* font-size: calc(0.625rem + ((1vw - 7.68px) * 1.2153));  */

    /* 1920px -> 768px, 24px -> 14px */
    font-size: calc(0.875rem + ((1vw - 7.68px) * 0.8681));
    min-height: 0vw;
    /* 15px-7.5px | 1920px-768px */
    margin-bottom: calc(0.46875rem + ((1vw - 7.69px) * 0.6516));
}

.big-story .subbody {
    font-family: SSTPRO-Light !important;
    line-height: 1.5;
    /* color: #d9d9d9; */
    color: #6C6C6C;
    /* font-size: calc(1rem + ((1vw - 7.68px) * 0.6944)); */
    /* 1920px -> 768px, 20px -> 10px */
    /* font-size: calc(0.625rem + ((1vw - 7.68px) * 0.8681)); */

    /* 1920px -> 768px, 20px -> 12px */
    font-size: calc(0.75rem + ((1vw - 7.69px) * 0.695));
    min-height: 0vw;
    /* 1920px -> 768px -- 32px -> 16px */
    margin-bottom: calc(0.5rem + ((1vw - 7.68px) * 2.0833));
}

.big-story .subbody.invert {
    color: white !important;
}

.big-story .body.invert {
    color: #e4e4e4 !important;
}

.big-story .body.max-30 {
    max-width: 30%;
}

.big-story button {
    /* 1920px -> 768px, 24px -> 16px */
    /* font-size: calc(1rem + ((1vw - 7.68px) * 0.6944)); */
    font-size: 16px;
    /* 1920px -> 768px, 250px -> 70px */
    /* min-width: calc(4.375rem + ((1vw - 7.68px) * 15.625)); */
    /* 1920px -> 768px, 12px 24px -> 6px 12px */
    width: 100%;
    max-width: 156px;
    /* padding: calc(0.375rem + ((1vw - 7.68px) * 0.5208)) calc(0.75rem + ((1vw - 7.68px) * 1.0417)); */
    min-height: 0vw;
}

.big-story .bg-img {
    margin-right: 0;
    /* position: absolute; 
    top: 0; 
    right: 0; 
    height: 100%; */
}

/* 
.big-story .copy-section {
    width: 40vw;
    max-width: 768px;
} */

/* .story {
    background-color: #EEEFF1;
    border-radius: 10px;
} */
.story p {
    /* color: #586371 !important; */
    font-family: SSTPRO-Roman !important;
}
.story .watch {
    font-size: 16pt; 
    font-weight: 300; 
    /* cursor: pointer; */
    /* color: #FF6B6B !important; */
}
/* .story img:first-child {
    border-radius: 10px;
} */
.img-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#footer{
    color: white;
    background-color:#000;
    border:0;
    padding: 20px 3rem;
    font-size: .75em;
    width: 100%;
}

.img-container {
    position: relative !important;
}

.img {
    padding: 1vw;
}

.story-1 h1 {
    font-size: calc(1.125rem + ((1vw - 7.68px) * 0.7813));
    margin-bottom: calc(0.3125rem + ((1vw - 7.68px) * 1.3021));
}

.story-1 h2 {
    font-size: calc(1.3125rem + ((1vw - 7.68px) * 0.7813));
    margin-bottom: calc(0.3125rem + ((1vw - 7.68px) * 1.3021));
}

.story-1 p {
    font-size: calc(0.625rem + ((1vw - 7.68px) * 0.5208));
    margin-bottom: calc(0.3125rem + ((1vw - 7.68px) * 1.3021));
}

#bravia-story5 p {
    color: #BEBFC3;
}
#bravia-story5 .description {
    /* width: 70%;  */
    padding: 0 17.5%;
    color: #E3E8EC; 
    position: absolute; 
    bottom: 6%; 
    /* left: 50%; 
    transform: translateX(-50%); */
}

/* .img:before {
    content: "";
    position: absolute;
    left: -80px;
    bottom: -35px;
    
    width: 0; 
    height: 0; 
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    
    border-top: 100px solid #53C5BD;
    transform: rotate(45deg);
    z-index: -1;
}

.img:after {
    content: "";
    position: absolute;
    right: -110px;
    top: 100px;
    
    width: 0; 
    height: 0; 
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    
    border-top: 100px solid #FB6C6E;
    transform: rotate(-45deg);
    z-index: -1;
} */

@media (min-width: 500px) {
    #bravia-story5 h2 {
        font-size: calc(1rem + ((1vw - 5pt) * 2.5)) !important;
        min-height: 0vw;
    }
    /* #bravia-story5 p { 
        font-size: 7.5pt !important;
    } */
    #bravia-story5 .outside {
        display: block;
    }
    #bravia-story5 .inside {
        display: none;
    }
    .banner-footer-item h3 {
        font-size: calc(1rem + ((1vw - 0.2em) * 0.7));
        min-height: 0vw;
    }
    .story2 p {
        font-size: 7.5pt !important;
    }
}
@media (min-width: 769px){
    .big-story .product-name {
        /* 1920px -> 768px, 35px -> 20px */
        font-size: calc(1.25rem + ((1vw - 7.69px) * 1.3032));
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 20px;
        height: 20px;
    }
    #bravia-story5 .outside {
        display: none;
    }
    #bravia-story5 .inside {
        display: block;
    }
    #bravia-story5 p {
        min-height: 0vw;
        margin-bottom: calc(1rem + ((1vw - 12pt) * 1)) !important;
        /* font-size: 1vw !important; */
        /* min-height: 0vw;
        margin-bottom: 1vw !important; */
    }
    #bravia-story5 .description {
        /* width: 95%;  */
        padding: 0 2.5%;
        bottom: 3%; 
    }
    .teaser-title {
        font-size: calc(1.875rem + ((1vw - 7.69px) * 1.7376));
        min-height: 0vw;
    }
    .show-min-769 {
        display: block;
    }
    .show-min-769-i {
        display: block !important;
    }
    .show-min-769.ib {
        display: inline-block;
    }
    .story2 p {
        /* font-size: 11px !important; */
        font-size: calc(0.5rem + ((1vw - 6px) * 1.1268)) !important;
    }
    .list-navigation-link a {
        font-size: 7.5pt; 
    }
    .list-target ul {
        padding: calc(1.5625rem + ((1vw - 7.69px) * 2.172)) 0;
    }
    .list-target ul li {
        font-size: calc(0.6875rem + ((1vw - 7.69px) * 1.2163));
        padding: 5px calc(0.4375rem + ((1vw - 7.69px) * 0.9557));
    }
    .wrapper-max-1000-md {
        width: 75vw;
        max-width: 1000px;
        position: relative;
        margin: 0 auto;
    }
    .wrapper-max-1440-md {
        width: 75vw;
        max-width: 1440px;
        position: relative;
        margin: 0 auto;
    }
}
@media (min-width: 1430px) {
    .header-style,
    .search-bar-input {
        font-size: 12pt;
    }
}
@media (min-width: 1000px) and (max-width: 1429px) {
    .header-style,
    .search-bar-input {
        font-size: 11pt;
    }
}
@media (min-width: 993px) {
    .product-category-name {
        /* 1920px -> 993px -- 16px -> 10px */
        font-size: calc(0.625rem + ((1vw - 9.93px) * 0.6472));
    }
    .header-style {
        /* 1920px -> 993px -- 15px -> 11px */
        /* font-size: calc(0.6875rem + ((1vw - 9.93px) * 0.4315)); */
        /* font-size: 12pt; */
        /* 1920px -> 993px -- 10px -> 5px */
        padding: 5px calc(0.3125rem + ((1vw - 9.93px) * 0.5394));
    }
    .show-min-993 {
        display: block;
    }
    .list-navigation-link a {
        font-size: 9pt; 
    }
}
@media (min-width: 1281px) {
    /* .header-style {
        font-size: calc(0.75rem + ((1vw - 12.8px) * 0.4688));
        padding: 5px calc(0.0625rem + ((1vw - 12.8px) * 1.4063));
    } */
    .story2 h2 {
        font-size: 1.875em;
    }
    .story2 p {
        font-size: 16px !important;
    }
    #bravia-story5 .description {
        /* width: 80%;  */
        padding: 0 10%;
        bottom: 4%; 
    }
    .explore {
        padding-left: 0 !important;
    }
    .show-min-1281 {
        display: block;
    }
}
@media (min-width: 1366px) {
    .list-navigation-link a {
        font-size: 11pt; 
    }
    .show-min-1366 {
        display: block;
    }
    .banner-footer-item .banner-footer-item-description {
        font-size: calc(0.25rem + ((1vw - 5px) * 1));
        min-height: 0vw;
    }
    .banner-footer-item a {
        font-size: 12pt;
    }
}
@media (min-width: 1920px) {
    .owl-carousel .prev-slide, .owl-carousel .next-slide, 
    .owl-carousel .prev-slide > img, .owl-carousel .next-slide > img {
        /* left: -47vw; */
        width: 75px;
        height: 75px;
    }
    .tab button.tab-nav {
        font-size: 24px;
    }
    .tab .title {
        padding-bottom: 20px;
    }
    .product-category-headline { 
        font-size: 36px !important;
        letter-spacing: -1.1px;
    }
    .big-story .superheadline {
        font-size: 70px !important;
    }
    .big-story .headline {
        margin-bottom: 32px;
        font-size: 62px !important;
    }
    .big-story .subheadline {
        font-size: 50px !important;
    }
    .big-story .subsubheadline {
        font-size: 30px !important;
    }
    .big-story .product-name {
        font-size: 35px !important;
    }
    .big-story .product .product-description {
        font-size: 20px !important;
    }
    .big-story .title {
        font-size: 30px !important;
    }
    .big-story .body { 
        font-size: 24px;
        margin-bottom: 15px;
    }
    .big-story .superbody {
        font-size: 29px;
        margin-bottom: 15px;
    }
    .big-story .subbody { 
        font-size: 20px;
    }
    .big-story button {
        /* font-size: 24px;
        min-width: 250px; */
        padding: 5px 10px;
    }

    .list-target ul {
        padding: 50px 0;
    }
    .list-target ul li {
        font-size: 25px;
        padding: 5px 18px;
    }
    .teaser-title {
        font-size: 50px;
    }
    .story-1 h2 {
        font-size: 30px;
    }
    .story-1 p {
        font-size: 16px;
    }
    .banner h1 {
        font-size: 62px !important;
    }
    #bravia-story5 h2 {
        font-size: 48px !important;
    }
    #bravia-story5 p {
        margin-bottom: 20px !important;
    }
    .banner-footer-item .banner-footer-item-description {
        font-size: 18px;
    }
}
/* iPhone 12 */
@media screen and (max-width:1170px){ 
    .owl-carousel .prev-slide, .owl-carousel .next-slide, 
    .owl-carousel .prev-slide > img, .owl-carousel .next-slide > img {
        /* left: -47vw; */
        width: 100px;
        height: 100px;
    }
}
/* iPhone 11 */
@media screen and (max-width:828px){
    .owl-carousel .prev-slide, .owl-carousel .next-slide, 
    .owl-carousel .prev-slide > img, .owl-carousel .next-slide > img {
        /* left: -47vw; */
        width: 100px;
        height: 100px;
    }
}
@media screen and (max-width:768px){
    .masthead-button-download-1 {
        bottom: 7%;
        left: 36.7%;
        width: 26.1%;
        height: 3%;
    }
    .masthead-button-download-2 {
        bottom: 48.6%;
        left: 37.7%;
        width: 24%;
        height: 3.4%;
    }
    .big-story .product .product-gift-container:not(:empty) {
        max-width: 300px;
    }
    .pt-3-mobile {
        padding-top: 1rem!important;
    }
    .pt-4-mobile {
        padding-top: 1.5rem!important;
    }
    .pt-4-mobile {
        padding-top: 3rem!important;
    }
    .pb-3-mobile {
        padding-bottom: 1rem!important;
    }
    .pb-4-mobile {
        padding-bottom: 1.5rem!important;
    }
    .pb-4-mobile {
        padding-bottom: 3rem!important;
    }
    .big-story .product .product-gift-container .product-gift.product-gift-recommendation:nth-child(odd) {
        justify-content: center;
    }
    .big-story .product .product-gift-container .product-gift.product-gift-recommendation:nth-child(even) {
        justify-content: center;
    }
    .big-story .product .product-gift-container .product-gift.product-gift-recommendation:first-child {
        justify-content: center;
    }
    .big-story .product .product-gift-container .product-gift.product-gift-recommendation .product-price {
        text-align: center;
    }
    .big-story .product .product-gift-container .product-gift.product-gift-recommendation .product-cashback {
        text-align: center;
    }
    .big-story .product .product-gift-container .product-gift.product-gift-recommendation .product-up {
        text-align: center;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .owl-carousel .prev-slide, .owl-carousel .next-slide, 
    .owl-carousel .prev-slide > img, .owl-carousel .next-slide > img {
        /* left: -47vw; */
        width: 45px;
        height: 45px;
    }
    .search-button {
        padding: 8px;
    }
}
/* @media screen and (min-width:992px){
    #footer {
        position:fixed;
        bottom:0;
        z-index: 1030;
    }
} */

/* @media screen and (max-width: 1440px){
    .big-story .bg-img {
        margin-right: -12.5vw; 
    }
} */
@media screen and (min-width:991px) and (max-width:1280px){
    .big-story .product .product-gift-container:not(:empty) {
        max-width: 305px;
    }
    .big-story button {
        max-width: 144px;
    }
    .story h2 {
        font-size: 24px !important;
    }
    .story p {
        font-size: 10pt !important;
    }
    #bravia-story5 h2 {
        font-size: 24px !important;
    }
    #bravia-story5 p {
        font-size: 10pt !important;
    }
    .story .watch {
        font-size: 13pt !important;
    }
    .show-max-1280 {
        display: block;
    }
}
@media screen and (max-width:992px){
    .story h2 {
        font-size: 20px !important;
    }
    #bravia-story5 h2 {
        font-size: 20px !important;
    }
    #bravia-story5 p {
        font-size: 8.5pt !important;
    }
    /* .story p {
        font-size: 10pt !important;
    } */
    .show-max-992 {
        display: block;
    }
    #banner {
        padding: 0px 3rem;
    }
    #banner span{
        font-size:35pt;
    }
    #banner-footer h2{
        font-size:30pt;
    }
    #main {
        padding-top: 0;
    }
}

@media screen and (max-width:768px){
    .asterisk {
        font-size: 9px;
    }
    .banner-footer-item { 
        min-height: 336px;
        height: 336px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .banner-footer-item h3 {
        font-size: 24px;
    }
    #banner-footer .title{
        padding: 0 10px;
    }
    #banner-footer .title-line {
        margin-top: 2.2vh;
    }
    #banner-footer .icons-container {
        padding-top: 2rem;
    }
    #buttonDownloadPDF {
        font-size: 13.33px !important;
        padding: 2vw 5vw !important;
    }
    .big-story .tabnav {
        font-size: 14px;
    }
    .header {
        padding: 0;
    }
    .owl-carousel .item-content .item-img {
        height: 240px;
    }
    .row.scrollx-md {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .w-max-unlimited-md {
        max-width: 9999999px;
    }
    .text-left-md {
        text-align: left !important;
    }
    .mx-unset-md {
        margin-left: unset !important;
        margin-right: unset !important;
    }
    .justify-content-center-md {
        justify-content: center;
    }
    
    .mh-md-8 {
        /* mh (minimum height) - md (768px) - 8 (66%) 8/12 */
        min-height: 62.5vw;
    }
    .p0-md {
        padding: 0 !important;
    }
    .d-block-md {
        display: block;
    }
    .pt-1-md {
        padding-top: 1rem !important;
    }
    .py-half-md {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .pb-3-md {
        padding-bottom: 3rem !important;
    }
    .big-deals {
        background: url("../assets/images/bravia/general/bigdeals/bg-section-mobile.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .banner h1 {
        font-size: 24px !important;
    }
    .product-related .square { 
        width: unset;
        height: unset;
        padding: 5vw 4vw;
    }
    .hover-area .hover-item{
        opacity: 1;
        position: absolute;
        left: 10%;
        bottom: 5%;
    }
    .hover-area .hover-item.bottom-center{
        opacity: 1;
        bottom: 5%;
    }
    .w-max-md-100 {
        max-width: 100%;
    }
    .w-max-md-90 {
        max-width: 90%;
    }
    .w-md-100 {
        width: 100% !important;
    }
    .w-md-90 {
        width: 90%;
    }
    .w-md-75 {
        width: 75%;
    }
    .w-md-50 {
        width: 50%;
    }
    .w-md-40 {
        width: 40%;
    }
    .w-md-25 {
        width: 25%;
    }
    .w-max-md-70 {
        max-width: 70%;
    }
    .w-max-md-75 {
        max-width: 75%;
        margin: 0 auto;
    }
    .product-category-headline { 
        font-size: 12px !important;
        letter-spacing: -0.2px;
    }
    .big-story .copy-layout {
        position: relative;
    }
    .big-story .superheadline { 
        font-size: 28px !important;
    }
    .big-story .headline { 
        font-size: 24px !important;
    }
    .big-story .subheadline { 
        font-size: 20px !important;
        margin-bottom: 20px;
    }
    .big-story .subsubheadline { 
        font-size: 18px !important;
    }
    .big-story .product .product-image {
        height: 100%;
    }
    .big-story .product .product-image.mt-5-mobile {
        margin-top: 3rem;
    }
    .big-story .product-name { 
        font-size: 20px !important;
        margin-bottom: .5rem;
    }
    .big-story .product-name-logo { 
        height: 40px !important;
    }
    .big-story .title { 
        font-size: 16px !important;
    }
    .big-story .superbody { 
        font-size: 14.5px !important; 
        margin-bottom: 7.5px;
    }
    .big-story .body { 
        font-size: 14px !important; 
        margin-bottom: 7.5px;
    }
    .big-story .subbody { 
        font-size: 12px !important; 
    }
    .big-story .body.body.max-30 {
        max-width: unset;
    }
    .big-story .product .product-description {
        font-size: 16px !important; 
        margin-bottom: 7.5px;
    }
    .big-story .product .product-price {
        font-size: 20px !important; 
    }
    .big-story .product .product-cashback {
        font-size: 0.8em; 
    }
    .big-story .product .product-up {
        font-size: 0.8em; 
    }
    .big-story .product .product-code {
        font-size: 12px !important; 
        margin-bottom: 7.5px;
    }
    /* .big-story .product .product-gift {
        margin: 5px 0;
    } */
    .big-story .product .element-divider {
        margin-bottom: 17.5px !important;
    }
    button{
        /* padding:6px 12px; */
        padding:12px;
    }
    button.primary {
        min-width: 100px;
        max-width: 139px;
        padding: .3rem;
    }
    button.secondary {
        font-size: 13.33px;
        min-width: 100%;
    }
    .tab figure {
        margin: 0 0 0.3rem;
    }
    /* .owl-carousel .item-1 {
        min-height: 670px;
    } */
    .owl-carousel .item-1 .item-container {
        min-height: 300px;
    }
    /* .tab .tab-nav-container .story {
        top: 8vw;
    } */
    .tab .title {
        padding-bottom: 2vw;
    }
    .tab button.tab-nav {
        /* min-width: 70px; */
        font-size: 12px;
        padding: 0 0 2.5px 0;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        margin-left: 5px;
        /* padding:5px 6px; */
    }
    .tab button.tab-nav.active {
        border-width: 2px;
    }
    .tab button.tab-nav.invert {
        border: 1px solid black;
    }
    #header {
        padding: 0 1rem;
    }
    .title-padding {
        padding: 1rem 0 0.5rem 0;
    }
    .big-story .copy-container {
        padding-bottom: 30px;
    }
    /* .big-story .copy-container img {
        width: 22%;
    } */
    .big-story .copy-container .icons {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .disclaimer {
        font-size: 6pt;
    }
    .h-900 {
        min-height: 62.5vw;
        height: unset;
        max-height: unset;
        padding-bottom: 20px;
    }
    .h-1800 {
        min-height: unset;
        height: unset;
        max-height: unset;
        padding-bottom: 20px;
    }
    .section {
        padding-top: 1.5rem;
    }
    .story h2 {
        font-size: 18px !important;
    }
    .story p {
        font-size: 7.5pt !important;
    }
    .story ul {
        padding-inline-start: 10px !important;
    }
    .story ul li {
        font-size: 7.5pt !important;
    }
    #bravia-story5 h2 {
        font-size: 18px !important;
    }
    #bravia-story5 p {
        font-size: 7.5pt !important;
    }
    .story .watch {
        font-size: 11pt !important;
    }
    .show-max-768 {
        display: block;
    }
    .show-max-768.ib {
        display: inline-block;
    }
    #banner {
        padding: 0px 1rem;
    }
    .product-logo {
        padding: 10px 1rem;   
        font-size: 10pt;
    }
    .product-logo img {
        width: 70px;
    }
    .product-logo.small img {
        width: 30px;
    }
    ul.breadcrumb {
        padding: 10px 1rem;
    }
    ul.breadcrumb li {
        font-size: 9pt;
    }
    ul.breadcrumb li+li:before {
        padding: 0px 4px;
    }
    .product-list h2 {
        padding-bottom: 20px;
    }
    .product-list .carousel-wrap {
        /* border: 1px solid #4EBFB6; */
        border-radius: 7px;
        padding: 0px 0px 20px 0px; 
        margin: 0px 5px;
    }
    .filter-by-price {
        width: 100%;
    }
    .wrapper {
        width: 90vw;
        max-width: unset;
    }
    .wrapper-max-1440 {
        width: 90vw;
        max-width: unset;
    }
    /* .wrapper.unset-md {
        width: unset;
        max-width: unset;
    } */
    .wrapper.scrollx-md {
        width: 100vw;
        padding-left: 2.5vw !important;
        /* width: 95vw;
        max-width: 691.2px; */
    }
    #footer {
        padding: 20px 1rem;
    }
}
@media screen and (max-width:576px){
    #banner span{
        font-size:25pt;
    }
    #banner-footer h2{
        font-size:25pt;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .owl-carousel .item {
        text-align: left;
        display: flex;
        justify-content: center;
        height: 560px;
    }
    
    .owl-carousel .item-0 {
        text-align: left;
        display: flex;
        justify-content: center;
        height: 460px;
    }
    
    .owl-carousel .item-1 {
        text-align: left;
        display: flex;
        justify-content: center;
        /* height: 520px; */
        /* height: 560px; */
    }
    
    .owl-theme .owl-nav {
        margin: 0 auto;
        width: 0px;
    }
 }

.teaser-list {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.teaser-list__image-wrap {
    position: relative;
    display: inline-block;
    width: 50%;
    margin-top: 48px;
    padding-right: 24px;
}

.shadow-bottom {
    box-shadow: 0px 5px 20px 8px rgba(0,0,0,0.3);
    /* box-shadow: 0px 10px 20px 8px red; */
}

.circle-right {
    background-color: #FB6E71;
    /* background-color: whitesmoke; */
    -webkit-box-shadow: 5px 4px 5px -3px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 4px 5px -3px rgba(0,0,0,0.5);
    box-shadow: 5px 4px 5px -3px rgba(0,0,0,0.5);

    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding-left: 4px;
    display: flex;
    justify-content: center;
}

.circle-right::after{
    content: "\f054";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1.25em;
    line-height: 45px;
    color: white;
}

.frame::after { 
    content: '';
    display: block;
    padding-bottom: 60.23188%;
}

.centered {
    margin-left: auto;
    margin-right: auto;
}

/* .tooltip {
        position: relative;
        display: inline-block;
    }
    .tooltip .tooltiptext {
        visibility: hidden;
        margin-top: -215px;
        width: 40em;
        background-color: #ffffff;
        color: #000000;
        text-align: left;
        border-radius: 32px;
        border: 3px solid #979797;
        padding: 30px 0px 30px 30px;
        position: absolute;
        z-index: 1;
        margin-left: 21px;
    }
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }
    .tooltip-right{
        top: -5px;
        left: 125%;
    }
    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 94%;
        right: 100%;
        margin-top: -200px;
        margin-right: -3.5px;
        border-width: 25px;
        border-style: solid;
        border-color: transparent white transparent transparent;
    }
    .tooltip-right::before {
        content: "";
        position: absolute;
        top: 94%;
        right: 100%;
        margin-top: -200px;
        border-width: 25px;
        border-style: solid;
        border-color: transparent #979797 transparent transparent;
    }
    .tooltip-box-image{
        width: 100%;
        display: inline-block;
        
    }
    .tooltip-image{
        height: auto;
        text-align: left;
    }
    .tooltip-image > img{
        object-fit: contain;
        max-width: 150px;
        min-width: 50px;
        height: 100px;
        margin-right:20px;
    } */

/* Tablet / IPAD Fixme Yudha */
@media only screen and (min-width: 769px) and (max-width: 1023px) {
    /* Fix image PDT */
    .big-story .product .product-image {
        min-height: 60vh !important;
        /* height: 80vh !important; */
        width: auto !important;
    }
    
    /* Remove background */
    /* body {
        background-image: url('') !important;
    }
    #cam {
        background-image: url('') !important;
    }
    #hav {
        background-image: url('') !important;
    }
    #ilc {
        background-image: url('') !important;
    }
    #mdr-dmp {
        background-image: url('') !important;
    }
    #mobile {
        background-image: url('') !important;
    }
    #pa_has {
        background-image: url('') !important;
    }
    #ps5 {
        background-image: url('') !important;
    } */
}

.spec-toggle-container {
    position: relative;
}
.spec-toggle {
    cursor: pointer;
}
.spec-toggle-content {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    display: none;
    z-index: 1;
}
.spec-toggle-content-container {
    background-color: white;
    padding: 5px;
    border: 1px solid #ddd;
    box-shadow: -2px 10px 16px -4px rgb(0 0 0 / 26%);
    -webkit-box-shadow: -2px 10px 16px -4px rgb(0 0 0 / 26%);
    -moz-box-shadow: -2px 10px 16px -4px rgba(0,0,0,0.26);
}