MSTHOO Wireless Headphones Sport, Bluetooth 5.3 Earbuds Earhook, LED Display,36H Playtime,One Button Control, USB-C Charging, Bass+ Running Bluetooth Earphones IPX8 with Built-in Mics for Workout Gym

【 】: MSTHOO Wireless earbuds sport with dual digital power display, it's so convenient to know exactly the remaing power of charging case in the middle side and you'll know power level of two earbuds are being charged in the arounds side when you put them into the charging case.【 】: Worrying about untangled wires are a thing of the distant past, with the outstanding wireless earphones sport. Either earbud can be used independently or in mono mode with one easy to use multifunctional physical buttons controlling music, calls, mute settings and the Voice Assistant.【 & 】: A unique design of the wireless earbuds sports with moldable earhooks provides a comfortable and unshakable fit ensuring bluetooth headphones sport do not fall out during a workout. The semi in-ear and ergonomic design will additionally not hurt your ears when worn for a prolonged time so you can also hear more of your surroundings.【36H - and 5.3】: Bluetooth 5.3 wireless earphones sport can reduce 99.9% sound delay and reduce 80% Power Consumption. Each sport earbud can be used for 10 on a single full charge.Using the portable USB-C charging case featuring 36 of battery life in total. (Important: Please fully charge the product when using for the first time.)【8 】: Compatible with Bluetooth-enabled devices including cellphones, tablets, computers and TV’s. With the 8 rated sweatproof and water-resistant nano-coating design, MSTHOO bluetooth earbuds sport provides the super choice for indoor and outdoor sports including running, jogging, mountain biking and more.

Product Description



.aplus-v2 .premium-aplus-module-1 .aplus-module-section {
width: 50%;
vertical-align: middle;
}

.aplus-v2 .premium-aplus-module-1 .aplus-module-1-topic {
padding-bottom: 10px;
}

.aplus-v2 .premium-aplus-module-1 .aplus-module-1-heading {
padding-bottom: 20px;
}

.aplus-v2 .premium-aplus-module-1 .aplus-module-1-description {
line-height: 1.6em;
}

.aplus-v2 .premium-aplus-module-1 .aplus-module-section.aplus-image-section {
vertical-align: middle;
}

.aplus-v2 .premium-aplus-module-1 .aplus-module-section.aplus-text-section-left,
.aplus-v2 .premium-aplus-module-1 .aplus-module-section.aplus-text-section-right {
padding: 0 40px;
}




/**
* MODULE TITLE: Hot-spot
*/

.aplus-v2 .premium-aplus-module-10 {
position: relative;
}

.aplus-v2 .premium-aplus-module-10 .hover-wrapper {
position: absolute;
width: 35px;
height: 35px;
}

.aplus-v2 .premium-aplus-module-10 .hover-point {
display: block;
border: 2px solid #fff;
background: rgba(145, 145, 145, .4);
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
outline-style: none;
cursor: pointer;
}

.aplus-v2 .premium-aplus-module-10 .aplus-text-container {
padding: 40px 80px 0;
}

.aplus-v2 .premium-aplus-module-10 .aplus-description {
padding: 10px 0;
text-align: center;
}

.aplus-v2 .premium-aplus-module-10 .aplus-image-container {
position: relative;
border: 1px solid #000;
}

.aplus-v2 .premium-aplus-module-10 .hover-title {
font-weight: bold;
}

.aplus-v2 .premium-aplus-module-10 .hover-point.secondary {
background: #000;
padding-top: 6px;
color: #fff;
text-align: center;
font-size: 1.5em;
}

.aplus-v2 .premium-aplus-module-10 .hover-point.selected {
background: rgba(50, 150, 255, .8);
}




