.hdrstrip {
    background: var(--main-gradient);
    position: relative;
    z-index: 20;
    border-radius: 0 0 15px 15px;
}
.hdrstrip .wrap-base{
    justify-content: space-between;
    height: 37px;
    align-items: center;
}
.hdrstrip .wrap-base > span{
    font-size: 12px;
    color: var(--white-500);
    display: flex;
    align-items: center;
    gap: 6px;
}
.hdrstrip .wrap-base > span::before{
    content:"";
    width: 16px;
    height: 16px;
    background: url(/wp-content/themes/biohacking-redesign/img/icons/hdr-strip.png) no-repeat;
    display: block;
    background-size: auto 20px;
    background-position: 0 -2px;
}
.icon-hdrstrip-1::before {
}
.icon-hdrstrip-2::before {
    background-position-x: -17px !important;
}
.icon-hdrstrip-3::before {
    background-position-x: -35px !important;
}
.icon-hdrstrip-4::before {
    background-position-x: -55px !important;
}
.icon-hdrstrip-5::before {
    background-position-x: -75px !important;
}

.hdrstrip-desctop{

}

.hdrstrip-mobile{
    display: none;
}

.hdrstrip-both{
    color: #fff;
    font-size: 14px;
    display: flex;
    text-align: center;
    align-items: center !important;
    justify-content: center !important;
}


@media (max-width: 1200px) {

    .hdrstrip-desctop{
        display: none;
    }
    .hdrstrip-mobile{
        color: #fff;
        font-size: 11px;
        display: flex;
        text-align: center;
        align-items: center !important;
        justify-content: center !important;
    }

    .hdrstrip-both{

        font-size: 11px;

    }

}