html,body {
    height: 100%;
    margin: 0
}

body {
    font-family: Inter,sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    color: #5e5e5e
}

.body-wrapper {
    display: grid;
    grid-template-rows: 1fr auto;
    min-height: 100vh
}

p {
    font-family: Inter,sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 180%;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    color: #5e5e5e
}

strong {
    font-weight: 600
}

h1,h2,h3,h4,h5 {
    font-family: alternate-gothic-compressed,sans-serif
}

h1 {
    text-transform: uppercase;
    font-size: 48px;
    line-height: 120%;
    font-weight: 700;
    letter-spacing: 4px;
    color: #d80077
}

h2 {
    text-transform: uppercase;
    font-size: 40px;
    line-height: 120%;
    font-weight: 700;
    letter-spacing: 4px;
    color: #d80077
}

h3 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 120%;
    font-weight: 700;
    letter-spacing: 4px;
    color: #d80077
}

h4 {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 120%;
    font-weight: 700;
    letter-spacing: 1px;
    color: #d80077
}

h5 {
    font-size: 18px;
    line-height: 120%;
    font-weight: 700;
    color: #d80077;
    letter-spacing: 1px;
    text-transform: uppercase
}

a {
    color: #5e5e5e
}

a:hover {
    color: #d80077
}

.grey-text {
    color: #787878
}

ol,ul {
    padding-left: 1rem;
    line-height: 180%
}

.gx-5 {
    --bs-gutter-x: 5rem
}

@media (max-width: 991px) {
    .gx-5 {
        --bs-gutter-x: 0rem
    }
}

.xl-gap {
    padding-top: 180px
}

@media (max-width: 991px) {
    .xl-gap {
        padding-top:80px
    }
}

.large-gap {
    padding-top: 135px
}

@media (max-width: 991px) {
    .large-gap {
        padding-top:80px
    }
}

.flip-vertical {
    transform: scaleX(-1)
}

#place_order {
    margin-top: 20px;
    padding: 10px 40px;
    font-family: alternate-gothic-compressed,sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 110%;
    letter-spacing: 4px;
    text-transform: uppercase;
    border: none;
    background-color: #0094d4;
    color: #fff;
    border-radius: .25rem;
    width: 100%;
}

#place_order:hover { 
    background-color: #007fb5;
} 

.btn {
    padding: 10px 40px;
    font-family: alternate-gothic-compressed,sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 110%;
    letter-spacing: 4px;
    text-transform: uppercase;
    border: none
}

.btn-primary {
    background-color: #0094d4
}

.btn-primary:hover {
    background-color: #007fb5
}

.btn-secondary {
    background-color: #d80077
}

.btn-secondary:hover {
    background-color: #b90066
}

.btn-small {
    padding: 8px 20px;
    font-size: 20px
}

.modal-dialog {
    max-width: inherit;
    justify-content: center
}

.video-modal {
    background-color: transparent;
    border: transparent;
    width: auto
}

.video-modal .modal-header {
    border-bottom: transparent;
    justify-content: flex-end
}

.video-modal .modal-header img {
    transition: all .2s;
    cursor: pointer;
    width: 20px;
    position: relative;
    left: 10px;
    transform: rotate(45deg)
}

.video-modal .modal-header img:hover {
    transform: rotate(0);
    opacity: .8
}

iframe#player {
    max-width: 100%!important;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    max-width: 100%
}

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

header {
    display: flex;
    align-items: center;
    height: 80px;
    background-color: #0094d4;
    font-family: Inter,sans-serif
}

header .menu {
    display: flex;
    align-items: center
}

header .menu ul {
    margin-bottom: 0
}

header .menu ul li {
    display: inline;
    padding-left: 30px
}

header .menu ul li a {
    color: #fff;
    text-decoration: none
}

header .menu ul li a:hover {
    text-decoration: underline
}

header .menu .icons {
    display: flex;
    flex-direction: row;
    padding-left: 40px
}

header .menu .icons .search-icon {
    margin-right: 14px
}

header .menu .icons .basket-icon {
    position: relative
}

header .menu .icons .basket-icon .basket-amount {
    position: absolute;
    right: -10px;
    top: -2px;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    text-align: center;
    border-radius: 50px;
    background-color: #d80077;
    border: 1px solid #C70570
}

header .menu .icons .basket-icon .basket-amount span {
    font-size: 10px;
    color: #fff
}

header .hide-on-search {
    display: block
}

header #search-bar-header {
    display: none
}

header .search-box {
    top: 3px;
    left: 70px;
    position: relative;
    width: 400px
}

header .search-input {
    width: 100%;
    padding: 8px 20px;
    box-sizing: border-box;
    border-radius: 100px;
    border: 2px #0094D4 solid;
    color: #0094d4;
    font-size: 12px
}

header .search-button {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: url(../img/search-icon-for-seachpage-hover.svg) no-repeat center center;
    width: 40px;
    height: 100%;
    cursor: pointer;
    transition: background-color .3s
}

header .logo img {
    width: 228px
}

@media (max-width: 767px) {
    header .logo img {
        width:190px
    }
}

.mobile-navigation {
    display: flex
}

.mobile-navigation .burger-menu {
    width: 26px;
    transition: all .4s
}

.mobile-navigation .burger-menu:hover {
    opacity: .8
}

.mobile-navigation .basket-icon {
    position: relative;
    margin-right: 30px
}

.mobile-navigation .basket-icon .basket-amount {
    position: absolute;
    right: -10px;
    top: -2px;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    text-align: center;
    border-radius: 50px;
    background-color: #d80077;
    border: 1px solid #C70570
}

.mobile-navigation .basket-icon .basket-amount span {
    font-size: 10px;
    color: #fff
}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    background-color: #0094d4f2;
    overflow-x: hidden;
    transition: .5s
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 26px;
    color: #fff;
    display: block;
    transition: .3s
}

.overlay .closebtn {
    position: absolute;
    top: -10px;
    right: 0;
    font-size: 48px
}

@media screen and (max-height: 450px) {
    .overlay a {
        font-size:20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px
    }
}

#hero {
    display: flex;
    align-items: center;
    position: relative;
    height: 650px;
    background-color: #f5f5f5;
    overflow: hidden
}

@media (max-width: 767px) {
    #hero {
        height:auto;
        padding: 40px 20px
    }
}

#hero h1 {
    font-size: 66px;
    line-height: 110%;
    letter-spacing: 7px;
    text-transform: uppercase;
    font-weight: 800;
    color: #d80077
}

@media (max-width: 767px) {
    #hero h1 {
        font-size:36px
    }
}

#hero .hero-headline {
    position: relative
}

#hero .hero-headline .lightning-hero {
    position: absolute;
    top: -70px;
    left: -80px
}

@media (max-width: 767px) {
    #hero .hero-headline .lightning-hero {
        top:-30px;
        left: -40px
    }

    #hero .hero-headline .lightning-hero img {
        width: 70px;
        transform: rotate(-10deg)
    }
}

#hero .hero-headline .music-node-hero {
    position: absolute;
    top: -40px;
    right: 80px
}

#hero .lead {
    font-size: 18px;
    line-height: 180%;
    color: #5e5e5e
}

@media (max-width: 767px) {
    #hero .lead {
        font-size:16px;
        line-height: 160%
    }
}

#hero .cta-hero {
    display: flex;
    align-items: center;
    margin-top: 50px
}

@media (max-width: 767px) {
    #hero .cta-hero {
        margin-top:30px
    }
}

#hero .cta-hero div:last-child {
    padding-left: 30px
}

@media (max-width: 767px) {
    #hero .cta-hero div:last-child {
        display:none
    }
}

#hero .cta-hero div:last-child a {
    font-size: 15px;
    color: #5e5e5e;
    text-decoration: none
}

#hero .cta-hero div:last-child a:hover {
    text-decoration: underline
}

#hero .music-box {
    position: relative;
    left: 80px
}

@media (max-width: 767px) {
    #hero .music-box {
        display:none
    }
}

#hero .music-box .soundbars-hero-top {
    position: absolute;
    top: 60px;
    right: 10px
}

