.page-views,
.view-count {
    font-size: 16px;
    line-height: 22px;
    min-width: 100px
}

.page-views .field-videoviewcount:before,
.view-count .field-videoviewcount:before {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    width: 32px;
    height: 20px;
    background-image: url(../../../images/view-main-blue.svg);
    vertical-align: text-top;
    margin-right: 10px
}

.page-views .field-videoviewcount:hover:before,
.view-count .field-videoviewcount:hover:before {
    background-image: url(../../../images/view-sky-blue.svg)
}

@media (max-width:991px) {

    .page-views,
    .view-count {
        order: unset;
        margin-bottom: 0
    }
}

#tutorial-page-content .page-views,
#tutorial-page-content .view-count {
    color: #0954b5;
    flex-basis: auto;
    width: auto;
    align-self: center;
    margin-bottom: 30px
}

#tutorial-page-content .page-views .field-videoviewcount:before,
#tutorial-page-content .view-count .field-videoviewcount:before {
    background-image: url(../../../images/view-sky-blue.svg)
}

#tutorial-page-content .page-views .field-videoviewcount:hover:before,
#tutorial-page-content .view-count .field-videoviewcount:hover:before {
    background-image: url(../../../images/view-sky-blue.svg)
}

@media (max-width:991px) {

    #tutorial-page-content .page-views,
    #tutorial-page-content .view-count {
        order: 2;
        margin-bottom: 20px
    }
}