.all-news,
.article-inner__content,
.article-inner__icons,
.digest,
.listing-featured__top,
.listing-featured,
.photo-caption,
.section-title,
.categories-container,
.categories,
.author-widget,
.widget__icons-wrapper,
.widget__icons,
.widget_sponsor,
.widget {
    display: -ms-flexbox;
    display: flex
}

.all-news,
.article-inner__collab,
.article-inner__content,
.article-inner__icons,
.digest,
.photo-caption,
.section-title,
.category_block,
.categories,
.widget__icons-wrapper,
.widget__icons,
.widget_sponsor,
.widget {
    -ms-flex-align: center;
    align-items: center
}

.article-inner__icons,
.digest,
.widget_share {
    -ms-flex-pack: space-between;
    justify-content: space-between
}

.all-news,
.photo-caption,
.section-title,
.category_block,
.categories-container,
.categories,
.author-widget,
.widget_sponsor {
    -ms-flex-pack: center;
    justify-content: center
}

.widgets-bottom__left,
.widgets-bottom__right {
    position: fixed;
    z-index: 1;
    bottom: 1.25rem
}

.widgets-bottom__left {
    left: 1.5rem
}

.widgets-bottom__right {
    right: 1.5rem
}

.widget {
    height: 2.5rem;
    padding: 0 .5rem;
    border-radius: 62.5rem;
    background-color: #fff;
    width: 15.5rem;
    border: .0625rem solid #e8e8e8
}

.widget:not(:last-child) {
    margin-bottom: .5rem
}

.widget_share .widget__icon:not(:last-child) {
    margin-right: .25rem
}

.widget_sponsor {
    flex-direction: column;
    height: 100%;
    border-radius: 1rem;
    border: 0;
    padding: 1.25rem 1rem
}

.widget_sponsor>img {
    height: 6rem
}

.widget_sponsor>div {
    margin-bottom: 1rem
}

.widget__number {
    margin-left: auto;
    margin-right: .5rem
}

.widget span {
    margin-left: .5rem
}

.author-widget {
    margin-bottom: .5rem;
    padding: 2.625rem 1rem 1rem;
    background-color: #fff;
    border: .0625rem solid #e8e8e8;
    border-radius: 1.25rem;
    position: relative
}

.author-widget__avatar {
    border: .375rem solid #e8e8e8;
    border-radius: 100%;
    position: absolute;
    top: -2rem;
    z-index: 1
}

.author-widget__avatar::before {
    content: "";
    height: 4.125rem;
    width: 4.125rem;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.author-widget__avatar:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    content: "";
    height: 2.25rem;
    width: 4.5rem;
    background-color: #fff;
    bottom: -0.375rem;
    z-index: -1
}

.author-widget__avatar img {
    height: 3.5rem;
    width: 3.5rem;
    border-radius: 100%;
    object-fit: cover
}

.author-widget__info {
    text-align: center
}

.author-widget__info div:first-child {
    margin-bottom: .125rem
}




@media(max-width: 1023px) {
    .widgets-bottom {
        margin-bottom: 1.25rem
    }

    .widgets-bottom__left,
    .widgets-bottom__right {
        position: static
    }

    .widgets-bottom__left {
        margin-bottom: 1rem
    }

    .widget {
        width: 100%
    }

    .widget_news .circled-icon,
    .widget_digest .circled-icon {
        width: 1.5rem;
        height: 1.5rem
    }

    .widget_share {
        flex-direction: column;
        border-radius: 0;
        border: 0;
        height: auto
    }

    .widget_share span {
        margin-left: 0;
        margin-bottom: 1rem
    }

    .widget_share .widget__icons {
        justify-content: center;
        width: 100%;
        position: relative;
        z-index: 1
    }

    .widget_share .widget__icons::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        content: "";
        height: .0625rem;
        width: 100%;
        background-color: #e8e8e8;
        z-index: -1
    }

    .widget_share .widget__icons-wrapper {
        padding: 0 .875rem;
        background-color: #fff
    }

    .widget_share .widget__icon:not(:last-child) {
        margin-right: 1rem
    }

    .author-widget {
        margin-top: 3.75rem;
        padding: 3rem 1.25rem 1.25rem
    }

    .author-widget__avatar {
        border: .4375rem solid #e8e8e8;
        top: -2.6875rem
    }

    .author-widget__avatar::before {
        content: "";
        height: 5.25rem;
        width: 5.25rem
    }

    .author-widget__avatar:after {
        height: 2.75rem;
        width: 5.5rem;
        bottom: -0.5rem
    }

    .author-widget__avatar img {
        height: 4.5rem;
        width: 4.5rem
    }

    .author-widget__info div:first-child {
        margin-bottom: .25rem
    }
}

