.test {
    background-color: #fff9e7;
    padding: 10px;
    border-left: 7px solid #fac30c;
    display: flex;
}

.test .test-img {
    width: 10%;
    position: relative;
}

.test .test-img img {
    box-shadow: none;
}

.test .test-text {
    width: 90%;
    /*margin-left: -40px;*/
}

.test .test-text ul {
    list-style: none;
}

.postNavigationContainerPositionFixed {
    min-height: 70px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 none;
    box-shadow: 0 2px 1px rgb(0 0 0 / 10%);
    transition: background-color 0.4s ease-in-out 0s,box-shadow 0.4s ease-in-out 0s,top 0.4s ease-in-out 0s;
}

@media (min-width:0) and (max-width:991px) {
    .postNavigationContainerPositionFixed {
        display: none;
    }

    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a span,
    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
        text-overflow: ellipsis !important;
        max-width: 200px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }
    .my-pig img {
        width: 40% !important;
        margin-top: 10% !important;
    }
    .author_avtar{
        max-width:48px!important;
    }
}
@media (min-width:992px) {
    .postNavigationContainerPositionFixed {
        display: inline-flex;
        position: fixed;
        top: 70px;
        width: 17.5%;
    }

    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a span,
    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
        text-overflow: unset !important;
        max-width: 100% !important;
        white-space: unset !important;
        overflow: visible !important;
    }

    .col-lg-8 {
        /*        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 0 0 66.666667%;*/
        -ms-flex: 0 0 75% ;
        flex: 0 0 75% ;
        max-width: 75% ;
    }

}
.postNavigationContainerPositionFixed #postNavigationList a:last-child
{
    padding-bottom:5rem;
}

@media (min-width:992px) and (max-width:1199px) {

    .col-lg-8 {
                -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 0 0 66.666667%;
      /*  -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
        max-width: 75% !important;*/
    }
}
@media (min-width:1200px)  {

    .col-lg-8 {
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
        max-width: 0 0 75% !important;
    }
}

a.c1-custom-bg:hover, a.c1-custom-bg:focus, a.c1-custom-bg:active {
    color: #ffc8a0 !important;
}
.c1-custom-bg {
    background: rgb(255,179,0)!important;
    background: linear-gradient(0deg, rgba(255,179,0,1) 0%, rgba(204,85,0,1) 100%)!important;
}
.c1-custom-text {
    color:whitesmoke;
}
.c1-custom-borders{
  /* border: 1px solid gray; */
}

.component.usn_cmp_cmbstrip .info, .component.usn_cmp_cmbstrip .link {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
}
.component.usn_cmp_ctastrip .link {
    margin-bottom: 0;
}