.view {
    /*height: 200px;*/
    margin: -4px 0 0 0;
    position: relative;
    z-index: 9;
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

    .view::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 100%;
        bottom: 0;
        width: 120%;
        height: 74px;
        left: -10%;
        right: -10%;
        background: -webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 30%);
        background: radial-gradient(ellipse at 50% -3%, rgb(0, 0, 0), rgba(97, 97, 97, 0.0) 30%);
    }

    .view h3 {
        font-size: 18px;
        text-align: center;
    }

    .view div.view-back1 {
        width: 50%;
        /*height: 148%;*/
        position: absolute;
        right: 0;
        z-index: 0;
        /*background: #0a0a0a;*/
        /*background: -moz-linear-gradient(left, #0a0a0a 0%, #666666 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0a0a0a), color-stop(100%,#666666));*/
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0a0a0a), color-stop(100%,#666666));
        background: -webkit-linear-gradient(left, #8BC34A 0%,#8BC34A 100%);
        background: -moz-linear-gradient(left, #8BC34A 0%,#8BC34A 100%);
        background: -ms-linear-gradient(left, #8BC34A 0%,#8BC34A 100%);
        /*background: -o-linear-gradient(left, #0a0a0a 0%,#666666 100%);
                background: -ms-linear-gradient(left, #0a0a0a 0%,#666666 100%);
                background: linear-gradient(left, #0a0a0a 0%,#666666 100%);*/
        transform: skewY(0deg);
        -webkit-backface-visibility: hidden;
    }

h3 {
    color: #fff;
}

.view div.view-back2 {
    width: 50%;
    /*height: 148%;*/
    position: absolute;
    left: 0;
    z-index: 0;
    background: -webkit-linear-gradient(left, #8BC34A 0%,#6F983F 100%);
    background: -ms-linear-gradient(left, #8BC34A 0%,#6F983F 100%);
    border-right: -1px solid gray;
    transform: skewY(0deg);
    -webkit-backface-visibility: hidden;
}

/*.view div.view-back2:hover {
                    transform: skewY(1deg);
                }
                 .view div.view-back1:hover {
                    transform: skewY(1deg);
                }*/

@media (max-width: 768px) {
    /*.view-back2 ul li:last-child  {
        margin-bottom:40px !important
    }*/
    ul.lpd-products li.type-product h3 {
        font-size: 11px;
    }
}