.categories__item.categories__large__item{
    padding-left: 56px !important;
}
.categories__text h1{
    color: #fff !important;
    font-size: 45px !important;
}

.header__menu ul{
    width: max-content;
    margin-left: auto;
}

.header__menu {
    padding: 40px 40px 27px !important;
}

.categories__item__hs{
    background-position: right;
    background-size: contain;
}
.instagram__item{
    background-position: center;
    background-size: contain;
    background-color: gainsboro;
    margin: 0 3px;
}


@media only screen and (max-width: 768px) {
    .header__logo img{
        max-width: 80%;
    }
    .categories__large__item{
            background-size: 100% 100%;
    }
    .product__item__pic{
        background-size: contain;
    }
    .banner, categories__large__item {
        background-position: right;
        position: relative;
    }
    .bg-lyr{
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 2555, 2555, 0.6);
    }
    .bg-lyrB{
        position: absolute;
        width: 100%;
        height: calc(100% - 10px);
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 0;
    }
    .categories__item.categories__large__item{
        padding-left: 0px !important;
    }
    .categories__item.categories__large__item .categories__text{
        z-index: 1;
        text-align: center;
    }
    .instagram__item{
        background-position: center;
        background-size: contain;
        background-color: gainsboro;
        margin: 0 0 8px;
    }
    .footer__social{
        text-align: center;
    }
}



.d-fx-top{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0px 4px 13px 5px rgb(0 0 0 / 20%);
    z-index: 99999;
}

.categories__item__hs:hover .categories__text h4{
    transform: translateY(-10px);
    transition-duration: 500ms;
}
.categories__item__hs:hover{
    background-size:  110% 110%;
    background-position: center;
    transition-duration: 1s;
}