#hero .music-box .soundbars-hero-bottom {
    position: absolute;
    bottom: 120px;
    left: -20px;
    transform: rotate(180deg)
}

#hero .rock-hand {
    position: absolute;
    right: 70px;
    bottom: 0;
    z-index: 1
}

@media (max-width: 767px) {
    #hero .rock-hand {
        right:20px
    }
}

#hero .rock-hand img {
    width: 140px
}

@media (max-width: 767px) {
    #hero .rock-hand img {
        width:120px
    }
}

#video-section {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 600px;
    background-image: url(../img/how-to-play-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    #video-section {
        height:450px
    }
}

#video-section h2 {
    font-size: 56px;
    line-height: 110%;
    letter-spacing: 7px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    text-align: center
}

@media (max-width: 767px) {
    #video-section h2 {
        padding:0 15px;
        font-size: 36px
    }
}

#video-section p {
    color: #fff;
    font-size: 18px
}

@media (max-width: 767px) {
    #video-section p {
        display:none
    }
}

#video-section .video-play-icon {
    transition: all .2s;
    cursor: pointer
}

@media (max-width: 767px) {
    #video-section .video-play-icon {
        margin-top:20px;
        width: 80px
    }
}

#video-section .video-play-icon:hover {
    transform: rotate(-10deg)
}

#what-is-mqk {
    display: flex;
    align-items: center;
    height: 700px;
    background-image: url(../img/music-notes.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    #what-is-mqk {
        height:auto;
        margin: 60px 0 30px
    }
}

#what-is-mqk p {
    font-family: alternate-gothic-compressed,sans-serif;
    font-size: 32px;
    line-height: 140%;
    color: #4e4b9a;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 4px;
}

@media (max-width: 767px) {
    #what-is-mqk p {
        font-size:24px;
        line-height: 140%
    }
}

#newest-products {
	padding-top: 0 !important;
}

#newest-products .headline-line {
    margin-top: 20px;
    margin-bottom: 60px;
    width: 120px;
    height: 2px;
    background-color: #000
}

#newest-products .description {
    padding-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 767px) {
    #newest-products .description {
        font-size:16px;
        line-height: 140%;
        margin-bottom: 4px
    }
}

#newest-products .price {
    font-size: 14px
}

#how-too-play {
    position: relative;
    margin-top: 200px;
    height: 500px;
    background-color: #0094d4
}

#how-too-play .soldier {
    position: absolute;
    top: -220px;
    left: 20px
}

@media (max-width: 767px) {
    #how-too-play .soldier {
        top:-143px;
        left: 50%;
        transform: translate(-50%)
    }

    #how-too-play .soldier img {
        width: 120px
    }
}

#about-section {
    padding-top: 200px
}

#about-section.product-page {
    padding-top: 130px
}

@media (max-width: 767px) {
    #about-section {
        padding-top:20px
    }
}

#about-section h2 {
    font-family: alternate-gothic-compressed,sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 110%;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 50px;
    background-color: #fff
}

@media (max-width: 767px) {
    #about-section h2 {
        font-size:38px;
        padding-bottom: 30px
    }
}

#about-section h3 {
    font-size: 26px;
    letter-spacing: 2px;
    text-align: center;
    color: #d80077;
    padding-top: 40px;
    padding-bottom: 10px
}

#about-section p {
    text-align: center;
    font-size: 16px;
    line-height: 200%;
    color: #5e5e5e
}

#about-section .magenta-line {
    position: relative;
    top: 24px;
    width: 100%;
    height: 2px;
    background-color: #d80077
}

@media (max-width: 767px) {
    #about-section .magenta-line {
        display:none
    }
}

#about-section .btn {
    margin: 0 40px
}

#about-section .microfone-one {
    position: absolute;
    left: 60px;
    bottom: 86px
}

@media (max-width: 767px) {
    #about-section .microfone-one {
        display:none
    }
}

#about-section .microfone-one img {
    transform: rotateY(180deg);
    width: 120px
}

#about-section .microfone-two {
    position: absolute;
    right: 60px;
    bottom: 86px
}

@media (max-width: 767px) {
    #about-section .microfone-two {
        display:none
    }
}

#about-section .microfone-two img {
    width: 120px
}

#about-section .microfone-mobile {
    display: flex;
    justify-content: center
}

@media (min-width: 768px) {
    #about-section .microfone-mobile {
        display:none
    }
}

#about-section .about-text-node-one {
    position: absolute;
    top: 120px;
    left: 30px;
    width: auto
}

@media (max-width: 991px) {
    #about-section .about-text-node-one {
        display:none
    }
}

#about-section .about-text-node-one img {
    width: 80px
}

#about-section .about-text-node-two {
    position: absolute;
    right: 50px;
    top: 250px;
    width: auto
}

@media (max-width: 991px) {
    #about-section .about-text-node-two {
        display:none
    }
}

#about-section .about-text-node-two img {
    width: 100px;
    transform: rotateY(180deg)
}

#about-section .about-text-node-three {
    position: absolute;
    left: 80px;
    bottom: 320px;
    width: auto
}

@media (max-width: 991px) {
    #about-section .about-text-node-three {
        display:none
    }
}

#about-section .about-text-node-three img {
    width: 70px;
    transform: rotateY(200deg)
}

#about-section .about-text-node-four {
    position: absolute;
    right: 120px;
    bottom: 90px;
    width: auto
}

@media (max-width: 991px) {
    #about-section .about-text-node-four {
        display:none
    }
}

#about-section .about-text-node-four img {
    width: 80px
}

#creators-section {
    padding-top: 140px
}

#creators-section h5 {
    padding-top: 40px;
    padding-bottom: 10px
}

#creators-section p {
    font-size: 16px;
    line-height: 200%;
    color: #5e5e5e
}

#creators-section .soundbars-creators {
    top: -50px;
    left: -20px;
    position: absolute
}

@media (max-width: 767px) {
    #creators-section .soundbars-creators {
        display:none
    }
}

#creators-section .soundbars-creators img {
    transform: rotate(240deg)
}

footer {
    margin-top: 40px
}

@media (max-width: 991px) {
    footer .images .nodes-footer {
        display:none
    }
}

footer .images .speaker-footer {
    margin-bottom: -2px
}

@media (max-width: 767px) {
    footer .images .speaker-footer {
        width:250px
    }
}

footer .main-footer {
    padding: 60px 0;
    background-color: #0094d4
}

footer .main-footer .mqk-logo-footer {
    width: 100%;
    display: flex
}

@media (max-width: 767px) {
    footer .main-footer .mqk-logo-footer {
        justify-content:center
    }
}

footer .main-footer .mqk-logo-footer img {
    width: 160px
}

footer .main-footer p {
    font-size: 14px;
    line-height: 180%;
    color: #fff;
    margin-bottom: 0
}

@media (max-width: 767px) {
    footer .main-footer p {
        text-align:center
    }
}

@media (max-width: 767px) {
    footer .right-part {
        width:100%
    }
}

footer .right-part .card-logos {
    display: flex;
    margin-bottom: 16px;
    justify-content: end
}

@media (max-width: 767px) {
    footer .right-part .card-logos {
        margin-top:20px;
        justify-content: center
    }
}

footer .right-part .card-logos img {
    width: 60px
}

footer .right-part .sub-links {
    color: #fff;
    font-size: 12px
}

@media (max-width: 767px) {
    footer .right-part .sub-links {
        text-align:center
    }
}

footer .right-part .sub-links a {
    color: #fff;
    text-decoration: none
}

footer .right-part .sub-links a:hover {
    text-decoration: underline
}

footer .sub-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    background-color: #036e9c
}

footer .sub-footer p {
    color: #fff;
    font-size: 10px;
    margin-bottom: 0
}

footer .sub-footer a {
    color: #fff
}

#product-overview {
    padding-top: 40px
}

@media (max-width: 991px) {
    #product-overview {
        padding-top:30px
    }
}

.product-list {
    padding-top: 40px
}

@media (max-width: 991px) {
    .product-list {
        padding-top:30px
    }
}

.product-list .row .zoom-img {
    width: auto;
    height: auto;
    overflow: hidden
}

.product-list .row .zoom-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease
}

