.services div.service_text {
    padding-right: 100px;
    padding-left: 0
}

.services.left .service_custom {
    float: right
}

.services.right .service_custom {
    float: left
}

.services_b.left {
    text-align: right
}

.services_b.right {
    text-align: left
}

.services.right div.service_text {
    padding-left: 100px;
    padding-right: 0;
    text-align: left
}

.services_b.left div.service_text,
.services_b.right div.service_text {
    padding-left: 0;
    padding-right: 0
}

.services_b i {
    display: inline-block
}

.service_img {
    float: right;
    margin: 10px 0 0 20px
}

.services.right .service_img {
    float: left;
    margin: 10px 20px 0 0
}

.services_b .service_img {
    margin-right: auto;
    margin-left: auto
}

.services_b.left .service_img,
.services_b.right .service_img {
    margin-left: 0;
    margin-right: 0
}

.services_b div.service_text {
    padding: 0
}

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

    .services .service_custom i {
        right: 50%;
        transform: translateX(50%)
    }

    .services.left .service_custom,
    .services.right .service_custom,
    .services.left .service_img,
    .services.right .service_img {
        float: none
    }

}