.cat-h1 span{
    color: #fff;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    padding: 10px 13px;
    position: relative;
    text-transform: uppercase;
    transform: skewX(-10deg);
    z-index: 1;
    background: #008115;
}
.cat-h1{
    text-align: center;
}

.footer-pagenum-top{
    margin-top:-10px;
}

.content-ino{
    border-top: solid 1px #84be33;
    padding: 10px;
}

.content-ino .cat-h1 span{
    position: absolute;
    top: -15px;
    left:314px;
}



@media screen and (max-width:320px) {
 .content-ino .cat-h1 span {
        position: absolute;
        top: -15px;
        left:75px;
    }

}


@media screen and (min-width:321px) and (max-width:360px) {
 .content-ino .cat-h1 span {
        position: absolute;
        top: -15px;
        left:107px;
    }
}
@media screen and (min-width:361px) and (max-width:375px) {
 .content-ino .cat-h1 span {
        position: absolute;
        top: -15px;
        left:112px;
    }
}
@media screen and (min-width:376px) and (max-width:414px) {
 .content-ino .cat-h1 span {
        position: absolute;
        top: -15px;
        left:139px;
    }
}


@media screen and (min-width:415px) and (max-width:768px) {
 .content-ino .cat-h1 span {
        position: absolute;
        top: -15px;
        left:294px;
    }
}

@media screen and (min-width:769px) and (max-width:1024px) {
 .content-ino .cat-h1 span {
        position: absolute;
        top: -15px;
        left:246px;
    }
}