.product-list .row a:hover .zoom-img img {
    transform: scale(1.1)
}

.product-list .row .description {
    padding-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 767px) {
    .product-list .row .description {
        padding-top:10px;
        font-size: 16px;
        line-height: 140%;
        margin-bottom: 4px
    }
}

.product-list .row .price {
    font-size: 14px;
    margin-bottom: 40px;
    display: block; 
}

.product-list .row a {
    color: #000;
    text-decoration: none;
}

.col-6.col-lg-3 .price del {
    color: grey;
}

.col-6.col-lg-3 .price-large del {
    color: grey;
}

.price ins {
    text-decoration: none;
}

#single-product {
    padding-top: 70px
}

@media (max-width: 767px) {
    #single-product {
        padding-top:14px
    }
}

#single-product .price-large {
    font-weight: 600;
    font-size: 25px
}

#single-product .price-large .text-grey {
    color: #787878;
    font-weight: 400;
    font-size: 12px
}

#single-product .extra-text {
    display: none;
    border: 2px solid rgb(235,229,231);
    border-radius: 6px;
    padding: 20px 20px 10px
}

#single-product #expand-text {
    color: #d80077;
    cursor: pointer
}

#single-product #expand-text:hover {
    text-decoration: underline
}

#single-product #expand-text img {
    width: 20px;
    height: 20px;
    margin-left: 10px
}

#single-product .amount-selector {
    display: flex
}

@media (max-width: 767px) {
    #single-product .amount-selector {
        flex-direction:column
    }

    #single-product .amount-selector .btn-primary {
        width: 100%
    }
}

#single-product .amount-selector .adjust-btn {
    width: 36px;
    height: 48px;
    border: none;
    border-radius: .25rem;
    background-color: #d9d9d9;
    transition: all .2s
}

#single-product .amount-selector .adjust-btn:hover {
    background-color: silver
}

#single-product .amount-selector .quantity {
    width: 80px;
    height: 48px;
    border: none;
    border-radius: .25rem;
    background-color: #d9d9d9;
    transition: all .2s;
    text-align: center
}

@media (max-width: 767px) {
    #single-product .amount-selector .quantity {
        width:calc(100% - 81px)
        background-color: transparent;
    }
}

#basket-page {
    padding-top: 40px
}

#basket-page .notification {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background-color: #d80077;
    width: 100%;
    margin-bottom: 60px;
    flex-direction: row;
}

#basket-page .notification .text a {
	display: none !important;
}

#basket-page .notification .close {
    position: absolute;
    top: 0;
    right: 4px
}

#basket-page .notification .close img {
    width: 16px;
    height: 16px;
    cursor: pointer;
    transition: all .2s
}

#basket-page .notification .close img:hover {
    opacity: .8
}

@media (max-width: 767px) {
    #basket-page .notification {
        flex-direction:column
    }
}

#basket-page .notification .text {
    padding-left: 0;
    color: #fff
}

#basket-page .notification .btn-small {
    margin-right: 20px;
    border-radius: 0
}

#basket-page .text-small-productliste {
    font-size: 12px;
    color: #6a6a6a;
    text-transform: uppercase;
    padding-bottom: 6px;
    padding-top: 3px;
}

#basket-page .product-list-basket {
    display: flex;
    align-items: center;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080
}

#basket-page .product-list-basket .product-line {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid rgb(229,231,235);
    width: 100%;
    margin: 0 auto
}

#basket-page .product-list-basket .product-line:last-child {
    border-bottom: none
}

#basket-page .product-list-basket .product-line .col {
    padding-left: calc(var(--bs-gutter-x) * .5)
}

#basket-page .product-list-basket .min-width-selector {
    min-width: 165px
}

@media (max-width: 767px) {
    #basket-page .product-list-basket .min-width-selector {
        min-width:auto
    }
}

#basket-page .product-list-basket .row {
    width: calc(100% + 20px)
}

#basket-page .product-list-basket .row .item {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 8px;
    margin-bottom: 0;
    font-weight: 600
}

@media (max-width: 767px) {
    #basket-page .product-list-basket .row .item {
        font-size:15px;
        line-height: 18px;
        padding-bottom: 8px;
    }
}

#basket-page .product-list-basket .row .amount-selector {
    display: flex
}

#basket-page .product-list-basket .row .amount-selector .adjust-btn {
    width: 26px;
    height: 38px;
    border: none;
    border-radius: .25rem;
    background-color: #d9d9d9;
    transition: all .2s
}

#basket-page .product-list-basket .row .amount-selector .adjust-btn:hover {
    background-color: silver
}

@media (max-width: 767px) {
    #basket-page .product-list-basket .row .amount-selector .adjust-btn {
        display:none
    }
}

#basket-page .product-list-basket .row .amount-selector .quantity {
    width: 60px;
    height: 38px;
    border: none;
    border-radius: .25rem;
    background-color: #d9d9d9;
    transition: all .2s;
    text-align: center
}

#basket-page .product-list-basket .row .price-small {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    #basket-page .product-list-basket .row .price-small {
        font-size:14px
    }
}

#basket-page .product-list-basket .row .price-large {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0
}

#basket-page .price-total {
    padding: 40px 0 60px
}

#basket-page .price-total p {
    font-weight: 700;
    font-size: 26px
}

#basket-page .price-total .continue {
    display: flex;
    justify-content: end;
    margin-top: 20px
}

@media (max-width: 767px) {
    #basket-page .price-total .continue a,#basket-page .price-total .continue .btn-primary {
        width:100%
    }
}

#rules {
    padding-top: 40px
}

#rules .lead {
    font-size: 20px;
    line-height: 160%;
    font-weight: 500;
    color: #4e4b9a
}

@media (max-width: 991px) {
    #rules .lead {
        font-size:18px
    }
}

#rules .holding-microphone {
    position: absolute;
    top: -110px;
    left: 10px
}

#rules .holding-microphone img {
    width: 120px
}

@media (max-width: 991px) {
    #rules .holding-microphone {
        display:block;
    }

    #rules .holding-microphone {
        position: absolute;
        top: -63px;
        left: 10px;
    }

    #rules .holding-microphone img {
        width: 70px;
    }
}

#rules .node-breaker {
    padding: 120px 0
}

@media (max-width: 991px) {
    #rules .node-breaker {
        padding:60px 0
    }
}

#rules .node-breaker img {
    width: 120px
}

@media (max-width: 991px) {
    #rules .node-breaker img {
        width:70px
    }
}

#rules .game-goal {
    padding-top: 30px;
    border-bottom: 3px solid #D80077;
    margin-bottom: 125px
}

#rules .game-goal img {
    width: 350px
}

@media (max-width: 991px) {
    #rules .game-goal img {
        margin-top:30px;
        width: 200px
    }
}

#rules .game-goal ol {
    padding-left: 30px
}

#rules .game-goal ol li {
    padding-bottom: 10px
}

#rules .game-goal ol li:last-child {
    padding-bottom: 0
}

#rules .game-setup p {
    padding-bottom: 20px
}

#rules .border-container {
    margin-top: 100px;
    position: relative;
    padding: 60px 60px 50px;
    border: 3px solid #D80077
}

@media (max-width: 991px) {
    #rules .border-container {
        padding:30px 30px 40px
    }
}

#rules .border-container .rock-hand {
    position: absolute;
    top: -204px;
    right: 30px
}

@media (max-width: 991px) {
    #rules .border-container .rock-hand {
        top:-177px;
        right: auto;
        left: 0
    }

    #rules .border-container .rock-hand img {
        width: 140px
    }
}

#rules .border-container .pointer {
    display: flex;
    align-items: center;
    margin-bottom: 50px
}

@media (max-width: 991px) {
    #rules .border-container .pointer {
        margin-bottom:30px
    }
}

#rules .border-container .pointer div:last-child {
    margin-left: 20px;
    width: 80%
}

#rules .border-container .pointer div:last-child p {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 140%
}

@media (max-width: 991px) {
    #rules .border-container .pointer div:last-child p {
        font-size:14px
    }
}

#rules .border-container .number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #0094D4
}

