@media screen and (min-width:3000px){
    #hero-box{
        background:url(../../images/index-v3/big-banner.jpg) right center no-repeat
    }
}
@media screen and (min-width:1710px){
    #hero-box{
        background-size:cover
    }
    .hero-text{
        padding:200px 0
    }
    .rightSec{
        transform:translate(-158%,145%)
    }
}
@media screen and (max-width:1500px){
    .box-two-img{
        width:60%
    }
    .s5Col2 ul li{
        font-size:25px
    }
}
@media screen and (max-width:1300px){
    .hero-box-one::before{
        width:62vw
    }
}
@media screen and (min-width:1200px) and (max-width:1400px){
    .image-box{
        transform:scale(.7);
        max-width:770px
    }
    .bg1,.bg2,.div-1{
        height:600px
    }
    .head-line1{
        left:0
    }
    .desc-text h1{
        font-size:60px;
        line-height:65px
    }
    .img-point{
        right:-11px;
        bottom:33px
    }
    .div-1:hover .class-a5{
        left:-163px
    }
    .div-1:hover .class-a4{
        left:-73px
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .s3-box.s3-wrapper.box-2 .s3-text p,.s3-text p{
        padding-right:0
    }
    .hero-rate p,.hero-text ul li p{
        text-align:left
    }
    a.order-link{
        font-size:12px
    }
    .hero-text{
        top:0;
        text-align:center
    }
    .hero-text h1 span.sub-hdng1{
        margin-left:0;
        font-size:40px;
        line-height:1.2;
        text-align:left
    }
    .text,.textshow-container .texts ul li{
        font-size:18px
    }
    .hero-text h2,.s3-text h3,.s3TxtBx h3{
        font-size:30px
    }
    .box-two-img{
        width:55%
    }
    .box-two-img .orangeBx{
        padding:20px;
        right:-20px
    }
    .box-two-img .orangeBx p,.hero-text h3,.textshow-container .texts h3{
        font-size:24px
    }
    #earbuds-table h2.sec-head,#review h2.sec-head,#sec-podcast h2.sec-head,.section8 h2.sec-head,.yellowSec h2{
        font-size:40px
    }
    #sec-podcast h2.sec-head span:before{
        width:50px;
        height:50px;
        left:-30px;
        top:-8px
    }
    #sec-podcast:before,.sec3-con-3:after{
        width:0
    }
    #sec-podcast h2.sec-head span:after{
        top:45px
    }
    .s3-box.box-1 video,.s3-box.box-5 video{
        height:auto
    }
    .yellowSec h2 span:after{
        top:46px
    }
    .featureSec{
        margin-top:60px
    }
    .yellowSec{
        padding-bottom:0
    }
    #earbuds-table h5,#sec-podcast h5{
        font-size:22px
    }
    .section6:before{
        left:-177px
    }
    .section6:after{
        right:-152px
    }
    .device-features .animSec,.device-features .textSec h2 span br,.div-1,.s6Right p br{
        display:none
    }
    .device-features .textSec,.sec-2-row{
        width:100%
    }
    .device-features{
        background:linear-gradient(to bottom,#fff 0,#c8e0f9 50%,#9fccfd 100%)
    }
    .device-features .textSec h2{
        text-align:center;
        font-size:40px
    }
    .device-features .textSec h2 span:before{
        background:#ffeebd;
        left:0;
        top:5px;
        width:43%;
        height:34px
    }
    .device-features .textSec img.stepImg{
        display:block;
        margin:0 auto
    }
    .fas-mob.mob-view,.stepTxt{
        display:block
    }
    .textSec ul{
        padding-left:0;
        margin-top:30px
    }
    .textSec ul li{
        display:flex;
        gap:20px;
        padding-bottom:20px
    }
    .textSec ul li span{
        background:#fff;
        width:30px;
        height:30px;
        border-radius:50%;
        color:#000;
        font-weight:700;
        display:flex;
        align-items:center;
        justify-content:center
    }
    .textSec ul li p{
        color:#000;
        font-weight:600;
        font-size:23px
    }
    .b-bow-wrapper{
        max-width:900px
    }
    .hero-box-one video{
        width:110%;
        right:-45%
    }
    .b-box{
        padding:10px;
        border-radius:10px;
        width:calc(20% - 5px)
    }
    .b-box p{
        margin-top:5px;
        font-size:13px
    }
    .hero-bg-img{
        min-height:750px
    }
    h2.sec-head{
        line-height:45px;
        font-size:38px
    }
    .secc-2-content{
        max-width:100%;
        position:relative;
        margin-left:auto
    }
    .exp-text,.s6Seal,.s6SealBg{
        position:absolute
    }
    .s3-cen-box .s3-text{
        width:350px
    }
    .s3-text{
        padding-bottom:25px
    }
    .s6SealBg{
        top:0;
        left:0
    }
    .s6Seal{
        top:97px;
        left:22px
    }
    .s6Right h2{
        font-size:42px
    }
    .s6Right{
        width:calc(100% - 420px);
        padding:60px 0
    }
    .exp-text h3{
        font-size:28px
    }
    .exp-text p,.s3-text p{
        font-size:16px
    }
    .exp-text{
        width:470px;
        background:#fff;
        padding:25px 15px;
        bottom:20px;
        left:-20px
    }
    .text{
        line-height:30px
    }
    .Slides{
        width:120px;
        height:120px
    }
    .device_content.step-1 .device_txt{
        margin-top:27px
    }
    .device_content_container .device_contnt .device_content:first-child{
        margin-top:65px;
        min-height:180px
    }
    .s3TxtBx p .save-btn,.save-btn,.save-btn:hover{
        font-size:22px;
        padding:8px 20px;
        width:280px;
        margin:30px auto 10px;
        display:table
    }
    .exp-text p:last-child{
        margin-bottom:0
    }
    .fashion{
        padding:50px 0 0;
        margin-top:5px;
        background:#111010
    }
    .fashion-text{
        max-width:100%;
        margin-left:10px
    }
    .hero-rate p{
        font-size:14px
    }
    .hero-text h1{
        margin-bottom:15px;
        font-size:38px;
        line-height:49px
    }
    .only-text,.sub-hdng2{
        font-size:34px
    }
    .btn-box p{
        margin-bottom:50px
    }
    .sec-2-row img{
        width:135px
    }
    .device_txt p{
        font-size:14px;
        line-height:26px
    }
    .device_content.step-2 .device_txt{
        margin-top:15px
    }
    .device_content.step-6 .device_txt{
        margin-top:21px
    }
    .device-features{
        display:block;
        padding:0 0 60px
    }
    .blueSec h2{
        font-size:30px;
        padding-top:40px
    }
    .list .text span img{
        width:30px
    }
    .list .text p{
        font-size:19px
    }
    .secc-2-content p,.textshow-container .texts p{
        font-size:16px;
        line-height:30px
    }
    .textshow-container .texts ul li span img{
        width:20px
    }
    #review{
        padding:60px 0 0
    }
    .device_content.step-3 .device_txt{
        margin-top:30px
    }
    .device_txt b{
        font-size:19px;
        line-height:30px
    }
    .secc-2-content h2{
        font-size:30px;
        line-height:40px
    }
    .spc-btn{
        margin:30px 0 10px
    }
    .s5Col2 ul li{
        font-size:20px
    }
    .work-text h2{
        font-size:45px;
        line-height:1
    }
}
@media screen and (min-width:768px) and (max-width:991.9px){
    .s3-text p,h2.sec-head{
        line-height:30px
    }
    .s3-box.s3-wrapper.box-2 .s3-text p,.s3-text p{
        padding-right:0
    }
    .s3-box.s3-wrapper.box-2,.s3-box.s3-wrapper.box-4,.s3-box.s3-wrapper.box-5,.textSec ul{
        margin-top:30px
    }
    .fasion_cntnr{
        flex-direction:column-reverse
    }
    .article-wrapper,.review-wrapper{
        padding:0
    }
    .s5Col1{
        padding-top:83px
    }
    .s3-box.s3-wrapper.box-2 .s3-img.s3-con-box img,.s3-box.s3-wrapper.box-5 .s3-img.s3-con-box img,.s5CompBox{
        width:auto
    }
    .review-box .review-head{
        font-size:18px;
        line-height:23px;
        min-height:auto
    }
    .whiteSec h2,.yellowSec h2{
        font-size:40px
    }
    .device-features .textSec img.stepImg{
        display:block;
        margin:0 auto
    }
    .device-features,.fas-mob.mob-view,.mob-view,.stepTxt{
        display:block
    }
    #nav-bar-section #nav-bar,.s3-box.box-1 video,.s3-box.box-5 video{
        height:auto
    }
    #earbuds-table h5,.articleTxt p,.box-two-img .orangeBx p,.sec-3-head h5{
        font-size:18px
    }
    .box-two-img .orangeBx{
        width:50%;
        padding:20px;
        right:-16px
    }
    .s5Col2 ul li,.textshow-container .texts h3{
        font-size:20px
    }
    #review h2.sec-head,#sec-podcast h2.sec-head,.section8 h2.sec-head,h2.sec-head{
        font-size:35px
    }
    #sec-podcast h5,.s5Col1 ul li{
        font-size:17px
    }
    .usaBx{
        width:100px
    }
    #mob-btn-3,.device-features .animSec,.device_content_container .device_contnt .device_content,.div-1,.hero-con .col-md-2,.s6Right p br,.sec1:after,.sec1:before,.sec2:after,.sec2:before,.sec3-con-3{
        display:none
    }
    .mob-view span,.textSec ul li span{
        display:flex;
        background:#fff;
        height:30px
    }
    .hero-con .col-md-7{
        margin:0 auto
    }
    h2.sec-head{
        margin-bottom:10px
    }
    .box-two-img{
        width:46%
    }
    .features_cntnr .features_cntnt li{
        width:200px
    }
    .features_cntnr,.jctkr-wrapper{
        height:200px
    }
    #sec-podcast:before,.sec3-con-3:after,.section6:after,.section6:before{
        width:0
    }
    #sec-podcast h2.sec-head span:before{
        width:35px;
        height:35px;
        left:0;
        top:0
    }
    .num-cir{
        display:flex!important;
        width:40px;
        height:40px;
        justify-content:center;
        align-items:center
    }
    .s3-text .num-cir p{
        font-size:20px;
        line-height:30px
    }
    .device_content.step-1 .device_txt,.device_txt,.s3-box.s3-wrapper.box-3{
        margin-top:0
    }
    .exp-text p:last-child,.s3-box.s3-wrapper.box-5{
        margin-bottom:0
    }
    #sec-podcast .btn-box{
        margin-top:20px
    }
    .device-features .textSec{
        width:100%
    }
    .device-features .textSec h2{
        font-size:35px;
        text-align:center
    }
    .device-features{
        background:linear-gradient(to bottom,#fff 0,#c8e0f9 50%,#9fccfd 100%);
        padding-bottom:0
    }
    .device-features .textSec h2 span:before{
        background:#ffeebd;
        left:0;
        top:5px;
        width:43%;
        height:34px
    }
    .textSec ul{
        padding-left:0
    }
    .textSec ul li{
        display:flex;
        gap:20px;
        padding-bottom:20px
    }
    .textSec ul li span{
        width:30px;
        border-radius:50%;
        color:#000;
        font-weight:700;
        align-items:center;
        justify-content:center
    }
    .textSec ul li p{
        color:#000;
        font-weight:600;
        font-size:18px
    }
    .yellowSec h2 span.ylwring:before{
        background:#ffd65b;
        width:30px;
        height:30px;
        left:-11px;
        top:0;
        border-radius:50%
    }
    .yellowSec h2 span:after{
        top:42px
    }
    .featureSec .features-para p{
        font-size:19px
    }
    .yellowSec{
        padding-bottom:30px
    }
    #earbuds-table h2.sec-head{
        font-size:40px;
        line-height:50px
    }
    .s5Col1 ul li{
        line-height:25px
    }
    #review{
        padding:60px 0 30px
    }
    .hero-box-one video{
        width:140%;
        right:-70%
    }
    .fashion_vdo{
        width:100vw;
        position:relative;
        left:50%;
        right:50%;
        margin-left:-50vw;
        margin-right:-50vw
    }
    .authSec,.nav-rgt{
        gap:10px
    }
    .hero-rate p,.nav-rgt a,.selSec p{
        font-size:13px
    }
    a.order-link{
        padding:6px 5px
    }
    .exp-text h3,.hero-text h3,.s3-text h3,.s3TxtBx h3{
        font-size:24px
    }
    .hero-text{
        top:0;
        text-align:left
    }
    .b-box{
        padding:10px;
        border-radius:10px;
        width:calc(19% - 5px)
    }
    .b-box p{
        margin-top:5px;
        font-size:12px
    }
    .hero-bg-img{
        min-height:750px
    }
    .secc-2-content{
        max-width:100%;
        position:relative;
        margin-left:auto
    }
    .exp-text,.s6Seal,.s6SealBg{
        position:absolute
    }
    .sec-2-row{
        width:calc(33.33% - 5px) 100%
    }
    .s3-cen-box .s3-text{
        padding-top:50px;
        width:350px
    }
    .s3-text{
        padding-bottom:15px
    }
    .s6SealBg{
        top:-20px;
        left:0;
        height:450px;
        width:300px
    }
    .s6Seal{
        top:60px;
        left:3px
    }
    .s6Right h2{
        font-size:28px
    }
    .s6Right{
        width:calc(100% - 340px);
        padding:30px 0
    }
    .exp-text p,.featureSec ul.nav-tabs li a,.list .text p,.s3-text p,.text,.textshow-container .texts ul li{
        font-size:16px
    }
    .exp-text{
        width:470px;
        background:#fff;
        padding:25px 15px;
        bottom:20px;
        left:-20px
    }
    .save-btn,.save-btn:hover{
        font-size:22px;
        padding:8px 20px;
        width:280px;
        margin:10px auto;
        display:table
    }
    .fashion{
        padding:30px 0 0;
        margin-top:5px;
        background:#111010
    }
    .fashion-text{
        max-width:100%;
        margin-left:10px;
        padding:5vh 0
    }
    .hero-rate p span img{
        width:65px
    }
    .hero-text h1{
        margin-bottom:15px;
        font-size:26px
    }
    .hero-con .container{
        max-width:720px
    }
    .hero-text h1 span.sub-hdng1{
        margin-left:0;
        font-size:35px;
        line-height:40px
    }
    .blue:before{
        top:19px
    }
    .hero-text ul{
        padding-top:0
    }
    .hero-text ul li p{
        font-size:15px;
        text-align:left;
        width:calc(100% - 30px)
    }
    .hero-text ul li{
        padding-bottom:5px
    }
    .hero-text ul li span{
        width:30px
    }
    .hero-text h2{
        font-size:30px;
        margin:20px 0
    }
    .hero-text h1 span.sub-hdng2{
        margin-left:50px
    }
    .only-text,.sub-hdng2{
        font-size:34px
    }
    .spc-btn{
        margin:0 0 10px
    }
    .btn-box p{
        font-size:11px
    }
    .secc-2-content h2{
        font-size:28px;
        font-weight:800;
        line-height:35px
    }
    .mob-view h3,.mob-view span{
        color:#2e4db8;
        font-weight:700
    }
    .device_txt p,.s3TxtBx p,.secc-2-content p,.textshow-container .texts p{
        font-size:16px;
        line-height:30px
    }
    .sec-2-row img{
        width:95px
    }
    .device_img{
        margin:0 20px
    }
    .device_txt b{
        font-size:18px;
        line-height:20px
    }
    .device_content{
        align-items:flex-start
    }
    .review-box{
        width:calc(33.33% - 20px)
    }
    .vital-fea{
        font-size:12px
    }
    .s3-text h3{
        margin:10px 0
    }
    .Slides{
        width:110px;
        height:110px
    }
    .textslide-container{
        justify-content:center
    }
    .s3-cen-box{
        top:0
    }
    .blueSec h2{
        font-size:30px;
        padding-top:40px
    }
    .list .text span img{
        width:20px
    }
    .textshow-container .texts ul li span img{
        width:15px
    }
    .review-box p{
        font-size:16px;
        min-height:auto
    }
    #review .testName span{
        font-size:9px
    }
    .review-box .d-flex.align-items-center span img{
        width:48px
    }
    #hero-box{
        background:url(../../images/index-v3/banner-tab.png) center center/100% 100% no-repeat
    }
    #work-paly{
        padding:60px 0
    }
    .device_content_container{
        flex-direction:column;
        background-image:linear-gradient(180deg,#fff 0,#b0c1ff 100%);
        border-radius:0 0 40px 40px;
        padding:0 13px
    }
    .device_content_container .device_contnt:first-child{
        order:2;
        width:100%
    }
    .device_content_container .device_img{
        order:1;
        text-align:center
    }
    .device_content_container .device_contnt:last-child{
        order:3;
        width:100%
    }
    .mob-view span{
        font-size:20px;
        width:30px;
        line-height:1;
        border-radius:50%;
        text-align:center;
        align-items:center;
        justify-content:center
    }
    .mob-view h3{
        font-size:18px;
        margin-left:10px
    }
    .device_contnt p{
        margin-left:0;
        margin-bottom:40px;
        box-shadow:none
    }
    .work-text{
        padding:120px 0
    }
    .work-text h2{
        font-size:30px;
        line-height:1
    }
    .work-text p{
        font-size:20px;
        line-height:1.2;
        margin-top:10px
    }
    .sec2{
        margin:0
    }
}
@media screen and (max-width:767px){
    .b-box p,.device_content_container .device_contnt:first-child .device_content.flex-row-reverse,.nav-cen{
        text-align:left
    }
    .articleSec {
        padding: 10px 0;
    }
    .articleSec h2.sec-head {
        font-weight: 900;
    }
    .mob-view h3,.mobwrapper .num-cir p,.mobwrapper p,.s3-text h3+p{
        font-family:Poppins,sans-serif
    }
    #sec-podcast h5,.b-box p br,.ciscle-1,.desk-view,.device-features .animSec,.device-features .textSec h2 span br,.device_txt p,.div-1,.hero-box-one::after,.hero-text h1 br,.listingSec,.music-tag,.product-img,.s3-box.s3-wrapper.box-1 .curve,.s3-box.s3-wrapper.box-3,.s3-box.s3-wrapper.box-4 .curve,.s5Col2.s5Col4.hide-mob,.s6Right p br,.s6SealBg,.sec-3-head h5 br,.sec1:after,.sec1:before,.sec2:after,.sec2:before,.sec3-con-3,.section6 .btn-box{
        display:none
    }
    .b-bow-wrapper,.device-features,.exp-box.box-2,.hero-text h1 span.sub-hdng1+br,.mb-musicG,.mob-view,.nav-rgt a,.nav-rgt.nav-box,.sec-2-boxes.desk-view,.stepTxt{
        display:block
    }
    #nav-bar-section #nav-bar.fixed-nav,.s3-box.s3-wrapper.box-2 .s3-img.s3-con-box img,.s3-box.s3-wrapper.box-5 .s3-img.s3-con-box img{
        position:static
    }
    .blue:before{
        z-index:-1;
        top:17px
    }
    .hero-text ul li{
        gap:4px
    }
    .articleSec .article-wrapper:nth-child(3),.articleSec .article-wrapper:nth-child(5),.fasion_cntnr,.review-box .d-flex,.s3-box.s3-wrapper.box-2,.s3-box.s3-wrapper.box-5,.sec3-con-2 .s3-cen-box{
        flex-direction:column-reverse
    }
    .device-features .textSec img.stepImg{
        display:block;
        margin:0 auto
    }
    #mob-btn-3.btn-box p{
        font-size:11px
    }
    #earbuds-table h5,.secc-2-content p{
        font-size:16px;
        line-height:30px
    }
    #btn-4{
        background:0 0;
        padding:7px 10px;
        bottom:0;
        left:0;
        z-index:99;
        transition:bottom 1s;
        display:table;
        width:100%
    }
    .hero-text ul li span{
        width:30px
    }
    .hero-text ul li p{
        font-size:15px;
        margin-bottom:0;
        text-align:left;
        width:calc(100% - 30px);
        color:#000
    }
    .fashion-text p{
        font-size:16px;
        line-height:25px
    }
    .fashion_vdo{
        width:100vw;
        position:relative;
        left:50%;
        right:50%;
        margin:40px -50vw
    }
    .ciscle-3,.s3-box.s3-wrapper.box-2 .num-cir{
        left:inherit
    }
    .nav-rgt.nav-box{
        position:fixed;
        background:#fff;
        width:100%;
        height:0;
        z-index:999;
        left:0;
        top:113px;
        overflow:hidden
    }
    .nav-rgt.nav-box.show{
        height:100vh;
        padding:20px
    }
    .nav-rgt a{
        text-decoration:none;
        padding:12px 20px;
        border-bottom:0 solid #ddd
    }
    .nav-rgt a:first-child{
        border-top:0 solid #ddd
    }
    .nav-cen img{
        width:60px
    }
    .nav-wrapper{
        flex-direction:row-reverse;
        justify-content:center
    }
    .nav-letf{
        text-align:end
    }
    .mob-mnu-ic{
        display:table;
        margin-left:auto
    }
    #nav-bar-section{
        margin-bottom:65px;
        display:none
    }
    #nav-bar-section #nav-bar{
        height:auto;
        margin-top:-65px;
        top:65px
    }
    .nav-rgt.nav-box.mobimenu-top{
        top:76px
    }
    .c-text,.ftr-link a,.text,.top-bar p{
        font-size:14px
    }
    .top-bar{
        padding:5px
    }
    .hero-box-one{
        background:0 0/cover #fff;
        height:auto;
        padding-bottom:20px
    }
    .b-box{
        padding:0;
        width:100%;
        display:flex;
        align-items:center;
        margin-bottom:15px;
        background:0 0
    }
    .b-box p{
        padding-left:15px;
        justify-content:flex-start;
        font-size:16px;
        min-height:auto
    }
    .b-box img{
        width:35px;
        position:static;
        top:8px
    }
    .mob-view h3{
        color:#000;
        font-weight:500;
        font-size:16px;
        margin-left:10px
    }
    .mob-view span{
        font-weight:700;
        font-size:20px;
        color:#2e4db8;
        background:#fff;
        width:30px;
        display:flex;
        height:30px;
        line-height:1;
        border-radius:50%;
        text-align:center;
        align-items:center;
        justify-content:center
    }
    .hero-text{
        top:0;
        padding-top:0;
        padding-bottom:0;
        margin-top: -20px;
    }
    .hero-text .btn-box p{
        font-size:12px
    }
    .selSec{
        max-width:100%;
        padding:10px 2px
    }
    .hero-rate,.hero-text ul{
        padding-top:0
    }
    .dic-text p,.hero-text .selSec p{
        font-size:13px
    }
    .heading1{
        font-size:27px;
        line-height:35px
    }
    .sec-heading p.details{
        font-size:15px;
        line-height:25px
    }
    .hero-text h1{
        font-size:28px;
        text-align:left;
        margin-bottom:5px;
        font-weight:400;
        line-height:1.2;
        color:#3b3b3b
    }
    .hero-text p{
        font-size:10px;
        font-weight:400;
        color:#000;
        text-align:center;
        width:100%
    }
    .hero-text h1 span.sub-hdng1{
        color:#00645d;
        margin-left:0;
        max-width:100%;
        display:initial;
        font-size:21px;
        line-height:1.2
    }
    .hero-text h1 span.sub-hdng2,.text-charge{
        margin-left:0
    }
    .only-text,.sub-hdng2{
        font-size:22px
    }
    .hero-rate{
        position:relative;
        top:-33px;
        text-align:left
    }
    .hero-text h3,.s5Col1 ul li,.s6Right,.secc-2-content h2,h2.sec-head{
        text-align:center
    }
    .hero-rate h1{
        font-size:32px;
        color:#3b3b3b;
        margin-bottom:20px;
        position:relative;
        z-index:9
    }
    .hero-text h3{
        font-size:16px
    }
    .hero-rate p{
        margin-bottom:5px;
        color:#000;
        font-size:10px;
        font-weight:600
    }
    .hero-bg-img{
        min-height:auto;
        position:relative!important
    }
    #hero-box{
        background:#f2f7f6;
        padding-bottom:0
    }
    .box-two-img{
        width:100%;
        max-width:100%;
        padding-right:0
    }
    #sec-podcast h2.sec-head,.device-features .textSec h2,.yellowSec h2{
        font-size:35px
    }
    #sec-podcast h2.sec-head span:after,#sec-podcast:before,.sec3-con-3:after,.section6:after,.section6:before{
        width:0
    }
    #sec-podcast h2.sec-head span:before{
        width:32px;
        height:32px;
        left:-13px;
        top:-7px
    }
    h2.sec-head{
        margin-bottom:10px;
        font-size:24px
    }
    .s3-con-box,.s3-img.s3-con-box,.s3-text h3+p,.s3TxtBx p{
        margin-bottom:0
    }
    .sec-2-boxes{
        margin-top:0
    }
    .sec-2-boxes.mob-grid img{
        width:calc(50% - 10px);
        margin-bottom:10px
    }
    .sec-2-boxes.mob-grid{
        position:absolute;
        bottom:40px;
        max-width:350px;
        left:50%;
        transform:translateX(-50%);
        width:90%
    }
    .s3-box.s3-wrapper.box-2,.s3-box.s3-wrapper.box-5{
        min-height:auto;
        margin-bottom:0;
        background:0 0;
        padding-left:0
    }
    .s3-cen-box{
        padding:20px;
        display:block;
        top:0;
        border-radius:40px 40px 0 0
    }
    .device-features .textSec,.exp-img2,.review-slider .review-box,.s3TxtBx,.textslide-container{
        width:100%
    }
    .s3TxtBx h3{
        font-size:20px;
        position:relative;
        top:13px
    }
    .s3TxtBx p{
        font-size:16px;
        line-height:30px
    }
    .Slides{
        width:90px;
        height:90px;
        background:#2e4db8;
        border:2px solid rgba(255,255,255,.6)
    }
    .s5Col2,.s5CompBox{
        border-radius:10px
    }
    .s3-cen-box.mob-full{
        width:100vw;
        position:relative;
        left:50%;
        right:50%;
        margin-left:-50vw;
        margin-right:-50vw
    }
    .mobView{
        display:flex;
        flex-direction:column-reverse
    }
    .textslide-container{
        bottom:-45px;
        justify-content:center
    }
    .s3-con-box{
        width:100%
    }
    .s3-box.s3-wrapper.box-4{
        flex-direction:column;
        align-items:flex-start;
        padding-top:30px
    }
    .device-features{
        padding:0 0 60px
    }
    .ciscle-3{
        position:absolute;
        width:450px;
        top:14%;
        z-index:-1;
        right:-140px
    }
    .exp-text{
        width:95%;
        background:#fff;
        padding:30px;
        position:relative;
        bottom:40px;
        left:0;
        margin:0 auto
    }
    .hero-box-one video{
        height:100%;
        right:0
    }
    .fashion{
        padding:50px 0 0;
        margin-top:5px;
        background:#111010
    }
    #experince{
        padding:40px 0 10px
    }
    .s5Col1 ul li{
        justify-content:center;
        align-items:center;
        background-position:10px 21px;
        font-size:16px;
        line-height:22px;
        background-size:14px;
        padding:0
    }
    .s5CompBox{
        margin-top:40px;
        width:auto
    }
    .s5Col1,.s5Col2.s5Col3{
        width:30%
    }
    .s5Col1{
        padding:95px 0 10px
    }
    .s5Col2{
        width:40%
    }
    .s5CompBox img.s5Col2Prod{
        margin:-40px auto 0;
        width:120px
    }
    .s5CompBox img.s5Col3Prod{
        margin:-26px auto 0;
        width:auto
    }
    .s5Col2Top{
        height:85px;
        padding:0 5px
    }
    .s5Col2 ul li:last-child{
        height:75px
    }
    .s5CompBox img{
        height:auto!important;
        display:table;
        margin:0 auto
    }
    .logo3,.s3-list li img,.star{
        width:50px
    }
    .s5Col2Top p{
        font-size:13px;
        line-height:20px;
        font-weight:600
    }
    #earbuds-table,#review,.whiteSec{
        padding:30px 0
    }
    .s6Seal{
        top:0;
        left:0;
        position:relative;
        display:table;
        margin:30px auto 0;
        width:210px;
        height:auto
    }
    .s6Right{
        float:none;
        width:100%;
        padding:40px 0 50px
    }
    .s6Right h2,.section8 .sec-3-head h2{
        font-size:28px
    }
    #review .save-btn{
        margin-top:40px;
        margin-left:auto;
        margin-right:auto
    }
    .fashion-text h2{
        font-size:34px
    }
    .fashion-text{
        max-width:100%;
        margin-left:10px
    }
    .blueSec h2,.exp-text h3{
        font-size:24px
    }
    .save-btn{
        margin-left:auto;
        margin-right:auto
    }
    .review-slider .owl-dots{
        margin-top:15px
    }
    .review-box .review-head{
        font-size:14px;
        line-height:18px;
        min-height:auto
    }
    .review-box p{
        font-size:14px;
        margin-top:0;
        line-height:1.5;
        min-height:auto;
        padding:0 20px
    }
    .mobwrapper p,.s3-text h3+p,.s3-text h3+p+ul{
        margin-top:20px
    }
    .mobwrapper p,.s3-box.s3-wrapper.box-2 .s3-text p,.s3-text h3+p{
        padding-right:0
    }
    .nav-box{
        width:28.33%
    }
    .num-cir,.review-slider .owl-carousel .owl-item .authImg img{
        width:40px
    }
    .box-two-img .orangeBx{
        padding:20px;
        width:70%;
        right:0
    }
    .box-two-img .orangeBx p{
        line-height:32px
    }
    .secc-2-content{
        background:0 0;
        padding:0;
        border-radius:0
    }
    .secc-2-content h2{
        font-size:24px;
        line-height:34px
    }
    .sec-2-boxes.desk-view .sec-2-row{
        flex-wrap:wrap
    }
    .sec-2-row img{
        width:44%
    }
    #work-paly h2.sec-head{
        position:unset;
        top:unset;
        left:unset;
        transform:none
    }
    .device_content_container{
        flex-direction:column;
        background-image:linear-gradient(180deg,#fff 0,#b0c1ff 100%);
        border-radius:0 0 40px 40px;
        padding:0 13px
    }
    .device_content_container .device_img{
        order:1;
        text-align:center
    }
    .device_content_container .device_contnt:first-child{
        order:2;
        width:100%
    }
    .device_content_container .device_contnt:first-child .device_content{
        flex-direction:row!important
    }
    .device_content_container .device_contnt:last-child{
        order:3;
        width:100%
    }
    .device_content.flex-row-reverse .device_txt{
        margin-top:0;
        margin-left:20px
    }
    .device_content .device-image img{
        max-width:70px
    }
    .device_txt b{
        font-size:24px;
        line-height:32px
    }
    .device_content .device-image{
        margin-left:15px
    }
    .device_contnt p{
        margin-left:0;
        margin-bottom:40px;
        box-shadow:none
    }
    .articleImg,.mobwrapper,.mobwrapper p{
        margin-bottom:20px
    }
    .device_content_container .device_contnt .device_content:first-child{
        min-height:auto;
        margin-bottom:25px;
        margin-top:0
    }
    .device_content_container .device_contnt .device_content{
        margin-bottom:25px;
        display:none
    }
    #sec-podcast{
        padding:40px 0 30px
    }
    .vital-fea{
        font-size:13px;
        padding:10px 50px
    }
    .sec-3-head h5{
        font-weight:300;
        font-size:20px;
        line-height:1.2
    }
    .s3-box.s3-wrapper{
        flex-direction:column;
        background-color:transparent;
        padding:15px 0;
        margin-top:0
    }
    .section8 .vital-fea{
        border:2px solid #2e4db8;
        color:#2e4db8
    }
    .section8 .sec-3-head p{
        margin-bottom:3px!important
    }
    .accordion{
        padding:8px 45px 8px 0;
        font-size:15px;
        line-height:25px
    }
    .mobwrapper{
        display:flex;
        gap:20px
    }
    .full-width .mobwrapper{
        flex-direction:column;
        gap:0
    }
    .mobwrapper p{
        font-size:16px;
        line-height:28px
    }
    .mobwrapper h3{
        font-family:Mohave,sans-serif;
        font-weight:600;
        font-size:22px
    }
    #earbuds-table h2.sec-head,#review h2.sec-head,.articleTxt h3,.s3-text h3{
        font-size:25px
    }
    .num-cir{
        height:40px;
        position:absolute;
        display:flex;
        justify-content:center;
        align-items:center;
        right:2%;
        top:-7%
    }
    .mob-accordian,.s3-text h3{
        display:inline-block
    }
    .mobwrapper .num-cir p{
        color:#fff;
        font-weight:600;
        font-size:11px;
        margin-top:0
    }
    .s3-box.s3-wrapper.box-1,.s3-box.s3-wrapper.box-4,.sec3-con-2{
        background:0 0
    }
    .s3-con-box img{
        border-radius:83px
    }
    .s3-text h3{
        position:relative;
        top:12px;
        margin:0
    }
    .s3-con-box h3+p{
        font-size:13px;
        line-height:26px
    }
    .s3-img.s3-con-box video{
        border-radius:20px;
        height:auto
    }
    .s3-cen-box .s3-text{
        bottom:inherit;
        left:24px;
        top:50px;
        width:100%;
        max-width:100%;
        margin-left:0;
        padding-top:0;
        padding-left:15px;
        padding-right:15px;
        position:absolute
    }
    .s3-cen-box .s3-text h3{
        color:#fff
    }
    .s3-text h3+p{
        font-size:16px;
        line-height:28px
    }
    .s3-text .num-cir p{
        color:#152859
    }
    .s3-box.s3-wrapper.box-2 .curve,.s3-box.s3-wrapper.box-5 .curve{
        position:static;
        display:none
    }
    .hero-con .container,.sec3-con-2 img.row3_pc{
        max-width:100%
    }
    .s3-box.box-4 video,.s3-box.box-5 video{
        height:auto
    }
    .device-features{
        background:linear-gradient(to bottom,#fff 0,#c8e0f9 50%,#9fccfd 100%);
        padding-bottom:0
    }
    #earbuds-table h2.sec-head span.ring:before,.device-features .textSec h2 span:before,.yellowSec h2 span.ylwring:before{
        background:#ffeebd;
        left:0;
        top:5px;
        width:43%;
        height:34px
    }
    .textSec ul{
        padding-left:0;
        margin-top:30px
    }
    .textSec ul li{
        display:flex;
        gap:20px;
        padding-bottom:20px
    }
    .textSec ul li p{
        color:#000;
        font-weight:600;
        font-size:18px
    }
    .textSec ul li span{
        background:#fff;
        width:30px;
        height:30px;
        border-radius:50%;
        color:#000;
        font-weight:700;
        display:flex;
        align-items:center;
        justify-content:center
    }
    .yellowSec{
        background:#fff;
        padding:30px 0 0
    }
    .featureSec .features-para p{
        font-size:19px
    }
    .featureSec .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
        background:#44a9da
    }
    .section6{
        background:#183059
    }
    #review .testName span{
        display:inline;
        font-size:10px
    }
    .mob-accordian .up-slide-dwn{
        background:0 0;
        -webkit-box-shadow:none;
        box-shadow:none;
        border-bottom:2px solid #273e8d;
        margin-top:0;
        padding:10px 10px 8px
    }
    .mob-accordian .accordion1{
        background:url(../../images/index-v3/close-white.png) 100% center no-repeat;
        color:#fff;
        font-size:20px;
        font-weight:500;
        padding:8px 45px 8px 20px
    }
    .mob-accordian .up-slide-dwn:last-child{
        border-bottom:none
    }
    .mob-accordian .accordion1 img{
        margin-right:10px
    }
    .mob-accordian .acdn-heading.active{
        background:#fff;
        border-radius:20px;
        padding:8px 45px 8px 20px;
        color:#2f4fbb;
        z-index:9;
        position:relative
    }
    .mob-accordian .acdn-heading.active img{
        filter:brightness(0) saturate(100%) invert(27%) sepia(30%) saturate(5409%) hue-rotate(218deg) brightness(82%) contrast(85%)
    }
    .mob-accordian .acdn-content p{
        font-size:16px;
        line-height:30px;
        color:#fff;
        margin:20px 0
    }
    .mob-accordian .acdn-content ul.mobList li{
        list-style:none;
        font-size:16px;
        color:#fff;
        font-weight:600;
        margin-bottom:20px
    }
    .mob-accordian .acdn-content ul.mobList li img{
        margin-right:15px;
        position:static
    }
    .mob-accordian .acdn-content img{
        position:relative;
        top:-20px
    }
    .article-wrapper{
        flex-direction:column;
        padding:0
    }
    .articleImg{
        width:100%
    }
    .articleTxt{
        width:100%;
        padding:20px
    }
    .articleTxt p{
        font-size:18px;
        margin:10px 0 0;
        word-spacing:0;
        text-align:left
    }
    .swiper-slide h5,a.order-link{
        text-align:center
    }
    .review-box p.testName,.sec2{
        margin:0
    }
    .whiteSec h2{
        font-size:22px;
        margin-bottom:20px
    }
    .featureSec ul.nav-tabs li a{
        font-size:16px
    }
    .tabContent video{
        order:1;
        width:100%;
        margin-bottom:10px
    }
    a.contact-link{
        color:#000
    }
    .tabContent img.tab1Img{
        order:2;
        left:0;
        top:0
    }
    .tabContent img.tab2Img{
        right:0;
        transform:translateY(0);
        order:3
    }
    .tabContent img{
        width:45%;
        position:relative;
        margin:0 auto
    }
    .s5Col2 ul li{
        font-size:16px;
        line-height:1
    }
    .swiper-container{
        padding-top:30px
    }
    .swiper-scrollbar{
        background:#d6d6d6
    }
    .swiper-container-horizontal>.swiper-scrollbar{
        position:initial!important;
        width:98%!important;
        border-radius:0!important;
        background:0 0!important;
        border-bottom:1px solid #3b3b3b!important;
        margin:10px 0 25px
    }
    .swiper-scrollbar-drag{
        border-radius:0!important;
        background:#3b3b3b!important
    }
    .swiper-button-next,.swiper-button-prev{
        top:0!important;
        margin-top:0!important;
        -moz-background-size:auto auto!important;
        -webkit-background-size:auto auto!important;
        background-size:auto auto!important;
        background-position:initial!important;
        background-color:#fff;
        height:28px!important
    }
    .swiper-button-prev{
        background-image:url('../../images/index-v3/mob-swiper-prev.png')!important;
        left:0!important
    }
    .swiper-button-next{
        background-image:url('../../images/index-v3/mob-swiper-next.png')!important;
        right:0!important
    }
    .swiper-slide h5{
        font-family:Montserrat,sans-serif;
        position:absolute;
        top:-70px;
        left:0;
        right:0;
        color:#3b3b3b;
        font-size:18px;
        font-weight:700;
        line-height:24px
    }
    .swiper-slide video{
        width:100%;
        height:300px;
        border-radius:20px;
        object-fit:cover
    }
    .swiper-slide .mobile-swiper-slider-images-wrapper{
        display:flex;
        margin-top:6px
    }
    .swiper-slide .mobile-swiper-slider-images-wrapper img{
        width:50%;
        height:auto;
        border-radius:20px
    }
    .swiper-slide .mobile-swiper-slider-images-wrapper img.tab1Img{
        padding-right:11px
    }
}
@media screen and (max-width:375px){
    .box-two-img .orangeBx p{
        font-size:26px
    }
    .hero-text .btn-box p{
        font-size:10px
    }
    #earbuds-table h2.sec-head{
        font-size:21px
    }
    .sec-heading p.details{
        font-size:14px;
        line-height:25px
    }
    .section8 .sec-3-head h2,.yellowSec h2{
        font-size:30px
    }
    .device-features .textSec h2{
        font-size:30px;
        text-align:center
    }
    #sec-podcast h2.sec-head{
        font-size:23px
    }
    #review h2.sec-head{
        font-size:24px
    }
}
@media screen and (min-width:320px) and (max-width:480px){
    .save-btn,.save-btn:hover{
        font-size:22px;
        width:auto;
        margin-left:auto;
        margin-right:auto
    }
}