@media (max-width: 1250px) {
    .references-area .referenssi-box img {
        width: 100%;
        margin-bottom: 30px;
    }
    .references-area .referenssi-box .content {
        display: block;
        width: 100%;
        margin-left: 0px;
    }
    .references-area .referenssi-box .content h3 {
        font-size: 1.3em;
    }
    .references-area .referenssi-box .read-more {
        position: relative;
        margin-top: 30px;
        display: inline-block;
    }

    .referenssi-area > h3 {
        margin-top: 10px;
    }

    .referenssi-area .referenssi .image-box {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 40px;
    }
    .referenssi-area .referenssi .image-box .preview {
        width: 100%;
        height: 200px;
    }
    .referenssi-area .content {
        width: 100%;
        display: block;
    }
    .referenssi-area .referenssi .image-box .thumbnail-balls .ball{
        width: 20px;
        height: 20px;
        
    }
    .references-area .referenssi-box .content .amount {
        left: initial;
        right: 0px;
        top: 30px;
    }
}