.pageProduct{
    margin-top: 0px;
}
.productsMenuTop{
    background-color: #0370b8;
    color: white;
    font-weight: bold;
}
.productsMenusContainer{
    display: flex;
    flex-wrap: wrap
}
.productsMenuTop>.productsMenusContainer a:hover{
    background-color: #1d7bb9;
    animation: headShake;
    animation-duration: 1s;
    transition-duration: 1s;
}
.productsMenuTop>.productsMenusContainer a{
    border: solid 1px #ffffff14;
    height: 80px;
    color: white;
    display: block;
    font-size: 20px;
    line-height: 80px;
    text-align: center;
    flex-grow: 1;
    transition-duration: 1s;
}
.productsMenuCardList{
    height: 590px;
    display: flex;
    justify-content: center
}
.productsMenuCardList:nth-child(odd) {
    background-color: #ededed;
}
.productsMenuCardListItem{
    display: flex;
    align-items: center;
}
@media (max-width: 768px){
    .pageProduct{
        margin-top: 135px;
    }
    .topBanner{
        display: flex;
        position: relative;
        padding:0px !important;
    }
    .productCardItem>a>div{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .productCardItem>a>div>div{
        flex: 0 0 30%
    }
    .productCardItem>a>div>h3{
        flex: 0 0 70%;
        font-size: 18px !important;
    }
    .productCardItem img{
        height: 100px;
        object-fit: contain;
    }
}