/*** css front end****/

.blog-tip .all-columns {
    width: 100%;
    float: left;
    clear: both;
}

.blog-tip .all-columns img {
    max-width: 1095px;
    width: auto;
    height: auto;
}

.blog-tip .one-half,
.blog-tip .one-third,
.blog-tip .two-third {
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
}

.blog-tip .one-half {
    width: 47% !important;
}

.blog-tip .one-half img {
    width: 100%;
    height: auto;
}

.blog-tip .one-third {
    width: 30% !important;
}

.blog-tip .one-third img {
    width: 100%;
    height: auto;
}

.blog-tip .two-third {
    width: 64% !important;
}

.blog-tip .two-third img {
    width: 100%;
    height: auto;
}

.blog-tip .first {
    clear: left;
    margin-right: 2% !important;
}

.blog-tip .last {
    margin-left: 2% !important;
}

@media only screen and (max-width: 767px) {
    .blog-tip .all-columns img {
        width: 100%!important;
        height: auto;
    }
    .blog-tip .one-half,
    .blog-tip .one-third,
    .blog-tip .two-third {
        width: 100%!important;
        height: auto;
    }
    .blog-tip .one-half,
    .blog-tip .one-third,
    .blog-tip .two-third img {
        width: 100%!important;
        height: auto;
    }
    .blog-tip .first {
        margin-right: 0%;
    }
    .blog-tip .last {
        margin-left: 0%;
    }
}