html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    vertical-align: baseline;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    text-decoration: none;
    scroll-behavior: smooth;
    font-weight: 400;
    line-height: 24px;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    font-size: 18px;
    text-size-adjust: 100%;
    background-color: #fff;

    color: #6f6f6f;
    line-height: 1.4;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

input[type=checkbox] {
    display: none;
}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}

.clearfix {
    zoom:1;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container{
    width: 100%;
}

.w-container{
    max-width: 970px;
    display: block;
    margin: auto;
    padding-left: 12px;
    padding-right: 12px;
}

.w-20 {
    width: 20%;
}

.w-80 {
width: 80%;
}
.w-100 {
width: 100%;
}
.h-100{
height: 100%;
}

.db {
display: block !important;
}

.dn{
    display: none !important;
}

.df {
display: flex !important;
}

.pr {
position: relative !important;
}

.justify-content-between{
justify-content: space-between !important;
}

.justify-content-center{
justify-content: center !important;
}

.pl-0{
padding-left: 0 !important;
}

.pl-15{
padding-left: 15px !important;
}

.pb-0{
padding-bottom: 0 !important;
}

.pt-0{
    padding-top: 0px !important;
}

.pt-10{
padding-top: 10px !important;
}

.pt-20{
padding-top: 20px !important;
}

.pt-30{
padding-top: 30px !important;
}

.pt-40{
padding-top: 40px !important;
}
.pt-50{
padding-top: 50px !important;
}
.pb-20{
padding-bottom: 20px !important;
}

.pr-5 {
padding-right: 5px !important;
}
.p-0{
    padding: 0 !important;
}
.p-5{
padding: 5px;
}
.p-10{
padding: 10px;
}
.p-20{
padding: 20px;
}
.p-30{
padding: 30px;
}
.p-40{
padding: 40px;
}

.pb-5 {
padding-bottom: 5px !important;
}
.pb-10 {
padding-bottom: 10px !important;
}

.pb-20 {
padding-bottom: 20px !important;
}
.p-50{
padding: 50px;
}
.nav-logo{
width: 200px;
}

.m-0{
margin: 0 !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-10 {
margin-top: 10px !important;
}
.mt-20 {
margin-top: 20px !important;
}

.mt-30 {
margin-top: 30px !important;
}

.mt-35 {
margin-top: 35px !important;
}
.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
margin-right: 10px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-5 {
margin-bottom: 5px !important;
}

.mb-10 {
margin-bottom: 10px !important;
}

.mb-20 {
margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
margin-bottom: 40px !important;
}

.mb-60 {
margin-bottom: 60px !important;
}

.ml-5{
    margin-left: 5px !important;
    }

.ml-15{
margin-left: 15px !important;
}

.ml-30{
    margin-left: 30px !important;
}

.br {
    display: block;
}

.tl{
    text-align: left !important;
}

.ac{
    align-items: center !important;
}

.menu > img:first-of-type {
    display: none;
}

.btn-order {
    background-color: #0fd13d;
    border-color: transparent;
    border-radius: 3px;
    color: #fff;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .41);
    padding: 10px;
    max-width: 250px;
    word-break: normal;
    transition: all .3s ease-in;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    margin: 0 15px;
    text-align: center;
    line-height: 1.4;
}

.btn-order-stickey{
    background-color: #0ed13d;
    border-color: #0ed13d;
    width: 100%;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 0.75rem 1rem;
    border-radius: 3px;
    color: #fff;
    transition: all .23s ease-out;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), inset 0 1px 0 hsla(0, 0%, 100%, .3);
    width: 100%;
    display: block;
    text-align: center;
    cursor: pointer;
}

.btn-product--primary.focus, .btn-product--primary:focus, .btn-product--primary:hover {
    color: #fff;
    background-color: #0cb936;
    border-color: #0ed13d;
}

.btn-order-stickey:hover{
    color: #fff;
    background-color: #0cb936;
    border-color: #0ed13d;
}

.banner-btn a:hover {
    color: #fff;
    background-color: #0cb936;
    border-color: #0ed13d;
}

.section-in-seconds .wrapper .btn a:hover {
    color: #fff;
    background-color: #0cb936;
    border-color: #0ed13d;
}

.section-batteries .wrapper .btn a:hover{
    color: #fff;
    background-color: #0cb936;
    border-color: #0ed13d;
}

.section-hearing-now .w-container .btn:hover{
    color: #fff;
    background-color: #0cb936;
    border-color: #0ed13d;
}

.section-priority .w-container .btn:hover {
    color: #fff;
    background-color: #0cb936;
    border-color: #0ed13d;
}

.btn{
    border-radius: 2px;
}

.btn a{
    border-radius: 2px;
}

.menu{
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
}

.logo-wrapper{
    max-width: 145px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    line-height: 0;
}

.logo-wrapper img{
    width: 100%;
}

nav > .container {
    background: linear-gradient(270.12deg, #53a1ea .01%, #365bf2 98.02%);
}

.nav-right{
    display: flex;
    align-items: center;
    flex-direction: row;
}

.nav-right > img {
    width: 30px;
    margin-left: 15px;
}

.nav-right > div {
    display: flex;
}

header {
    background-image: url(../img/banner-bg.webp);
    background-size: cover;
    background-position: 50% 50%;
    padding: 80px 0;
    overflow: hidden;
}

.banner {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin: auto;
}

.banner > div {
    height: 100%;
    line-height: 1.3;
    z-index: 0;
    color: #fff;
    margin: auto;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-basis: 75%;
    position: relative;
}

.banner > div:first-of-type::before {
    content: "";
    background: url(../img/bg-hero-circle.png) no-repeat 50% 50%;
    background-size: contain;
    margin: -4rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.banner-img{
    position: relative;
}

.banner-img > img:first-of-type{
    max-height: 220px;
}
.banner-img > img:last-of-type{
    position: absolute;
    width: 65.78%;
    bottom: 0;
    right: -51%;
    max-width: 100%;
}

.banner-p{
    color: #000;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 0;
    line-height: 1.3;
}

.banner-btn{
    margin: 15px 0;
    flex-basis: 58.33%;
    display: flex;
    width: 100%;
    max-width: 58.3333333333%;
}

.banner-btn a{
    background-color: #0ed13d;
    border-color: #0ed13d;
    width: 100%;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 0.75rem 1rem;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    transition: all .23s ease-out;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), inset 0 1px 0 hsla(0, 0%, 100%, .3);
    line-height: 1.3;
}

.banner-text{
    max-width: 75%;
    flex: 0 0 75%;
}

.banner-text p:first-of-type{
    margin-top: 40px;
}

.banner-text p span{
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    display: block;
    text-align: center !important;
}

.banner-stats{
    background: linear-gradient(270.12deg, #53a1ea .01%, #365bf2 98.02%);
}

.banner-stats > .w-container {
    justify-content: space-around !important;
    display: flex;
}

.banner-stats > .w-container  > div > img{
    width: 40px;
}
.banner-stats > .w-container  > div{
    display: flex;
    justify-items: center;
    align-items: center;
    margin: 1rem 0;
}

.banner-stats > .w-container  > div > h3{
    margin-left: 0.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    font-size: 14px;
}

.about-section .w-container > div > div > h2{
    color: #000 !important;
    font-size: 32px !important;
    font-weight: 700;
    line-height: 1.2;
}

.about-section .w-container > div:first-child{
    padding: 3rem 0;
    display: flex;
    justify-content: center;
}

.about-section .w-container > div:first-child > div:first-child{
    max-width: 66.66666%;
}

.about-section .section {
    display: flex;
    gap: 30px;
    margin-bottom: 3rem;
}

.about-section .section > div:first-of-type {
    min-width: 58.33333%;
}

.about-section .section > div:first-of-type img {
    width: 100%;
}

.about-section .section h3{
    font-size: 26px !important;
    margin-bottom: 0.5rem;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 1.5rem !important;
    color: #000;
}

.about-section .section > div > p > span {
    display: block;
}

.about-section .section > div > p > span > b{
    font-weight: 700 !important;
    color: #000;
}

.about-section .section > div > p > span:last-of-type {
    margin-top: 20px;
}

.reverse {
    flex-direction: row-reverse;
}

.sticky-container {
    z-index: 9;
    top: -1px;
    background: linear-gradient(90deg, #28a5ef, #2758fa 67%);
    position: sticky;
}

.sticky > div:first-of-type {
    min-width: 100px;
    max-width: 155px;
    width: 25%;
}

.sticky{
    padding: 15px 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.sticky > div > img{
    max-width: 180px;
}

.sticky > div:first-of-type > a{
    display: flex;
    line-height: 0;
}

.sticky > div:first-of-type > a > img {
    width: 100%;
    height: auto;
}

.section.reverse > div > h3{
    text-align: center;
}

.section{
    align-items: center;
}

.sticky-container > .sticky > div:last-child{
    width: 350px;
}

.gallery > div {
    display: flex;
    max-width: 100%;
}
.gallery > div img{
    width: 25%;
}

.new-era{
    background-image: url(../img/era.jpg);
    background-size: cover;
    background-position: 50% 95%;
    padding: 80px 0;
}

.new-era .w-container > h1 {
    font-size: 32px !important;
    color: #000 !important;
    text-align: center !important;
    margin-bottom: 1.5rem !important;
    font-weight: 700;
    line-height: 1.2;
}

.first-order-image {
    display: none;
}


.dhm-savior {
    display: flex;
    flex-direction: row;
    padding-top: 2rem;
    margin-bottom: 1rem;
}

.dhm-savior-l{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex: 2;
    width: 25%;
    justify-content: space-between;
    max-width: 330px;
}

.dhm-savior-m{
    margin: 1rem;
    max-width: 36rem;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dhm-savior-m img{
    display: block;
    width: 100%;
}

.dhm-savior-r{
    display: flex;
    flex-direction: column;
    margin-left: auto;
    flex: 2;
    gap: 2rem;
    width: 25%;
    justify-content: space-between;
    align-items: flex-end;
}

.advantages-blue h5 {
    font-weight: 700;
    line-height: 1.4;
    font-size: .9rem;
}

.advantages-blue {
    max-width: 165px;
    color: #000;
}
.advantages-blue p {
    font-size: .9rem;
    color: inherit;
}
.dhm-savior-r .advantages-blue {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-end;
}

.section-patented {
    background-image: url(../img/patented-background.webp);
    background-position: 100%;
}

.section-patented .wrapper{
    display: flex;
    color: #000;
    padding: 3rem 0;
}

.section-patented .wrapper div:first-of-type{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.section-patented .wrapper div:first-of-type h2{
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.2;
    font-size: 32px;
}

.section-patented .wrapper div:first-of-type img {
    max-width: 127px;
    height: auto;
}

.section-patented .wrapper p {
    font-size: 18px;
}
.section-patented .wrapper span {
    font-size: 18px;
}

.section-in-seconds {
    padding: 80px 0;
}

.section-in-seconds .wrapper > div {
    display: flex;
    gap: 30px;
    justify-content: space-around;
}

.section-in-seconds .wrapper > h1 {
    color: #000;
    font-size: 32px !important;
    margin-bottom: 1.5rem !important;
    width: 100%;
    text-align: center;
    font-weight: 700;
}

.section-in-seconds .wrapper > div > div > p {
    text-align: center;
    margin-top: 1.5rem;
    font-weight: 700 !important;
    color: #000;
}
.section-in-seconds .wrapper > div > div > img {
    width: 100%;
}



.section-in-seconds .wrapper .btn a{
    background-color: #0ed13d;
    color: #fff;
    border: 0;
    box-shadow: none;
    max-width: 315px;
    width: 100%;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 20px;
    transition: all .2s ease;
    text-align: center;
    margin-top: 15px;
}
.section-batteries {
    background: linear-gradient(270.12deg, #365bf2 .01%, #53a1ea 98.02%);
}
.section-batteries .wrapper {
    padding: 3rem 0;
}

.section-batteries .wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #fff;
    gap: 30px;
}

.section-batteries .wrapper > div > h1 {
    font-size: 32px !important;
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 1.2;
}

.section-batteries .wrapper > div > p {
    font-size: 15px !important;
    line-height: 1.4;
    margin-bottom: 22px;
}

.section-batteries .wrapper > div:first-of-type{
    width: 58.3333%;
    flex-basis: 58.33%;
}

.section-batteries .wrapper > div:last-of-type{
    width: 41.666666%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.section-batteries .wrapper .btn{
    margin-top: 20px;
    justify-content: center;
    display: flex;
}

.section-batteries .wrapper .btn a{
    background-color: #0ed13d;
    color: #fff;
    border: 0;
    box-shadow: none;
    margin: auto;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 20px;
    transition: all .2s ease;
    line-height: 1.6;
    text-align: center;
}

.section-properties .wrapper {
    display: flex;
}

.section-properties .wrapper > div {
    gap: 30px;
}

.section-properties .wrapper > div > p {
    text-align: center;
}

.section-properties .wrapper > div > p > b {
    font-weight: 700 !important;
    font-size: 17px !important;
    color: #000 !important;
}

.section-properties .wrapper > div > img{
    width: 100%;
}

.section-properties .wrapper > div > p > span {
    font-size: 17px !important;
    color: #000 !important;
    display: block;
}

.section-properties .w-container {
    padding: 3rem 0;
}

.section-properties > div > h1 {
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    font-size: 32px !important;
    color: #000 !important;
}

.section-hearing-now {
    background-image: url(../img/did-you-know-bg.webp);
    background-size: cover;
    background-position: 50% 50%;
}

.section-hearing-now .w-container {
    padding-top: 3rem;
    padding-bottom: 1rem;
}

.section-hearing-now .w-container div h3 {
    font-size: 34px !important;
    padding-bottom: 1.5rem !important;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 24px;
    color: #fff;
}

.section-hearing-now .w-container > div {
    max-width: 455px;
}

.section-hearing-now .w-container div p {
    font-size: 18px !important;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 22px;
}

.section-hearing-now .w-container div p span{
    display: block;
    font-size: inherit;
    color: inherit;
}

.section-hearing-now .w-container .btn a {
    color: #fff;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.section-hearing-now .w-container .btn {
    background-color: #0ed13d;
    border-color: #0ed13d;
    width: 100%;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 0.75rem 1rem;
    border-radius: 3px;
    color: #fff;
    transition: all .23s ease-out;
    text-align: center;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), inset 0 1px 0 hsla(0, 0%, 100%, .3);
}

.section-faq .w-container h3{
    font-size: 32px !important;
    color: #000;
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 3rem;
}

.section-faq .w-container > div{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.section-faq .w-container > div > div{
    display: flex;
    gap: 30px;
}

.section-faq .w-container > div > div > div:first-of-type{
    width: 16.6666%;
    justify-content: flex-end;
    display: flex;
}

.section-faq .w-container > div > div > div:first-of-type img{
    max-width: 75px;
}

.section-faq .w-container > div > div > div:last-of-type{
    width: 83.3333%;
}

.section-faq .w-container p > b{
    font-weight: 700 !important;
    line-height: 1.4;
    font-size: .9rem;
    color: #000;
}

.section-faq .w-container p > span{
    display: block;
    margin-top: 8px;
    line-height: 1.4;
    font-size: .9rem;
}

.section-faq .w-container{
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

.section-review .w-container h3 {
    font-size: 32px !important;
    color: #000;
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 3rem;
}

.section-review{
    background-color: #f8f9fa !important;
}

.section-review .w-container > div {
    margin-top: 1.5rem;
    display: flex;
    gap: 16px;
    padding-bottom: 3rem;
}

.section-review .w-container > div > div{
    display: flex;
    flex-direction: column;
    border: 1px solid #b9b9b9;
}

.section-review .w-container > div > div > div{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.section-review .w-container > div > div > div > img{
    padding: 1.5rem;
}

.section-review .w-container > div > div > div > p > span{
    color: #6f6f6f;
    font-size: 16px !important;
    line-height: 1.4;
    font-weight: 700 !important;
}

.section-review .w-container > div > div > div > p > img{
    width: 76px;
    height: auto;
    display: block;
}

.section-review .w-container > div > div:nth-child(1){
    padding: 1.5rem;
}

.section-review .w-container > div > div:nth-child(1) > div:nth-child(2) p{
    font-weight: bold;
    color: #000;
    margin-bottom: 1.5rem;
}
.section-review .w-container > div > div:nth-child(1) > div:nth-child(3) p{
    color: #000;
}

.section-review .w-container > div > div:nth-child(2){
    padding: 1.5rem;
}

.section-review .w-container > div > div:nth-child(2) > div:nth-child(2) p{
    font-weight: bold;
    color: #000;
    margin-bottom: 1.5rem;
}
.section-review .w-container > div > div:nth-child(2) > div:nth-child(3) p{
    color: #000;
}

.section-review .w-container > div > div:nth-child(3){
    padding: 1.5rem;
}

.section-review .w-container > div > div:nth-child(3) > div:nth-child(2) p{
    font-weight: bold;
    color: #000;
    margin-bottom: 1.5rem;
}

.section-review .w-container > div > div:nth-child(3) > div:nth-child(3) p{
    color: #000;
}

.section-priority {
    background: linear-gradient(270.12deg, #53a1ea .01%, #365bf2 98.02%);
    padding: 80px 0;
    color: #fff;
}

.section-priority .w-container > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-priority .w-container > div > h2 {
    font-size: 32px !important;
    font-weight: 700;
    line-height: 1.2;
}

.section-priority .w-container > div > p {
    font-size: 24px !important;
    line-height: 1.4;
    font-weight: 700 !important;
}
.section-priority .w-container .btn {
    background-color: #0ed13d;
    color: #fff;
    border: 0;
    box-shadow: none;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 45px;
    transition: all .2s ease;
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
    border-radius: 2px;
}

.section-read-more .w-container div {
    font-size: 14px !important;
    color: #000;
    margin-top: 1rem;
}

.section-read-more .w-container a {
    display: flex;
    justify-content: flex-end;
    text-decoration: underline;
    font-size: 14px;
    margin-bottom: 1rem;
}

footer {
    position: relative;
    background: #09212e;
    padding: 75px 0;
    text-align: center;
    font-weight: normal;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 1.4;
}

footer ul {
    margin: 25px 0;
    padding: 0;
}

footer ul li {
    display: inline-block;
    margin: 0 10px;
    text-transform: uppercase;
}

footer ul li a{
    color: #fff;
    font-size: 12px;
    transition: all .3s ease;
}

footer p {
    color: #fff;
    font-size: 12px;
    margin-top: 20px;
}

footer p span{
    text-decoration: underline;
    font-size: 12px;
    margin-bottom: 5px;
}

footer .w-container > div > div > img:first-of-type {
    max-width: 25%;
    height: 27px;
}

footer .w-container > div > div > img:last-of-type {
    max-width: 100%;
    height: 27px;
}

.position-absolute-nav{
    position: absolute;
    right: 12px;
    width: 30px;
    display: none;
    cursor: pointer;
}

.nav__toggle-row{
    background: #fff;
    height: 2px;
    margin-bottom: 4px;
    display: none;
}
.active {
    display: block !important;
}

.position-absolute-nav-m{
    display: none;
    max-width: 100% !important;
}
.nav__toggle-close {
    display: none;
}

.menu > img {
    width: 30px;
    height: 20px;
}

.first-order-image{
    text-align: center;
}
.first-order-image img {
    max-width: 330px;
}

@media only screen and (max-width: 1024px){
    .w-container{
        max-width: 100% !important;
        padding: 0 12px;
    }
    header{
        background-size: cover;
        background-position: 30% 50%;
        max-width: 100% !important;
        padding: 0 12px;
    }
    .nav-right {
        display: none;
    }
    .position-absolute-nav{
        display: block;
    }
    .menu > img {
        display: block !important;
        position: absolute;
        left: 5px;
    }
    .w-container{
        max-width: 960px;
    }
    .menu {
        flex-direction: row;
        justify-content: center !important;
    }
    .dhm-savior-m{
        display: none;
    }
    .first-order-image {
        display: block;
    }
    .dhm-savior{
        flex-direction: column;
        margin: 24px 60px 0 60px;
    }
    .dhm-savior-l{
        width: 100%;
        max-width: none;
    }
    .dhm-savior-r{
        width: 100%;
        max-width: none;
        align-items: flex-start !important;
        padding-top: 30px;
    }
    .advantages-blue {
        max-width: none;
    }
    .advantages-blue h5 {
        font-size: 18px;
    }
    .advantages-blue p {
        font-size: 18px;
    }
    .section-patented .wrapper > div{
        gap: 30px;
    }
    .section-patented .wrapper > div{
        display: none;
    }
    .section-hearing-now .w-container > div {
        max-width: none;
    }
    .section-review .w-container > div {
        display: block;
    }

    .section-review .w-container > div > div{
        margin-top: 15px;
    }
    .sticky-container .sticky{
        padding: 1rem;
    }
    .sticky > div > img {
        width: 100%;
        padding: 0 5px;
    }
}

@media only screen and (max-width: 768px){
    header {
        background-image: url(../img/bg-showcase-bottom-mobile_02.webp);
    }
    .about-section .w-container > div:first-child > div:first-child {
        max-width: none;
        text-align: center;
    }

    .about-section .w-container > div:first-child > div:first-child h2{
        font-size: 24px !important;
    }
    .about-section .w-container > div:first-child {
        padding: 1.5rem;
    }
    .about-section .section {
        flex-direction: column;
    }
    .about-section .section h3 {
        padding-bottom: 0;
    }
    .about-section .section {
        gap: 8px;
        margin-bottom: 1rem !important;
    }
    .section.reverse > div > h3{
        padding-bottom: 0 !important;
    }
    .about-section .section > div > p > span > b {
        font-size: 18px;
    }

    .about-section .section > div > p > span {
        font-size: 18px !important;
        color: #000 !important;
    }
    .section.reverse {
        padding-bottom: 2rem;
    }
    .gallery > div{
        display: block;
        margin: 0;
        padding: 0;
        font-size: 0;
    }
    .gallery > div img {
        width: 50% !important;
        margin: 0;
        padding: 0;
        vertical-align: top;
    }

    .section-batteries .wrapper{
        flex-direction: column;
        align-items: center;
    }
    .section-batteries .wrapper > div {
        width: 100%;
        margin: 0 auto;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .section-batteries .wrapper > div:last-of-type {
        width: 100%;
    }
    .section-properties .wrapper {
        flex-direction: column;
    }

    footer .w-container > div > img {
        width: 100%;
    }

    .section-faq .w-container > div > div > div:last-of-type {
        width: 100%;
    }

}

@media only screen and (max-width: 576px){
    header {
        padding: 0;
    }
    .banner-stats .w-container > div:last-of-type {
        display: none;
    }
    .banner-btn {
        max-width: none;
    }
    .banner > div {
        flex-basis: 100%;
    }
    .banner-img > img:last-of-type {
        right: -65%;
    }
    .banner-text{
        margin-bottom: 10px;
    }
    .dhm-savior{
        margin: 0;
    }
    .section-in-seconds .wrapper > div {
        flex-direction: column;
    }
    .section-in-seconds .wrapper .btn {
        align-items: center;
    }
    .section-faq .w-container > div > div > div:first-of-type {
        display: none;
    }
    .banner-img img{
        position: relative;

    }
    .banner-img img:last-of-type{
        right: -10%;
        width: 40%;
    }
    .sticky-container img {
       display: block;
       width: 100%;
    }
    .sticky-container .sticky{
        flex-direction: column;
    }
    .sticky-container .sticky div:nth-child(2){
        display: none;
    }
    .sticky-container > .sticky > div:last-child {
        margin-top: 10px;
        max-width: 100%;
    }
    .first-order-image img {
        max-width: 100%;
    }
    .section-batteries .wrapper > div{
        width: 100% !important;
        flex-basis: 100% !important;
    }
    .section-batteries .wrapper > div > img{
        max-width: 100%;
    }
    .section-batteries .wrapper > div > h1{
        text-align: center;
    }
    .section-properties > div > h1 {
        font-size: 24px !important;
    }
}