#rules .border-container .number span {
    font-weight: 700;
    color: #0094d4
}

@media (max-width: 991px) {
    #rules .fs-6 {
        font-size:12px!important
    }
}

#battlecards {
    padding-top: 40px
}

#battlecards .lead {
    font-size: 20px;
    line-height: 180%;
    font-weight: 500;
    color: #4e4b9a
}

#battlecards .border-container {
    position: relative;
    padding: 60px 60px 50px;
    border: 3px solid #D80077
}

@media (max-width: 991px) {
    #battlecards .border-container {
        margin-top:100px
    }
}

#battlecards .border-container .rock-hand {
    position: absolute;
    top: -204px;
    left: 0
}

@media (max-width: 991px) {
    #battlecards .border-container .rock-hand {
        top:-152px
    }

    #battlecards .border-container .rock-hand img {
        width: 120px
    }
}

@media (max-width: 991px) {
    #battlecards .border-container {
        padding:30px 30px 20px
    }
}

#battlecards .node-breaker {
    padding: 70px 0
}

#battlecards .node-breaker img {
    width: 80px
}

#battlecards .lightning-box {
    position: relative
}

#battlecards .lightning-box .soundbars {
    position: absolute;
    top: -60px;
    left: -43px;
    transform: rotate(255deg)
}

#standard-template {
    padding-top: 40px
}

#standard-template h2,#standard-template h3,#standard-template h4,#standard-template h5,#standard-template h6 {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 10px
}

#standard-template p {
    text-align: center;
    padding-bottom: 10px
}

#thank-you {
    padding-top: 20px
}

#thank-you h1,#thank-you h2,#thank-you h3,#thank-you h4,#thank-you h5,#thank-you h6 {
    text-align: left;
    padding-top: 30px
}

@media (max-width: 991px) {
    #thank-you h1 {
        font-size:38px
    }

    #thank-you .lead {
        line-height: 160%
    }
}

#thank-you p {
    text-align: left;
    padding-bottom: 20px
}

#thank-you .ordre-facts {
    padding: 20px 30px 10px;
    background-color: #f8f8f8;
    --mask: conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 50%/20px 100%;
    -webkit-mask: var(--mask);
    mask: var(--mask)
}

#thank-you .ordre-facts .line {
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0
}

#thank-you .ordre-facts .line:last-child {
    border-bottom: none
}

@media (max-width: 767px) {
    #thank-you .ordre-facts {
        padding:10px 20px
    }
}

#thank-you .ordre-facts .info-text {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    color: #6d6d6d
}

#thank-you .ordre-facts .status-text {
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: #6d6d6d
}

#thank-you .ordre-details {
    margin-top: 50px;
    background-color: #f8f8f8;
    margin-bottom: 60px
}

#thank-you .ordre-details .header {
    display: flex;
    background-color: #dbdbdb;
    padding: 20px 30px
}

#thank-you .ordre-details .header div:first-child {
    width: 70%
}

@media (max-width: 767px) {
    #thank-you .ordre-details .header {
        padding:10px 20px;
        font-size: 14px
    }
}

@media (max-width: 767px) {
    #thank-you .ordre-details .header .price {
        text-align:right;
        width: 30%
    }
}

#thank-you .ordre-details .product-line {
    padding: 20px 30px;
    display: flex;
    border-bottom: 1px solid #e0e0e0
}

@media (max-width: 767px) {
    #thank-you .ordre-details .product-line {
        padding:10px 20px;
        font-size: 14px
    }
}

#thank-you .ordre-details .product-line:last-child {
    border-bottom: none
}

#thank-you .ordre-details .product-line div:first-child {
    width: 70%
}

@media (max-width: 767px) {
    #thank-you .ordre-details .product-line .price {
        text-align:right;
        width: 30%
    }
}

#thank-you .ordre-details .product-line .vat {
    color: #9a9a9a;
    font-size: 12px
}

@media (max-width: 767px) {
    #thank-you .ordre-details .product-line .vat {
        padding-top:5px;
        display: block
    }
}

.double-underline {
    position: relative;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: #5e5e5e
}

.double-underline:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 100%;
    background-color: #5e5e5e
}

#checkout {
    margin-right: auto;
    margin-left: auto
}

.checkout-form-wrapper {
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

#checkout .left-half {
    width: 50%;
    display: block;
    justify-content: end;
    padding-left: 4%;
}

#checkout .left-half .woocommerce-message {
    position: absolute;
    width: 100%;
    max-width: 1296px;
    margin-top: -48px;
}

@media (max-width: 1399px) {
    #checkout .left-half .woocommerce-message {
        max-width: 1116px;
    }
}

@media (max-width: 1199px) {
    #checkout .left-half .woocommerce-message {
        max-width: 936px;
    }
}

@media (max-width: 991px) {
    #checkout .left-half {
        width: 100%;
        flex: 0 0 100%;
        order: 2;
        display: block;
        padding-left: 4%;
        padding-right: 4%;
    }

    #checkout .left-half .woocommerce-message {
        max-width: 696px;
    }
}

@media (max-width: 767px) {
    #checkout .left-half .woocommerce-message {
        max-width: 516px;
    }
}

@media (max-width: 540px) {
    #checkout .left-half .woocommerce-message {
        max-width: 480px;
    }
}

#checkout .right-half {
    width: 50%;
    background-color: #e8e8e8;
    align-content: center;
    padding: 100px 0;
    padding-right: 4%;
}

@media (max-width: 991px) {
    #checkout .right-half {
        width: 100%;
        flex: 0 0 100%;
        padding: 0;
        order: 1;
        padding-left: 4%;
        padding-right: 4%;
    }
}

#checkout .right-half .ordre-overview-small {
    padding: 40px 40px 20px 40px;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 30px
}

@media (max-width: 991px) {
    #checkout .right-half .ordre-overview-small {
        padding:15px
    }
}

#checkout .right-half .ordre-overview-small .total .xl-text {
    font-size: 22px;
    font-weight: 700
}

#checkout .right-half .discount-code {
    padding: 40px;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 30px
}

@media (max-width: 991px) {
    #checkout .right-half .discount-code {
        padding:15px
    }
}

#checkout .right-half .ordre-price-small {
    padding: 40px;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 30px
}

@media (max-width: 991px) {
    #checkout .right-half .ordre-price-small {
        padding:15px
    }
}

#checkout .small-container {
    width: 650px
}

@media (max-width: 1399px) {
    #checkout .small-container {
        width:555px
    }
}

@media (max-width: 1200px) {
    #checkout .small-container {
        width:470px
    }
}

@media (max-width: 991px) {
    #checkout .small-container {
        width:100%;
        margin: auto;
        padding: 0 15px
    }
}

#checkout h2 {
    text-align: left;
    padding-top: 30px
}

#checkout h4 {
    color: #4e4b9a;
    margin-bottom: 0
}

#checkout .order-flow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(229,231,235)
}

#checkout .order-flow a {
    font-size: 13px;
    padding: 0 20px;
    text-decoration: none
}

@media (max-width: 1200px) {
    #checkout .order-flow a {
        font-size:12px;
        padding: 0 10px
    }
}

#checkout .order-flow .active {
    padding-bottom: 12px;
    border-bottom: 2px solid #D80077
}

#checkout .order-flow img {
    width: 14px;
    margin-left: 4px;
    margin-bottom: 1px
}

#checkout .billing-details {
    border: 2px solid rgb(235,229,231);
    border-radius: 6px;
    padding: 40px 40px 20px
}

@media (max-width: 992px) {
    #checkout .billing-details {
        padding:15px 15px 0
    }
}

#checkout .contact-information-small {
    border: 2px solid rgb(235,229,231);
    border-radius: 6px;
    padding: 20px 20px 0;
    margin-bottom: 20px
}

@media (max-width: 992px) {
    #checkout .contact-information-small {
        padding:15px 15px 0
    }
}

#checkout .contact-information-small .contact-information-change {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid grey;
    margin-bottom: 10px
}

#checkout .contact-information-small .contact-information-change a {
    font-size: 13px;
    font-weight: 700;
    text-decoration: none
}

#checkout .contact-information-small .contact-information-change .lead {
    font-size: 16px;
    padding-bottom: 0
}