@media(max-width: 767px) {
    .widgets-bottom {
        margin-bottom: 1rem
    }

    .widget_share span {
        margin-bottom: .5rem
    }

    .author-widget {
        margin-top: 2.75rem;
        padding: 2.5rem 1rem 1rem
    }

    .author-widget__avatar {
        border: .375rem solid #e8e8e8;
        top: -2rem
    }

    .author-widget__avatar::before {
        height: 4.125rem;
        width: 4.125rem
    }

    .author-widget__avatar:after {
        height: 2.25rem;
        width: 4.5rem;
        bottom: -0.375rem
    }

    .author-widget__avatar img {
        height: 3.5rem;
        width: 3.5rem
    }
}

.categories .category {
    margin-bottom: .75rem
}

.categories .category:not(:last-child) {
    margin-right: 1rem
}

.categories-container {
    flex-wrap: wrap
}

.category {
    display: block
}

.category_sm img {
    height: 1.75rem
}

.category_lg img {
    height: 2.25rem
}

.category_block {
    min-width: max-content;
    display: flex;
    max-width: fit-content;
    height: 3.25rem;
    border-radius: .5rem;
    border: .0625rem solid #e8e8e8;
    padding: 0 .75rem;
    margin-bottom: .75rem;
    transition: background-color 0.3s ease
}

.category_block img {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter 0.3s ease, opacity 0.3s ease
}

.category_block:hover,
.category_block.active {
    background-color: #33333321;
    border: .0625rem solid #e8e8e8
}

.category_block:hover img,
.category_block.active img {
    filter: none;
    opacity: 1
}


.widget__icons-wrapper .widget__icon{
    transition: background-color 0.3s  ease;
    cursor: pointer;
}
.widget__icons-wrapper .widget__icon.on-hover-fb:hover {
    background: #1877F2;
}

.widget__icons-wrapper .widget__icon.on-hover-x:hover {
    background: #616161;
}
.widget__icons-wrapper .widget__icon.on-hover-ln:hover {
    background: #0472b1;
}
.widget__icons-wrapper .widget__icon.on-hover-fb:hover > .icon:before,
.widget__icons-wrapper .widget__icon.on-hover-x:hover > .icon:before,
.widget__icons-wrapper .widget__icon.on-hover-ln:hover > .icon:before
{
    color: #fff;
}
.all_news_btn{
    transition: background-color 0.3s  ease;
    cursor: pointer;
}
.all_news_btn:hover{
    background: #495583;
}
.all_news_btn:hover > span,
.all_news_btn:hover > .circled-icon{
    color: #fff;
}

.all_news_btn:hover > .circled-icon{
    background: #5b658e;
}






@media(max-width: 1023px) {
    .categories .category {
        margin-bottom: .75rem
    }

    .categories .category:not(:last-child) {
        margin-right: .875rem
    }

    .category_lg img {
        height: 1.75rem
    }

    .category_block {
        height: 2.75rem
    }

    .category_block.category_sm img {
        height: 1.25rem
    }
}

@media(max-width: 767px) {
    .categories-container {
        justify-content: flex-start;
        margin: 0 auto;
        flex-wrap: nowrap
    }

    .categories {
        justify-content: flex-start;
        overflow-x: auto;
        margin: 0 -1rem;
        padding: 0 1rem
    }

    .categories::-webkit-scrollbar {
        display: none
    }

    .categories .category:not(:last-child) {
        margin-right: .75rem
    }

    .category_block {
        height: auto;
        padding: 2rem 1.5rem .75rem .75rem
    }

    .category_block.category_sm img {
        height: 1.5rem
    }
}

