1MORE PistonBuds PRO Q30
[Overview]
.banner111-wrapper .bgImg {
height: 788px;
min-height: 660px;
background-image:
url(‘https://usa.1more.com/cdn/shop/files/Q30PC-_3.webp’);
}
.paddingright {
padding-right: 60%
}
.pb26 {
padding-bottom: 26px;
}
.mt50 {
margin-top: 50px;
}
.videop-btn_border {
position: relative;
}
.videop-btn_border .video-popup__button {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
background-color: transparent;
width: 220px;
height: 35px;
border: 1px solid #ffffff !important;
border-radius: 17px;
align-items: center;
margin-top: 10px;
padding: 0 36px;
}
.videop-btn_border .video-popup__button span {
margin-right: 5px;
}
.videop-btn_border .video-popup__button span svg {
width: 100%;
max-width: 20px;
fill: #ffffff !important;
}
.videop-btn_border .video-popup__button p {
font-size: 14px;
color: #ffffff !important;
font-weight: 400;
font-family: GothamBook;
}
.video-wrapper {
width: 100%;
position: relative;
z-index: 10;
}
.video-wrapper video {
width: 100%;
vertical-align: middle;
/*height: 186.5vw;*/
}
.pb-60 {
padding-top: 50px;
}
.video-wrapper .title {
position: absolute;
top: 36%;
width: 100%;
text-align: center;
font-size: 32px;
line-height: 36px;
color: #ffffff;
}
.pt-160 {
padding-top: 160px;
}
@media screen and (max-width: 768px) {
.banner111-wrapper .bgImg {
min-height: 14rem !important;
height: 1.4rem;
background-position: center center;
background-image: url(‘https://usa.1more.com/cdn/shop/files/Q30_H5_1.webp?v=1701400561&width=750’);
}
.m-pt-1000 {
padding-top: 10rem !important;
}
.m-c-fff {
color: #fff;
}
.m-pt-10 {
padding-top: 0.1rem;
}
.m-pb-10 {
padding-bottom: 0.1rem;
}
#pro-videos,
#playVideos {
height: paddingright3.78rem;
}
}
.videop-btn__container .video-popup__button.borderfff {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
background-color: transparent;
border: 2px solid #fff !important;
border-radius: 40px;
padding: 5px 20px;
align-items: center;
margin-top: 10px;
}
.videop-btn__container .video-popup__button span {
margin-right: 5px;
}
.videop-btn__container .video-popup__button span svg {
width: 100%;
max-width: 20px;
fill: #ffffff;
}
.videop-btn__container .video-popup__button p {
font-size: 14px;
color: #ffff;
font-weight: 600;
}
.videop-btn__container .video-popup__button p.colorfffff {
color: #ffffff;
}
.videop-btn__container .video-popup__button.borderfffff {
border: 1px solid #ffffff !important;
}
.videop-btn__container .video-popup__button span.fill000 svg {
fill: #ffffff;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 {
width: 100%;
margin: auto;
overflow: hidden;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-wrap {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background-color: #f4f1ee;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
padding: 1.9vw 18.8vw 1.9vw 18.8vw;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-info {
margin-bottom: 68px;
text-align: center;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-title {
text-align: center;
color: #583e25;
width: 100%;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-rows: 5.7vw;
grid-auto-rows: 5.7vw;
grid-gap: 10px;
width: 100%;
margin: 0 auto;
padding: 0;
max-width: 1200px;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .grid-item {
overflow: hidden;
position: relative;
background-color: #ffffff;
cursor: pointer;
border-radius: 10px;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .desktopShow,
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .desktopShow {
display: block;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .mobileShow,
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .mobileShow {
display: none;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .content {
position: absolute;
line-height: 1.6;
z-index: 2;
color: #583e25;
padding: 10px;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .content .title {
font-size: 24px;
line-height: 1.1;
margin: 0;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .content .desc {
font-size: 16px;
line-height: 1.3;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .grid-item img {
transition: transform .5s ease;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .desktopShow,
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .desktopShow {
display: block;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid img,
.features-puzzles-container .features-puzzles-grid video {
position: absolute;
display: block;
border: 0;
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .content {
position: absolute;
line-height: 1.6;
z-index: 2;
color: #583e25;
padding: 10px;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .content .title {
font-size: 24px;
line-height: 1.1;
margin: 0;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .content .desc {
font-size: 16px;
line-height: 1.3;
}
@media (max-width: 768px){
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container {
padding: 40px 15px 40px 15px;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-info {
margin-bottom: 7.5vw;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-rows: 16.0vw;
grid-auto-rows: 16.0vw;
grid-gap: 10px;
width: 100%;
margin: 0 auto;
padding: 0;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .desktopShow, #section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .desktopShow {
position: relative;
display: none;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .content .title {
font-size: 16px;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .content .desc {
font-size: 12px;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .desktopShow, #section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .desktopShow {
position: relative;
display: none;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .mobileShow, #section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .mobileShow {
position: relative;
display: block;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .content .title {
font-size: 16px;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .content .desc {
font-size: 12px;
}
#section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .mobileShow, #section-media-grid-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1 .features-puzzles-container .features-puzzles-grid .mobileShow {
position: relative;
display: block;
}
}
GET THE HIGHLIGHTS
-
QuietMax™ Adaptive Noise CancellingMultiple Noise Cancelling Modes
-
QuietMax™ Adaptive Noise CancellingMultiple Noise Cancelling Modes
-
Battery Life
-
Battery Life
-
HiFi-Grade Sound
DLC Dynamic Driver -
HiFi-Grade Sound
DLC Dynamic Driver -
12 Studio-Grade Presets+ Customizable EQ
-
12 Studio-Grade Presets+ Customizable EQ
-
Low-Latency
Gaming Mode -
Low-Latency
Gaming Mode -
Enhanced Call Quality
-
Enhanced Call Quality
@media (max-width: 768px) {
.mobile-template–16217529024672__ceb03f71-ee7d-43a4-ab10-676f50d767b1-imageItem-1 {
grid-column: 1 / span 4;
grid-row: 1 / span 2
}
}
@media (max-width: 768px) {
.mobile-da047af7-c10b-4d05-820c-26f0a5871764 {
grid-column: 1 / span 2;
grid-row: 3 / span 2
}
}
@media (max-width: 768px) {
.mobile-029c466b-9b54-405b-88b3-14a34aee780b {
grid-column: 3 / span 2;
grid-row: 3 / span 2
}
}
@media (max-width: 768px) {
.mobile-38f0f525-506e-414d-9109-dca78445e1e3 {
grid-column: 1 / span 4;
grid-row: 5 / span 2
}
}
@media (max-width: 768px) {
.mobile-4752adc1-d306-4b8c-a044-5912f1f74f19 {
grid-column: 1 / span 2;
grid-row: 7 / span 2
}
}
@media (max-width: 768px) {
.mobile-ac83d3b1-9923-4881-9d86-b274279fc492 {
grid-column: 3 / span 2;
grid-row: 7 / span 2
}
}
.banner31evo-wrapper .bgImg {
height: 788px;
min-height: 700px;
background-image: url(‘https://usa.1more.com/cdn/shop/files/Q30PC-03_1.webp?v=1701672044&width=1500’);
margin-top: -3px;
}
.banner31evo-wrapper .pt-150 {
padding-top: 150px;
}
.f22 {
font-size: 22px;
}
.banner31evo-wrapper .content {
/* width: 380px;*/
line-height: 20px;
}
.banner31evo-wrapper .block-right {
/*padding-left: 8%;*/
}
.rei-ico {
display: block;
width: 100%;
height: auto;
}
@media screen and (max-width: 1199px) {
.banner31evo-wrapper .block-right {
padding-left: 1%;
}
}
@media screen and (max-width: 768px) {
.pro-image-box2.banner31evo-wrapper .probg-img2.imageleft.bgImg {
min-height: 12rem !important;
height: 12rem;
background-position: center center;
background-image: url(‘https://usa.1more.com/cdn/shop/files/Q30_H5_3.webp?v=1701400597&width=750’);
}
.banner31evo-wrapper .m-pt-90 {
padding-top: 0.9rem !important;
}
.rei-ico-hide {
display: none;
}
.m-f26 {
font-size: 0.26rem;
}
.banner31evo-wrapper img {
width: 86% !important;
margin: 0 auto;
}
.banner31evo-wrapper .block-right {
padding: 0;
}
.banner31evo-wrapper .content {
width: 88%;
margin: 0.3rem auto 0.2rem;
}
.m-mt-5 {
margin-top: 0.05rem;
}
.banner31evo-wrapper .m-Lh32 {
line-height: 0.32rem;
}
.m-pl-0 {
padding-left: 0;
}
.m-width50 {
width: 160px !important;
}
}
.mobile-pro-box2 {
display: none;
background: #020204;
min-height: 370px;
}
.patop {
padding-top: 80px;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 {
width: 100%;
overflow: hidden;
background-color: #f4f1ee;
background-image: linear-gradient(180deg, rgba(244, 241, 238, 1), rgba(244, 241, 238, 1) 100%);
padding-top: 80px;
padding-bottom: 36px;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .custom-product-image-content {
text-align: center;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .showSwiper {
display: none;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .custom1-row {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 65px;
flex-flow: row wrap;
column-gap: 20px;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .custom-heading-3 {
color: #583e25;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .custom-heading-4 {
color: #583e25;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .swiper-wrapper {
height: auto !important;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .custom1-column {
width: calc((100% – (2 * 20px))/3);
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .custom1-media {
border-radius: 25px;
display: flex;
flex-direction: column-reverse;
row-gap: 20px;
overflow: hidden;
padding-top: 20px;
padding: 20px 10px 10px 10px;
background-color: #ffffff;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .custom1-img-wrap {
position: relative;
margin: 0 auto;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .content-bottom-text-wrap {
text-align: center;
min-height: 50px;
padding: 0 15px;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .custom1-media img {
width: 100%;
height: 100%;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .custom-heading-3 {
color: #583e25;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .custom-heading-4 {
color: #583e25;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .showSwiper {
display: block;
position: relative;
}
#detail-section2-template–16217529024672__fa1efc50-c017-46d8-bdb9-b6e73a6d2b98 .custom1-row {
display: none !important;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin-bottom: 6.5rem;
}
}
.banner10sno-wrapper .bgImg {
height: 800px;
min-height: 590px;
background-image: url(‘https://usa.1more.com/cdn/shop/files/Q30PC-_7.webp?v=1701339926&width=1780’);
visibility: visible;
animation-delay: 0.8s;
animation-name: fadeInLeft;
}
.banner10sno-wrapper .title {
font-size: 36px;
line-height: 40px;
margin: 165px 0 30px;
/* white-space: nowrap;*/
}
.banner10sno-wrapper .content {
line-height: 20px;
width: 490px;
margin-bottom: 57px;
}
.banner10sno-wrapper .icon {
width: 62px;
height: 62px;
margin-bottom: 22px !important;
}
.banner10sno-wrapper .icon-title {
margin-bottom: 7px;
font-size: 20px;
line-height: 26px;
}
.banner10sno-wrapper .icon-content {
margin-bottom: 55px;
color: #535353;
font-size: 16px;
line-height: 20px;
padding-top: 10px;
padding-left: 75px;
}
.pro-image-box2 .text-left img {
float: unset;
}
.banner10sno-wrapper .icon-content {
padding-top: 7px;
}
.callsimg img {
/*width: 100%;
height: auto;*/
}
@media screen and (max-width: 768px) {
.pro-image-box2.banner10sno-wrapper .probg-img2.bgImg {
min-height: 13.8rem !important;
height: 13.5rem;
background-position: center center;
background-image: url(‘https://usa.1more.com/cdn/shop/files/Q30_H5_4.webp?v=1701400605&width=750’);
}
.banner10sno-wrapper .title {
margin: 1rem 0 0.4rem;
font-size: 0.4rem;
line-height: 0.48rem;
}
.banner10sno-wrapper .content {
width: 82%;
line-height: 0.32rem;
margin-bottom: 3.15rem;
}
.banner10sno-wrapper .icon {
width: 0.62rem !important;
height: 0.62rem;
margin-bottom: 0.22rem !important;
margin-left: 0.9rem;
}
.banner10sno-wrapper .icon-title {
margin-bottom: 0.07rem;
font-size: 0.2rem;
line-height: 0.24rem;
width: 2.5rem;
}
.banner10sno-wrapper .icon-content {
margin-bottom: 20px;
font-size: 0.16rem;
line-height: 0.3rem;
width: 5.6rem;
margin-left: 20px;
padding-top: 0;
}
.imgsmall img {
margin-top: 374px;
padding: 0px 16%;
}
.banner10sno-wrapper .m-mb-30 {
margin-bottom: 30px !important;
}
}
.banner11sno-wrapper .bgImg {
height: 800px;
min-height: 600px;
background-image: url(‘https://usa.1more.com/cdn/shop/files/Q30PC-_8.webp?v=1701340249&width=1500’);
visibility: visible;
animation-delay: 0.8s;
animation-name: fadeInLeft;
}
.banner11sno-wrapper .title {
font-size: 36px;
line-height: 40px;
margin: 50px 0 30px;
/* white-space: nowrap;*/
}
.banner11sno-wrapper .content {
line-height: 20px;
width: 490px;
margin-bottom: 57px;
}
.banner11sno-wrapper .icon {
width: 62px;
height: 62px;
margin-bottom: 22px !important;
}
.banner11sno-wrapper .icon-title {
margin-bottom: 7px;
font-size: 20px;
line-height: 26px;
}
.banner11sno-wrapper .icon-content {
margin-bottom: 55px;
color: #535353;
font-size: 16px;
line-height: 20px;
padding-top: 10px;
padding-left: 75px;
}
.pro-image-box2 .text-left img {
float: unset;
}
.banner11sno-wrapper .icon-content {
padding-top: 7px;
}
.callsimg img {
/*width: 100%;
height: auto;*/
}
@media screen and (max-width: 768px) {
.pro-image-box2.banner11sno-wrapper .probg-img2.bgImg {
min-height: 13.8rem !important;
height: 13.5rem;
background-position: center center;
background-image: url(‘https://usa.1more.com/cdn/shop/files/Q30_H5_5.webp?v=1701400651&width=550’);
}
.banner11sno-wrapper .title {
margin: 1rem 0 0.4rem;
font-size: 0.4rem;
line-height: 0.48rem;
}
.banner11sno-wrapper .content {
width: 82%;
line-height: 0.32rem;
margin-bottom: 3.15rem;
}
.banner11sno-wrapper .icon {
width: 0.62rem !important;
height: 0.62rem;