{"id":104256,"date":"2024-10-10T17:04:29","date_gmt":"2024-10-10T10:04:29","guid":{"rendered":"https:\/\/jblstore.co.id\/?page_id=104256"},"modified":"2025-05-14T18:28:51","modified_gmt":"2025-05-14T11:28:51","slug":"party-outside-the-box-partybox-320-120-black","status":"publish","type":"page","link":"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/","title":{"rendered":"Partybox"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"104256\" class=\"elementor elementor-104256\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7bacbc6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7bacbc6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d03a25a\" data-id=\"d03a25a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8181a9b elementor-widget elementor-widget-shortcode\" data-id=\"8181a9b\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <link rel=\"stylesheet\" type=\"text\/css\" href=\"\/\/cdn.jsdelivr.net\/gh\/kenwheeler\/slick@1.8.1\/slick\/slick.css\"\/>\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"\/\/cdn.jsdelivr.net\/gh\/kenwheeler\/slick@1.8.1\/slick\/slick-theme.css\"\/>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/vanilla-infinite-marquee@1.0.12\/infinite-marquee.min.css\">\n        \n    <style>\n        :root {\n            --blue-partybox: #99b9ff;\n            --orange-partybox: #ff2100;\n            --max-width-container: 1200px;\n        }\n\n        #title {\n            display: none;\n        }\n\n        @media (max-width: 768px) {\n            .is-desktop {\n                display: none;\n            }\n        }\n\n        @media (min-width: 769px) {\n            .is-mobile {\n                display: none;\n            }\n        }\n\n        #body-wrapper {\n            background-color: black;\n            overflow-x: hidden;\n            overflow-x: hidden;\n            position: relative;\n            background-color: black;\n            \/* background: rgb(252, 32, 0);\n            background: -moz-linear-gradient(90deg, rgba(252, 32, 0, 1) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(252, 32, 0, 1) 100%);\n            background: -webkit-linear-gradient(90deg, rgba(252, 32, 0, 1) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(252, 32, 0, 1) 100%);\n            background: linear-gradient(90deg, rgba(252, 32, 0, 1) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(252, 32, 0, 1) 100%);\n            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#fc2000\", endColorstr=\"#fc2000\", GradientType=1); *\/\n\n            \/* button, a {\n                z-index: 2;\n                position: relative;\n            } *\/\n\n            \/* #scrapper {\n                position: absolute;\n                top: 0;\n                right: 0;\n                left: 0;\n                bottom: 0;\n                z-index: 1;\n                background: rgb(252, 32, 0);\n                background: -moz-linear-gradient(90deg, rgba(252, 32, 0, 1) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 85%, rgba(252, 32, 0, 1) 100%);\n                background: -webkit-linear-gradient(90deg, rgba(252, 32, 0, 1) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 85%, rgba(252, 32, 0, 1) 100%);\n                background: linear-gradient(90deg, rgba(252, 32, 0, 1) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 85%, rgba(252, 32, 0, 1) 100%);\n                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#fc2000\", endColorstr=\"#fc2000\", GradientType=1);\n            } *\/\n\n            #scrapper-left {\n                position: absolute;\n                left: 0;\n                top: 0;\n                bottom: 0;\n                width: 14%;\n                z-index: 4;\n                background: rgb(252,32,0);\n                background: rgb(252,32,0);\n                background: -moz-linear-gradient(90deg, rgba(252,32,0,1) 0%, rgba(121,15,0,0.6712885837928921) 58%, rgba(0,0,0,0) 100%);\n                background: -webkit-linear-gradient(90deg, rgba(252,32,0,1) 0%, rgba(121,15,0,0.6712885837928921) 58%, rgba(0,0,0,0) 100%);\n                background: linear-gradient(90deg, rgba(252,32,0,1) 0%, rgba(121,15,0,0.6712885837928921) 58%, rgba(0,0,0,0) 100%);\n                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#fc2000\",endColorstr=\"#000000\",GradientType=1); \n            }\n\n            #scrapper-right {\n                position: absolute;\n                right: 0;\n                top: 0;\n                bottom: 0;\n                width: 14%;\n                z-index: 4;\n                background: rgb(252,32,0);\n                background: -moz-linear-gradient(270deg, rgba(252,32,0,1) 0%, rgba(121,15,0,0.6712885837928921) 58%, rgba(0,0,0,0) 100%);\n                background: -webkit-linear-gradient(270deg, rgba(252,32,0,1) 0%, rgba(121,15,0,0.6712885837928921) 58%, rgba(0,0,0,0) 100%);\n                background: linear-gradient(270deg, rgba(252,32,0,1) 0%, rgba(121,15,0,0.6712885837928921) 58%, rgba(0,0,0,0) 100%);\n                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#fc2000\",endColorstr=\"#000000\",GradientType=1); \n            }\n\n            #hero {\n                position: relative;\n                padding-bottom: 50px;\n                padding-top: 100px;\n\n                @media (max-width: 768px) {\n                    padding-bottom: 0;\n                    padding-top: 50px;\n                }\n\n                .section-wrapper {\n                    position: relative;\n                    max-width: var(--max-width-container);\n                    margin: 0 auto;\n                    display: flex;\n                    justify-content: center;\n\n                    @media (max-width: 768px) {\n                        & {\n                            padding: 0 20px;\n                        }\n                    }\n\n                    .slideshow {\n                        width: 68%;\n                        margin-left: 25.6%;\n                        margin-top: -60px;\n\n                        \/* .image-wrapper {\n                            img {\n                                transform: rotate(3.98deg);\n                            }\n                        } *\/\n\n                        @media (max-width: 768px) {\n                            margin-top: 0px;\n                        }\n                    }\n\n                    .inside {\n                        position: absolute;\n                        z-index: 1;\n                        width: 40%;\n                        left: 0;\n\n                        @media (max-width: 768px) {\n                            left: 40px;\n                        }\n\n                        .text {\n                            .title-partybox {\n                                font-family: \"Kostic - Roc Grotesk Compressed Bold\", Arial, Helvetica, sans-serif;\n                                \/* 1200px -> 375px | 25px -> 71px *\/\n                                font-size: clamp(25px, calc(1.5625rem + ((1vw - 3.75px) * 5.5758)), 71px);\n                                min-height: 0vw;\n                                display: flex;\n                                flex-direction: column;\n                                margin: 0;\n                                user-select: none;\n                                \n                                .line-1 {\n                                    font-size: 1.2em;\n                                }\n                                .line-2 {\n                                    \/* 1200px -> 375px | 6.45em -> 6.5em *\/\n                                    font-size: clamp(6.45em, calc(6.45rem + ((1vw - 0.234375em) * 0.097)), 6.5em);\n                                    min-height: 0vw;\n                                    margin-top: -50px;\n                                    margin-left: -12px;\n                                    letter-spacing: -15px;\n\n                                    @media (max-width: 768px) {\n                                        margin-top: -16px;\n                                        margin-left: -5px;\n                                        letter-spacing: -3px;\n                                    }\n                                }\n                            }\n\n                            .mycta {\n                                border: .5px solid white;\n                                border-radius: 50px;\n                                width: 83%;\n                                font-family: \"Kostic - Roc Grotesk Wide\", Arial, Helvetica, sans-serif;\n                                \/* 1200 -> 375 | 20 -> 7 *\/\n                                font-size: clamp(7px, calc(0.4375rem + ((1vw - 3.75px) * 1.5758)), 20px);\n                                min-height: 0vw;\n                                line-height: 90%;\n                                padding: 8px 20px;\n                                transform: translateY(-90px);\n\n                                @media (max-width: 768px) {\n                                    line-height: 109%;\n                                    width: 95%;\n                                    padding: 4px 8px;\n                                    transform: translateY(-29px);\n                                }\n                            }\n\n                            & > * {\n                                display: block;\n                                color: white;\n                                text-transform: uppercase;\n                            }\n                        }\n                    }\n\n                    .dots-slideshow {\n                        list-style: none;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        gap: 20px;\n                        transform: translateX(-20%);\n\n                        li {\n                            button {\n                                background-color: white;\n                                border-radius: 50%;\n                                width: 20px;\n                                height: 20px;\n                                padding: 0;\n                                border: none;\n                                margin: 0;\n\n                                &:focus,\n                                &:hover {\n                                    outline: none;\n                                }\n\n                                @media (max-width: 768px) {\n                                    & {\n                                        width: 10px;\n                                        height: 10px;\n                                    }\n                                }\n                            }\n\n                            [aria-selected=\"true\"] {\n                                clip-path: polygon(88% 0, 63% 31%, 54% 39%, 46% 44%, 38% 47%, 29% 49%, 0% 50%, 20% 51%, 29% 52%, 37% 56%, 37% 65%, 14% 100%, 43% 66%, 49% 61%, 56% 57%, 65% 54%, 74% 52%, 100% 50%, 77% 49%, 70% 46%, 65% 42%, 65% 36%, 68% 29%);\n                                width: 50px;\n                                height: 50px;\n\n                                @media (max-width: 768px) {\n                                    & {\n                                        width: 30px;\n                                        height: 30px;\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n\n            #marquee {\n                max-width: calc(var(--max-width-container)+200px);\n                margin: 0 -10px;\n                position: relative;\n                background-color: #88AEFF;\n                transform: rotate(2.62deg);\n                padding: 10px 0;\n                overflow: hidden;\n                white-space: nowrap;\n\n                .marquee-wrapper {\n                    display: flex;\n                    \/* position: relative; *\/\n\n                    &>* {\n                        transform: rotate(1.54deg);\n                        \/* margin-right: 20px; *\/\n                        \/* width: 15%; *\/\n\n                        \/* @media (max-width: 768px) {\n                            width: 50%\n                        } *\/\n                    }\n                }\n            }\n\n            #products {\n                max-width: calc(var(--max-width-container) + 200px);\n                margin: 0 auto;\n                position: relative;\n\n                .nav-products {\n                    .slick-prev, .slick-next {\n                        z-index: 5;\n                        color: white;\n                        opacity: .7;\n                    }\n                    \n                    .slick-prev {\n                        left: 20px;\n                        \n                        &::before {\n                            content: '';\n                            display: none;\n                        }\n                    }\n                    .slick-next {\n                        right: 30px;\n\n                        &::before {\n                            content: '';\n                            display: none;\n                        }\n                    }\n                }\n\n                .products-wrapper {\n                    padding: 100px 20px;\n\n                    @media (max-width: 768px) {\n                        padding-top: 50px;\n                        padding-bottom: 50px;\n                    }\n\n                    .slick-list {\n                        padding-top: 30px;\n                    }\n\n                    .myproduct {\n                        display: flex;\n                        flex-direction: column;\n                        gap: 50px;\n                        height: 100%;\n                        justify-content: space-between;\n\n                        .img-wrapper {\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            height: 400px;\n\n                            @media (max-width: 768px) {\n                                height: 300px;\n                            }\n\n                            img {\n                                max-width: 250px;\n                                margin: 0 auto;\n                                height: 100%;\n                                object-fit: contain;\n\n                                @media (max-width: 768px) {\n                                    max-width: 170px;\n                                }\n                            }\n                        }\n\n                        .title,\n                        .subtitle {\n                            color: white;\n                            text-align: center;\n                            text-transform: uppercase;\n                        }\n\n                        h3 {\n                            margin: 0;\n                            margin-bottom: 20px;\n                        }\n\n                        .title {\n                            font-family: \"Kostic - Roc Grotesk Wide Black\", Arial, Helvetica, sans-serif;\n                            \/* 1200 -> 375 | 42 -> 24 *\/\n                            font-size:clamp(24px, calc(1.5rem + ((1vw - 3.75px) * 2.1818)), 42px);\n                            min-height: 0vw;\n                        }\n\n                        .subtitle {\n                            font-family: \"Kostic - Roc Grotesk Compressed Medium\", Arial, Helvetica, sans-serif;\n                            \/* 1200 -> 375 | 58 -> 30 *\/\n                            font-size: clamp(30px, calc(1.875rem + ((1vw - 3.75px) * 3.3939)), 58px);\n                            min-height: 0vw;\n                            margin: -30px;\n                            padding-top: 10px;\n\n                            @media (max-width: 768px) {\n                                margin: -10px;\n                            }\n                        }\n\n                        .button-wrapper {\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n\n                            .btn {\n                                padding: 10px 30px;\n                                border-radius: 50px;\n                                background-color: var(--orange-partybox);\n                                font-size: clamp(14px, calc(0.875rem + ((1vw - 3.75px) * 1.2121)), 24px);\n                                min-height: 0vw;\n\n                                @media (max-width: 768px) {\n                                    & {\n                                        font-size: 14px;\n                                        padding: 5px 10px;\n                                    }\n                                }\n                            }\n\n                            .comingsoon {\n                                background-color: var(--c-em-low-contrast);\n                            }\n                        }\n                    }\n                }\n            }\n\n            #trailer {\n                max-width: var(--max-width-container);\n                margin: 0 auto;\n                position: relative;\n\n                .trailer-wrapper {\n                    padding-bottom: 70px;\n\n                    @media (max-width: 768px) {\n                        padding-left: 20px;\n                        padding-right: 20px;\n                    }\n                    \n                    .video-wrapper {\n                        overflow: hidden;\n                        border-radius: 50px;\n                        max-width: 1055px;\n                        margin: 0 auto;\n\n                        @media (max-width: 768x) {\n                            border-radius: 30px;\n                        }\n\n                        iframe {\n                            @media (max-width: 768px) {\n                                height: 300px;\n                            }\n                        }\n                    }\n\n                    .trailer-cta {\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        margin-top: 50px;\n\n                        @media (max-width: 768px) {\n                            margin-top: 30px;\n                        }\n\n                        .btn {\n                            border: 1px solid white;\n                            color: white;\n                            padding: 10px 20px;\n                            border-radius: 50px;\n                            font-size: clamp(14px, calc(0.875rem + ((1vw - 3.75px) * 1.2121)), 24px);\n                            min-height: 0vw;\n\n                            @media (max-width: 768px) {\n                                & {\n                                    padding: 5px 10px;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n\n            #describe {\n                max-width: var(--max-width-container);\n                margin: 0 auto;\n                position: relative;\n\n                .title-describe {\n                    font-family: \"Kostic - Roc Grotesk Compressed Light\", Arial, Helvetica, sans-serif;\n                    color: white;\n                    text-transform: uppercase;\n                    text-align: center;\n                    \/* 1200 -> 375 | 164 -> 64 *\/\n                    font-size: clamp(64px, calc(4rem + ((1vw - 3.75px) * 12.1212)), 164px);\n                    min-height: 0vw;\n                    line-height: 80%;\n                    margin-bottom: 0;\n                    padding-bottom: 50px;\n                    position: relative;\n\n                    .underline {\n                        position: relative;\n\n                        .underlined {\n                            position: absolute;\n                            left: 0;\n                            bottom: 25px;\n\n                            @media (max-width: 768px) {\n                                bottom: 10px;\n                            }\n                        }\n                    }\n                }\n\n                .img-wrapper {\n                    margin-top: -110px;\n\n                    @media (max-width: 768px) {\n                        padding-left: 20px;\n                        padding-right: 20px;\n                    }\n                }\n                \n                .inside {\n                    .text.is-mobile {\n                        @media (max-width: 768px) {\n                            padding: 0 50px;\n                        }\n                    }\n                    \n                    .text {\n                        font-family: Grostesk-Light, Arial, Helvetica, sans-serif;\n                        color: white;\n                        text-align: center;\n                        max-width: 874px;\n                        margin: 84px auto 50px auto;\n                        \/* 1200 -> 375 | 28 -> 16 *\/\n                        font-size: clamp(16px, calc(1rem + ((1vw - 3.75px) * 0.9697)), 24px);\n                        min-height: 0vw;\n                        line-height: 130%;\n                        \n                        @media (max-width: 768px) {\n                            margin-top: 24px;\n                            margin-bottom: 24px;\n                            padding-left: 20px;\n                            padding-right: 20px;\n                        }\n\n                        .underline {\n                            position: relative;\n\n                            .underlined {\n                                position: absolute;\n                                bottom: -15px;\n                                left: 0;\n\n                                @media (max-width: 768px) {\n                                    bottom: -7px;\n                                    width: 80%;\n                                }\n                            }\n                        }\n                    }\n\n                    .img-wrapper {\n                        max-width: 524px;\n                        margin: 0 auto;\n\n                        @media (max-width: 768px) {\n                            padding-left: 20px;\n                            padding-right: 20px;\n                            width: 80%;\n                        }\n                    }\n                }\n            }\n\n            #product-description {\n                max-width: var(--max-width-container);\n                margin: 0 auto;\n                position: relative;\n                padding-top: 50px;\n                padding-bottom: 50px;\n\n                @media (max-width: 768px) {\n                    padding-bottom: 30px;\n                }\n\n                .title-product-describe {\n                    text-align: center;\n                    margin-bottom: 50px;\n\n                    &>* {\n                        color: white;\n                        text-transform: uppercase;\n                        margin: 0;\n                    }\n\n                    &>*:not(.line-3) {\n                        font-family: \"Kostic - Roc Grotesk Compressed Light\", Arial, Helvetica;\n                        \/* 1200 -> 375 | 150 -> 60 *\/\n                        font-size: clamp(60px, calc(3.75rem + ((1vw - 3.75px) * 10.9091)), 150px);\n                        min-height: 0vw;\n                    }\n\n                    .line-2 {\n                        margin-top: -40px;\n\n                        @media (max-width: 768px) {\n                            margin-top: -20px;\n                        }\n                    }\n\n                    .line-3 {\n                        font-family: \"Kostic - Roc Grotesk Condensed Black\", Arial, Helvetica, sans-serif;\n                        \/* 1200 -> 375 | 120 -> 45 *\/\n                        font-size: clamp(45px, calc(2.8125rem + ((1vw - 3.75px) * 9.0909)), 120px);\n                        min-height: 0vw;\n                        margin-top: -40px;\n                        text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.75);\n\n                        @media (max-width: 768px) {\n                            margin-top: -20px;\n                        }\n                    }\n                }\n\n                .insides {\n                    \/* max-width: 1159px; *\/\n                    margin: 0 auto;\n                    \n                    @media (max-width: 768px) {\n                        &>*:not(:first-child) {\n                            margin-top: 50px;\n                        }\n                    }\n                    \n                    @media (min-width: 768px) {\n                        &>*:nth-child(even) {\n                            .img-wrapper {\n                                order: 2;\n                                width: 63% !important;\n                                \/* transform: translateX(0px) !important; *\/\n                            }\n\n                            .text {\n                                order: 1;\n                                width: 45%;\n                                \/* transform: translateX(-50px) !important; *\/\n                            }\n                        }\n                    }\n                    \n                    .inside {\n                        display: flex;\n                        \/* gap: 132px; *\/\n                        align-items: center;\n\n                        @media (max-width: 768px) {\n                            & {\n                                flex-wrap: wrap;\n                                padding-left: 20px;\n                                padding-right: 20px;\n                                margin-bottom: 30px;\n                                gap: 20px;\n                            }\n                        }\n\n                        &>* {\n                            width: 50%;\n\n                            @media (max-width: 768px) {\n                                & {\n                                    width: 90%;\n                                    margin: 0 auto;\n                                }\n                            }\n                        }\n\n                        .img-wrapper {\n                            \n                            @media (min-width: 768px) {\n                                & {\n                                    padding: 20px;\n                                    width: 52%;\n                                    \/* transform: translateX(-50px); *\/\n                                }\n                            }\n\n                            img {\n                                \n                                @media (min-width: 768px) {\n                                    width: 90%;\n                                }\n                            }\n                        }\n\n                        .text {\n                            \n                            @media (min-width: 768px) {\n                                width: 37%;\n                                margin-left: 50px;\n                            }\n                            \n                            .title-text {\n                                margin: 0;\n                                color: #88AEFF;\n                                font-family: Grostesk-Heavy, Arial, Helvetica, sans-serif;\n                                \/* 1200 -> 375 | 80 -> 40 *\/\n                                font-size: clamp(40px, calc(2.5rem + ((1vw - 3.75px) * 2.6667)), 62px);\n                                min-height: 0vw;\n                                text-transform: uppercase;\n                                line-height: 80%;\n\n                                @media (max-width: 768px) {\n                                    text-align: center;\n                                }\n                            }\n\n                            p {\n                                font-family: Grostesk-Light, Arial, Helvetica, sans-serif;\n                                color: white;\n                                max-width: 874px;\n                                \/* 1200 -> 375 | 24 -> 16 *\/\n                                font-size: clamp(16px, calc(1rem + ((1vw - 3.75px) * 0.9697)), 24px);\n                                min-height: 0vw;\n                                line-height: 130%;\n                                margin: 0;\n                                margin-top: 60px;\n                                margin-bottom: 40px;\n\n                                @media (max-width: 768px) {\n                                    text-align: center;\n                                    margin-top: 20px;\n                                }\n                            }\n\n                            button {\n                                padding: 10px 30px;\n                                border-radius: 30px;\n                                background-color: white;\n                                color: black;\n                                font-size: clamp(14px, calc(0.875rem + ((1vw - 3.75px) * 1.2121)), 24px);\n                                min-height: 0vw;\n\n                                @media (max-width: 768px) {\n                                    & {\n                                        font-size: 14px;\n                                        padding: 5px 10px;\n                                        display: block;\n                                        margin: 0 auto;\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n\n            #begin {\n                max-width: var(--max-width-container);\n                margin: 0 auto;\n                position: relative;\n                padding: 50px 0;\n\n                @media (max-width: 768px) {\n                    padding-top: 0;\n                }\n\n                .title-begin {\n                    font-family: \"Kostic - Roc Grotesk Compressed Light\", Arial, Helvetica, sans-serif;\n                    \/* 1200 -> 375 | 150 -> 40 *\/\n                    font-size: clamp(40px, calc(2.5rem + ((1vw - 3.75px) * 6.5455)), 94px);\n                    min-height: 0vw;\n                    text-align: center;\n                    position: relative;\n\n                    h3 {\n                        color: white;\n                        text-transform: uppercase;\n                        margin: 0;\n                        padding-bottom: 50px;\n\n                        @media (max-width: 768px) {\n                            padding-bottom: 20px;\n                        }\n\n                        span {\n                            font-family: \"Kostic - Roc Grotesk Condensed ExtraBold\", Arial, Helvetica, sans-serif;\n                            \/* margin-left: 50px; *\/\n\n                            \/* @media (max-width: 768px) {\n                                margin-left: 10px;\n                            } *\/\n                        }\n                    }\n\n                    .underlined {\n                        position: absolute;\n                        bottom: 81px;\n                        width: 30%;\n                        right: 24%;\n\n                        @media (max-width: 768px) {\n                            bottom: 25px;\n                            width: 28%;\n                        }\n                    }\n                }\n\n                .img-wrapper {\n                    max-width: 850px;\n                    margin: 0 auto;\n\n                    @media (max-width: 768px) {\n                        padding: 0 20px;\n                    }\n                }\n\n                .btn-wrapper {\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    margin-top: 50px;\n\n                    .cta {\n                        border: 1px solid white;\n                        color: white;\n                        padding: 10px 20px;\n                        border-radius: 50px;\n                        font-size: clamp(14px, calc(0.875rem + ((1vw - 3.75px) * 1.2121)), 24px);\n                        min-height: 0vw;\n\n                        @media (max-width: 768px) {\n                            & {\n                                padding: 5px 10px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        .btn {\n            color: white;\n            font-family: \"Kostic - Roc Grotesk Wide Bold\", Arial, Helvetica, sans-serif;\n            text-transform: uppercase;\n\n            &:focus,\n            &:hover {\n                outline: none;\n            }\n\n            &:hover {\n                opacity: 0.8;\n            }\n        }\n\n        .horizontal-marquee.full .horizontal-marquee-inner {\n            --_containerWidth: none !important;\n        }\n\n        .slick-track {\n            display: flex !important;\n        }\n\n        .slick-slide {\n            height: inherit !important;\n            display: flex;\n            flex-direction: column;\n        }\n\n        @keyframes marquee {\n            from {\n                transform: translateX(100%);\n            }\n\n            to {\n                transform: translateX(-100%);\n            }\n        }\n    <\/style>\n    <main id=\"body-wrapper\">\n        <div id=\"scrapper-left\"><\/div>\n        <div id=\"scrapper-right\"><\/div>\n        \n        <section id=\"hero\">\n            <div class=\"section-wrapper\">\n                <div class=\"inside\">\n                    <div class=\"text\">\n                        <h1 class=\"title-partybox\">\n                            <span class=\"line-1\">Party outside the<\/span>\n                            <span class=\"line-2\">box<\/span>\n                        <\/h1>\n                        <button class=\"cta mycta\">With the JBL partybox and partylights<\/button>\n                    <\/div>\n                <\/div>\n                <div class=\"slideshow\">\n                    <div class=\"image-wrapper\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/10\/partybox-hero-juice.webp\" alt=\"KV Night time\">\n                    <\/div>\n                    <div class=\"image-wrapper\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/10\/guitar-1.webp\" alt=\"KV Me Time\">\n                    <\/div>\n                    <div class=\"image-wrapper\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/10\/basketballpartybox-1-scaled.webp\" alt=\"KV Commutee\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"marquee\">\n            <div class=\"marquee-wrapper\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/10\/partybox-marquee.webp\" alt=\"JBL Partybox Logo\">\n            <\/div>\n        <\/section>\n\n        <section id=\"products\">\n            <div class=\"nav-products\">\n                <button class=\"slick-prev\">\n                    <svg width=\"30\" height=\"60\" viewbox=\"0 0 81 110\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <g clip-path=\"url(#clip0_4817_26385)\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M63.8809 0.489624L1.3208 53.8796C1.14129 53.9969 0.993903 54.157 0.891846 54.3456C0.789788 54.5341 0.736328 54.7452 0.736328 54.9596C0.736328 55.174 0.789788 55.385 0.891846 55.5736C0.993903 55.7622 1.14129 55.9224 1.3208 56.0397L63.8809 109.6C64.2588 109.845 64.7 109.976 65.1509 109.976C65.6017 109.976 66.0429 109.845 66.4209 109.6L80.011 97.9596L31.241 56.0397C30.96 55.7504 30.8027 55.3629 30.8027 54.9596C30.8027 54.5563 30.96 54.1689 31.241 53.8796L80.011 12.1396L66.4309 0.489624C66.0853 0.169843 65.6317 -0.0078125 65.1609 -0.0078125C64.69 -0.0078125 64.2365 0.169843 63.8909 0.489624\" fill=\"white\"\/>\n                        <\/g>\n                        <defs>\n                            <clippath id=\"clip0_4817_26385\">\n                                <rect width=\"79.28\" height=\"109.98\" fill=\"currentColor\" transform=\"translate(0.730469)\"\/>\n                            <\/clippath>\n                        <\/defs>\n                    <\/svg>\n                <\/button>\n                <button class=\"slick-next\">\n                <svg width=\"30\" height=\"60\" viewbox=\"0 0 80 110\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <g clip-path=\"url(#clip0_4817_26388)\">\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.541 0.489624L79.1011 53.8796C79.2806 53.9969 79.428 54.157 79.53 54.3456C79.6321 54.5341 79.6855 54.7452 79.6855 54.9596C79.6855 55.174 79.6321 55.385 79.53 55.5736C79.428 55.7622 79.2806 55.9224 79.1011 56.0397L16.541 109.6C16.163 109.845 15.7218 109.976 15.271 109.976C14.8202 109.976 14.379 109.845 14.001 109.6L0.410889 97.9596L49.1809 56.0397C49.4619 55.7504 49.6191 55.3629 49.6191 54.9596C49.6191 54.5563 49.4619 54.1689 49.1809 53.8796L0.410889 12.1396L13.991 0.489624C14.3366 0.169843 14.7901 -0.0078125 15.261 -0.0078125C15.7318 -0.0078125 16.1854 0.169843 16.531 0.489624\" fill=\"currentColor\"\/>\n                <\/g>\n                <defs>\n                <clippath id=\"clip0_4817_26388\">\n                <rect width=\"79.28\" height=\"109.98\" fill=\"white\" transform=\"matrix(-1 0 0 1 79.6914 0)\"\/>\n                <\/clippath>\n                <\/defs>\n                <\/svg>\n\n                <\/button>\n            <\/div>\n            <div class=\"products-wrapper\">\n                                    <div>\n                        <div class=\"myproduct\">\n                            <div class=\"img-wrapper\">\n                                <img decoding=\"async\" \n                                    src=\"\/wp-content\/uploads\/2025\/08\/partybox-product-otgessential.webp\" \n                                    alt=\"On The Go<br> Essential Thumbnail\" \n                                                                    >\n                            <\/div>\n\n                            <div>\n                                <p class=\"subtitle\">Partybox<\/p>\n                                <h3 class=\"title\">On The Go<br> Essential<\/h3>\n\n                                <div class=\"button-wrapper\">\n                                    <a href=\"\/en\/product\/jbl-partybox-on-the-go-essential\/\">\n                                        <button class=\"btn cta\">\n                                            Shop Now                                        <\/button>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div>\n                        <div class=\"myproduct\">\n                            <div class=\"img-wrapper\">\n                                <img decoding=\"async\" \n                                    src=\"\/wp-content\/uploads\/2024\/10\/partybox-product-stage320.webp\" \n                                    alt=\"Stage 320 Thumbnail\" \n                                    style=\"max-width:400px;\"                                >\n                            <\/div>\n\n                            <div>\n                                <p class=\"subtitle\">Partybox<\/p>\n                                <h3 class=\"title\">Stage 320<\/h3>\n\n                                <div class=\"button-wrapper\">\n                                    <a href=\"\/en\/product\/jbl-partybox-stage-320\/\">\n                                        <button class=\"btn cta\">\n                                            Shop Now                                        <\/button>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div>\n                        <div class=\"myproduct\">\n                            <div class=\"img-wrapper\">\n                                <img decoding=\"async\" \n                                    src=\"\/wp-content\/uploads\/2024\/10\/partybox-product-club120.webp\" \n                                    alt=\"Club 120 Thumbnail\" \n                                                                    >\n                            <\/div>\n\n                            <div>\n                                <p class=\"subtitle\">Partybox<\/p>\n                                <h3 class=\"title\">Club 120<\/h3>\n\n                                <div class=\"button-wrapper\">\n                                    <a href=\"\/en\/product\/jbl-partybox-club-120\/\">\n                                        <button class=\"btn cta\">\n                                            Shop Now                                        <\/button>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div>\n                        <div class=\"myproduct\">\n                            <div class=\"img-wrapper\">\n                                <img decoding=\"async\" \n                                    src=\"\/wp-content\/uploads\/2025\/08\/partybox-product-encore2-rev2.webp\" \n                                    alt=\"Encore 2 Thumbnail\" \n                                                                    >\n                            <\/div>\n\n                            <div>\n                                <p class=\"subtitle\">Partybox<\/p>\n                                <h3 class=\"title\">Encore 2<\/h3>\n\n                                <div class=\"button-wrapper\">\n                                    <a href=\"\/en\/product\/jbl-partybox-encore-2\/\">\n                                        <button class=\"btn cta\">\n                                            Shop Now                                        <\/button>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        <\/section>\n\n        <section id=\"trailer\">\n            <div class=\"trailer-wrapper\">\n                <div class=\"video-wrapper\">\n                <iframe width=\"935\" height=\"526\" src=\"https:\/\/www.youtube.com\/embed\/OBn77FdFdTM\" title=\"JBL | PartyBox Stage 320 | Portable party speaker with wheels\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n                <\/div>\n\n                <div class=\"trailer-cta\">\n                    <button id=\"learn-to-desc\" class=\"btn cta\">Learn More<\/button>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"describe\">\n            <h3 class=\"title-describe\"><span class=\"underline\"><span>Redefine<\/span><img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2024\/10\/partybox-redefined.webp\" class=\"underlined\"><\/span> Your Parties <br> With The Power of<\/h3>\n            <div class=\"img-wrapper\">\n                <img decoding=\"async\" class=\"is-desktop\" src=\"\/wp-content\/uploads\/2024\/10\/partybox-redefined1-desktop.webp\" alt=\"Redefine your parties\">\n                <img decoding=\"async\" class=\"is-mobile\" src=\"\/wp-content\/uploads\/2024\/10\/partybox-redefined-mobile.webp\" alt=\"Redefine your parties\">\n            <\/div>\n            <div class=\"inside\">\n                <div class=\"text is-desktop\">\u2013 all packed into a speaker and perfectly synced with <br>\n                your music. So whether you\u2019re hosting a cosy <br>\n                get-together or an exciting game night, the <br>\n                JBL PartyBox will set the perfect mood. <br>\n                <br>\n                Oh, and did we mention it\u2019s <span class=\"underline\"><span>splash-proof too<\/span><img decoding=\"async\"\n                            src=\"\/wp-content\/uploads\/2024\/10\/partybox-underline-splash-proof.webp\"\n                            class=\"underlined\"><\/span>?                <\/div>\n                <div class=\"text is-mobile\">\u2013 all packed into a speaker and perfectly synced with <br>\nyour music. So whether you\u2019re hosting a cosy\nget-together or an exciting game night, the\nJBL PartyBox will set the perfect mood.  <br>\n\nOh, and did we mention <br><span class=\"underline\"><span>it\u2019s splash-proof too<\/span><img decoding=\"async\"\n                            src=\"\/wp-content\/uploads\/2024\/10\/partybox-underline-splash-proof.webp\"\n                            class=\"underlined\"><\/span>?                <\/div>\n                <div class=\"img-wrapper\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/10\/partybox-redefined-image1-scaled.webp\" alt=\"Splash-proof\">\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"product-description\">\n            <div class=\"title-product-describe\">\n                                    <h3 class=\"line-1\">Enter a whole new<\/h3>\n                    <h3 class=\"line-2\">soundscape with the<\/h3>\n                    <h3 class=\"line-3\">JBL Partylights<\/h3>\n                            <\/div>\n            <div class=\"insides\">\n                <div class=\"inside\">\n                    <div class=\"img-wrapper\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/10\/partylight-1.webp\"\n                            alt=\"JBL Partylight sticks\">\n                    <\/div>\n                    <div class=\"text\">\n                        <h4 class=\"title-text\">Glow Crazy<\/h4>\n                        <p>Seamlessly syncing with the JBL PartyBox, the JBL PartyLight Sticks will transform your space with vibrant colours from all directions and for up to 8 hours. It\u2019s nothing but immaculate vibes.<\/p>\n                        <button class=\"btn\">\n                            Coming Soon                        <\/button>\n                    <\/div>\n                <\/div>\n                <div class=\"inside\">\n                    <div class=\"img-wrapper\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/10\/partybeam-1.webp\"\n                            alt=\"JBL Partylight beam\">\n                    <\/div>\n                    <div class=\"text\">\n                        <h4 class=\"title-text\">Lighten<br> The Mood<\/h4>\n                        <p>Top things off with the JBL PartyLight Beam. From chill tunes to electrifying beats, this light beam will elevate every tune with mood lights of any colour-which you can choose on the JBL Party app.<\/p>\n                        <button class=\"btn\">\n                        Coming Soon                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"begin\">\n            <div class=\"title-begin\">\n                                    <h3>Make it <span>A Set<\/span><\/h3>\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/10\/partybox-underline-a-set.webp\" class=\"underlined\">\n            <\/div>\n\n            <div class=\"img-wrapper\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/10\/partybox-footer-allproduct.webp\" alt=\"Partybox Products\">\n            <\/div>\n\n            <div class=\"btn-wrapper\">\n                <a href=\"https:\/\/jblstore.co.id\/en\/product-category\/speakers\/party-speakers\/\">\n                    <button class=\"btn cta\">\n                        Let The Party Begin\n                    <\/button>\n                <\/a>\n            <\/div>\n        <\/section>\n    <\/main>\n    <script type=\"text\/javascript\" src=\"\/\/cdn.jsdelivr.net\/gh\/kenwheeler\/slick@1.8.1\/slick\/slick.min.js\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vanilla-infinite-marquee@1.0.12\/infinite-marquee.bundle.js\"><\/script>\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function () {\n\n            new InfiniteMarquee({\n                element: '.marquee-wrapper',\n                speed: 2000,\n                smoothEdges: false,\n                direction: 'left',\n                gap: '15px',\n                fullContainer: true,\n                fullContainerWidth: 100,\n                duplicateCount: 5,\n                mobileSettings: {\n                    direction: 'left',\n                    speed: 2000,\n                    duplicateCount: 4,\n                },\n                on: {\n                    beforeInit: () => {\n                        console.log('Not Yet Initialized');\n                    },\n    \n                    afterInit: () => {\n                        console.log('Initialized');\n                    }\n                }\n            });\n\n            jQuery('.slideshow').slick({\n                slidesToShow: 1,\n                slidesToScroll: 1,\n                arrows: false,\n                infinite: true,\n                focusOnSelect: true,\n                dots: true,\n                dotsClass: \"dots-slideshow\",\n                customPaging: function (slider, i) {\n                    return '<button type=\"button\"><\/button>';\n                },\n                \/\/ responsive: [\n                \/\/     {\n                \/\/         breakpoint: 768,\n                \/\/         settings: {\n                \/\/             slidesToShow: 1,\n                \/\/         }\n                \/\/     }\n                \/\/ ]\n            });\n\n            jQuery('.products-wrapper').slick({\n                slidesToShow: 3,\n                slidesToScroll: 1,\n                arrows: false,\n                infinite: true,\n                responsive: [\n                    {\n                        breakpoint: 768,\n                        settings: {\n                            slidesToShow: 1,\n                            arrows: false,\n                            \/\/ infinite: true,\n                        }\n                    }\n                ]\n            })\n\n            function updateButtonVisibility() {\n                var slickSlider = jQuery('.products-wrapper');\n                var currentSlide = slickSlider.slick('slickCurrentSlide');\n                var totalSlides = slickSlider.slick('getSlick').slideCount;\n\n                \/\/ Jika slide di awal (kiri), sembunyikan tombol Prev\n                if (currentSlide === 0) {\n                    jQuery('.slick-prev').hide();\n                } else {\n                    jQuery('.slick-prev').show();\n                }\n\n                \/\/ Jika slide di akhir (kanan), sembunyikan tombol Next\n                if (currentSlide === totalSlides - 1) {\n                    jQuery('.slick-next').hide();\n                } else {\n                    jQuery('.slick-next').show();\n                }\n            }\n\n            \/\/ Update tombol saat slider berubah\n            \/\/ jQuery('.products-wrapper').on('afterChange', function(event, slick, currentSlide){\n            \/\/     updateButtonVisibility();\n            \/\/ });\n\n            \/\/ \/\/ Update tombol saat halaman load pertama kali\n            \/\/ updateButtonVisibility();\n\n            \/\/ Event untuk tombol Prev\n            jQuery('.slick-prev').on('click', function() {\n                jQuery('.products-wrapper').slick('slickPrev');\n            });\n\n            \/\/ Event untuk tombol Next\n            jQuery('.slick-next').on('click', function() {\n                jQuery('.products-wrapper').slick('slickNext');\n            });\n\n            jQuery('#learn-to-desc').on('click', function() {\n                jQuery('html, body').animate({\n                    scrollTop: jQuery('#product-description').offset().top\n                }, 1000);\n            })\n            \n        });\n\n    <\/script>\n    \t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":88637,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-104256","page","type-page","status-publish","hentry","no-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Partybox<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Partybox\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/\" \/>\n<meta property=\"og:site_name\" content=\"JBL Store\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/JBLAudioIndonesia\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-14T11:28:51+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/\",\"url\":\"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/\",\"name\":\"Partybox - JBL Store\",\"isPartOf\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\"},\"datePublished\":\"2024-10-10T10:04:29+00:00\",\"dateModified\":\"2025-05-14T11:28:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jblstore.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Partybox\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\",\"url\":\"https:\/\/jblstore.co.id\/en\/\",\"name\":\"JBL Store\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jblstore.co.id\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#organization\",\"name\":\"JBL Store\",\"url\":\"https:\/\/jblstore.co.id\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/\",\"url\":\"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png\",\"contentUrl\":\"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png\",\"width\":70,\"height\":52,\"caption\":\"JBL Store\"},\"image\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/JBLAudioIndonesia\/\",\"https:\/\/www.instagram.com\/jblindonesia\/\",\"https:\/\/www.youtube.com\/c\/JBLIndonesia\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Partybox","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/","og_locale":"en_US","og_type":"article","og_title":"Partybox","og_url":"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/","og_site_name":"JBL Store","article_publisher":"https:\/\/www.facebook.com\/JBLAudioIndonesia\/","article_modified_time":"2025-05-14T11:28:51+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/","url":"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/","name":"Partybox - JBL Store","isPartOf":{"@id":"https:\/\/jblstore.co.id\/en\/#website"},"datePublished":"2024-10-10T10:04:29+00:00","dateModified":"2025-05-14T11:28:51+00:00","breadcrumb":{"@id":"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jblstore.co.id\/en\/party-outside-the-box-partybox-320-120-black\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jblstore.co.id\/"},{"@type":"ListItem","position":2,"name":"Partybox"}]},{"@type":"WebSite","@id":"https:\/\/jblstore.co.id\/en\/#website","url":"https:\/\/jblstore.co.id\/en\/","name":"JBL Store","description":"","publisher":{"@id":"https:\/\/jblstore.co.id\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jblstore.co.id\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jblstore.co.id\/en\/#organization","name":"JBL Store","url":"https:\/\/jblstore.co.id\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/","url":"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png","contentUrl":"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png","width":70,"height":52,"caption":"JBL Store"},"image":{"@id":"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/JBLAudioIndonesia\/","https:\/\/www.instagram.com\/jblindonesia\/","https:\/\/www.youtube.com\/c\/JBLIndonesia"]}]}},"_links":{"self":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/104256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/users\/88637"}],"replies":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/comments?post=104256"}],"version-history":[{"count":4,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/104256\/revisions"}],"predecessor-version":[{"id":104267,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/104256\/revisions\/104267"}],"wp:attachment":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/media?parent=104256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}