.shape01 {
    position: relative;
}

/*.shape01:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/_Petroline/others/shape01.png);
    top: -28px;
    bottom:0;
    right:0px;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-10 !important;
    }*/




/*small title 02*/
.small-title02 {
    display: inline-flex!important;
    position: relative;
}
.small-title02 h3 {
    position: relative;
    display: inline-flex;
}

.small-title02:before {
    right: -70px;
    width: 6px;
    position: absolute;
    content: '';
    background-color: #fff;
    height: 22px;
    bottom: 0px;
    top: 8px;
    transform: skew(32deg);
}

.small-title02:after {
    right: -60px;
    width: 40px;
    position: absolute;
    content: '';
    background-color: #fff;
    height: 22px;
    bottom: 0px;
    top: 8px;
    margin-left: 120px!important;
    transform: skew(32deg);
}

@media only screen and (max-width: 992px) {
.small-title02:before {height: 14px;}
.small-title02:after {height: 14px;}}



























/*small title 05*/
.small-title05 {
    display: inline-flex!important;
    position: relative;
}
.small-title05 h3 {
    position: relative;
    display: inline-flex;
}

.small-title05:before {
    right: -70px;
    width: 6px;
    position: absolute;
    content: '';
    background-color: #ce030f;
    height: 22px;
    bottom: 0px;
    top: 8px;
    transform: skew(32deg);
}

.small-title05:after {
    right: -60px;
    width: 40px;
    position: absolute;
    content: '';
    background-color: #ce030f;
    height: 22px;
    bottom: 0px;
    top: 8px;
    margin-left: 120px!important;
    transform: skew(32deg);
}

@media only screen and (max-width: 992px) {
.small-title05:before {height: 14px;}
.small-title05:after {height: 14px;}}


