#products_cnt>form {
    width        : 250px;
    height       : 40px;
    margin-right : 30px;
    margin-bottom: 20px;
    margin-left  : auto;
}

#products_cnt>form>select {
    -moz-appearance   : none;
    -webkit-appearance: none;
    display           : block;
    width             : 100%;
    height            : 40px;
    border-bottom     : solid 1px #f9d40a;
    color             : #f9d40a;
}

#products_cnt>form>select>option {
    background: #091d32;
}

.masonry-grid {
    display        : flex;
    flex-flow      : row wrap;
    align-items    : center;
    justify-content: space-between;
    padding        : 0 5px;
}

.grid-item {
    position     : relative;
    display      : flex;
    flex-flow    : row wrap;
    max-width    : 300px;
    height       : 500px;
    margin       : 10px 5px;
    border-radius: 10px;
    overflow     : hidden;
}


.grid-item>img {
    background: white;
    width     : 100%;
    height    : 300px;
}

.grid-item>div {
    background : #f9d40a;
    width      : 100%;
    height     : 200px;
    padding    : 10px;
    align-items: flex-start;
    animation  : normal .3s forwards Product_Details_Shrink;
}

.grid-item>div:hover {
    cursor   : pointer;
    animation: normal .3s forwards Product_Details_Expand;
}

.grid-item>div>h5 {
    width      : 100%;
    padding    : 0 10px;
    color      : #393939;
    line-height: 40px;
    font-size  : 18px;
    font-weight: bold;
}

.grid-item>div>p {
    direction  : rtl;
    padding    : 0 10px;
    text-align : justify;
    font-size  : 16px;
    color      : #393939;
    line-height: 35px;
    width      : 100%;
}


@media screen and (max-width: 991.98px) {
    .masonry-grid {
        justify-content: space-around;
    }

}

@media screen and (max-width: 575.98px) {
    .grid-item {
        width    : 100vw;
        max-width: 100%;
        height   : calc(100vw + 200px);
    }

    .grid-item>img {
        height: 100vw;
    }
}