.section-title {
    height: 3rem
}

.section-title_border {
    border-top: .0625rem solid #e8e8e8;
    border-bottom: .0625rem solid #e8e8e8
}

@media(max-width: 1023px) {
    .section-title {
        height: 2.5rem
    }
}

.lead {
    border-top: 1px solid;
    border-image-source: linear-gradient(to right, #e8e8e8 calc(50% - 1.125rem), transparent calc(50% - 1.125rem), transparent calc(50% + 1.125rem), #e8e8e8 calc(50% + 1.125rem));
    border-image-slice: 1;
    position: relative;
    padding: 1.5rem 0 0
}

.lead:after,
.lead::before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    transform: translateX(-50%) rotate(45deg);
    background-color: #e8e8e8;
    height: .5rem;
    width: .5rem
}

.lead::after {
    content: "";
    top: -0.25rem
}

@media(max-width: 1023px) {
    .lead {
        border-image-source: linear-gradient(to right, #e8e8e8 calc(50% - 0.6875rem), transparent calc(50% - 0.6875rem), transparent calc(50% + 0.6875rem), #e8e8e8 calc(50% + 0.6875rem))
    }

    .lead:after,
    .lead::before {
        height: .375rem;
        width: .375rem
    }

    .lead::after {
        top: -0.1875rem
    }
}

.lead__content {
    border-bottom: 1px solid;
    border-image-source: linear-gradient(to right, #e8e8e8 calc(50% - 1.125rem), transparent calc(50% - 1.125rem), transparent calc(50% + 1.125rem), #e8e8e8 calc(50% + 1.125rem));
    border-image-slice: 1;
    position: relative;
    padding: 0 0 1.5rem;
    text-align: center
}

.lead__content:after,
.lead__content::before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    transform: translateX(-50%) rotate(45deg);
    background-color: #e8e8e8;
    height: .5rem;
    width: .5rem
}

.lead__content::before {
    content: "";
    bottom: -0.25rem
}

@media(max-width: 1023px) {
    .lead__content {
        border-image-source: linear-gradient(to right, #e8e8e8 calc(50% - 0.6875rem), transparent calc(50% - 0.6875rem), transparent calc(50% + 0.6875rem), #e8e8e8 calc(50% + 0.6875rem))
    }

    .lead__content:after,
    .lead__content::before {
        height: .375rem;
        width: .375rem
    }

    .lead__content::before {
        bottom: -0.1875rem
    }
}

.news-img {
    border-radius: 1rem;
    width: auto;
}

.news-img_mixed {
    border-radius: 1rem 0 1rem 0
}

.news-img_left,
.news-img_right {
    -ms-flex: 0 0 calc(36.28% - .75rem);
    flex: 0 0 calc(36.28% - .75rem);
    max-width: calc(36.28% - .75rem)
}

.news-img_left {
    float: left;
    margin: 0 1.5rem 0 7rem
}

.news-img_right {
    float: right;
    margin: 0 7rem 0 1.5rem
}

.quote {
    padding: 4.5rem 2.25rem 2.25rem;
    text-align: center;
    border-radius: 1rem;
    background-color: #f4f4f4
}

.quote.narek_xl {
    line-height: 1.6
}

.quote img {
    border-radius: 100%;
    border: .0625rem solid #e8e8e8;
    margin: 0 auto .5rem;
    max-width: fit-content;
    padding: .1875rem;
    width: 5rem;
    height: 5rem;
    object-fit: cover
}

.quote p {
    background-image: url("../../img/quote-vintage-left.png"), url("../../img/quote-vintage-right.png");
    background-position: left top, right bottom 1.875rem;
    background-repeat: no-repeat;
    background-size: 3.75rem 3.125rem;
    background-repeat: no-repeat;
    padding: 0 5.75rem 1.875rem;
    margin-bottom: 1.875rem;
    border-bottom: 1px solid;
    border-image-source: linear-gradient(to right, #e8e8e8 calc(50% - 1.125rem), transparent calc(50% - 1.125rem), transparent calc(50% + 1.125rem), #e8e8e8 calc(50% + 1.125rem));
    border-image-slice: 1;
    position: relative
}

.quote p:after,
.quote p::before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    transform: translateX(-50%) rotate(45deg);
    background-color: #e8e8e8;
    height: .5rem;
    width: .5rem
}

.quote p::before {
    content: "";
    bottom: -0.25rem
}

@media(max-width: 1023px) {
    .quote p {
        border-image-source: linear-gradient(to right, #e8e8e8 calc(50% - 0.6875rem), transparent calc(50% - 0.6875rem), transparent calc(50% + 0.6875rem), #e8e8e8 calc(50% + 0.6875rem))
    }

    .quote p:after,
    .quote p::before {
        height: .375rem;
        width: .375rem
    }

    .quote p::before {
        bottom: -0.1875rem
    }
}

.annotation {
    background-color: #fdf7e9;
    padding: 1.75rem 5.5rem 1.75rem 2.25rem;
    border-radius: 1rem;
    position: relative
}

.annotation::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0) url("../../img/bookmark-vintage.png") center/cover no-repeat;
    height: 2.5625rem;
    width: 2.5625rem;
    right: 1.75rem;
    top: 0
}

.annotation.helv_lg {
    line-height: 1.6
}

.number {
    text-align: center;
    padding: 3.5rem 13rem;
    border-radius: 1rem;
    border: .0625rem solid #e8e8e8
}

.number__text {
    border-top: .0625rem solid #e8e8e8;
    margin-top: 1.5rem;
    padding-top: 1.5rem
}

.photo-caption {
    height: 1.5rem;
    padding: 0 .5rem;
    border-radius: .5rem;
    background-color: rgba(255, 255, 255, .15)
}

.photo-caption span {
    color: rgba(255, 255, 255, .5)
}

@media(max-width: 1023px) {
    .lead {
        padding: 1rem 0 0
    }

    .lead__content {
        padding: 0 0 1rem
    }

    .news-img img {
        border-radius: .75rem
    }

    .news-img_mixed img {
        border-radius: .75rem 0 .75rem 0
    }

    .news-img_left,
    .news-img_right {
        -ms-flex: 0 0 calc(39.91% - .75rem);
        flex: 0 0 calc(39.91% - .75rem);
        max-width: calc(39.91% - .75rem)
    }

    .news-img_left {
        margin: 0 1.5rem 0 0
    }

    .news-img_right {
        margin: 0 0 0 1.5rem
    }

    .number {
        padding: 2rem 5.375rem
    }

    .number__text {
        margin-top: .75rem;
        padding-top: .75rem
    }

    .quote {
        padding: 1.75rem 1.5rem 1.25rem
    }

    .quote img {
        width: 4rem;
        height: 4rem
    }

    .quote p {
        background-position: left top, right bottom 1.25rem;
        background-size: 1.75rem 1.5rem;
        padding: 0 3.5rem 1.25rem;
        margin-bottom: 1rem
    }

    .annotation {
        padding: 1.5rem 3.5rem 1.5rem 1.5rem;
        border-radius: .75rem
    }

    .annotation::before {
        height: 1.75rem;
        width: 1.75rem;
        right: 1.5rem
    }

    .photo-caption {
        border-radius: .25rem
    }
}

@media(max-width: 767px) {

    .news-img_left,
    .news-img_right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: .5rem;
        float: none
    }

    .news-img_left {
        margin-right: 0
    }

    .news-img_right {
        margin-left: 0
    }

    .number {
        padding: 1.25rem
    }

    .quote {
        padding: 1.25rem
    }

    .quote img {
        width: 3.5rem;
        height: 3.5rem;
        margin: 0 auto .25rem
    }

    .quote p {
        background-position: left top, right bottom 1.5rem;
        padding: 2rem 0 3rem;
        margin-bottom: 1rem
    }

    .annotation {
        padding: 2rem 1.25rem 1.25rem 1.25rem
    }

    .annotation::before {
        height: 1.5rem;
        width: 1.5rem
    }
}