#checkout .contact-information-small .customer-information {
    font-size: 12px;
    color: #806b73
}

#checkout .contact-information-small .customer-information span {
    display: block
}

#checkout .select-delivery {
    border: 2px solid rgb(235,229,231);
    border-radius: 6px;
    padding: 40px;
    margin-bottom: 25px;
}

@media (max-width: 992px) {
    #checkout .select-delivery {
        padding:15px
    }
}

#checkout .form-control {
    padding: 0;
    border: none;
    margin-bottom: 25px;
}
#checkout .discount-code .form-control {
    margin-bottom: 0px;
}

#checkout .form-control input, #checkout .form-control .select2-selection {
    background-color: #f6f3f4;
    border-radius: 12px;
    border: 0px;
    height: 50px;
    font-size: 15px;
    padding: 15px;
    width: 100%;
}

#checkout .form-control input:active, #checkout .form-control .select2-selection:active,
#checkout .form-control input:focus, #checkout .form-control .select2-selection:focus {
    border: 2px solid #D80077!important;
    outline: none!important;
    box-shadow: none!important
}

#checkout .continue {
    margin-top: 30px;
    padding-bottom: 100px;
    text-align: right
}

@media (max-width: 992px) {
    #checkout .continue .btn-small {
        width:100%
    }
}

#checkout .background-color-gray {
    background-color: #f6f3f4
}

.dropdown-toggle {
    display: none
}

@media (max-width: 992px) {
    .dropdown-toggle {
        margin:20px 0;
        width: 100%;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #f8f9fa;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 5px
    }

    .dropdown-toggle:after {
        content: url(../img/arrow-down.svg);
        width: 20px;
        margin-top: -4px;
        margin-left: 10px;
        border: none
    }

    .dropdown-toggle.active:after {
        content: url(../img/arrow-up.svg);
        width: 20px;
        margin-top: -4px;
        margin-left: 10px;
        border: none
    }

    .dropdown-content {
        margin-top: 10px
    }

    .dropdown-content #small-product-list, .dropdown-content .ordre-overview-small {
        display: none;
    }

    .dropdown-content.show {
        display: block
    }
}

#search-template {
    padding-top: 40px
}

#search-template .search-box {
    position: relative;
    width: 100%
}

#search-template .search-input {
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 100px;
    border: 2px #0094D4 solid;
    color: #0094d4
}

#search-template .search-button {
    position: absolute;
    right: 10px;
    top: 0;
    border: none;
    background: url(../img/search-icon-for-seachpage.svg) no-repeat center center;
    width: 40px;
    height: 100%;
    cursor: pointer;
    transition: background-color .3s
}

#search-template .search-button:hover {
    background: url(../img/search-icon-for-seachpage-hover.svg) no-repeat center center
}

#search-template .search-results {
    padding-top: 100px
}

@media (max-width: 991px) {
    #search-template .search-results {
        padding-top:70px
    }
}

#search-template .search-results .search-result a {
    display: flex;
    border-top: 1px solid #808080;
    padding: 40px 0;
    text-decoration: none
}

#search-template .search-results .search-result:last-child {
    border-bottom: 1px solid #808080;
    margin-bottom: 100px
}

#missing-page {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 100px 0;
    height: calc(100vh - 500px);
    min-height: 400px
}

#missing-page .lottie-animation {
    width: 300px
}

@media (max-width: 991px) {
    #missing-page h1 {
        font-size:36px
    }
}

.label-wrapper {
    display: block;
    position: absolute;
}
.onsale {
    position: relative;
    display: inline-block;
    z-index: 10;
    background-color: #0094d4;
    padding: 8px;
    color: #FFF;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    width: auto;
}
.label-wrapper .onsale + .onsale {
    position: relative;
    display: inline-block;
    left: unset;
    margin-left: -5px;
}

.remove-cart-item {
    margin-right: 15px;
}

.remove-cart-item a {
    text-decoration: none !important;
}

.delivery-plugin {
    font-size: 0px;
}
.delivery-plugin li {
    font-size: 16px;
}
.payment-plugin table {
    display: none;
}

.ordre-overview-small .shop_table thead, .ordre-overview-small .shop_table tbody {
    display: none;
}

.woocommerce table.shop_table, .woocommerce table.shop_table tr,
.woocommerce table.shop_table td, .woocommerce table.shop_table th {
    border: none;
    border-top: none !important;
    margin: 0;
    padding: 0;
}

.woocommerce table.shop_table td {
    text-align: right;
}

.woocommerce table.shop_table .cart-subtotal td, .woocommerce table.shop_table .cart-subtotal th,
.woocommerce table.shop_table .cart-discount td, .woocommerce table.shop_table .cart-discount th {
    font-weight: 400;
    padding-bottom: 15px;
}
.woocommerce table.shop_table .order-total td, .woocommerce table.shop_table .order-total th {
    font-weight: 700;
    font-size: 22px;
}

#billing_postcode_field, #billing_first_name_field {
    width: calc(50% - 10px);
    float: left;
}
#billing_city_field, #billing_last_name_field {
    width: calc(50% - 10px);
    float: right;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 19px;
    padding-left: 0;
}

.ordre-overview-small .line.d-flex.align-items-center {
    padding-bottom: 1.5rem !important;
}
.ordre-overview-small .line.d-flex.align-items-center:last-of-kind {
    padding-bottom: 0rem !important;
}

.in-stock {
    display: none;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    max-width: 650px;
    padding-right: 3rem !important;
    margin-bottom: 15px;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout .woocommerce-error {
    margin-bottom: 0;
}

.customer-information .delivery span {
    display: inline !important;
}

.woocommerce-checkout-review-order-table {
    padding-bottom: 20px !important;
}

.woocommerce ul#shipping_method li {
    line-height: 1.2em;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: #0094d4;
    transition: all 0.2s;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: #007fb5;
    color: #fff;
}

.woocommerce-checkout #payment {
    background: #FFF;
    border-radius: 5px;
}

.woocommerce-checkout #payment ul.payment_methods {
    padding: 0em;
}

.woocommerce-checkout #payment div.form-row {
    padding: 1em 0em 0em 0em;
}

.woocommerce-privacy-policy-text p {
    font-size: 12px;
}


/* STYLING VARIATIONS */

table .variations {
    width: 100%;
}


.variations tbody tr {
    display: flex;
    flex-direction: column;
}


.variations tbody th {
    padding-bottom: 3px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}


.variations tbody td select {
    word-wrap: normal;
    background-color: #f6f3f4;
    border-radius: 12px;
    border: 0px;
    height: 50px;
    font-size: 15px;
    padding: 15px;
    width: 100%;
    min-width: 337px;
    margin-bottom: 20px;
}

.reset_variations {
    display: none;
}

.woocommerce-variation-add-to-cart {
    display: flex;
    margin-top: 10px;
}

.woocommerce-variation-add-to-cart .quantity {
    margin-right: 20px;
}

.woocommerce-variation-add-to-cart .quantity input {
    margin-right: 20px;
    width: 80px;
    height: 48px;
    text-align: center;
}


.woocommerce-checkout #payment div.payment_box  {
    background-color: #e3f6ff;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #e3f6ff;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.variation {
    display: flex;
    font-size: 10px;
    padding-left: 1.5rem;
}

@media (max-width: 991px) {
     .variation {
        display: flex;
        font-size: 10px;
        padding-left: 0rem;
    }   
}

.variation p {
    margin-bottom: 0px;
}

/* Hide spinners in Chrome, Safari, Edge, and Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide spinners in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

table.variations {
    width: 100%;
}

.variation div dt {
    margin-right: 10px;
}

.variation div dd {
    margin-right: 10px;
}

.yith-wapo-option .product-container .product-image {
    display: none !important;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container {
    font-size: 13px !important;
}

#wapo-total-price-table {
    display: none !important;
}

#yith-wapo-container .yith-wapo-block {
    padding-bottom: 50px !important;
}

@media (max-width: 991px) { 
    .options-container .options {
        grid-template-columns: repeat(3, minmax(0, 33.33%)) !important;
    }
}

.price-large.checkout ins {
    text-decoration: none !important;
}

.price-large.checkout del {
    color: grey;
}

/* CHANGE TO CHECKOUT – BECAUSE THE OLD CHECKOUT DID NOT WORK*/ 

