.blueimp-gallery > .next, .blueimp-gallery > .prev {

    background: rgba(0,0,0,0);
    border: 0;
    height: 220px;
    left: 15%;
    line-height: 220px;
    text-align: left;
    top: 40%;
    width: 220px;
}

.blueimp-gallery > .total,  .blueimp-gallery > .close {
    top: 15%;
}

.blueimp-gallery > .next,  .blueimp-gallery > .close {
    left: auto;
    right: 15%;
    text-align: right;
}

.blueimp-gallery > .total {
    color: #fff;
    font-size: 20px;
    left: 15%;
    position: absolute;
    text-shadow: 1.5px -1.5px rgba(0, 0, 0, 0);
}

@media screen and (max-width: 1600px)
{
    .blueimp-gallery > .next,
    .blueimp-gallery > .prev,
    .blueimp-gallery > .total
    {
        left: 8%;
    }
    .blueimp-gallery > .next,
    .blueimp-gallery > .close
    {
        left: auto;
        right: 8%;
    }
}

@media screen and (max-width: 1400px)
{
    .blueimp-gallery > .next,
    .blueimp-gallery > .prev,
    .blueimp-gallery > .total
    {
        left: 10%;
    }

    .blueimp-gallery > .next,
    .blueimp-gallery > .close
    {
        left: auto;
        right: 10%;
    }
}



@media screen and (max-width: 1366px) {
    .blueimp-gallery > .next,
    .blueimp-gallery > .prev,
    .blueimp-gallery > .total
    {
        left: 2%;
    }
    .blueimp-gallery > .next,
    .blueimp-gallery > .close
    {
        left: auto;
        right: 2%;
    }

    .blueimp-gallery > .total, .blueimp-gallery > .close {
        top: 8%;
    }
}

@media screen and (max-width: 1024px)
{
    .blueimp-gallery > .next, .blueimp-gallery > .prev
    {
        bottom: 3%;
        height: 120px;
        line-height: 160px;
        top: unset;

    }

    .blueimp-gallery > .total,  .blueimp-gallery > .close {
        top: 5%;
    }
}