@media  (max-width:1536px) {
     .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  (max-width:1400px) and (min-width:1280px)  {
.workPlay {
    height: 655px;
    background: url(../../images/indexNew/water-bg.png) no-repeat top center;
    background-size: cover;
}

}
@media  (max-width:1400px)  {
.secc-2-content h2{font-size:50px}
.device_txt b{font-size: 22px;}
.device_content.step-6 .device_txt {margin-top: 36px;}
.device_content_container .device_contnt .device_content:first-child{margin-bottom: 10px;}
.device_content.step-3 .device_txt {margin-top: 24px;}
.device_content.step-2 .device_txt{margin-bottom: 40px;}
.device_content_container .device_contnt .device_content:first-child{min-height: 186px;}
.s3-box.s3-wrapper.box-4 .s3-text p{padding-right: 0;}
.s3-box.s3-wrapper.box-5 .s3-text p{padding-right: 0;}
.s3-text p{padding-right: 120px}
.blueSec h2, h2.sec-head{font-size: 50px;}
.textshow-container .texts h3{font-size: 30px;} 
.list .text p, .textshow-container .texts ul li{font-size: 20px;}
.list .text p{margin-left: 10px;}
.textshow-container .texts p{font-size: 16px;line-height: 30px;}


}
 @media  (max-width:1340px) {
     .hero-box-one::before{
         width: 62vw;
    }
    .hero-text h1 span.sub-hdng1{font-size: 80px;}
    
}
 @media  (max-width:1200px){
     .exp-box.box-2 .exp-text {
         left: 0;
    }
}
 @media  (max-width: 1650px) and (min-width:1200px)   {
     .position-relative {
         width: 90%;
         margin:0 auto;
    }
     .exp-box.box-2{
         margin-right: 0;
    }
}
 @media  (max-width: 1199px) and (min-width:992px)   {
     .b-bow-wrapper {
         max-width: 900px;
    }
    .workPlay {
    height: 600px;}
    .s3-box.s3-wrapper.box-2 .s3-img.s3-con-box img, .s3-box.s3-wrapper.box-5 .s3-img.s3-con-box img{width: 460px;}
    .s3-box.s3-wrapper.box-2, .s3-box.s3-wrapper.box-5{min-height: 350px;}
     .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;padding-right: 0;
    }
     .s3TxtBx h3{font-size: 30px} .text{font-size: 16px;line-height: 30px}
     .Slides{width: 120px;height: 120px}
     .text{font-size: 18px}
     .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: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_content.step-2 .device_txt{margin-top: 15px}
     .device_content.step-6 .device_txt {
    margin-top: 21px;
}
     .device-features {
    padding: 0px 0 60px;
}
     .blueSec h2{font-size: 30px;padding-top: 40px;}
     .list .text span img{width: 30px}
     .list .text p{font-size: 19px}
     .textshow-container .texts h3{font-size: 24px}
     .textshow-container .texts p{font-size: 16px;line-height: 30px}
     .textshow-container .texts ul li{font-size: 18px}
     .textshow-container .texts ul li span img{width: 20px}
     .save-btn, .save-btn:hover {
        font-size: 22px;
        padding: 8px 20px;
        width: 280px;
        margin: 30px auto 10px;
        display: table;
    }
     #earbuds-table h5{font-size: 22px}
     #review {
    padding: 60px 0px 0px;
}
     .device_content.step-3 .device_txt {
    margin-top: 30px;
}
     .device_txt b {
         font-size: 19px;
         line-height: 30px;
    }
     .box-two-img {
         width: 55%;
    }
     .box-two-text {
         max-width: 440px;
    }
     h2.sec-head {
         font-size: 30px;line-height: 40px;
    }
     .secc-2-content h2{font-size: 30px;line-height: 40px;}
     .secc-2-content p{font-size: 16px;
        line-height: 30px;}
     .box-two-text h2 span {
         font-size: 60px;
    }
     .box-two-text p {
         font-size: 16px;
         line-height: 30px;
         margin-bottom: 20px;
    }
     #sec-podcast h5{font-size: 22px}
     .spc-btn {
         margin: 30px 0 10px;
    }
}
 @media  (max-width: 991.9px) and (min-width:768px)   {
     .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: 40px;
         font-size: 40px;
         line-height: 60px;
    }
     .hero-text h2{font-size: 30px;margin: 20px 0;}
     .box-two-text .tophd{font-size: 14px;padding: 7px 30px;}
     .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: 380px;
    }
     .box-two-img {
    width: 46%;
}
     .box-two-text p {
         font-size: 16px;
         line-height: 30px;
         margin-bottom: 14px;
    }
     .secc-2-content h2{font-size: 28px;
    font-weight: 800;
    line-height: 35px;}
     .secc-2-content p{font-size: 16px;line-height: 30px}
     .workPlay{height: 500px}
     #sec-podcast h5{font-size: 20px;margin-bottom: 30px;}
     .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: 16px;
        line-height: 30px;
    }
     .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: 16px;padding-right: 0;
    }
     .s3TxtBx h3{font-size: 24px}
     .s3TxtBx p{font-size: 16px;line-height: 30px}
     .Slides{width: 100px;height: 100px;margin: 0 5px;}
     .text{font-size: 16px}
     .textslide-container{justify-content: center}
     
     .s3-box.s3-wrapper.box-5{margin-bottom: 60px} 
     .device-features {
    padding: 0px 0 60px;
}
     .blueSec h2{font-size: 30px;padding-top: 40px;}
     .list .text p{font-size: 16px}
     .list .text span img{width:20px}
     .textshow-container .texts h3{font-size: 20px}
     .textshow-container .texts p{font-size: 16px;line-height: 30px}
     .textshow-container .texts ul li span img{width: 15px}
     .textshow-container .texts ul li{font-size: 16px}
     .review-box p{font-size: 16px}
     #review .testName span{font-size: 12px}
     .s3-box.s3-wrapper.box-2, .s3-box.s3-wrapper.box-5{min-height: 250px}
     .s3-box.s3-wrapper.box-2 .s3-img.s3-con-box img, .s3-box.s3-wrapper.box-5 .s3-img.s3-con-box img{width: 350px}
     .s3-box.s3-wrapper {
         align-items: center;margin-bottom: 40px;margin-top: 0;
    }
     .s3-cen-box .s3-text {
         padding-top: 50px;
    }
     #work-paly {
         padding: 60px 0 60px;
    }
     .device_content.step-1 .device_txt {margin-top: 0;}
    .tab-view{display: block;}
     .device_content_container .device_contnt .device_content{display: 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_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-weight: 700;
    font-size: 20px;
    color: #2e4db8;
    background: #fff;
    width: 30px;
    display: flex;
    text-align: center;
    height: 30px;
    line-height: 1;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
     .mob-view h3 {
    color: #2e4db8;
    font-weight: 700;
    font-size: 18px;
    margin-left: 10px;
}
     .device_contnt p {
    margin-left: 0px;
    margin-bottom: 40px;
    box-shadow: none;
}
}
 @media screen and (max-width:767px){
     .fasion_cntnr {
         flex-direction: column-reverse;
    }
    #mob-btn-3.btn-box p{
        color: #fff;
        font-size: 11px;
    }
    .brand-slider-box{
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
     #earbuds-table h5{font-size: 16px;line-height: 30px}
     
     #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: 50px;
         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: absolute;
        bottom: 30px;
        width: 100%;
        padding-left: 0;
        left: auto;
        right: auto;
    }
     #hero-box .btn-box{
         display: none;
    }
     .hero-box-one {
         background: url(../../images/indexNew/mob-banner.png) no-repeat;background-size: cover;height: 750px;
         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;justify-content: flex-start;font-size: 16px;text-align: left;
    }
     .b-box img{
         width: 35px;
         position: static;
         top: 8px;
    }
     .desk-view{
         display: none;
    }
     .mob-view{
         display: block;
    }
     .mob-view h3{color: #2e4db8;
        font-weight: 700;
        font-size: 18px;margin-left: 10px;}
     .mob-view span{font-weight: 700;
        font-size: 20px;
         color: #2e4db8;
        background: #fff;
        width: 30px;
        display: flex;
        text-align: center;
        height: 30px;
        line-height: 1;
        border-radius: 50%;
        text-align: center;
        align-items: center;
        justify-content: center;
   }
     .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: 28px;
         text-align: center;
         margin-bottom: 5px;font-weight: 700;font-family: "Poppins", sans-serif;
         line-height: 1.2;
         color: #2E4DB9;
    }
     .hero-text p{font-size: 20px;font-weight: 400;font-family: "Poppins", sans-serif;color: #2E4DB9;text-align: center;}
     .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%;padding-right: 0;
    }
     .box-two-text{margin-top: 50px}
     .box-two-img{
         display: none;
    }
     h2.sec-head {
        
         font-size: 24px;
         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%;
    }
     .box-two-text .tophd{margin: 0 auto 20px;font-size: 13px;
        padding: 10px 50px;margin-left: auto !important;}
     .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;}
     .s3-box.s3-wrapper.box-2, .s3-box.s3-wrapper.box-5{min-height: auto;margin-bottom: 0}
     .s3-cen-box{padding: 20px;display: block;top: 0;border-radius: 40px 40px 0 0;}
     .s3TxtBx, .textslide-container {width: 100%;}
     .s3TxtBx h3{font-size: 20px;position: relative;top: 13px;}
     .s3TxtBx p{font-size: 16px;line-height: 30px;margin-bottom: 0;}
     .Slides{width: 90px;height: 90px;background: #2e4db8;border: 2px solid rgba(255, 255,255, 0.6)}
     .text{font-size: 14px}
     .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%;
         margin-bottom: 0px;
    }
     .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-reverse;
    }
     .s3-box.s3-wrapper.box-5 {flex-direction: column}
     .device-features {padding: 0px 0 60px 0}
     .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%;border-radius: 40px;
    }
    .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: .75rem;
    }
     .box-two-text p {
         margin-left: 0px !important;
         font-size: 16px;
         line-height: 30px;
         margin-bottom: 20px;
    }
     .secc-2-content {
    background: transparent;
    padding: 0;
    border-radius: 0;
}
     .secc-2-content h2{font-size: 24px;text-align: center;line-height: 34px;}
     .secc-2-content p{font-size: 16px;line-height: 30px}
     .workPlay{background: none;height: auto}
     .workPlay .container{height: auto}
     .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;
         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:first-child .device_content.flex-row-reverse {
         text-align: left;
    }
     .box-two-text h2 {
         margin-top: 0px;line-height: 30px;
    }
     .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: 0px;
        margin-bottom: 40px;
        box-shadow: none;
    }
     .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 0px 30px;
    }
     #sec-podcast h5{display: none}
     .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;
    }
     .section8{padding: 0px 0 40px;}
     .section8 .vital-fea {
    border: 2px solid #2e4db8;
    color: #2e4db8;
}
     .section8 .sec-3-head h2{color: #2e4db8;}
     .accordion{padding: 8px 45px 8px 0;font-size: 15px;
    line-height: 25px;}
     .num-cir {
         background: #F4F3F8;width: 50px;height:  50px;
         display: inline-block;position: static;
    }
     .s3-box.s3-wrapper.box-1, .s3-box.s3-wrapper.box-4{background: transparent;}
     .s3-box.s3-wrapper.box-1 .curve, .s3-box.s3-wrapper.box-4 .curve{display: none}
     .s3-text h3 {
         display: inline-block;
         position: relative;
         top: -19px;
         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: 16px;
         margin-top: 0px;
         margin-bottom: 40px;
         padding-right: 0;line-height: 30px;
    }
     .s3-text .num-cir p{color: #152859;}
     .s3-box.s3-wrapper.box-2, .s3-box.s3-wrapper.box-5{background: transparent;padding-left: 0}
     .s3-box.s3-wrapper.box-2 .curve, .s3-box.s3-wrapper.box-5 .curve{position: static;display: none;}
     .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;
    }
     #review .testName span{display: inline}
     .blueSec{background: url(../../images/indexNew/mob-blue-bg.png) no-repeat top center;
    background-size: cover;}
     .blueSec h2{font-size: 24px}
     .listingSec{display: none}
     .mob-accordian{display: inline-block;}
     .mob-accordian .up-slide-dwn{background: transparent;-webkit-box-shadow: none;
    box-shadow: none;border-bottom: 2px solid #273E8D;margin-top: 0;padding: 10px 10px 8px 10px;}
    .mob-accordian .accordion1{background: url(../../images/indexNew/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: url(../../images/indexNew//open-white.png) 100% center no-repeat;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}
     .hero-con .container {
    max-width: 100%;
}
}
 @media screen and (min-width:320px) and (max-width: 480px) {
     .save-btn, .save-btn:hover {
         font-size: 22px;
         width: auto;
    }
}
 