.wrapper .des {
    cursor: pointer;
    position: relative;
    bottom: 0;
    transition: all 0.4s linear;
    padding: 10px 22px;
}

.wrapper:hover .des {
    background: #ffffff;
    bottom: 58px;
}

a, a:hover, a:focus{text-decoration: none;}


hr {
    border:1px solid #CAC8C8;
    width: 100px;}

.title:hover{color: #2483FF}


@media screen and (max-width: 640px) {

    .size-sm{height: 200px; width: 100%}
}
@media screen and (min-width: 640px) {

    .size-sm{height: 500px; width: 100%}
}

h4{
    font-weight: 600;
}
p{
    font-size: 12px;
    margin-top: 5px;
}
.price{
    font-size: 30px;
    margin: 0 auto;
    color: #333;
}
.right{
    float:right;
    border-bottom: 2px solid #4B8E4B;
}
.thumbnail{
    opacity:0.70;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.thumbnail:hover{
    opacity:1.00;
    box-shadow: 0px 0px 10px #4bc6ff;
}
.line{
    margin-bottom: 5px;
}
@media screen and (max-width: 770px) {
    .right{
        float:left;
        width: 100%;
    }
}