.recommended-read__title {
    margin-bottom: 1.25rem
}

@media(max-width: 1023px) {
    .recommended-read__title {
        margin-bottom: 1rem
    }
}

.listing-featured {
    flex-direction: column;
    margin-bottom: 1.5rem
}

.listing-featured__top {
    padding: 1.5rem;
    border: .0625rem solid #e8e8e8;
    border-radius: 1rem 1rem 0 0;
    border-bottom: 0;
    height: 100%
}

.listing-featured__text {
    flex: 1
}

.listing-featured__text .helv_lg {
    line-height: 1.5rem
}

@media(max-width: 1023px) {
    .listing-featured__text .helv_lg {
        line-height: 1.25rem
    }
}

.listing-featured__img {
    -ms-flex: 0 0 39.15%;
    flex: 0 0 39.15%;
    max-width: 39.15%;
    margin-right: 1rem
}

.listing-featured__img img {
    border-radius: .75rem;
    width: 100%
}

.listing-featured_dark .listing-featured__top {
    background-color: #333;
    border-radius: 1rem 1rem 1rem 1rem;
    border: 0;
    padding: 1.5rem 8.5rem 1.5rem 1.5rem
}

@media(max-width: 1023px) {
    .listing-featured {
        margin-bottom: 1rem
    }

    .listing-featured__top {
        padding: 1rem;
        border-radius: .75rem .75rem 0 0
    }

    .listing-featured__img {
        -ms-flex: 0 0 7.875rem;
        flex: 0 0 7.875rem;
        max-width: 7.875rem
    }

    .listing-featured__img img {
        border-radius: .5rem
    }

    .listing-featured_dark .listing-featured__top {
        padding: 1.25rem
    }
}

