@media screen and (max-width:1500px) {
     .box-two-text p {
         font-size: 18px;
         line-height: 39px;
         margin-bottom: 25px;
    }
     .box-two-text h2 {
         font-size: 44px;
         line-height: 63px;
    }
        .box-two-text h2 span {
        font-size: 75px;
        line-height: 52px;
    }
     .box-two-text {
         max-width: 470px;
    }
     .box-two-img {
         width: 60%;
    }
}
 @media screen and (max-width:1300px) {
     .hero-box-one::before{
         width: 62vw;
    }
}
 @media screen and (max-width:1200px){
     .exp-box.box-2 .exp-text {
         left: 0;
    }
}
 @media screen and (min-width:1200px) and (max-width: 1650px) {
     .position-relative {
         width: 90%;
         margin:0 auto;
    }
     .exp-box.box-2{
         margin-right: 0;
    }
}
 @media screen and (min-width:992px) and (max-width: 1199px) {
     .b-bow-wrapper {
         max-width: 900px;
    }
     .hero-box-one video {
         width: 110%;
         right: -45%;
    }
     .hero-text h1 {
         font-size: 48px;
         margin-bottom: 15px;
    }
     .hero-text h3 {
         font-size: 24px;
    }
     .hero-text {
         top: 50px;
    }
     .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;
    }
     .fea-img img {
         width: 60px;
         object-fit: contain;
         margin-left: 15px;
    }
     .fea-head h3 {
         font-size: 24px;
    }
     h2.sec-head {
         font-size: 38px;
    }
     .secc-2-content {
         max-width: 100%;
         position: relative;
         margin-left: auto;
    }
     .sec-2-row {
         width: 100%;
    }
     .s3-text h3 {
         font-size: 24px;
    }
     .s3-cen-box .s3-text {
         width: 350px;
    }
     .s3-text {
         padding-bottom: 25px;
    }
     .s6SealBg {
         top: 0;
         left: 0px;
         position: absolute;
    }
     .s6Seal {
         top: 97px;
         left: 22px;
         position: absolute;
    }
     .s6Right h2 {
         font-size: 42px;
    }
     .s6Right {
         width: calc(100% - 420px);
         padding: 60px 0 60px;
    }
     .s6Right p br{
         display: none;
    }
     .exp-text h3 {
         font-size: 28px;
    }
     .exp-text p {
         font-size: 16px;
    }
     .exp-text {
         width: 470px;
         background: #fff;
         padding: 25px 15px;
         position: absolute;
         bottom: 20px;
         left: -20px;
    }
    .s3-text p {
        font-size: 16px;
    }
     .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: 0px;
    }
     .fashion {
         padding: 50px 0px 0px;
         margin-top: 5px;
         background: #111010;
    }
     .fas-mob.mob-view{
         display: block;
    }
     .fashion-text {
         max-width: 100%;
         margin-left: 10px;
    }
     .hero-rate p {
         font-size: 14px;
    }
     .hero-text h1 {
         font-size: 38px;
         line-height: 49px;
    }
     .hero-text h1 span.sub-hdng1 {
         margin-left: 60px;
         font-size: 60px;
         line-height: 85px;
    }
     .hero-text h1 span.sub-hdng2 {
         margin-left: 170px;
    }
     .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_txt b {
         font-size: 22px;
         line-height: 30px;
    }
     .box-two-img {
         width: 55%;
    }
     .box-two-text {
         max-width: 440px;
    }
     h2.sec-head {
         font-size: 30px;
    }
     .box-two-text h2 span {
         font-size: 60px;
    }
     .box-two-text p {
         font-size: 14px;
         line-height: 28px;
         margin-bottom: 20px;
    }
     .spc-btn {
         margin: 30px 0 10px;
    }
}
 @media screen and (min-width:768px) and (max-width: 991px) {
     .fasion_cntnr {
         flex-direction: column-reverse;
    }
     .hero-box-one video {
         width: 140%;
         right: -70%;
    }
     .fashion_vdo {
         width: 100vw;
         position: relative;
         left: 50%;
         right: 50%;
         margin-left: -50vw;
         margin-right: -50vw;
    }
     .nav-rgt {
         gap: 10px;
    }
     .nav-rgt a {
         font-size: 14px;
    }
     a.order-link {
         padding: 0px 5px;
    }
     .hero-text h1 {
         font-size: 38px;
         margin-bottom: 15px;
    }
     .hero-text h3 {
         font-size: 24px;
    }
     .hero-text {
         top: 30px;
    }
     .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;
    }
     .fea-img img {
         width: 50px;
         object-fit: contain;
         margin-left: 10px;
    }
     .fea-head h3 {
         font-size: 16px;
    }
     h2.sec-head {
         font-size: 24px;
         line-height: 26px;
         margin-bottom: 10px;
    }
     .secc-2-content {
         max-width: 100%;
         position: relative;
         margin-left: auto;
    }
     .sec-2-row {
         width: calc(33.33% - 5px)100%;
    }
     .s3-text h3 {
         font-size: 24px;
    }
     .s3-cen-box .s3-text {
         width: 350px;
    }
     .s3-text {
         padding-bottom: 15px;
    }
     .s6SealBg {
         top: -20px;
         left: 0px;
         position: absolute;
         height: 450px;
         width: 300px;
    }
     .s6Seal {
         top: 60px;
         left: 3px;
         position: absolute;
    }
     .s6Right h2 {
         font-size: 28px;
    }
     .s6Right {
         width: calc(100% - 340px);
         padding: 30px 0 30px;
    }
     .s6Right p br{
         display: none;
    }
     .exp-text h3 {
         font-size: 24px;
    }
     .exp-text p {
         font-size: 16px;
    }
     .exp-text {
         width: 470px;
         background: #fff;
         padding: 25px 15px;
         position: absolute;
         bottom: 20px;
         left: -20px;
    }
     .s3-text p {
         font-size: 16px;
    }
     .save-btn, .save-btn:hover {
         font-size: 22px;
         padding: 8px 20px;
         width: 280px;
         margin: 10px auto 10px;
         display: table;
    }
     .exp-text p:last-child{
         margin-bottom: 0px;
    }
     .fashion {
         padding: 30px 0px 0px;
         margin-top: 5px;
         background: #111010;
    }
     .fas-mob.mob-view{
         display: block;
    }
     .fashion-text {
         max-width: 100%;
         margin-left: 10px;
         padding: 5vh 0;
    }
     .hero-rate p span img {
         width: 65px;
    }
     .hero-rate p {
         font-size: 10px;
    }
     .hero-text h1 {
         font-size: 26px;
    }
     .hero-text h1 span.sub-hdng1 {
         margin-left: 60px;
         font-size: 40px;
         line-height: 60px;
    }
     .hero-text h1 span.sub-hdng2 {
         margin-left: 50px;
    }
     .only-text, .sub-hdng2 {
         font-size: 34px;
    }
     .spc-btn {
         margin: 30px 0 10px;
    }
     .btn-box p {
         font-size: 11px;
    }
     .box-two-text {
         max-width: 300px;
    }
     .box-two-text p {
         font-size: 12px;
         line-height: 23px;
         margin-bottom: 14px;
    }
     .box-two-text h2 span {
         font-size: 36px;
         line-height: 44px;
    }
     .sec-2-row img {
         width: 95px;
    }
     .device_img {
         margin: 0 20px;
    }
     .device_txt b {
         font-size: 18px;
         line-height: 20px;
    }
     .device_txt p {
         font-size: 12px;
         line-height: 18px;
    }
     .device_txt {
         margin-top: 0px;
    }
     .device_content {
         align-items: flex-start;
    }
     .sec-3-head h5 {
         font-size: 13px;
    }
     .vital-fea {
         font-size: 12px;
    }
     .s3-text h3 {
         margin: 10px 0px 10px;
    }
     .s3-text p {
         font-size: 13px;
    }
     .s3-box.s3-wrapper {
         align-items: center;
    }
     .s3-cen-box .s3-text {
         padding-top: 50px;
    }
     #work-paly {
         padding: 60px 0 60px;
    }
}
 @media screen and (max-width:767px){
     .fasion_cntnr {
         flex-direction: column-reverse;
    }
    .brand-slider-box{
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
     .nav-letf img{
         height: 55px;
    }
     #btn-4 {
         background: transparent;
         padding: 7px 10px;
         bottom: 0;
         left: 0;
         z-index: 99;
         transition: bottom 1s;
         display: table;
         width: 100%;
    }
     .fashion-text p{
         font-size: 16px;
         line-height: 25px;
    }
     .fashion_vdo {
         width: 100vw;
         position: relative;
         left: 50%;
         right: 50%;
         margin: 40px -50vw;
    }
     .nav-rgt.nav-box{
         position: fixed;
         background: #fff;
         width: 100%;
         height: 0vh;
         z-index: 999;
         left: 0px;
         top: 95px;
         display: block;
         overflow: hidden;
    }
     .nav-rgt.nav-box.show{
         height: 100vh;
    }
     .nav-rgt a {
         text-decoration: none;
         display: block;
         padding: 12px 20px;
         border-bottom: 1px solid #ddd;
    }
     .nav-rgt a:nth-child(1){
         border-top: 1px solid #ddd;
    }
     .nav-cen img{
         width: 60px;
    }
     .nav-cen {
         text-align: left;
    }
     .nav-wrapper{
         flex-direction: row-reverse;
    }
     .nav-letf{
         text-align: end;
    }
     .mob-mnu-ic{
         display: table;
         margin-left: auto;
    }
     #nav-bar-section {
         margin-bottom: 65px;
    }
     #nav-bar-section #nav-bar{
         height: 65px;
         margin-top: -65px;
         top: 65px;
    }
     .nav-rgt.nav-box.mobimenu-top{
         top: 63px;
    }
     .top-bar p {
         font-size: 14px;
    }
     .top-bar {
         padding: 5px;
    }
     .benifit-boxes {
         position: relative;
         bottom: 0;
    }
     #hero-box .btn-box{
         display: none;
    }
     .hero-box-one {
         background: linear-gradient(#fff 24%, #242424 63%);
         padding-bottom: 20px;
    }
     .b-bow-wrapper {
         display: block;
    }
     .b-box {
         padding: 0;
         width: 100%;
         display: flex;
         align-items: center;
         margin-bottom: 15px;
         background: transparent;
    }
     .b-box p br{
         display: none;
    }
     .b-box p{
         padding-left: 15px;
    }
     .b-box img{
         width: 35px;
         position: relative;
         top: 8px;
    }
     .desk-view{
         display: none;
    }
     .mob-view{
         display: block;
    }
     .b-box p {
         min-height: auto;
    }
     .hero-text {
         top: 30px;
         left: 50%;
         transform: translateX(-50%);
         width: calc(100% - 30px);
         padding-top: 0px;
    }
     .hero-text h1 {
         font-size: 20px;
         text-align: center;
         margin-bottom: 44px;
         line-height: 1.2;
         color: #000;
    }
     .hero-text h1 br{
         display: none;
    }
     ..hero-text h1 span.sub-hdng1 + br{
         display: block;
     }
    .hero-text h1 span.sub-hdng1 {
        color: #00645D;
        margin-left: 0;
        max-width: 100%;
        display: initial;
        font-size: 21px;
        line-height: 1.2;
    }
     .text-charge {
         margin-left: 0px;
    }
     .hero-text h1 span.sub-hdng2 {
         margin-left: 0px;
    }
     .only-text, .sub-hdng2 {
         font-size: 22px;
    }
     .hero-rate{
         text-align: center;
    }
     .hero-text h3 {
         font-size: 16px;
         text-align: center;
    }
     .hero-rate p{
         margin-bottom: 5px;
         color: #000;
         font-size: 11px;
    }
     .hero-bg-img {
         min-height: auto;
         position: relative !important;
    }
     #hero-box {
         background: #F2F7F6;
         padding-bottom: 0;
    }
    .box-two-img, .box-two-text {
        width: 100%;
        max-width: 100%;
    }
     .box-two-img{
         display: none;
    }
     h2.sec-head {
         color: #0F4C48;
         font-size: 34px;
         text-align: center;
    }
    .content-wrapper {
        margin-top: 30px;
        width: 100%;
        display: block;
    }
     #work-paly {
         margin-top: 0;
        /* background: url(../../images/index-v4/sec-2-bg-mob.png) no-repeat no-repeat;
         */
         padding: 0px 0px;
         min-height: auto;
         background-size: cover;
         background-position: center;
         padding-bottom: 60px;
    }
     #work-paly h2.sec-head{
         position: absolute;
         top: -104px;
         left: 50%;
         transform: translateX(-50%);
         width: 100%;
         padding: 0px 15px;
         margin-bottom: 0px;
    }
     .sec-2-boxes {
         margin-top: 0;
    }
     .sec-2-boxes.mob-grid img{
         width: calc(50% - 10px);
         margin-bottom: 10px;
    }
     .music-tag{
         display: none;
    }
     .sec-2-boxes.mob-grid{
         position: absolute;
         bottom: 40px;
         max-width: 350px;
         left: 50%;
         transform: translateX(-50%);
         width: 90%;
    }
     .s3-con-box {
         width: 100%;
         margin-bottom: 20px;
    }
     .s3-img.s3-con-box{
         margin-bottom: 0;
    }
     .ciscle-1 {
         display: none;
    }
     .sec-3-head h5 br{
         display: none;
    }
     .s3-box.s3-wrapper.box-2{
         flex-direction: column-reverse;
    }
     .s3-cen-box .s3-text {
         width: 420px;
         bottom: inherit;
         left: 24px;
         top: 50px;
         max-width: 77%;
    }
    .s3-box.s3-wrapper.box-4 {
        flex-direction: column;
    }
     .ciscle-3 {
         position: absolute;
         left: inherit;
         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: 0px;
    }
     .fashion {
         padding: 50px 0px 0px;
         margin-top: 5px;
         background: #111010;
    }
     .exp-img2 {
         width: 100%;
    }
     .exp-box.box-2 {
         display: block;
    }
     #experince {
         padding: 40px 0px 10px;
    }
     .s5Col2.s5Col4.hide-mob{
         display: none;
    }
     .s5Col1 ul li {
         padding: 0 0 13px 30px;
         align-items: center;
         background-position: 10px 21px;
    }
     .s5CompBox {
         border-radius: 10px;
         margin-top: 90px;
    }
     .s5Col1 {
         width: 46%;
         padding: 10px 0;
         padding-top: 90px;
    }
     .s5Col2 {
         width: 27%;
    }
    .s5CompBox img.s5Col2Prod {
        margin: -17px auto 0;
        width: 70px;
    }
    .s5CompBox img.s5Col3Prod {
        margin: -26px auto 0;
        width: 70px;
    }
     .s5Col2Top {
         height: 120px;
         padding: 0px 5px;
    }
     .s5Col2 ul li:last-child {
         height: 95px;
    }
     .s5Col1 ul li {
         font-size: 14px;
         line-height: 18px;
         background-size: 14px;
    }
     .s5Col2 ul li img {
         width: 24px;
    }
     .s5CompBox img {
         height: auto !important;
         display: table;
         margin: 0 auto;
    }
     .logo3, .s3-list li img, .star {
         width: 50px;
    }
    .s5Col2Top p {
        font-size: 11px;
        line-height: 20px;
        color: #fff;
        font-weight: 600;
    }
     #earbuds-table {
         padding: 30px 0px;
    }
     .s6SealBg {
         display: none;
    }
     .s6Seal {
         top: 0;
         left: 0;
         position: relative;
         display: table;
         margin: 0 auto;
         width: 210px;
         height: auto;
         margin-top: 30px;
    }
     .section6 .btn-box{
         display: none;
    }
     .s6Right {
         float: none;
         width: 100%;
         padding: 40px 0 50px;
         text-align: center;
    }
     .s6Right h2 {
         font-size: 28px;
    }
     .s6Right p br{
         display: none;
    }
     #review .save-btn {
         margin-top: 40px;
         margin-left: auto;
         margin-right: auto;
    }
     #review {
         padding: 50px 0px 30px;
    }
     .fashion-text h2 {
         font-size: 34px;
    }
     .fashion-text {
         max-width: 100%;
         margin-left: 10px;
    }
     .exp-text h3 {
         font-size: 24px;
    }
     .save-btn {
         margin-left: auto;
         margin-right: auto;
    }
     .review-slider .owl-carousel .owl-stage-outer {
         overflow: visible;
    }
     .review-slider .owl-item.active{
         margin-right: -35px !important;
    }
     .review-slider .review-box {
         width: calc(90% - 20px);
    }
     .review-slider .owl-dots{
         margin-top: 15px;
    }
     .nav-box {
         width: 28.33%;
    }
     .hero-box-two .container-fluid {
         padding-right: 0;
    }
     .box-two-text p {
         margin-left: 20px !important;
         font-size: 14px;
         line-height: 26px;
         margin-bottom: 20px;
    }
     .sec-2-boxes.desk-view {
         display: block;
    }
     .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;
    }
     .device_content_container .device_img {
         order: 1;
         text-align: center;
    }
     .device_content_container .device_img img {
         max-width: 50%;
    }
     .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:first-child .device_content.flex-row-reverse {
         text-align: left;
    }
     .box-two-text h2 {
         margin-top: 0px;
    }
     .device_content_container .device_contnt:last-child {
         order: 3;
         width: 100%;
    }
     .device_txt p {
         display: none;
    }
     .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: 15px;
        margin-bottom: 40px;
        box-shadow: none;
    }
     .device_content_container .device_contnt .device_content:first-child {
         min-height: auto;
         margin-bottom: 25px;
    }
     .device_content_container .device_contnt .device_content {
         margin-bottom: 25px;
    }
     #sec-podcast {
         padding: 10px 0px 30px;
    }
     .vital-fea {
         font-size: 13px;
         padding: 10px 50px;
    }
     .sec-3-head h5 {
         line-height: 32px;
         font-weight: 500;
    }
     .s3-box.s3-wrapper {
         flex-direction: column-reverse;
         background-color: transparent;
    }
     .num-cir {
         background: #f4f3f8;
         display: inline-block;
    }
     .s3-text h3 {
         display: inline-block;
         position: relative;
         top: -12px;
         margin: 0;
         font-size: 20px;
         margin-left: 15px;
    }
     .s3-box.s3-wrapper {
         padding: 15px 0;
    }
     .s3-con-box h3 + p {
         font-size: 13px;
         line-height: 26px;
    }
     .s3-img.s3-con-box video {
         border-radius: 20px;
    }
     .s3-box.s3-wrapper.box-2 {
         flex-direction: column;
    }
     .s3-box.s3-wrapper {
         margin-top: 0px;
    }
     .s3-box.s3-wrapper.box-2 {
         background-color: transparent;
    }
     .s3-box.box-2 video {
         height: 170px;
    }
     .sec3-con-2 .container {
         padding-left: var(--bs-gutter-x,.75rem) !important;
    }
     .sec3-con-2 .s3-cen-box {
         flex-direction: column-reverse;
    }
     .s3-cen-box .s3-text {
         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: 15px;
         margin-top: 20px;
         margin-bottom: 0;
         text-wrap: balance;
    }
     .s3-text h3 + p + ul {
         margin-top: 20px;
    }
     .sec3-con-2 .container {
         padding-left: 0 !important;
         padding-right: 0 !important;
    }
     .sec3-con-2 img.row3_pc {
         max-width: 100%;
    }
     .sec3-con-2 {
         background-color: transparent;
    }
     .s3-box.box-4 video {
         height: auto;
    }
     .s3-box.box-5 video {
         height: 170px;
    }
     .hero-box-one::after{
         display: none;
    }
}
 @media screen and (min-width:320px) and (max-width: 480px) {
     .save-btn, .save-btn:hover {
         font-size: 22px;
         width: auto;
    }
}