.aplus-v2 .premium-aplus-module-2 .premium-background-wrapper {
position: relative;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper {
position: absolute;
width: 50%;
height: 100%;
top: 0;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {
left: 50%;
}

html[dir="rtl"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {
left: auto;
right: 50%;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.secondary-color {
color: #fff;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-background {
padding: 20px;
}

.aplus-v2 .premium-aplus-module-2 .aplus-module-2-topic {
padding-bottom: 10px;
}

.aplus-v2 .premium-aplus-module-2 .aplus-module-2-heading {
padding-bottom: 20px;
}

.aplus-v2 .premium-aplus-module-2 .aplus-module-2-description {
line-height: 1.5em;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-background.white-background {
background: rgba(255,255,255,0.5);
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background {
background: rgba(0,0,0,0.5);
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h1,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h5,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol .a-list-item,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul .a-list-item {
color: #fff;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-content-container {
display: table;
height: 100%;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {
padding-left: 40px;
}

html[dir="rtl"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {
padding-left: 0px;
padding-right: 40px;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {
padding-right: 40px;
}

html[dir="rtl"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {
padding-right: 0px;
padding-left: 40px;
}

.aplus-v2 .premium-aplus-module-2 .premium-intro-content-column {
display: table-cell;
vertical-align: middle;
}





/**
* Premium modules global styles
*/
.aplus-v2.desktop {
max-width: 1464px;
min-width: 800px;
margin-left: auto;
margin-right: auto;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
}
/* Undo this for tech-specs because it breaks table layout */
.aplus-v2.desktop .premium-aplus .aplus-tech-spec-table { word-break: initial; }

.aplus-v2 .premium-aplus,
.aplus-v2 .premium-aplus .aplus-h1,
.aplus-v2 .premium-aplus .aplus-h2,
.aplus-v2 .premium-aplus .aplus-p1,
.aplus-v2 .premium-aplus .aplus-p2,
.aplus-v2 .premium-aplus .aplus-p3,
.aplus-v2 .premium-aplus .aplus-accent1,
.aplus-v2 .premium-aplus .aplus-accent2
{ font-family: Arial, sans-serif; }

.aplus-v2 .premium-aplus,
.aplus-v2 .premium-aplus .aplus-h1,
.aplus-v2 .premium-aplus .aplus-h2,
.aplus-v2 .premium-aplus .aplus-p1,
.aplus-v2 .premium-aplus .aplus-p2,
.aplus-v2 .premium-aplus .aplus-p3,
.aplus-v2 .premium-aplus .aplus-accent1,
.aplus-v2 .premium-aplus .aplus-accent2
{ font-family: inherit; }

/* type */
.aplus-v2 .premium-aplus .aplus-h1 { font-size: 32px; line-height: 1.2em; font-weight: 500; }
.aplus-v2 .premium-aplus .aplus-h2 { font-size: 26px; line-height: 1.25em; font-weight: 500; }
.aplus-v2 .premium-aplus .aplus-h3 { font-size: 18px; line-height: 1.25em; font-weight: 500; }
.aplus-v2 .premium-aplus .aplus-p1 { font-size: 20px; line-height: 1.3em; font-weight: 300; }
.aplus-v2 .premium-aplus .aplus-p2 { font-size: 16px; line-height: 1.4em; font-weight: 300; }
.aplus-v2 .premium-aplus .aplus-p3 { font-size: 14px; line-height: 1.4em; font-weight: 300; }
.aplus-v2 .premium-aplus .aplus-accent1 { font-size: 16px; line-height: 1.4em; font-weight: 600; }
.aplus-v2 .premium-aplus .aplus-accent2 { font-size: 14px; line-height: 1.4em; font-weight: 600; }

/* spacing */
.aplus-v2 .aplus-container-1 { padding: 40px; }
.aplus-v2 .aplus-container-1-2 { padding: 40px 80px; }
.aplus-v2 .aplus-container-2 { padding: 80px; }
.aplus-v2 .aplus-container-3 { padding: 40px 0; }

/* Display */
.aplus-v2 .premium-aplus .aplus-display-table { display: table; }
.aplus-v2 .premium-aplus .aplus-display-table-cell { display: table-cell; }
.aplus-v2 .premium-aplus .aplus-display-inline-block { display: inline-block; }

/* Aplus display table with min-width 1000px and fill remaining space inside parent */
.aplus-v2.desktop .premium-aplus .aplus-display-table-width { min-width: 1000px; width: 100% }

/**
* Padding and margin for element should be 10, 20, 40, or 80 px. Considering mini 10, small 20, medium 40, large 80.
*/




/**
* Premium-module 11: FAQs
*/

.aplus-v2 .premium-aplus-module-11 {
background: #fff;
position: relative;
}

.aplus-v2 .premium-aplus-module-11.aplus-secondary-color {
background: #000;
}

.aplus-v2 .premium-aplus-module-11 .aplus-question,
.aplus-v2 .premium-aplus-module-11 .aplus-answer {
display: block;
width: 100%;
margin: 0;
}

.aplus-v2 .premium-aplus-module-11 .aplus-question {
position: relative;
line-height: 25px;
padding-bottom: 10px;
}

.aplus-v2 .premium-aplus-module-11 .aplus-answer {
opacity: 0;
height: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}

.aplus-v2 .premium-aplus-module-11 .aplus-active .aplus-answer {
opacity: 1;
height: auto;
min-height: 20px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.1s linear 0.1s;
-moz-transition: opacity 0.1s linear 0.1s;
-ms-transition: opacity 0.1s linear 0.1s;
-o-transition: opacity 0.1s linear 0.1s;
transition: opacity 0.1s linear 0.1s;
}

.aplus-v2 .premium-aplus-module-11 .faq-block {
position: relative;
padding-left: 100px;
padding-top: 10px;
padding-bottom: 15px;
padding-right: 80px;
cursor: pointer;
background: #fff;
border: 2px solid #E6E6E6;
border-radius: 3px;
margin-bottom: 10px;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
-ms-transition: background 0.1s linear;
-o-transition: background 0.1s linear;
transition: background 0.1s linear;
}

html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .faq-block {
padding-left: 80px;
padding-right: 100px;
}

.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active {
padding-bottom: 35px;
}

.aplus-v2 .premium-aplus-module-11.aplus-secondary-color .faq-block {
border: none;
}

.aplus-v2 .premium-aplus-module-11 .faq-block::after,
.aplus-v2 .premium-aplus-module-11 .faq-block::before {
width: 80px;
line-height: 40px;
font-size: 25px;
text-align: center;
border-radius: 3px;
display: inline-block;
font-weight: 500;
top: 10px;
left: 10px;
}

.aplus-v2 .premium-aplus-module-11 .faq-block::after {
content: "Q";
background: #505050;
color: #fff;
position: absolute;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
-ms-transition: background 0.1s linear;
-o-transition: background 0.1s linear;
transition: background 0.1s linear;
}

.aplus-v2 .premium-aplus-module-11 .faq-block::before {
content: "A";
background: #F5A623;
color: #fff;
position: absolute;
}

html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .faq-block::after,
html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .faq-block::before {
right: 10px;
}

.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active::after {
background: #404040;
}

.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active::before {
padding-top: 40px;
-webkit-transition: padding-top 0.1s linear;
-moz-transition: padding-top 0.1s linear;
-ms-transition: padding-top 0.1s linear;
-o-transition: padding-top 0.1s linear;
transition: padding-top 0.1s linear;
}

.aplus-v2 .premium-aplus-module-11 .faq-arrow {
position: absolute;
top: 25px;
right: 40px;
border: 10px solid transparent;
border-top-color: #505050;
}

html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .faq-arrow {
right: auto;
left: 40px;
}

.aplus-v2 .premium-aplus-module-11 .aplus-active .faq-arrow {
top: 15px;
border-top-color: transparent;
border-bottom-color: #F5A623;
}


(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.now('premium-module-10-hotspot-desktop').execute(function(init) {
if (init) {
return;
}
P.register('premium-module-10-hotspot-desktop', function() {
return function() {
P.when('jQuery', 'a-popover', 'ready').execute(function ($, popover) {
var $hoverPoints = $('.aplus-v2 .premium-aplus-module-10 .hover-point');
$hoverPoints.each(function(i, trigger) {
return popover.create(trigger, $(trigger).data());
});
$hoverPoints.hover(
function() {
$(this).focus();
$(this).addClass('selected');
},
function() {
$(this).removeClass('selected');
}
);
});
};
});
});
}));
(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.now('premium-module-11-faq').execute(function(init) {
if (init) {
return;
}
P.register('premium-module-11-faq', function() {
return function() {
P.when('A', 'jQuery', 'ready').execute(function(A, $){
function initFaq(module) {
var MODULE_CLASS_NAME = 'premium-aplus-module-11';
var FAQ_CONTAINER_CLASS_NAME = 'faqs-container';
var FAQ_BLOCK_CLASS_NAME = 'faq-block';
var moduleId = $(module).data('faq-block');
var $faqBlocks = $('.aplus-v2 .' + MODULE_CLASS_NAME + ' .' + FAQ_CONTAINER_CLASS_NAME + '.' + moduleId + ' .' + FAQ_BLOCK_CLASS_NAME);

/* Using jQuery event namespace for preventing duplicate binding on twister refresh */
$faqBlocks.unbind('click.premiumAplusModule11ClickHandler').bind('click.premiumAplusModule11ClickHandler', function(e) {
if (!$(this).hasClass('aplus-active')) {
$faqBlocks.removeClass('aplus-active'); /* deactivate others */
}
$(this).toggleClass('aplus-active'); /* activate the clicked block */
});
}
$(".aplus-v2 .premium-aplus-module-11 .faqs-container").each(function(index, module) {
initFaq(module);
});
});
};
});
});
}));


/**
* Premium-module 12: Nav Carousel
*/

.aplus-v2 .premium-aplus-module-12 .aplus-carousel-card {
position: relative;
width: 100%;
}

.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container {
position: relative;
}

.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container {
/* Match the aspect ratio of the desktop image uploaded via the editor (1464px x 600px) */
padding-top: calc(600 / 1464 * 100%); /* ~40.983% */
height: 0;
}

.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container > div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

/* Override AUI styles. It poorly attempts to measure the slide heights before waiting until images load. */
.aplus-v2 .premium-aplus-module-12 .a-carousel-viewport {
height: 100% !important;
}

.aplus-v2 .premium-aplus-module-12 .aplus-card-image img {
width: 100%;
height: auto;
}

.aplus-v2 .premium-aplus-module-12 .aplus-card-details-wrapper {
position: absolute;
top: 0;
width: 50%;
height: 100%;
}

.aplus-v2 .premium-aplus-module-12 .aplus-card-detail {
display: table;
width: 100%;
height: 100%
}

.aplus-v2 .premium-aplus-module-12 .card-description {
text-align: left;
}

html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .card-description {
text-align: right;
}

.aplus-v2 .premium-aplus-module-12 .aplus-table-cell {
display: table-cell;
vertical-align: middle;
}

.aplus-v2 .premium-aplus-module-12 .aplus-text-background {
padding: 20px;
}

.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color {
background: rgba(0, 0, 0, 0.5);
}

.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color,
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h1,
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h5,
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol,
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul,
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol .a-list-item,
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul .a-list-item {
color: #fff;
}

.aplus-v2 .premium-aplus-module-12 .description {
padding-top: 20px;
}

/* nav */
.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions {
position: absolute;
top: 20px;
width: 100%;
text-align: center;
}

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn {
display: inline-block;
margin: 7px 10px;
cursor: pointer;
border-radius: 30px;
border: 2px solid #000;
line-height: 2.5em;
min-width: 200px;
background-color: #fff;
white-space: nowrap;
color: #000;
}

.aplus-v2 .premium-aplus-module-12 .aplus-carousel-index {
display: none;
}

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.aplus-active {
border-color: #fff;
background-color: #000;
color: #fff;
}

/*
* Regimen template specific css
*/

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {
text-align: left;
}

html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {
text-align: right;
}

.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {
text-align: right;
top: 50%;
width: 250px;
right: 75px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {
text-align: left;
top: 50%;
left: 75px;
right: auto;
}

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {
display: inline-block;
margin: 10px 10px;
cursor: pointer;
border-radius: 30px;
border: 2px solid #000;
line-height: 2.5em;
width: 220px;
background-color: #fff;
white-space: nowrap;
}

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active {
border-color: #fff;
background-color: #000;
color: #fff;
}

.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {
display: inline-block;
margin-left: 6px;
width: 16px;
line-height: 26px;
color: #000;
text-align: center;
}

html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {
margin-left: 0px;
margin-right: 6px;
}

.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-index {
color: #fff;
}

.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #000;
opacity: 0.5;
text-align: center;
}

.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen .aplus-headline {
color: #fff;
line-height: 2em;
}


(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.now('premium-module-12-nav-carousel').execute(function(init) {
if (init) {
return;
}
P.register('premium-module-12-nav-carousel', function(){
return function() {
P.when('A', 'jQuery', 'a-carousel-framework', 'ready').execute(function (A, $, framework) {
function initiateCarousel(module) {
var MODULE_ID = $(module).data('module-id');
/**
* Carousel button element classname
* @const
*/
var GOTO_BTN_CLASS_NAME = "aplus-goto-btn-" + MODULE_ID;
/**
* Carousel button element active classname
* @const
*/
var GOTO_BTN_ACTIVE_CLASS_NAME = "aplus-active";
/**
* AUI name for aui carousel
* @const
*/
var CAROUSEL_NAME = "premium-aplus-12-carousel-" + MODULE_ID;
/**
* Module class name
* @const
*/
var MODULE_CLASS_NAME = ".aplus-v2 .premium-aplus-module-12";
/**
* Carousel text container class name
* @const
*/
var TEXT_CONTAINER_CLASS_NAME = ".aplus-carousel-text-container-" + MODULE_ID;
/**
* Carousel text hidden class name
* @const
*/
var TEXT_CONTAINER_HIDDEN = "aplus-hidden";

function showCarouselText(oldIndex, newIndex) {
var oldClass = MODULE_CLASS_NAME + " " + TEXT_CONTAINER_CLASS_NAME + "-" + oldIndex;
var newClass= MODULE_CLASS_NAME + " " + TEXT_CONTAINER_CLASS_NAME + "-" + newIndex;
$(oldClass).addClass(TEXT_CONTAINER_HIDDEN);
$(newClass).removeClass(TEXT_CONTAINER_HIDDEN);
}

/**
* Creates a CarouselButton class for provided carousel instance
* @param {object} carousel - AUI Carousel instance
* @returns {Class} - CarouselButton Class
*/
function CarouselButtonTemplate(carousel) {
/**
* Button for controlling the active slide
* @constructor
* @param {number} index - slide index
* @param {DOMElement} [elem] - optional DOM element to use as this objects DOM representation
*/
function CarouselButton(index, elem) {
var self = this;
this.index = index;
this.carousel = carousel;

/* create the button element */
this.elem = this.getElem(elem);
this.$elem = $(this.elem); /* store jquery version */
this.elem.addEventListener('click', self.handleClick.bind(self));

/* add this object to the object manager */
CarouselButton.objects.byId[index] = this;
CarouselButton.objects.all.push(this);
}

/**
* Describe behavior for click events on this.elem
* @memberOf CarouselButton
*/
CarouselButton.prototype.handleClick = function(e) {
e.preventDefault();
this.carousel.gotoPage(this.index);
};

/**
* Enter active state
* @memberOf CarouselButton
*/
CarouselButton.prototype.activate = function() {
this.$elem.addClass(GOTO_BTN_ACTIVE_CLASS_NAME);
};

/**
* Enter inactive state
* @memberOf CarouselButton
*/
CarouselButton.prototype.deactivate = function() {
this.$elem.removeClass(GOTO_BTN_ACTIVE_CLASS_NAME);
};

/**
* Returns an existing or creates a new bound element for this object
* @memberOf CarouselButton
* @param {DOMElement} [elem] - optionally provide an existing element in the DOM to use
* @returns {DOMElement} - this objects DOM representation
*/
CarouselButton.prototype.getElem = function(elem) {
if (this.elem) return this.elem;
if (elem) return elem;

var createdElem = document.createElement('span');
createdElem.className = GOTO_BTN_CLASS_NAME;

return createdElem;
};

/** @const Object manager */
CarouselButton.objects = {
byId: {},
all: [],
};

return CarouselButton;
}

framework.onInit(CAROUSEL_NAME, function(carousel) {

/** @const {Class} */
var CarouselButton = CarouselButtonTemplate(carousel);

/* create carouel controls */
var $carouselBtns = $(safeClassSelector(GOTO_BTN_CLASS_NAME));
var btns = $carouselBtns.map(function(i, btnElem) {
return new CarouselButton(i + 1, btnElem);
});

/* activate first one */
CarouselButton.objects.byId[1].activate();

/* Listen to slide changes */
A.on("a:carousel:" + CAROUSEL_NAME + ":change:pageNumber", function (data) {
CarouselButton.objects.byId[data.newValue].activate();
CarouselButton.objects.byId[data.oldValue].deactivate();
showCarouselText(data.oldValue, data.newValue);
});
});

/**
* @returns {string} - css classname prefixed with module selector
*/
function safeClassSelector(className) {
return '.' + MODULE_CLASS_NAME + ' .' + className;
}
}

$('.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container').each(function (index, module) {
initiateCarousel(module);
});
framework.createAll();
framework.initializeAll();
});
}
})
});
}));

if(P) {
P.when("a-expander", "ready").execute(function (expander) {
expander.initializeExpanders();
});
}
























(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.when('premium-module-10-hotspot-desktop').execute(function(init) {
init();
});
}));









UNIQUE DESIGN from MSTHOO
ELABORATELY SIMPLE. WEAR YOUR STYLE.

What makes our products unique?

Our products are tuned by our R&D team to Create new style design and to develop new technologies that focus on improving sound quality, outdoor usability, and affordability.

Why we love what we do?

We try best to offer premium sound quality in a small form factor, tried and tested with strict standards. Less baggage, less charging, more music.

Previous page

1. 
   
   
   


2. 
   
   
   


3. 
   
   
   


4. 
   
   
   

Next page






1 One Button Control
2 Mono Twins Mode
3 Soft Earhooks
4 Portable Design



(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.when('premium-module-12-nav-carousel').execute(function(init){
init();
});
}));

Why does the music cuts in and out sometimes?

1.Please make sure there is no obstacle between the earphones and your device.

2.Please make sure there is no Microearw oven/wifi transmitter around you,which is more likely to produce electromagnetic interenve and result in signal interruption.

What should I do if the earphones stop charging?

1.Suggest you to charge the earphones by using the supplied original charging cable.

2.Make sure the charging pins and charging points are clean&dry before charging.

3.Make sure the earphones battery is run out if sometimes can't be charged properly.

How to pair rhe earphones?

1.Take out the earphones from the charging case,they will power on and pair with each other automatically.

2.Activate Bluetooth setting on your phone,search and click "Q2" to connect.There will be a voice prompt "connected" if you wear the earphones.

(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.when('premium-module-11-faq').execute(function(init){
init();
});
}));