.woocommerce-checkout {
    padding: 50px 0 100px 0;
    display:  flex;
}

@media (max-width: 991px) {
    .woocommerce-checkout {
        flex-direction: column;
    }
}

#customer_details .col-1 {
    width: 100%;
    padding-right: 30px;
}

@media (max-width: 991px) {
    #customer_details .col-1 {
        padding-right: 0px;
    }
}

#order_review {
    width: 100%;
    padding-left: 30px;
}

@media (max-width: 991px) {
    #order_review {
        margin-top: 0px;
        padding-left: 0px !important;
    }
}

.woocommerce-checkout #payment {
    padding-top: 40px;
    border-top: 1px solid #000;
    border-radius: 0px;
}

.woocommerce table.shop_table .product-name {
    text-align: left;
}

.product-total {
    text-align: right;
}

.woocommerce-shipping-totals {
    display: flex;
    flex-direction: column;
    margin-top: 30px !important;
}

.woocommerce-shipping-totals td {
    text-align: left !important;
}

.woocommerce-shipping-totals th {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 120%;
    font-weight: 700;
    letter-spacing: 4px;
    color: #d80077;
    font-family: alternate-gothic-compressed, sans-serif;
    padding-bottom: 10px !important;
}

#shipping_method li label {
    font-weight: 400;
}

.woocommerce ul#shipping_method .amount {
    font-weight: 400;    
}


/* JULESTYLING */ 

.christmas-header {
    width: 100%;
    top: 80px;
    padding: 0 10px;
    background-color: #d80077;
    height: 40px;
    display: flex;
    z-index: 100;
    justify-content: center;
    align-items: center;
}

.christmas-header br {
    display: none;
}



.christmas-header p {
    margin-bottom: 0px;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 5%;
}

@media (max-width: 991px) {
    .christmas-header p {
        font-size: 12px;
    }
}

@media (max-width: 991px) { 
    .christmas-header { 
        padding: 30px;
        min-height: 40px;
        text-align: center;
    }
}


.christmas-header p span {
    padding-right: 10px;
}

@media (max-width: 991px) { 
    .christmas-header br {
        display: block;
    }
}

.christmas-header.sticky {
    position: fixed;
    top: 0;
}


#hero-jule {
    display: flex;
    align-items: center;
    position: relative;
    height: 600px;
    background-color: #f5f5f5;
    overflow: hidden
}

@media (max-width: 991px) {
    #hero-jule {
        height:auto;
        padding: 80px 20px
    }
}

#hero-jule h1 {
    font-size: 66px;
    line-height: 110%;
    letter-spacing: 7px;
    text-transform: uppercase;
    font-weight: 800;
    color: #d80077
}

@media (max-width: 1199px) {
    #hero-jule h1 {
        font-size:48px
    }
}

@media (max-width: 767px) {
    #hero-jule h1 {
        padding-top: 20px;
        font-size:32px
    }
}

#hero-jule .hero-headline {
    position: relative
}

#hero-jule .hero-headline .lightning-hero {
    position: absolute;
    top: -70px;
    left: -80px
}

@media (max-width: 767px) {
    #hero-jule .hero-headline .lightning-hero {
        top:-10px;
        left: -40px
    }

    #hero-jule .hero-headline .lightning-hero img {
        width: 70px;
        transform: rotate(-10deg)
    }
}

#hero-jule .hero-headline .music-node-hero {
    position: absolute;
    top: -40px;
    right: 80px
}

#hero-jule .lead {
    font-size: 18px;
    line-height: 180%;
    color: #5e5e5e
}

@media (max-width: 767px) {
    #hero-jule .lead {
        font-size:16px;
        line-height: 160%
    }
}

#hero-jule .cta-hero {
    display: flex;
    align-items: center;
    margin-top: 50px
}

@media (max-width: 767px) {
    #hero-jule .cta-hero {
        margin-top:30px
    }
}

#hero-jule .cta-hero div:last-child {
    padding-left: 30px
}

@media (max-width: 767px) {
    #hero-jule .cta-hero div:last-child {
        display:none
    }
}

#hero-jule .cta-hero div:last-child a {
    font-size: 15px;
    color: #5e5e5e;
    text-decoration: none
}

#hero-jule .cta-hero div:last-child a:hover {
    text-decoration: underline
}

#hero-jule .music-box {
    position: relative;
    left: 80px
}

#hero-jule .music-box img {
    width: 500px;
}



#hero-jule .music-box .soundbars-hero-top {
    position: absolute;
    top: 60px;
    right: 10px
}

#hero-jule .music-box .soundbars-hero-bottom {
    position: absolute;
    bottom: 120px;
    left: -20px;
    transform: rotate(180deg)
}

#hero-jule .rock-hand {
    position: absolute;
    right: 70px;
    bottom: 0;
    z-index: 1
}

@media (max-width: 767px) {
    #hero-jule .rock-hand {
        right:20px
    }
}

#hero-jule .rock-hand img {
    width: 140px
}

@media (max-width: 767px) {
    #hero-jule .rock-hand img {
        width:120px
    }
}

#battle-card-overview img {
	max-height: 432px;
}

.modules-template {
    overflow: hidden;
}

.module {
    margin-top: 80px;
}

#battlecards.quote .added-padding {
    padding-right: 5%;
    padding-left: 5%;
}
#battlecards.quote .border-container {
    border-width: 6px;
    border-color: #0094d4;
}
#battlecards.quote .border-container .waves {
    position: absolute;
    top: -40px;
    right: -35px;
    height: auto;
    width: 35px;
    transform: rotate(-20deg);
}
#battlecards.quote .border-container .waves img {
    width: 100%;
    height: auto;
}
#battlecards.quote .border-container .content {
    position: relative;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
}
#battlecards.quote .border-container .content .icon {
    position: absolute;
    height: auto;
    width: 30px;
}
#battlecards.quote .border-container .content .icon.top {
    top: -40px;
    left: -35px;
}
#battlecards.quote .border-container .content .icon.bot {
    bottom: 0px;
    right: -35px;
    -webkit-transform: scaleY(-1) scaleX(-1);
    transform: scaleY(-1) scaleX(-1);
}
#battlecards.quote .border-container .content .icon img {
    width: 100%;
    height: auto;
}
@media (max-width: 991px) {
    #image_text h2 {
        padding-top: 40px;
    }
    #image_text img {
        width: 100%;
    }
    #battlecards.quote .border-container .content .icon.top {
        top: -15px;
    }
}

.product-list .col-6.col-lg-3 {
    position: relative;
}
.onsale {
    width: auto;
    text-align: center;
}
.onsale.custom {
    z-index: 10;
    background-color: #fff;
    padding: 8px;
    color: #0094d4;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    width: auto;
}
.onsale.out-of-stock {
    background-color: #ff4d4f;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    letter-spacing: 1px;
}

#single-product .row.gx-5 {
    position: relative;
}