@media(max-width: 767px) {
    .listing-featured__top {
        padding: .75rem;
        flex-direction: column
    }

    .listing-featured__img {
        margin: 0 0 .5rem 0;
        width: 100%;
        max-width: 100%
    }

    .listing-featured_dark .listing-featured__top {
        padding: .75rem;
        border-radius: .75rem
    }
}

.digest {
    height: 2.5rem;
    padding: 0 .75rem 0 1.5rem;
    border-radius: 0 0 1rem 1rem
}

.digest_light {
    background-color: #fff;
    border: .0625rem solid #f4f4f4;
    border-top: 0
}

.digest_dark {
    background-color: #f4f4f4;
    border: .0625rem solid #e8e8e8;
    border-top: 0
}

.digest__number {
    font: 400 1.125rem/2rem "BebasNeue", "Tahoma", sans-serif
}

@media(max-width: 1023px) {
    .digest {
        height: 2.25rem;
        padding: 0 .5rem 0 1rem;
        border-radius: 0 0 .75rem .75rem
    }
}

.content>p {
    margin: 0 7rem;
    letter-spacing: -0.012em
}

.inner_loves_page li a{
    font-weight: 500;
}
.inner_loves_page li a:hover{
    text-decoration: underline;
    
}

.content>p:not(:last-child) {
    margin-bottom: 1rem
}

@media(max-width: 1023px) {
    .content>p:not(:last-child) {
        margin-bottom: .75rem
    }
}
.loveis_page h2 strong,
.content h2 strong{
    font-weight: 700;
}
.loveis_page h2{
    margin: 2.25rem 0rem 1rem 0rem  
}
.content .annotation,
.content h2, 
.content .h2-font {
    margin: 2.25rem 7rem 1rem 7rem
}

.content h2 {
    margin: 2.25rem 7rem 1rem 7rem
}

@media(max-width: 1023px) {
    .content>p {
        margin: 0
    }
    .loveis_page h2,
    .content h2 ,
    .content .h2-font,
    .content .annotation {
        margin: 1.25rem 0
    }
}