MSTHOO TRUE WIRELESS EARBUDS SPORT
ALL AT YOUR FINGERTIPS, FOCUS ON YOUR WORKOUT













From the brand


/*
* Used when device = desktop
* Configured in: configuration/brazil-config/global/brand-story.cfg
*/

/* Because the carousel is implemented as an ol list,
any lists in the card text will have a secondary list style (letters).
This will give an incorrect appearance to viewers,
so we set all lists to the primary list style (numbers). */
.aplus-brand-story-card ol li {
list-style: decimal;
}

/* Top level containers */
.aplus-module .apm-brand-story-hero {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1464px;
height: 625px;
background-color: #fff;
}

.aplus-module .apm-brand-story-card {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 362px;
height: 453px;
background-color: #fff;
}

.apm-brand-story-hero,
.apm-brand-story-card {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100%;
height: 100%;
float: none;
}

.aplus-module.brand-story-card-1-four-asin .apm-brand-story-card {
/* Only 12px to account for image cell border */
padding: 12px;
}

/* Full background image (Hero 1 & Card 2) */
.aplus-module .apm-brand-story-background-image {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
}

/* Card 1 small images */
.aplus-module .apm-brand-story-image-row {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 185px;
padding: 0px;
margin: auto;
display: flex;
}

.aplus-module .apm-brand-story-image-row .apm-brand-story-image-cell {
/* Use content-box to ensure image size matches editor schema */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: 0px;
margin: 0px;
width: 166px;
border: 1px solid #fff;
}