.shop-featurd-category {
    border-bottom: 1px solid #5e5e5e;
    margin-bottom: 35px;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image a {
    width: 100%;
    display: block;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image a img {
    width: 100%;
    max-height: 608px;
    height: auto;
}

.glide__arrows {
    position: absolute;
    width: 100%;
    top: calc(50% - 25px);
    padding: 0 10px;
}
.glide__arrow {
    border: none;
    background: rgba(0, 0, 0, 0.15);
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 25px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
.glide__arrow--right {
    float: right;
}

.woocommerce-shipping-totals {
    margin-top: 0 !important;
}

.checkout-form-wrapper .right-half .woocommerce-shipping-totals.shipping,
.checkout-form-wrapper .right-half #sp_drop_point_blob_field {
    display: none !important;
}

.checkout-form-wrapper .left-half .col-1 {
    padding-right: 0 !important;
}
.checkout-form-wrapper .left-half #order_review {
    padding-left: 0 !important;
}
.checkout-form-wrapper .left-half #order_review #order_review_heading,
.checkout-form-wrapper .left-half #order_review .shop_table.woocommerce-checkout-review-order-table thead,
.checkout-form-wrapper .left-half #order_review .shop_table.woocommerce-checkout-review-order-table tbody,
.checkout-form-wrapper .left-half #order_review .shop_table.woocommerce-checkout-review-order-table .cart-subtotal,
.checkout-form-wrapper .left-half #order_review .shop_table.woocommerce-checkout-review-order-table .order-total,
.checkout-form-wrapper .left-half .cart-discount {
    display: none !important;
}

/*.checkout-form-wrapper .left-half .woocommerce-billing-fields,
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table,
.checkout-form-wrapper .left-half #payment, 
.checkout-form-wrapper .left-half #payment .wrapper {*/
.checkout-form-wrapper .left-half .woocommerce-billing-fields,
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table,
.checkout-form-wrapper .left-half #payment{
    border: 2px solid rgb(235, 229, 231) !important;
    border-radius: 6px;
    padding: 40px 40px 20px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .checkout-form-wrapper .left-half .woocommerce-billing-fields,
    .checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table,
    .checkout-form-wrapper .left-half #payment{
        border: 2px solid rgb(235, 229, 231) !important;
        border-radius: 6px;
        padding: 20px 20px 10px;
        margin-bottom: 20px;
    }
}


.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table {
    display: none;
}
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.active,
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.hidden {
    display: block;
}
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.active .custom-delivery {
    display: none;
}
.checkout-form-wrapper .left-half #payment {
    display: none;
}
.checkout-form-wrapper .left-half #payment.active {
    display: block;
}

.checkout-form-wrapper .left-half .woocommerce-shipping-totals.shipping th {
    font-size: 1.25rem;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    letter-spacing: 0;
    color: #5e5e5e;
    text-transform: capitalize;
}

.woocommerce-checkout {
    display: block;
}

.checkout-form-wrapper .left-half .woocommerce-billing-fields .custom-info {
    display: none;
}

.checkout-form-wrapper .left-half .woocommerce-billing-fields.hidden,
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.hidden {
    padding: 20px 20px 0px;
}
.checkout-form-wrapper .left-half .woocommerce-billing-fields.hidden p {
    display: none;
}
.checkout-form-wrapper .left-half .woocommerce-billing-fields.hidden p:first-child,
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.hidden th {
    position: relative;
    display: block;
    font-size: 16px;
    padding-bottom: 0 !important;
    border-bottom: 1px solid grey;
    margin-bottom: 10px;
    letter-spacing: 0;
}

/*
.checkout-form-wrapper .left-half .woocommerce-billing-fields.hidden p:first-child:after,
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.hidden th:after {
    display: block;
    content: "Ret";
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.hidden th:after {
    top: 0;
}

.checkout-form-wrapper .left-half .woocommerce-billing-fields.hidden .woocommerce-billing-fields__field-wrapper:hover,
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.hidden th:hover {
    cursor: pointer;
}
.checkout-form-wrapper .left-half .woocommerce-billing-fields.hidden p:hover:first-child:after,
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.hidden th:hover:after {
    color: #d80077;
    cursor: pointer;
}
*/

.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.hidden tfoot {
    display: block;
    position: relative;
}
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.hidden #sp_drop_point_blob_field,
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.hidden #shipping_method {
    display: none !important;
}

.checkout-form-wrapper .left-half .woocommerce-billing-fields.hidden .custom-info {
    display: block;
    margin-bottom: 25px;
}
.checkout-form-wrapper .left-half .woocommerce-billing-fields.hidden .custom-info span,
.checkout-form-wrapper .left-half .shop_table.woocommerce-checkout-review-order-table.hidden tr.custom-delivery td.delivery {
    display: block;
    font-size: 12px;
    color: #806b73;
}

.continue-buttons {
    text-align: right;
    margin-top: 20px;
}
.continue-buttons .ship-continue {
    display: none;
}
.continue-buttons .ship-continue.active {
    display: block;
}
.continue-buttons .info-continue.hide {
    display: none;
}

.ordre-overview-small .order-total-small div {
    display: block;
    overflow: hidden;
}
.ordre-overview-small .order-total-small div th {
    float: left;
    font-weight: 400;
}
.ordre-overview-small .order-total-small div td {
    float: right;
}
.ordre-overview-small .order-total-small div.order-total th,
.ordre-overview-small .order-total-small div.order-total td {
    font-weight: 700 !important;
    font-size: 22px !important;
}

.ordre-overview-small .order-total-small .custom-delivery {
    display: none !important;
}

#small-product-list .cart_item {
    display: block;
    padding-bottom: 1.5rem !important;
}
#small-product-list .cart_item .product-total {
    display: none !important;
}    
#small-product-list .cart_item .product-name img {
    width: 50px;
    height: 50px;
}
#small-product-list .cart_item .product-name .product-quantity {
    font-weight: 400;
    padding-left: 1rem !important;
}

#sp_drop_point_blob_field {
    overflow: hidden !important;
}

.tax-small {
    font-weight:400 !important;
    font-size:12px !important;
    color:#919191;
    text-align: right;
}

.comment-reply-title {
    display: block;
    text-align: center;
}

#commentform label {
    display: block;
    text-align: center;
    font-weight: 600;
}

#commentform #submit {
    padding: 10px 40px;
    font-family: alternate-gothic-compressed, sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 110%;
    letter-spacing: 4px;
    text-transform: uppercase;
    border: none;
    background-color: #0094d4;
    color: #fff;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#commentform #submit:hover {
    background-color: #007fb5;
    border-color: #007fb5;
}

#commentform .stars a {
    display: inline-block;
    font-size: 0;
    text-decoration: none;
}

#commentform .stars a:after {
    content: "☆";
    font-size: 20px;
    position: relative;
    display: block;
    height: 20px;
    width: 20px;
    color: #0094d4;
}
#commentform .stars.selected a:after {
    content: "★";
}
#commentform .stars a.active + a:after {
    content: "☆";
}
#commentform .stars a.active + a + a:after {
    content: "☆";
}
#commentform .stars a.active + a + a + a:after {
    content: "☆";
}
#commentform .stars a.active + a + a + a + a:after {
    content: "☆";
}

.commentlist {
    text-align: center;
    padding: 0;
    list-style: none;
    max-width: 750px;
    margin: 0 auto;
}
.commentlist li {
    border-bottom: 1px solid #5e5e5e;
    margin-bottom: 35px;
}
.commentlist li img {
    display: none;
}
.commentlist .star-rating {
    width: 100px;
    display: inline-block;
}
.commentlist .star-rating span {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    padding-bottom: 10px;
    font-size: 0;
    margin-top: -15px;
}
.commentlist .star-rating span:after {
    content: "★★★★★";
    font-size: 20px;
    position: relative;
    display: block;
    height: 20px;
    width: 100px;
    color: #0094d4;
}

#faq .faq-drawer {
    max-width: 800px;
    margin: 15px auto 20px;
}

#faq .faq-drawer__content-wrapper {
  font-size: 1.25em;
  line-height: 1.4em;
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}

#faq .faq-drawer__title {
  border-top: #000 1px solid;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: 500;
  padding: 20px 0 0 0;
  position: relative;
  margin-bottom: 0;
  transition: all 0.25s ease-out;
  font-family: "Inter", sans-serif;
}

#faq .faq-drawer__title:after {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  left: 2px;
  position: relative;
  right: 20px;
  top: 2px;
  transform: rotate(135deg);
  transition: 0.35s ease-in-out;
  vertical-align: top;
  width: 10px;
}

#faq .faq-drawer__content-wrapper {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.4em;
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}

.faq-drawer__content p {
    padding-bottom: 0px;
}

/* OPTIONAL HOVER STATE */
#faq .faq-drawer__title:hover { 
  color: #4E4B52  ;
}

#faq .faq-drawer__trigger:checked
  + .faq-drawer__title
  + .faq-drawer__content-wrapper {
  max-height: 350px;
}

#faq .faq-drawer__trigger:checked + .faq-drawer__title::after {
  transform: rotate(-45deg);
  transition: 0.25s ease-in-out;
}

