.wrapper {
    background: rgb(243, 243, 243);
}

/* mobile */

.comp_logo img {
    height: auto;
    max-width: 100%;
    margin-top: -1em;
}

.mobile_logo {
    background: rgba(255, 255, 255, 0);
    height: 4em;
}

.mobile_logo a img {
    max-width: 100%;
    height: auto;
}

.mobile_nav_trigger {
    font-size: 30px;
    line-height: 1.6em;
    float: right;
    color: rgb(206, 8, 8);
}

.mobile_cart {
    font-size: 30px;
    line-height: 1.6em;
    float: right;
    color: rgb(206, 8, 8);
    position: relative;
}

.mobile_nav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.308);
    font-size: 18px;
    font-weight: 600;
}

.mobile_nav a {
    color: rgb(255, 255, 255);
}

.contact_panel {
    background: #fff;
    height: 10em;
    color: rgb(0, 91, 154);
    text-align: center;
}

.contact_icon {
    font-size: 40px;
    padding-top: 1em;
}

.contact_text {
    font-size: 16px;
    padding-top: 1em;
    color: gray;
    line-height: 20px;
}

.contact_form_col {
    background: rgb(247, 247, 247);
}

.contact_form_header {
    padding-top: 1em;
    font-size: 40px;
    line-height: 45px;
    font-weight: 600;
    color: rgb(0, 91, 154);
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
}

.map_container {
    height: 30em;
}

.foonter_cover {
    height: 25em;
}

.footer_logo {
    background: rgba(255, 255, 0, 0);
    height: 4em;
    width: 12em;
    ;
    display: inline-block;
}

.footer_rights {
    display: inline-block;
    margin-left: 2em;
    color: rgba(248, 248, 255, 0.596);
}

.footer_connect_head {
    color: rgba(248, 248, 255, 0.596);
    font-size: 23px;
    font-family: 'Times New Roman', Times, serif;
}

.footer_connect_kicker {
    color: rgba(248, 248, 255, 0.596);
    padding-top: 2.4em;
}

.contact_us_header {
    color: rgba(248, 248, 255, 0.596);
    font-size: 23px;
    font-family: 'Times New Roman', Times, serif;
}

.contact_us_content {
    color: rgba(248, 248, 255, 0.596);
    padding-top: 2.4em;
}

.footer_socials {
    color: rgba(248, 248, 255, 0.596);
    padding-top: 1.4em;
    font-size: 25px;
}

.navigate_header {
    color: rgba(248, 248, 255, 0.596);
    font-size: 23px;
    font-family: 'Times New Roman', Times, serif;
}

.navigate_content {
    padding-top: 2.4em;
}

.footer_ul {
    list-style: none;
}

.footer_ul li {
    line-height: 26px;
    border-bottom: 1px solid rgba(248, 248, 255, 0.596);
}

.footer_ul li a {
    color: rgba(248, 248, 255, 0.596);
}

/* tablet */

@media only screen and (min-width:425px) {}

/* desktop */

@media only screen and (min-width:768px) {
    /* sticky */
    .sticky_logo {
        background: rgba(255, 255, 255, 0);
        height: 3em;
        width: 10em;
        margin-left: 2em;
    }
    .sticky_navigation {
        display: flex;
    }
    .sticky_gap_bar {
        width: 5em;
        display: inline-flex;
        background: rgba(212, 212, 1, 0);
        margin: 4px;
    }
    .sticky_nave {
        text-align: right;
        padding-left: 2.4em;
        display: inline-flex;
        background: rgba(255, 255, 0, 0);
        margin-left: 4px;
        font-size: 16px;
        padding-top: 1em;
        font-weight: 500;
    }
    .sticky_nave a {
        color: black;
    }
    .computer_logo {
        background: rgba(255, 0, 0, 0);
        /* height: 5em; */
    }
    .computer_logo a img {
        max-width: 100%;
        height: auto;
    }
    .computer_navigation {
        display: flex;
    }
    .gap_bar {
        width: 2em;
        display: inline-flex;
        background: rgba(212, 212, 1, 0);
        margin: 4px;
    }
    .comp_nave {
        text-align: right;
        padding-top: 2.5em;
        padding-left: 1.5em;
        display: inline-flex;
        background: rgba(60, 0, 255, 0);
        margin-left: 4px;
        font-size: 15px;
    }
    }
    .comp_nave a {
        color: rgb(175, 175, 175);
        font-weight: 600;
    }
    .categories_bar {
        cursor: pointer;
    }
    .comp_treatment_bar:hover .comp_treatment_container {
        animation: showat 2s;
        display: block;
    }
    .comp_treatment_container {
        height: auto;
        background: rgba(255, 0, 0, 0);
        width: 35em;
        position: absolute;
        z-index: 1000;
        display: none;
        text-align: left;
        padding-top: .8em;
    }
    .comp_beauty_bar:hover .comp_beauty_container {
        animation: showat 2s;
        display: block;
    }
    .comp_beauty_container {
        height: auto;
        background: rgba(255, 0, 0, 0);
        width: 35em;
        position: absolute;
        z-index: 1000;
        display: none;
        text-align: left;
        padding-top: .8em;
    }
    .comp_supplements_bar:hover .comp_supplements_container {
        animation: showat 2s;
        display: block;
    }
    .comp_supplements_container {
        height: auto;
        background: rgba(255, 0, 0, 0);
        width: 35em;
        position: absolute;
        z-index: 1000;
        display: none;
        text-align: left;
        padding-top: .8em;
    }
    .comp_devices_bar:hover .comp_devices_container {
        animation: showat 2s;
        display: block;
    }
    .comp_devices_container {
        height: auto;
        background: rgba(255, 0, 0, 0);
        width: 20em;
        position: absolute;
        z-index: 1000;
        display: none;
        text-align: left;
        padding-top: .8em;
    }
    .comp_p_care_bar:hover .comp_p_care_container {
        animation: showat 2s;
        display: block;
    }
    .comp_p_care_container {
        height: auto;
        background: rgba(255, 0, 0, 0);
        width: 20em;
        position: absolute;
        z-index: 1000;
        display: none;
        text-align: left;
        padding-top: .8em;
    }
    @keyframes showCat {
        from {
            /* display: none; */
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    .footer_connect_head {
        color: rgba(248, 248, 255, 0.596);
        font-size: 33px;
        font-family: 'Times New Roman', Times, serif;
    }
    .contact_us_header {
        color: rgba(248, 248, 255, 0.596);
        font-size: 33px;
        font-family: 'Times New Roman', Times, serif;
    }
    .footer_ul li {
        line-height: 29px;
        font-size: 16px;
        border-bottom: 1px solid rgba(248, 248, 255, 0.596);
    }
}