.header-store {
    background-color: #e24647;
    color: #fff;
    overflow: hidden;
    text-transform: uppercase;
    margin-bottom: 138px;
    padding-left: 60px;
}

.header-store > .title {
    font-size: 40px;
    font-family: Arial, "Roboto", sans-serif;
    float: left;
    cursor: pointer;
}

.header-store > .navigation {
    font-size: 21px;
    font-family: 'Segoe UI', "Roboto", sans-serif;
    float: right;
    color: inherit;
}

/* .header-store .menu {
    display: none;
} */

.header-store .item {
    display: inline-block;
    margin-right: 60px;
    padding-bottom: 8px;
}

.header-store .item.-menu {
    display: none;
}

.header-store .item.-last {
    margin-right: 0;
}

.header-store .action {
    text-decoration: none;
    color: inherit;
    position: relative;
}

    
.header-store .action::after {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transition: transform 200ms linear;
    transform-origin: center left;
}

.header-store .action:hover::after {
    transform: scaleX(1);
}

.header-store .list {
    display: inline-block;
}

@media (max-width: 1310px) {
    .header-store {
        padding-right: 60px;
    }
}

@media (max-width: 1235px) {
    .header-store {
        margin-bottom: 70px;
    }

    .header-store > .title {
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .header-store > .navigation {
        float: none;
        text-align: center;
    }
}

@media (max-width: 955px) {
    .header-store {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 530px) {
    .header-store .item {
        text-align: center;
        margin: 20px 0;
        padding: 0 0 20px 0;
        margin-right: 15px;
    }
}

@media (max-width: 465px) {
    .header-store .item {
        font-size: 16px;
        margin-right: 5px;
    }
}

@media (max-width: 375px) {
    .header-store {
        padding-left: 16px;
        padding-right: 16px;
    }

    .header-store .list {
        margin-bottom: 0;
    }
}

@media (max-width: 335px) {
    .header-store .item.-menu {
        cursor: pointer;
        display: block;
        box-sizing: border-box;
        width: 40px;
        height: 40px;
        background: url(../img/menu-hamburguer.svg) #fff no-repeat center;
        text-indent: -9999px;
        border-radius: 2px;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;

        transform: translate(-100%);
        transition: transform 400ms 100ms linear;
    }

    .header-store .list {
        background-color: #fff;
        color: #313131;
        width: 100vw;
        padding: 30px 0;
        position: absolute;
        top: 0;
        right: 0;

        transform: translateX(100%);
        transition: transform 300ms linear;
    }
    
    .header-store .list.-active {
        transform: translateX(0)
    }

    .header-store .list.-active .item.-menu {
        background-image: url(../img/menu-close.svg);
        transform: translate(0);
        transition: none;
    }

    .header-store .item {
        display: block;
        margin: 0;
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 21px;
    }

}