#faq input[type="checkbox"] {
  display: none;
}

.ywcp_component_options_radio_input_container input,
.ywcp_cart_component_name label {
    margin-right: 10px;
}

.ywcp_component_options_list_container select {
    cursor: pointer;
    appearance: none;
    padding-right: 3em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: calc(100% - .5em) 50%;
    font-family: inherit;
    font-weight: 400;
    letter-spacing: normal;
    padding: .5em;
    display: block;
    background-color: var(--wc-form-color-background, #fff);
    border: var(--wc-form-border-width) solid var(--wc-form-border-color);
    border-radius: var(--wc-form-border-radius);
    color: var(--wc-form-color-text, #000);
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    line-height: normal;
    height: auto;
}

.ywcp_components_container h3 {
    margin-bottom: 10px;
    font-size: 24px;
    padding-top: 16px;
}

.ywcp_components_single_item abbr {
    text-decoration: none;
}
.ywcp_components_single_item abbr span, .ywcp_component_subtotal, .ywcp_product_sku {
    display: none !important;
}

.ywcp_component_options_selection_container .ywcp_image_container.images img,
.ywcp_component_options_list_container .ywcp_image_container img {
    width: 100%;
    height: auto;
}

.ywcp_component_options_selection_container .ywcp_product_info {
    width: calc(100% - 90px);
}
.ywcp_component_options_selection_container .ywcp_product_info .ywcp_product_link,
.ywcp_component_options_selection_container .ywcp_product_info .ywcp_product_short_description,
.ywcp_component_otpions_thumbnails_container .ywcp_product_info .ywcp_product_link,
.ywcp_component_otpions_thumbnails_container .ywcp_product_info .ywcp_product_short_description,
.ywcp_wcp_group_total {
    display: none;
}

.ywcp_component_otpions_thumbnails_container .products {
    padding-left: 0;
}

.ywcp_customer_advice .ywcp_customer_advice_component_list {
    display: none !important;
}

.woocommerce-cart-form .ywcp_cart_component_name label,
.ordre-details .ywcp_cart_component_name label {
    display: none !important;
}

.ordre-overview-small .ywcp_component_child_item .ywcp_cart_component_name {
    display: inline;
}

.woocommerce table.shop_table th {
    font-weight: 400;
}

#basket-page .cart_item {
    border-bottom: 1px solid #808080;
    height: 115px;
}
#basket-page .cart_item:first-child {
    border-top: 1px solid #808080 !important;
    border-bottom: 1px solid #808080;
}

#basket-page table.shop_table {
    border-collapse: collapse !important;
}

#basket-page table.shop_table td {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
}
#basket-page table.shop_table td:last-child,
#basket-page table.shop_table th:last-child  {
    text-align: right;
}
#basket-page table.shop_table td.product-quantity {
    width: 125px;
}

#basket-page .woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
    max-width: 75px;
    max-height: 75px;
    width: 100%;
    height: 100%;
    display: block;
}

#basket-page .woocommerce-cart-form__cart-item.cart_item .product-name a {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 8px;
    margin-bottom: 0;
    font-weight: 600;
    text-decoration: none !important;
}
#basket-page .woocommerce-cart-form__cart-item.cart_item.ywcp_component_child_item .product-name a {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 8px;
    margin-bottom: 0;
    font-weight: 400;
}

#basket-page .woocommerce-cart-form__cart-item.cart_item .product-remove a {
    text-decoration: none !important;
    padding-right: 10px;
}

#basket-page table.shop_table .actions,
#basket-page .ywcp_component_child_item button.minus,
#basket-page .ywcp_component_child_item button.plus,
.woo-cart .cart_totals h2,
.woo-cart .cart_totals .cart-subtotal,
.woo-cart .woocommerce-shipping-totals,
.woo-cart .woocommerce-shipping-destination,
.woo-cart #sp_drop_point_blob_field {
    display: none !important;
}

.woocommerce .cart-collaterals .cart_totals {
    width: auto;
}

#basket-page .quantity .qty {
    width: 60px;
    height: 38px;
    border: none;
    border-radius: .25rem;
    background-color: #d9d9d9;
    transition: all .2s;
    text-align: center;
}

#basket-page .quantity .minus,
#basket-page .quantity .plus {
    width: 26px;
    height: 38px;
    border: none;
    border-radius: .25rem;
    background-color: #d9d9d9;
    transition: all .2s;
}

.woo-cart .cart-collaterals {
    padding: 40px 0 60px;
}

.woo-cart .cart-collaterals .order-total th,
.woo-cart .cart-collaterals .order-total td {
    font-weight: 700 !important;
    font-size: 26px !important;
    position: relative;
}
.woo-cart .cart-collaterals .order-total th:after {
    content: ": ";
    margin-right: 5px;
}
.woo-cart .cart-collaterals .order-total td:after {
    content: "Inkl. moms";
    font-weight: 400 !important;
    font-size: 12px !important;
    color: #919191;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: -35px;
}

.woo-cart .cart-collaterals .wc-proceed-to-checkout {
    padding-top: 60px;
    text-align: right;
}

#single-product .col-lg-6 .woocommerce-product-rating {
    display: none !important;
}

#product-overview .woocommerce-notices-wrapper {
    display: none !important;
}

@media (max-width: 768px) {
    #basket-page table.shop_table_responsive thead {
        display: table-header-group;
    }

    #basket-page table.shop_table tr {
        display: table-row;
    }

    #basket-page table.shop_table tr td {
        display: table-cell;
    }

    #basket-page table.shop_table tr td.product-thumbnail,
    #basket-page table.shop_table tr td.product-price,
    #basket-page table.shop_table_responsive thead th.product-price,
    #basket-page table.shop_table tr td:before,
    #basket-page .quantity .minus,
    #basket-page .quantity .plus {
        display: none !important;
    }

    #basket-page .woocommerce-cart-form__cart-item.cart_item .product-name a {
        text-align: left;
        display: block;
    }

    #basket-page .woocommerce-cart-form__cart-item.cart_item .product-name a {
        font-size: 15px;
        line-height: 18px;
    }
    #basket-page .woocommerce-cart-form__cart-item.cart_item .product-subtotal span {
        font-size: 15px;
        line-height: 18px;
    }
    #basket-page .woocommerce-cart-form__cart-item.cart_item.ywcp_component_child_item .product-name a {
        font-size: 14px;
        line-height: 18px;
    }

    #basket-page table.shop_table .product-remove {
        display: inline-block;
        width: 21px;
    }
    #basket-page table.shop_table .product-name {
        display: inline-block;
        width: 60%;
    }
    #basket-page table.shop_table td.product-name {
        display: inline-block;
        width: calc(59% - 21px);
    }
    #basket-page table.shop_table .product-quantity {
        display: inline-block;
        width: 20% !important;
    }
    #basket-page table.shop_table .product-subtotal {
        display: inline-block;
        width: 20%;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: transparent !important;
    }

    .woo-cart table.shop_table_responsive tr td:before {
        display: none !important;
    }

    .woo-cart table.shop_table_responsive tbody .order-total {
        text-align: right;
    }
    .woo-cart table.shop_table_responsive tbody .order-total th,
    .woo-cart table.shop_table_responsive tbody .order-total td {
        display: inline-block !important;
    }

    .woo-cart .cart-collaterals .wc-proceed-to-checkout a,
    .woo-cart .cart-collaterals .wc-proceed-to-checkout a button {
        width: 100%;
        display: block;
        text-decoration: none !important;
    }
}

#hero .music-box .soundbars-hero-bottom {
    position: absolute;
    bottom: 20px;
    left: -50px;
    transform: rotate(180deg);
}

#hero .music-box .soundbars-hero-top {
    position: absolute;
    top: -20px;
    right: 230px;
}

#hero .music-box {
    position: relative;
    left: 160px;
}

@media (max-width: 1399px) {
  #hero .music-box .soundbars-hero-top {
    position: absolute;
    top: -20px;
    right: 140px;
  }
}

@media (max-width: 1199px) {
  #hero .music-box .soundbars-hero-top {
    position: absolute;
    top: -20px;
    right: 50px;
  }
}