@media(max-width: 767px) {
    .loveis_page h2,
    .content h2 ,
    .content .h2-font,
    .content .annotation {
        margin: 1rem 0
    }
}

.container {
    padding-bottom: 5.5rem
}

.article-inner__top {
    position: relative
}

.article-inner__icons {
    width: calc(100% - 4rem);
    top: 2rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.article-inner__img {
    margin-bottom: 2.125rem;
    position: relative
}

.article-inner__img::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    bottom: 0;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0) 49.99%, rgba(0, 0, 0, 0.5) 98.51%), linear-gradient(180deg, rgba(0, 0, 0, 0) 32.59%, #000000 93.3%);
    border-radius: 1rem 0 0 0
}

.article-inner__img img {
    width: 100%;
    border-radius: 1rem 0 0 0
}

.article-inner__content {
    flex-direction: column;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    bottom: 2rem;
    width: 100%
}

.article-inner__title {
    -ms-flex: 0 0 68%;
    flex: 0 0 68%;
    max-width: 68%;
    text-align: center;
    margin-bottom: 1.25rem
}

.article-inner__date {
    opacity: .5
}

.article-inner__collab {
    margin-bottom: 1.5rem
}

/* .article-inner__collab>div:first-child {
    position: relative;
    margin-right: 1.5rem;
    padding-right: 1.5rem
} */

/* .article-inner__collab>div:first-child::after {
    content: "";
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -0.75rem;
    font-size: 1.5rem;
    color: #bbb
} */

.article-inner__logo img {
    height: 2.25rem
}

.article-inner__chips {
    margin-bottom: 2rem
}

.all-news {
    height: 3.25rem;
    text-align: center;
    border-top: .0625rem solid #e8e8e8;
    border-bottom: .0625rem solid #e8e8e8
}

.all-news .category {
    margin: 0 .5rem
}

.ad_wide {
    margin-bottom: 2.625rem
}

@media(max-width: 1023px) {
    .container {
        padding-bottom: 3.5rem
    }

    .article-inner__top {
        margin-bottom: 1.25rem
    }

    .article-inner__img {
        margin-bottom: 1rem
    }

    .article-inner__content {
        position: static;
        transform: none;
        width: 100%
    }

    .article-inner__icons {
        top: 1rem;
        width: calc(100% - 2rem)
    }

    .article-inner__collab {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%);
        bottom: 1rem;
        width: 100%;
        justify-content: center;
        margin-bottom: 0
    }

    .article-inner__logo img {
        height: 1.75rem
    }

    .article-inner__title {
        padding: 0 .75rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        color: #1d1d1d;
        margin-bottom: .75rem
    }

    .article-inner__date {
        color: #8e8e8e;
        opacity: 1
    }

    .article-inner__chips {
        margin-bottom: 1.25rem
    }

    .all-news {
        height: 3rem
    }

    .all-news .category {
        margin: 0 .375rem
    }

    .widgets-bottom__right {
        border-radius: .75rem;
        border: .0625rem solid #e8e8e8;
        margin-bottom: 1.25rem
    }

    .ad_wide {
        margin-bottom: 1.25rem
    }
}

@media(max-width: 767px) {
    .container {
        padding-bottom: 4rem
    }

    .article-inner__top {
        margin-bottom: 1rem
    }

    .article-inner__title {
        margin-bottom: 0;
        padding: 0
    }

    .article-inner__img {
        margin: 0 -1rem
    }

    .article-inner__img img {
        border-radius: 0
    }

    .article-inner__icons {
        position: static;
        transform: none;
        width: 100%;
        width: calc(100% + 2rem);
        margin: 0 -1rem 1rem;
        padding: .75rem 1rem;
        background-color: #f4f4f4
    }

    .article-inner__icons .circled-icon {
        background-color: #fff;
        color: #bbb
    }

    .article-inner__chips {
        margin-bottom: 1rem
    }

    .widgets-bottom__right {
        margin-bottom: 1rem
    }
}