.screenshot img
{
width: 560px;
height: 352px;
margin-right: 60px;

}

.section-title h1
{
    font-size: 32px;
    color: #333;
  
}


.cases > div
{
    padding:0;
}

.case-item
{
    /*width: 32.5%;*/
    width:100%;
    padding: 30px 15px;    
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 30px;
    height: 135px;
    transition: all .35s;
    display:table;
    /*float:left;*/
    margin: 0 -15px;
    
    color:#666;
}
.case-item > *
{
    display:table-cell;
    vertical-align:top;
}
.case-img
{
    width:80px;
}

.case-item.more p
{
    line-height:30px;
    margin-top:20px;
    color:rgba(47, 99, 246, 0.6);
}
.case-item.more:hover p
{
    color:rgba(47, 99, 246, 1);
}
.case-item.more p svg
{
    position:relative;
    top:7px;
    fill;rgb(47, 99, 246);
}

.case-content h1
{
    font-size: 18px;
    color: #333;
    margin-top:0;
}

.case-content
{
    padding-left:15px;
}

.case-item:hover
{
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(70,100,180,.1);
}

@media (max-width: 767px) 
{   
    .cases
    {
        margin-left:15px;
        margin-right:15px;
    }
}