.aplus-module .apm-brand-story-image-row .apm-brand-story-image-cell .apm-brand-story-image-link {
display: block;
width: 100%;
height: 100%;
}

.aplus-module .apm-brand-story-image-row .apm-brand-story-image-cell .apm-brand-story-image-link .apm-brand-story-image-img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

/* Card 3 logo image */
.aplus-module .apm-brand-story-logo-image {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 145px;
margin: 0px 4px;
padding: 20px;
padding-bottom: 0px;
}

/* Text overlays */
.aplus-module .apm-brand-story-text-bottom {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 13px;
left: 13px;
}

.aplus-module .apm-brand-story-hero .apm-brand-story-text-bottom {
background-color: rgba(0,0,0,0.6);
color: #fff;
padding: 13px 65px 13px 13px; /* accounts for overlap of first card */
width: 437px;
}

.aplus-module.brand-story-card-2-media-asset .apm-brand-story-text-bottom {
background-color: rgba(255,255,255,0.6);
color: #000;
padding: 13px;
width: 336px;
}

.aplus-module.brand-story-card-1-four-asin .apm-brand-story-text {
margin-top: 8px;
}

.aplus-module.brand-story-card-1-four-asin .apm-brand-story-text.apm-brand-story-text-single {
margin-top: 20px;
}

.aplus-module.brand-story-card-1-four-asin .apm-brand-story-text h3 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.aplus-module .apm-brand-story-slogan-text {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0px 4px;
padding: 20px;
}

.aplus-module .apm-brand-story-faq {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-top: 10px;
}

.aplus-module .apm-brand-story-faq-block {
margin: 0px 10px;
padding: 10px;
}


.aplus-v2 .apm-brand-story-carousel-container {
position: relative;
}

.aplus-v2 .apm-brand-story-carousel-hero-container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
position: absolute;
width: 100%;
}


/*
Ensuring the carousel takes only the space it needs.
The sizes need to be set again on the absolutely positioned elements so they can take up space.
*/
.aplus-v2 .apm-brand-story-carousel-container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
height: 625px;
width: calc(100% + 15px);
max-width: 1464px;
margin-left: auto;
margin-right: auto;
}

/*
This centers the carousel vertically on top of the hero image container and after the logo area (125px).
Margin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner{
margin-top: 149px;
}

/*
Cards need to have a width set, otherwise they default to 50px or so.
All cards must have the same width. The carousel will resize itself so all cards take the width of the largest card.
The left margin is for leaving a space between each card.
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-card {
width: 362px;
margin-left: 30px !important;
}

/* styling the navigation buttons so they are taller, flush with the sides, and have a clean white background */
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {
padding: 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {
border: none;
margin: 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
background: #fff;
padding: 20px 6px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {
border-radius: 0px 4px 4px 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
border-radius: 4px 0px 0px 4px;
}

TRUE WIRELESS EARBUDS SPORT

Previous page

2. 
   
   
   
   
   
   
   
   

   UNLEASH YOUR LIMITS

   
   

   We are committed to bringing the best experience to everyone.

   
   

   How to resolve your problems?

   
   

   We are committed to providing high-quality after-sales service, whenever you have any questions, you can keep in touch with us, we will reply you within 48 hours.

   
   
   
   
   


3. 
   
   
   
   
   
   
   
   
   


4. 
   
   
   
   
   
   
   
   
   


5. 
   
   
   
   
   
   
   
   
   

Next page