.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.333%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.666%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
}
@media (max-width: 992px) {
    .col-t-1 {
        width: 8.33%;
    }

    .col-t-2 {
        width: 16.66%;
    }

    .col-t-3 {
        width: 25%;
    }

    .col-t-4 {
        width: 33.333%;
    }

    .col-t-5 {
        width: 41.66%;
    }

    .col-t-6 {
        width: 50%;
    }

    .col-t-7 {
        width: 58.33%;
    }

    .col-t-8 {
        width: 66.666%;
    }

    .col-t-9 {
        width: 75%;
    }

    .col-t-10 {
        width: 83.33%;
    }

    .col-t-11 {
        width: 91.66%;
    }

    .col-t-12 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .col-s-1 {
        width: 8.33%;
    }

    .col-s-2 {
        width: 16.66%;
    }

    .col-s-3 {
        width: 25%;
    }

    .col-s-4 {
        width: 33.333%;
    }

    .col-s-5 {
        width: 41.66%;
    }

    .col-s-6 {
        width: 50%;
    }

    .col-s-7 {
        width: 58.33%;
    }

    .col-s-8 {
        width: 66.666%;
    }

    .col-s-9 {
        width: 75%;
    }

    .col-s-10 {
        width: 83.33%;
    }

    .col-s-11 {
        width: 91.66%;
    }

    .col-s-12 {
        width: 100%;
    }
}

header {
    padding: 20px 0;
    border-bottom: 1px solid #dadada;
    position: sticky;
    top: 0;
    left: 0;
    max-width: 100vw;
    width: 100%;
    z-index: 999;
    background-color: white;
}
.main-navigation,
.social-holder {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    padding-top: 20px;
}

.social-holder a:not(:last-child) {
    padding-right: 5px;
}

.main-navigation .nav-link {
    padding-right: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: black;
    font-weight: 500;
}

.main-navigation .nav-link:hover {
    color: rgb(210, 35, 42);
}

.main-navigation img {
    width: 20px;
}

header .social {
    width: 30px;
    margin-right: 0px;
}

header #logo {
    max-width: 100%;
    padding-left: 15px;
}

header ul {
    list-style-type: none;
    padding: 5px;
    margin: 0;
    padding-bottom: 0;
}
header .main-menu {
    position: relative;
}
header .main-menu .menu-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
}
header .sub-menu {
    display: none;
}

header .main-menu:hover .sub-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;

    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: auto;
    transform: translateY(100%);
    background-color: white;
    padding: 10px;
    border: 1px solid #dadada;

    z-index: 999;
}
header .main-menu .main-menu-item .sub-menu-item {
    display: block;
    width: 100%;
}
header .main-menu .main-menu-item .sub-menu-item:not(:first-child) {
    padding-top: 5px;
}

header .main-menu .main-menu-item .sub-menu-item:not(:last-child) {
    padding-bottom: 5px;
    border-bottom: 1px solid #dadada;
}

header #search-holder {
    padding-top: 30px;
    display: none;
}

header #search-holder.shown {
    padding-top: 30px;
    display: flex;
}

.grid-right,
.grid-left {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.big-part {
    max-width: 858px;
    width: 100%;
}

.small-part {
    max-width: 331px;
    width: 100%;
    min-width: 300px;
}

.grid-right .big-part {
    padding-right: 33px;
    padding-left: 20px;
}
#main-slider .grid-right .big-part,
#economy-part .grid-right .big-part {
    padding-right: 13px;
    padding-left: 0;
}
.grid-left .big-part {
    padding-left: 13px;
}
.after-right,
.after-bottom,
.after-left,
.after-right-2,
.before-right-2,
.before-bottom {
    position: relative;
}
.after-bottom {
    margin-bottom: 13px;
}
.after-right::after,
.after-right-2::after,
.before-right-2::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #dadada;
    position: absolute;
    top: 0;
    right: 6.5px;
}

.after-right-2::after,
.before-right-2::before {
    right: -7px;
}

.after-bottom::after,
.before-bottom::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #dadada;
    position: absolute;
    bottom: -7px;
    left: 0;
}

.main-news-big {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    margin-bottom: 13px;
    position: relative;
}

.main-news-big .text-block {
    max-width: 274px;
    width: 100%;
    height: 320px;
}

.main-news-big .text-block .big-title {
    max-height: 170px;
    overflow: hidden;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.5px;
}

.main-news-big .text-block .text-description {
    padding-top: 15px;
    max-height: 75px;
    overflow: hidden;
}

.main-news-big img,
#economy-part .economy-news-big-image,
#sport-part .big-news-image {
    height: 280px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.main-news-big .main-news-big-image {
    object-position: top;
}

/******
 SMALL NEWS ON SLIDER
 ******/

#main-slider .small-news-holder {
    width: 100%;
}

#main-slider .small-news,
#bih-part .small-news,
#bih-part .smallest-news,
#economy-part .small-news {
    max-width: 266px;
    width: 100%;
}

#main-slider .small-news:nth-child(2),
#bih-part .small-news:nth-child(2),
#bih-part .smallest-news:nth-child(2),
#economy-part .small-news:nth-child(2) {
    margin: 0 13px;
}

#bih-part .small-news.before-bottom {
    margin-bottom: 13px;
}
#main-slider .small-news-image,
#bih-part .small-news-image,
#editor-part .small-news-image,
#world-part .small-news-image,
#economy-part .small-news-image,
#ch-part .small-news-image,
#remaining-part .small-news-image,
#search-part .small-news-image {
    height: 160px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
#world-part .before-bottom {
    margin-bottom: 13px;
}
#main-slider .small-news .text-block:nth-child(2),
#bih-part .small-news .text-block:nth-child(2),
#editor-part .small-news .text-block:nth-child(2),
#world-part .small-news .text-block:nth-child(2),
#world-part .smallest-news .text-block:nth-child(1),
#economy-part .small-news .text-block:nth-child(1),
#bih-part .smallest-news .text-block:nth-child(1),
#sport-part .small-news .text-block:nth-child(2),
#remaining-part .small-news .text-block:nth-child(2),
#search-part .small-news .text-block:nth-child(2) {
    height: 130px;
    overflow: hidden;
}
#main-slider .small-news .text-block:nth-child(2),
#bih-part .small-news .text-block:nth-child(2),
#editor-part .small-news .text-block:nth-child(2) {
    height: 164px;
}

#world-part .big-news .text-block:nth-child(2),
#ch-part .big-news .text-block:nth-child(2) {
    height: 134px;
    overflow: hidden;
}
#economy-part .economy-news-big .text-block {
    height: auto;
    overflow: hidden;
    width: 100%;
}

#bih-part .small-part {
    display: none;
    overflow: scroll;
}
#editor-part .small-news,
#world-part .second-row .smallest-news,
#bih-part .second-row .smallest-news,
#remaining-part .small-news,
#search-part .small-news {
    width: 25%;
}
#editor-part .small-news:not(:last-child),
#world-part .second-row .smallest-news:not(:last-child),
#bih-part .second-row .smallest-news:not(:last-child),
#remaining-part .small-news:not(:last-child),
#search-part .small-news:not(:last-child) {
    margin-right: 13px;
}
#world-part .second-row .smallest-news:nth-child(2),
#bih-part .second-row .smallest-news:nth-child(2) {
    padding-right: 3px;
}

#world-part .second-row .smallest-news:nth-child(2)::after,
#bih-part .second-row .smallest-news:nth-child(2)::after {
    right: -5px;
}

#world-part .second-row .smallest-news:nth-child(3),
#bih-part .second-row .smallest-news:nth-child(3) {
    margin-right: 8px;
}

#world-part .second-row .smallest-news:nth-child(4),
#bih-part .second-row .smallest-news:nth-child(4) {
    padding-left: 5px;
}
#world-part .col-6,
#ch-part .col-6 {
    margin-right: 7px;
}

#world-part .col-3:nth-child(2),
#ch-part .col-3:nth-child(2) {
    margin-left: 7px;
    padding-right: 3px;
}

#world-part .col-3:nth-child(3),
#ch-part .col-3:nth-child(3) {
    padding-left: 10px;
}

#world-part .big-news-image,
#ch-part .big-news-image {
    height: 280px;
    object-fit: cover;
    object-position: center;
    min-width: 100%;
}

#economy-part .economy-news-big {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    width: 66%;
}

#economy-part .economy-news-small {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    width: 33%;
    margin-right: 13px;
    position: relative;
}

#economy-part .economy-news-small::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #aaa;
    position: absolute;
    top: 0;
    right: -7px;
}

#economy-part .economy-news-big .big-title {
    height: 100px;
    overflow: hidden;
}

#economy-part .small-news:nth-child(1) {
    max-width: 272px;
}

#economy-part .small-part {
    overflow: hidden;
}
.picker:hover {
    color: red;
    cursor: pointer;
}
.picker.selected {
    color: red;
}

.big-news-sidebar,
.economy-part-sidebar {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow-y: scroll;
    height: 100%;
}

.economy-part-sidebar .text-block {
    width: 100%;
    padding: 0 5px;
}

.big-news-sidebar .share-count {
    position: static;
}
.big-news-sidebar .flex-row:not(:first-child),
.economy-part-sidebar .flex-row {
    background-color: #fff;
}
.big-news-sidebar .flex-row:not(:first-child),
.economy-part-sidebar .flex-row:not(:first-child) {
    margin-top: -2px;
}

.big-news-sidebar .loader,
.economy-part-sidebar .loader {
    align-self: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.section-title-holder {
    padding-bottom: 13px !important;
}
.section-title {
    text-transform: uppercase;
    font-family: Arial;
    margin-top: 5px;
    white-space: nowrap !important;
    padding-right: 13px;
    line-height: 0.7;
    font-weight: bold;
}
.section-title-line {
    flex-grow: 1;
    width: 100%;
}
.section-title-line div {
    width: 100%;
    height: 1px;
}

.section-title-line.text-bih,
.section-title-line.text-video,
.section-title-line.text-faktor-specijal,
.section-title-line.text-izdvojeno {
    background-color: rgb(210, 35, 42);
}

.border-top {
    border-top: 2px solid #ff0000;
}

.border-top-bih {
    border-top: 2px solid rgb(210, 35, 42);
}
.border-top-svijet {
    border-top: 2px solid rgb(103, 0, 0);
}
.section-title-line.text-svijet {
    background-color: rgb(103, 0, 0);
}
.border-top-ekonomija {
    border-top: 2px solid rgb(45, 66, 92);
}
.section-title-line.text-ekonomija {
    background-color: rgb(45, 66, 92);
}
.border-top-crna-hronika {
    border-top: 2px solid rgb(0, 0, 0);
}
.section-title-line.text-crna-hronika {
    background-color: rgb(0, 0, 0);
}
.border-top-sport {
    border-top: 2px solid rgb(15, 96, 35);
}
.section-title-line.text-sport {
    background-color: rgb(15, 96, 35);
}

.border-top-magazin {
    border-top: 2px solid rgb(119, 59, 88);
}

.section-title-line.text-magazin {
    background-color: rgb(119, 59, 88);
}
.border-top-lifestyle {
    border-top: 2px solid rgb(236, 0, 140);
}
.section-title-line.text-lifestyle {
    background-color: rgb(236, 0, 140);
}
.border-top-tehnomag,
.border-top-promo {
    border-top: 2px solid rgb(0, 174, 239);
}
.section-title-line.text-tehnomag,
.section-title-line.text-promo {
    background-color: rgb(0, 174, 239);
}
.border-top-zanimljivosti {
    border-top: 2px solid rgb(253, 212, 140);
}
.section-title-line.text-zanimljivosti {
    background-color: rgb(253, 212, 140);
}
.border-top-foto {
    border-top: 2px solid #efefef;
}
.section-title-line.text-foto {
    background-color: #efefef;
}
#category-part .section-title-line.text-foto {
    background-color: #f26522;
}
.weather-holder {
    max-width: 170px;
}

.weather-icon {
    max-width: 63px;
    padding-bottom: 13px;
}

#weather-input {
    min-width: 100%;
    padding: 7px 0;
    font-size: 16px;
    text-transform: uppercase;
}

.weather-search {
    max-width: 25px;
    position: relative;
    transform: translateX(-100%);
}

.border-bottom {
    border: 0px;
    border-bottom: 1px solid #aaa;
}

.weather-current {
    padding-top: 13px;
}

.road-works-holder,
.currency-holder,
.send-news-holder {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
}
.road-works-image,
.currency-image,
.send-news-image {
    max-width: 30px;
}
.road-works-title,
.currency-title,
.send-news-title {
    text-transform: uppercase;
    padding-left: 13px;
    font-size: 16px;
}

.road-works-description {
    padding-right: 10px;
    padding-top: 13px;
    color: black;
}

.social-holder .social-image {
    margin: 6.5px;
    max-width: 30px;
}

.social-holder .social-image:nth-child(1) {
    margin-left: 0;
}

.economy-news-small-image,
#sport-part .small-news-image {
    height: 203px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
#economy-part .economy-news-small .text-block {
    height: auto;
}

#economy-part .economy-news-small .text-description,
#sport-part .small-news .text-description {
    padding-top: 15px;
    max-height: 133px;
    overflow: hidden;
}

.economy-sidebar-image {
    width: 110px;
    object-fit: cover;
    object-position: center;
    height: 70px;
    align-self: center;
}

.economy-part-sidebar .small-title {
    max-height: 60px;
    overflow: hidden;
}

#sport-part .col-3:first-child {
    max-width: calc(25% - 10px);
    margin-right: 13px;
}

#sport-part .col-3:nth-child(3) {
    max-width: calc(25% - 13px);
    margin-left: 13px;
}

#sport-part .first-row .small-news .text-block:nth-child(2) {
    height: 232px;
    overflow: hidden;
}

#sport-part .second-row .small-news {
    max-width: 25%;
    width: 25%;
}

#sport-part .second-row .small-news:not(:last-child) {
    margin-right: 13px;
}

#sport-part .second-row .small-news:nth-child(1) {
    max-width: calc(25% + 3px);
    width: calc(25% + 3px);
}

#sport-part .second-row .small-news:nth-child(3) {
    max-width: calc(25% + 10px);
    width: calc(25% + 7px);
}

#sport-part .second-row .small-news-image {
    width: 100%;
}

.video-section-title {
    width: 143px;
}

.video-title-image {
    max-width: 80px;
    padding-right: 7px;
    display: inline;
}

.video-big-news-holder {
    background-color: #eaeaea;
    height: 430px;
}
.video-small-news {
    background-color: #eaeaea;
    padding: 10px 10px 10px 0;
    height: 136px;
    display: flex;
    flex-direction: row;
}

.video-small-news:not(:first-child) {
    margin-top: 11px;
}

.video-big-news-holder * {
    max-height: 100%;
}
.video-big-news-image,
.photo-news-image {
    width: 100%;
    height: 390px;
    object-fit: cover;
    object-position: center;
}

.video-big-news-image {
    height: 430px;
}

.video-big-news {
    position: relative;
}

#video-part .video-big-news-holder .video-text-block-big,
#photo-part .photo-news-holder .photo-text-block {
    background-color: rgb(153, 153, 153);
    position: absolute;
    bottom: 10px;
    left: 10px;
    max-width: 264px;
    max-height: 162px;
}
#video-part .video-big-news-holder .video-text-block-big {
    background-color: #eaeaea;
}
#photo-part .photo-news-holder .photo-text-block {
    background-color: #000;
    max-width: 264px;
    max-height: 162px;
}

.video-text-block-big *,
.photo-text-block * {
    color: white !important;
}

#video-part .foto-video-holder,
#photo-part .foto-video-holder {
    justify-content: flex-end;
}

#video-part .foto-video-holder .foto-img,
#photo-part .foto-video-holder .foto-img,
#video-part .foto-video-holder .video-img,
#photo-part .foto-video-holder .video-img {
    max-width: 60px !important;
    max-height: 60px !important;
}
.video-small-news-holder {
    padding-left: 13px;
}

.video-small-news-image-link {
    height: 100%;
}
.video-small-news-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.video-text-block-small {
    max-width: 50%;
    max-height: 109px;
    overflow: hidden;
    background-color: #eaeaea !important;
    padding-top: 0 !important;
}

.video-text-block-small * {
    color: white !important;
}

#magazin-part .col-6:nth-child(1),
#tehnomag-part .col-6:nth-child(1) {
    margin-right: 7.5px;
}
.magazin-title-image {
    max-height: 25px;
    display: inline;
    padding-right: 7px;
}

#magazin-part .col-6:nth-child(2),
#tehnomag-part .col-6:nth-child(2) {
    margin-left: 7.5px;
}

.magazin-news-big-image,
.lifestyle-news-big-image,
.tehnomag-news-big-image,
.interesting-news-big-image {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
}

.magazin-news-big,
.lifestyle-news-big,
.tehnomag-news-big,
.interesting-news-big {
    height: auto;
    width: 100%;
}

.magazin-news-big .text-block,
.lifestyle-news-big .text-block,
.tehnomag-news-big .text-block,
.interesting-news-big .text-block {
    position: absolute;
    bottom: 10px;
    left: 10px;
    transform: translateY(0);
    max-width: 267px;
    max-height: 150px;
}
.magazin-text-block-big *,
.lifestyle-text-block-big * {
    color: white !important;
}

#magazin-part .magazin-small-news-holder .small-news,
#magazin-part .lifestyle-small-news-holder .small-news,
#tehnomag-part .tehnomag-small-news-holder .small-news,
#tehnomag-part .interesting-small-news-holder .small-news {
    display: flex;
    flex-direction: row;
    background-color: #fff;
    padding: 10px;
    max-width: 50%;
    max-height: 150px;
    height: 150px;
}

#magazin-part .magazin-small-news-holder .small-news:nth-child(1),
#magazin-part .lifestyle-small-news-holder .small-news:nth-child(1),
#tehnomag-part .tehnomag-small-news-holder .small-news:nth-child(1),
#tehnomag-part .interesting-small-news-holder .small-news:nth-child(1) {
    margin-right: 7px;
}

#magazin-part .magazin-small-news-holder .small-news:nth-child(2),
#magazin-part .lifestyle-small-news-holder .small-news:nth-child(2),
#tehnomag-part .tehnomag-small-news-holder .small-news:nth-child(2),
#tehnomag-part .interesting-small-news-holder .small-news:nth-child(2) {
    margin-left: 7px;
}
#magazin-part .magazin-small-news-holder .small-news .text-block,
#magazin-part .lifestyle-small-news-holder .small-news .text-block,
#tehnomag-part .tehnomag-small-news-holder .small-news .text-block,
#tehnomag-part .interesting-small-news-holder .small-news .text-block {
    padding: 0;
    padding-left: 10px;
    max-width: 50%;
    width: 50%;
    max-height: 130px;
    overflow: hidden;
}

#magazin-part .magazin-small-news-holder .small-news .small-news-image-link,
#magazin-part .lifestyle-small-news-holder .small-news .small-news-image-link,
#tehnomag-part .tehnomag-small-news-holder .small-news .small-news-image-link,
#tehnomag-part
    .interesting-small-news-holder
    .small-news
    .small-news-image-link {
    max-width: 50%;
    width: 50%;
}

#magazin-part .magazin-small-news-holder .small-news .small-news-image,
#magazin-part .lifestyle-small-news-holder .small-news .small-news-image,
#tehnomag-part .tehnomag-small-news-holder .small-news .small-news-image,
#tehnomag-part .interesting-small-news-holder .small-news .small-news-image {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#photo-part {
    background: #000;
    margin-top: 30px;
}

#photo-part .photo-news {
    position: relative;
}

#photo-part .photo-news-holder {
    padding: 20px;
    overflow: hidden;
    position: relative;
}

#photo-part .col-9 {
    min-width: 75%;
    width: 75%;
    margin: 0 6.5px;
}

.slider-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    max-height: 50px;
    z-index: 9;
}

.slider-arrow:hover {
    cursor: pointer;
    transform: translateY(-50%) scale(0.9);
}
.arrow-right {
    left: 75%;
}

#remaining-part .container,
#search-part .container:not(:first-child) {
    padding-top: 13px !important;
    position: relative;
}

#remaining-part .container {
    background-color: white;
}

#remaining-part .container:not(:last-child)::after,
#search-part .container::after {
    content: "";
    display: block;
    width: calc(100% - 14px);
    position: absolute;
    bottom: -7px;
    left: 7px;
    height: 1px;
    background: #dadada;
}
#search-part .container:last-child::after,
#search-part .container:first-child::after {
    height: 0;
    width: 0;
    display: none !important;
}
#search-part {
    padding-top: 15px;
}

#search-part .container {
    background-color: white;
}

#search-part .section-title-holder {
    padding-top: 15px;
}
#remaining-part .container:first-child::before {
    content: "";
    display: block;
    width: calc(100% - 14px);
    position: absolute;
    top: 7px;
    left: 7px;
    height: 1px;
    background: #dadada;
}

#button-part {
    padding-top: 13px;
}

#main-slider .section-title,
#main-part .section-title {
    margin-top: 0px;
}

#category-button-holder .loader {
    margin-bottom: 13px;
}

#article-part .pretitle {
    margin-top: 30px;
}

.post-meta-holder,
.vezani-tekst-holder {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #000;
    margin-top: 13px;
    padding: 7px 0;
}
.post-meta-holder {
    border-color: #dadada;
}
.post-meta-holder-bottom {
    border-top: 0;
    margin-top: 13px;
}
.post-text-holder p {
    font-size: 16px;
}
.post-content-holder::after {
    content: "";
    display: table;
    clear: both;
}
#article-part.big-part {
    position: relative;
}
#article .container.boxed {
    background-color: #fff;
}
#article a {
    color: rgb(210, 35, 42);
    cursor: pointer;
}
#article a:hover {
    color: black;
}

.breadcrumbs a {
    text-transform: lowercase;
}
#article .small-part {
    overflow: scroll;
}
#article .big-title {
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
}
#article-part .share-image {
    max-width: 20px;
    display: inline;
    padding-left: 5px;
}

#article-part .social-image {
    max-width: 20px;
}
#article-part .social-link:not(:last-child) {
    margin-right: 7px;
}
.icons-share-holder {
    margin-left: 13px;
}

.main-image-holder {
    padding-top: 13px;
    position: relative;
}

.main-image {
    max-width: 100%;
    width: 100%;
    max-height: 600px;
    object-fit: contain;
    object-position: center;
}

.photo-meta {
    position: absolute !important;
    background-color: rgba(0, 0, 0, 0.7);
    position: relative;
    transform: translateY(-100%);
    padding: 5px 10px;
    width: 100%;
}
.photo-credit,
.photo-description {
    color: rgb(255, 255, 255);
    font-size: 12px;
}

.photo-credit {
    text-align: right;
    text-transform: uppercase;
}
.post-text-holder p {
    margin: 15px 0;
}
.post-image-inner-holder {
    text-align: center;
    position: relative;
}
.post-image-inner {
    display: block;
    margin: 0 auto;
    max-height: 600px;
    margin-bottom: 20px;
    height: auto;
    object-fit: initial;
    max-width: 100%;
    width: auto;
}
.post-image-inner-captions {
    background: rgba(0, 0, 0, 0.8);
    color: white;
    transform: translate(-50%, 0%);
    display: inline-block;
    padding: 5px 10px;
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 50%;
    font-size: 12px;
}
.vezani-tekst-holder {
    width: 200px;
    margin: 0;
    float: left;
    margin-right: 20px;
    padding: 10px;
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.vezani-tekst-holder img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: left;
}

.vezani-tekst-holder .small-title {
    font-weight: bold;
}

.vezani-tekst-holder .flex-column {
    padding-left: 20px;
}

.vezani-tekst-holder .pretitle {
    margin-top: 0 !important;
}
.gallery-holder {
    position: relative;
    width: 100%;
    margin: 20px 0;
}
.gallery {
    width: 100%;
    background: #fff;
}

.gallery-holder .loader {
    background: url("/assets/img/loader.svg");
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.post-text-holder iframe {
    margin: 20px auto !important;
    display: block;
    max-width: 100%;
}

#article .small-part .big-news-sidebar {
    height: auto;
}

.big-news-sidebar .text-block {
    width: 100%;
    padding: 0 5px;
}

.article-sidebar-image {
    width: 110px;
    object-fit: cover;
    object-position: center;
    height: 70px;
    align-self: center;
}

.breadcrumbs a {
    color: black;
}

#article .small-part .flex-row {
    margin-top: 7px;
}

#article .small-part .share-count {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 7px;
}
#article a:not(.vezani-tekst-holder),
#article a:not(.breadcrumbs a) {
    color: red;
}

#article a:not(.vezani-tekst-holder):hover,
#article a:not(.breadcrumbs a):hover {
    color: black;
}
.post-disclaimer {
    margin-top: 13px;
    font-style: italic;
}

.tag-list {
    display: flex;
    flex-direction: row;
    margin: 13px 0;
}
.tag-link {
    font-style: italic;
    padding-right: 10px;
}

#more-stories {
    display: none;
    flex-direction: column;
    max-width: 200px;
    width: 100%;
    transform: translateY(-50%);
    position: fixed;
    top: 75vh;
    right: 10px;
    opacity: 1;

    background: white;
    padding: 13px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    animation: fadeInLeft 0.5s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}

.close-more-stories {
    align-self: flex-end;
    font-weight: bold;
    cursor: pointer;
}
.title-more-stories {
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: rgb(210, 35, 42);
}

#more-stories .pretitle {
    margin-top: 7px;
}

#more-stories.closed {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        right: -300px;
    }

    100% {
        opacity: 1;
        right: 10px;
    }
}
.utakmica-paragraf {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #dadada;
}

.utakmica-paragraf:last-child {
    border-bottom: 0px solid transparent;
}
.utakmica-paragraf .minute {
    align-self: stretch;
    background-color: #f1f1f1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    min-width: 45px;
    text-align: center;
}
.utakmica-slika,
.stanje {
    max-width: 55px;
    width: 55px;
    min-width: 55px;
    height: 55px;
    min-height: 55px;
    height: auto;
    display: block;
    margin: 0 10px;
}
/* #article q {
     display: block;
     max-width: 90%;
     margin: 20px auto;
     font-size: 20px;
     position: relative;
     font-style: italic;
     quotes: "„" "“" "‚" "‘";
 }
 q:before {
     content: open-quote;
 }

 q:after {
     content: close-quote;
     position: relative;
     top: 10px;
 }
 q::after, q::before {
     color: rgba(0,0,0,.3);
     font-size: 40px;
     line-height: .5
 } */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: 0.3s;
}

body {
    font-family: "Roboto Slab", sans-serif;
    font-size: 16px;
    max-width: 100vw;
    overflow-x: hidden;
    position: relative;
    background-color: #f7f7f7;
}

a {
    text-decoration: none;
}

a:hover {
    color: rgb(210, 35, 42);
}

img {
    max-width: 100%;
    object-fit: contain;
    display: block;
}

input {
    padding: 5px 10px;
    font-size: 16px;
    color: black;
    font-family: inherit;
}

button {
    background: rgb(210, 35, 42);
    color: white;
    padding: 5px 10px;
    font-size: 16px;
    border: 1px solid rgb(210, 35, 42);
    font-family: inherit;
}

button:hover {
    background: rgb(150, 35, 42);
    cursor: pointer;
    border: 1px solid rgb(150, 35, 42);
}
main {
    padding: 0px 0 30px 0;
}

ul,
ol {
    padding-left: 40px;
    margin: 20px 0;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.big-news-sidebar::-webkit-scrollbar,
.economy-part-sidebar::-webkit-scrollbar,
#article .small-part::-webkit-scrollbar,
.putevi__sidebar::-webkit-scrollbar,
#bih-part .small-part::-webkit-scrollbar {
    display: none;
}
.container {
    max-width: 1182px;
    width: 100%;
    display: flex;
    margin: 0 auto;
    padding: 0 7px;
}

/* .boxed {
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
} */

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.vertical-center {
    align-items: center;
    align-content: center;
}

.vertical-end {
    align-items: flex-end;
    align-content: flex-end;
}

.horizontal-center {
    justify-content: center;
}

.horizontal-start {
    justify-content: flex-start;
}

.horizontal-end {
    justify-content: flex-end;
}

.horizontal-between {
    justify-content: space-between;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgba(0, 0, 0, 0.9);
    font-weight: 500;
}

p,
.pretitle {
    font-weight: normal;
    font-family: "Merriweather", sans-serif;
    color: #000;
    line-height: 1.6;
    letter-spacing: 0.1px;
}

.text-description {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8) !important;
}

.text-description p {
    color: rgba(0, 0, 0, 0.8);
}

.pretitle {
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}
.big-title {
    font-size: 24px;
}

.medium-title {
    font-size: 18px;
}

.small-title {
    font-size: 15px;
}
.text-block-normal {
    background-color: #fff;
}

.text-block {
    display: flex;
    flex-direction: column;
    padding: 10px;
    position: relative;
}

.text-block.dark-block {
    background-color: #eaeaea;
}

.text-block.dark-block * {
    color: white !important;
}
.share-count {
    display: none !important;
    position: absolute;
    bottom: 10px;
    right: 10px;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
}

.economy-part-sidebar .share-count {
    position: relative;
    top: 0;
    bottom: 0;
    margin-top: 7px;
}

.share-count .number {
    font-size: 13px;
    padding-right: 5px;
    color: black;
}

.share-count img {
    width: 10px;
    height: 10px;
}

.text-bih,
.text-video,
.text-faktor-specijal,
.text-izdvojeno {
    color: rgb(210, 35, 42);
}

.text-sport {
    color: rgb(15, 96, 35);
}

.text-world,
.text-svijet {
    color: rgb(103, 0, 0);
}
.background-world,
.background-svijet {
    background-color: #fff;
}

.background-sport {
    background-color: #fff;
}

.text-economy,
.text-ekonomija {
    color: rgb(45, 66, 92);
}
.background-economy,
.background-ekonomija {
    background-color: #fff;
}

.text-crna,
.text-crna-hronika {
    background-color: #fff;
}
.text-crna {
    color: black;
}

.text-magazin {
    color: rgb(119, 59, 88);
}

.background-magazin {
    background-color: rgb(119, 59, 88);
}

.text-lifestyle {
    color: rgb(236, 0, 140);
}

.background-lifestyle {
    background-color: #fff;
}

.text-tehnomag,
.text-promo {
    color: rgb(0, 174, 239);
}

.background-tehnomag,
.background-promo {
    background-color: rgb(0, 174, 239);
}

.text-zanimljivosti {
    color: rgb(255, 212, 2);
}

.background-zanimljivosti {
    background-color: rgb(255, 212, 2);
}

.text-foto {
    color: #efefef;
}
#category-part .text-foto {
    color: #f26522;
}

.background-foto {
    background-color: rgb(0, 0, 0);
}

.loader {
    width: 40px;
    height: 40px;
}

.text-link {
    max-width: 100%;
    width: 100%;
    position: relative;
    display: flex;
}
.foto-video-holder {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
    padding: 10px;
    z-index: 3;
    bottom: 0;
}

.foto-img,
.video-img {
    max-width: 30px !important;
    max-height: 30px !important;
}
.video-img {
    margin-right: 6.5px;
}

#footer {
    padding: 20px 0;
    background-color: #efefef;
}

#footer .container > .col-3 {
    padding-left: 13px;
    text-align: right;
}

#footer #logo-footer {
    max-width: 75%;
    display: inline;
}
.footer-link {
    color: black;
    text-transform: uppercase;
}

.footer-link:hover {
    color: rgb(210, 35, 42);
}

#footer .info-holder {
    margin-top: 13px;
}

#footer .social-image {
    max-width: 47px;
    display: inline;
    margin: 0;
}
#footer .social-image:not(:last-child) {
    margin-right: 6.5px;
}
#footer .social-holder {
    justify-content: flex-end;
}

#footer .search-holder {
    margin-top: 13px;
}

#footer .search-holder * {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
}

#footer .copyright-holder {
    padding-top: 13px;
}
#footer .copyright {
    color: rgb(153, 153, 153);
    font-size: 14px;
}

#footer .copyright:last-child {
    text-align: right;
}

div[id^="div-gpt-ad"],
div[id*=" div-gpt-ad"] {
    margin: 13px 0;
}
.big-news {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.big-news .text-block:nth-child(2) {
    flex-grow: 1;
}
/********************************

RESPONSIVE

********************************/

.big-news-holder .main-news-big {
    margin-left: 13px;
    width: 100%;
}

.big-news-holder .main-news-big {
    flex-direction: column;
}

#main-slider .big-part-2 .small-news {
    margin-bottom: 13px;
    max-width: 262px;
}

.big-news-holder .main-news-big .text-block {
    max-width: 100%;
    height: auto;
}

.big-news-holder .small-news .text-description {
    margin-top: 20px;
}

.big-news-holder .small-news .text-block:nth-child(2) {
    height: 221px !important;
}

#main-slider .container.boxed,
#bih-part .container.boxed,
#editor-part .container.boxed,
#world-part .container.boxed,
#economy-part .container.boxed,
#ch-part .container.boxed,
#sport-part .container.boxed:not(.second-row):not(.first-row),
#magazin-part .container.boxed,
#tehnomag-part .container.boxed,
#video-part .container.boxed,
#photo-part .container.boxed {
    background-color: #fff;
    padding: 13px;
}

#sport-part .first-row,
#sport-part .second-row {
    background-color: #fff;
}
#sport-part .second-row {
    padding-bottom: 13px;
}
#photo-part .container.boxed {
    background-color: #000;
}

#main-slider,
#bih-part,
#editor-part,
#world-part,
#economy-part,
#ch-part,
#sport-part,
#magazin-part,
#tehnomag-part,
#video-part {
    margin-top: 13px;
}

#world-part .after-bottom {
    margin-bottom: 0;
}

#world-part .after-bottom-2 {
    margin-bottom: ;
}
.mobile__commercial {
    display: none;
}
#page-parts p {
    margin: 5px 0;
}

#page-parts strong {
    display: block;
    margin-top: 20px;
}
#hamburger {
    width: 33px;
    height: 20px;
    display: none;
}

#hamburger:hover {
    cursor: pointer;
}
#hamburger:hover > div {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
#hamburger div {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;

    background: #000;
    border-radius: 10px;
}

#close-menu {
    position: fixed;
    left: calc(40vw - 40px);
    top: 20px;
    width: 32px;
    height: 32px;
    opacity: 0.8;
    display: none;
    z-index: 999;
}
#close-menu {
    opacity: 1;
}
#close-menu div:first-child,
#close-menu div:last-child {
    position: absolute;
    left: 15px;
    height: 33px;
    width: 2px;
    background-color: #333;
}
#close-menu div:first-child {
    transform: rotate(45deg);
}
#close-menu div:last-child {
    transform: rotate(-45deg);
}
.top-button-img {
    max-width: 20px;
}
#top-button,
#newest-button,
#popular-button {
    padding: 10px;
    background-color: rgb(210, 35, 42);
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: white;
}

.newest-button-img,
.popular-button-img {
    max-height: 20px;
}

#top-button:hover,
#newest-button:hover,
#popular-button:hover {
    background-color: rgb(150, 35, 42);
}
#features {
    position: fixed;
    bottom: 0;
    z-index: 9;
    width: 100vw;
    padding-bottom: 10px;
    display: none;
}
#features .container {
    justify-content: flex-end;
}

#newest-button,
#popular-button {
    display: flex;
    margin-right: 5px;
}
.putevi__sidebar {
    max-height: 510px;
    overflow: scroll;
    padding-left: 13px;
}
.border {
    border: 1px solid #ddd;
    margin-bottom: 5px;
    padding: 20px 0;
}
.text-bihamk p {
    margin: 20px 0;
}
.bihamk-credits {
    position: absolute;
    bottom: 30px;
    left: 30px;
    max-width: 130px;
    width: 100%;
    height: auto;
    z-index: 9;
}
#world-part .big-news.before-bottom::before,
#economy-part .economy-news-big.after-bottom::after,
#ch-part .before-bottom::before {
    display: none;
}

#world-part .big-news.before-bottom,
#economy-part .economy-news-big.after-bottom,
#ch-part .before-bottom {
    margin-bottom: 0;
}
@media (max-width: 992px) {
    #newest-button,
    #popular-button {
        display: flex;
        margin-right: 10px;
    }

    #features .container {
        justify-content: flex-end;
    }
    .container,
    main,
    section {
        max-width: 100vw;
        width: 100vw;
    }

    header .social-holder {
        padding-top: 0;
    }

    .big-news-sidebar {
        display: none;
    }

    .big-news-holder {
        flex-direction: column-reverse;
    }

    .big-news-holder .main-news-big {
        margin-left: 0;
    }

    #main-slider .grid-right .big-part,
    #economy-part .grid-right .big-part {
        padding-left: 0;
        padding-right: 0;
    }

    #main-slider .big-part-2 .small-news {
        max-width: 100%;
    }
    .big-news-holder .small-news .text-block:nth-child(2) {
        height: auto !important;
    }

    #bih-part .small-news.before-bottom {
        margin-bottom: 0;
    }
    #world-part .big-news.before-bottom::before,
    #economy-part .economy-news-big.after-bottom::after,
    #ch-part .after-right-2::after {
        display: block !important;
    }

    #world-part .big-news.before-bottom,
    #economy-part .economy-news-big.after-bottom,
    #ch-part .before-bottom {
        margin-bottom: 13px;
    }
    .text-promo.section-title {
        margin-top: 20px;
    }
    .container {
        padding: 0 13px;
    }
    #header-top,
    .main-navigation {
        display: none;
        width: 0;
        transition: 0.3s;
        position: fixed;
        left: 0;
        top: 0;
        transform: translateX(-100%);
    }

    #hamburger {
        display: block;
    }
    header .container:last-child,
    header .container:last-child .col-10 {
        flex-direction: row-reverse;
    }

    header .container:last-child .col-10 .social-holder {
        justify-content: flex-start;
    }
    header #logo {
        max-height: 30px;
    }

    .social-holder {
        padding-top: 0;
    }

    .main-navigation.visible {
        display: flex;
        flex-direction: column !important;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: left;

        position: fixed;
        left: 0;
        top: 71px;

        max-width: 100vw;
        width: 100%;
        border: 1px solid #dadada;

        z-index: 999;
        background-color: white;

        transform: translateX(0);

        padding: 20px;
        animation: left 0.4s linear;
    }
    header ul {
        padding-bottom: 5px;
    }
    .main-navigation > ul {
        margin: 7px 0;
        position: relative;
        display: block;
        width: 100%;
    }
    header .main-menu .menu-item {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
        align-content: flex-start;
    }

    .chevron {
        position: relative;
    }

    .chevron::after {
        content: "";
        display: block;
        color: black;
        width: 15px;
        height: 15px;
        background-repeat: no-repeat;
        background-image: url("/assets/img/chevd.png");
        background-position: center;
        background-size: contain;
        position: absolute;
        top: 15px;
        left: 100%;
        transform: translate(calc(-50% - 20px), -50%);
    }

    .chevron.opened::after {
        transform: translate(calc(-50% - 20px), -50%) rotate(180deg);
    }

    header .main-menu:hover .sub-menu {
        position: static;
        width: 100%;
        transform: translateY(0);
        border: 0px;
    }
    .sub-menu,
    .big-news-holder .small-news .text-block:nth-child(2) .text-description {
        display: none !important;
    }

    header .main-menu.opened .sub-menu {
        display: flex !important;
        flex-direction: column;
    }

    .main-navigation {
        overflow-y: scroll;
    }

    .main-navigation::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE and Edge */
    .main-navigation {
        -ms-overflow-style: none;
    }

    #close-menu {
        left: calc(100% - 53px);
        top: 80px;
        width: 25px;
        height: 25px;
        overflow: hidden;
    }

    #close-menu div:first-child,
    #close-menu div:last-child {
        height: 25px;
    }

    .main-navigation > ul {
        margin: 0;
    }

    .main-menu:not(:last-child) {
        border-bottom: 1px solid #dadada;
    }

    .main-navigation a:not(:first-child)::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #dadada;

        position: absolute;
        bottom: -7px;
        left: 0;
    }

    .grid-right {
        flex-direction: column;
    }

    .grid-left {
        flex-direction: column-reverse;
    }

    .big-part,
    .small-part {
        max-width: 100%;
        width: 100%;
    }

    .grid-right .big-part {
        padding-right: 0;
        padding-left: 0;
    }
    .grid-left .big-part {
        padding-left: 0;
    }

    .boxed {
        border-right: 0;
        border-left: 0;
    }

    .not-mobile-right.after-right::after,
    .not-mobile-right.after-right-2::after,
    .not-mobile-right.before-right-2::before,
    .not-mobile-right.before-right::before {
        height: 0;
        width: 0;
        display: none;
    }

    #main-slider .small-news,
    #bih-part .small-news,
    #economy-part .small-news,
    #economy-part .small-news:nth-child(1) {
        max-width: 33.333333%;
        width: 33.3333333%;
    }

    #economy-part .economy-news-small {
        width: calc(33.3333333% - 7px);
    }

    #economy-part .economy-news-big {
        width: 66.6666666%;
    }

    #economy-part .small-news:nth-child(1),
    #economy-part .small-news:nth-child(2) {
        margin: 0;
        margin-right: 13px;
    }

    #sport-part .first-row .small-news .text-block:nth-child(2) {
        height: 266px;
    }
    #sport-part .first-row .big-news .text-block:nth-child(2) {
        height: 149px;
    }

    #magazin-part .grid-right,
    #tehnomag-part .grid-right {
        flex-direction: row;
    }
    .big-news-sidebar,
    .economy-part-sidebar {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .big-news-sidebar .flex-row:not(:first-child),
    .economy-part-sidebar .flex-row {
        flex-direction: column;
        width: calc(25% - (39px / 4));
    }

    .big-news-sidebar .flex-row:not(:nth-child(1n + 5)),
    .economy-part-sidebar .flex-row:not(:nth-child(1n + 4)) {
        margin-right: 13px;
    }

    .big-news-sidebar .flex-row:nth-child(1n + 6),
    .economy-part-sidebar .flex-row:nth-child(1n + 5) {
        display: none;
    }

    .big-news-sidebar .flex-row:first-child {
        width: 100%;
        margin-right: 0;
        margin-top: 13px;
        position: relative;
    }

    .big-news-sidebar .flex-row:first-child::before {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        background-color: #dadada;
        position: absolute;
        top: -7px;
        left: 0;
    }
    .big-news-sidebar .flex-row:first-child .picker:first-child {
        text-align: right;
    }
    .big-news-sidebar .flex-row:first-child .picker {
        margin: 0 7px;
    }
    .economy-sidebar-image {
        width: 100%;
        height: 155px;
        object-fit: cover;
    }
    #bih-part .small-part {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .weather-holder,
    .road-works-holder {
        max-width: calc(50% - 6.5px);
        width: 100%;
    }

    .currency-holder,
    .social-holder,
    .send-news-holder {
        max-width: calc(33.333333% - (26px / 3));
        width: 100%;
        padding-top: 30px;
        display: flex;
        align-items: center;
        align-content: center;
    }
    .weather-holder,
    .currency-holder,
    .social-holder {
        margin-right: 13px;
    }

    .send-news-holder,
    .send-news-holder .flex-row {
        justify-content: flex-end;
    }
    .social-holder .flex-row {
        justify-content: center;
    }

    #footer .flex-row {
        flex-wrap: wrap;
    }
    #footer .col-9,
    #footer .col-3 {
        width: 50%;
        max-width: 50%;
    }

    #footer .social-holder {
        max-width: 100%;
        width: 100%;
    }
    #footer #logo-footer {
        max-width: 150px;
    }

    #footer .col-9 > .horizontal-between {
        justify-content: flex-start;
    }

    #footer .col-9 > .horizontal-between a {
        padding-right: 10px;
    }
    #footer .col-3 {
        width: 100%;
        max-width: 100%;
    }

    #article aside {
        display: none;
    }

    #category-part .small-part,
    #remaining-part .small-news:nth-child(even)::after {
        display: none;
    }

    #remaining-part .container:first-child::before,
    #remaining-part .container:not(:last-child)::after {
        max-width: calc(100% - 26px);
        left: 13px;
    }
    #remaining-part .flex-row {
        flex-wrap: wrap;
    }
    #remaining-part .small-news {
        width: calc(50% - 6.5px);
        max-width: 50%;
    }

    #remaining-part .small-news:nth-child(even) {
        margin-right: 0;
        position: relative;
    }

    #remaining-part .small-news:nth-child(odd) {
        margin-right: 13px;
        position: relative;
    }

    #remaining-part .small-news:nth-child(3n),
    #remaining-part .small-news:nth-child(4n) {
        margin-top: 13px;
    }

    #remaining-part .container .small-news:nth-child(1)::before,
    #remaining-part .container .small-news:nth-child(2)::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #dadada;
        position: absolute;
        top: calc(100% + 6.5px);
        left: 0;
    }

    header #logo {
        padding-left: 0;
        padding-right: 13px;
    }
}

@media (max-width: 768px) {
    .main-news-big {
        flex-direction: column-reverse;
    }
    .main-news-big .text-block {
        max-width: 100%;
        height: auto;
    }
    .share-count {
        position: static;
    }
    .big-news-sidebar .flex-row:not(:first-child),
    .economy-part-sidebar .flex-row,
    #editor-part .small-news {
        width: calc(50% - 6.5px);
    }

    header .container:last-child .col-2 {
        justify-content: flex-start;
    }

    #editor-part .flex-row {
        flex-wrap: wrap;
    }
    .big-news-sidebar .flex-row:nth-child(3),
    .economy-part-sidebar .flex-row:nth-child(2) {
        margin-right: 0;
    }
    .economy-part-sidebar .flex-row:nth-child(2) {
        margin-top: 0;
    }
    .big-news-sidebar .flex-row .text-block,
    .economy-part-sidebar .flex-row .text-block {
        height: 112px;
        overflow: hidden;
    }
    #editor-part .flex-row .small-news:nth-child(2) {
        margin-right: 0;
    }

    #editor-part .flex-row .small-news:nth-child(2)::after,
    #world-part .first-row .flex-column:first-child .big-news::after,
    #world-part .second-row .smallest-news:nth-child(2)::after,
    #ch-part .first-row .flex-column:first-child .big-news::after,
    #bih-part .second-row .smallest-news:nth-child(2)::after,
    #sport-part .second-row .small-news:nth-child(2)::after,
    #sport-part .col-6 .big-news::after,
    .magazin-news-big::before,
    #magazin-part
        .col-6:first-child
        .flex-row:nth-child(3)
        .small-news:nth-child(2)::after,
    .interesting-news-big::before,
    #tehnomag-part
        .col-6:first-child
        .flex-row:nth-child(3)
        .small-news:nth-child(2)::after,
    #magazin-part .magazin-small-news-holder .small-news:nth-child(2)::after {
        display: none;
    }

    #bih-part .second-row .smallest-news:nth-child(1)::before,
    #bih-part .second-row .smallest-news:nth-child(2)::before,
    #sport-part .second-row .small-news:nth-child(1)::before,
    #sport-part .second-row .small-news:nth-child(2)::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #dadada;
        position: absolute;
        bottom: -7px;
        left: 0;
    }
    #editor-part .flex-row .small-news:nth-child(1n + 3),
    #world-part .second-row .smallest-news:nth-child(3),
    #world-part .second-row .smallest-news:nth-child(4),
    #bih-part .second-row .smallest-news:nth-child(3),
    #bih-part .second-row .smallest-news:nth-child(4),
    #sport-part .second-row .small-news:nth-child(3),
    #sport-part .second-row .small-news:nth-child(4) {
        margin-top: 13px;
    }

    #world-part .first-row,
    #world-part .second-row .flex-row,
    #ch-part .first-row,
    #ch-part .second-row .flex-row,
    #sport-part .second-row .flex-row {
        flex-wrap: wrap;
    }

    #world-part .first-row .flex-column:first-child,
    #ch-part .first-row .flex-column:first-child {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    #world-part .first-row .flex-column:nth-child(2),
    #world-part .first-row .flex-column:nth-child(3),
    #world-part .second-row .smallest-news,
    #ch-part .first-row .flex-column:nth-child(2),
    #ch-part .first-row .flex-column:nth-child(3),
    #bih-part .second-row .smallest-news,
    #sport-part .second-row .small-news {
        width: calc(50% - 6.5px) !important;
        max-width: calc(50% - 6.5px) !important;
    }

    #world-part .first-row .flex-column:nth-child(2),
    #ch-part .first-row .flex-column:nth-child(2),
    #world-part .second-row .smallest-news:nth-child(3),
    #bih-part .second-row .smallest-news:nth-child(3),
    #sport-part .second-row .small-news:nth-child(3) {
        margin-right: 13px;
    }
    #world-part .col-3:nth-child(2),
    #ch-part .col-3:nth-child(2),
    #magazin-part .col-6:nth-child(2),
    #tehnomag-part .col-6:nth-child(2) {
        margin-left: 0;
        padding-right: 0;
    }
    #world-part .col-3:nth-child(3),
    #ch-part .col-3:nth-child(3) {
        padding-left: 0;
    }

    #magazin-part .col-6:first-child {
        position: relative;
    }
    #magazin-part .col-6:first-child::after {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        background-color: #dadada;
        position: absolute;
        top: calc(100% + 6.5px);
        left: 0;
    }
    #magazin-part .col-6:nth-child(2) {
        margin-top: 13px;
    }

    #world-part .second-row .smallest-news:nth-child(2),
    #world-part .second-row .smallest-news:nth-child(4),
    #bih-part .second-row .smallest-news:nth-child(2),
    #bih-part .second-row .smallest-news:nth-child(4),
    #sport-part .second-row .small-news:nth-child(2),
    #sport-part .second-row .small-news:nth-child(4) {
        padding-right: 0;
        margin-right: 0;
    }
    #world-part .second-row .smallest-news:nth-child(4),
    #ch-part .second-row .small-news:nth-child(4),
    #sport-part .second-row .small-news:nth-child(4) {
        padding-left: 0;
    }
    #sport-part .first-row {
        flex-wrap: wrap;
    }
    #sport-part .col-6 {
        order: 1;
        width: 100%;
        max-width: 100%;
    }

    #sport-part .col-3 {
        max-width: 50% !important;
        width: calc(50% - 6.5px);
    }

    #sport-part .col-3:nth-child(1) {
        order: 2;
    }
    #sport-part .col-3:nth-child(3) {
        order: 3;
        margin-left: 0;
    }

    #sport-part .first-row .small-news .text-block:nth-child(2) {
        height: auto;
    }

    #video-part .container:nth-child(2) {
        flex-wrap: wrap;
    }

    .video-big-news-holder,
    .video-small-news-holder {
        width: 100%;
        max-width: 100%;
    }
    .video-small-news-holder {
        padding-left: 0;
        margin-top: 13px;
    }
    .video-small-news-image-link {
        max-width: 215px;
    }
    .video-text-block-small {
        max-width: calc(100% - 215px);
    }

    #magazin-part .grid-right,
    #tehnomag-part .grid-right {
        flex-wrap: wrap;
    }

    #magazin-part .col-6,
    #tehnomag-part .col-6 {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    #magazin-part .col-6:nth-child(1),
    #tehnomag-part .col-6:nth-child(1) {
        margin-right: 0;
    }

    #search-part .flex-row {
        flex-wrap: wrap;
    }
    #search-part .small-news {
        max-width: 50%;
        width: calc(50% - 6.5px);
    }

    #search-part .small-news:nth-child(even) {
        margin-right: 0;
    }

    #search-part .small-news:nth-child(3n),
    #search-part .small-news:nth-child(4n) {
        margin-top: 13px;
        position: relative;
    }

    #search-part .small-news:nth-child(3n)::before,
    #search-part .small-news:nth-child(4n)::before {
        content: "";
        display: block !important;
        width: 100%;
        height: 1px;
        background-color: #dadada;
        position: absolute;
        top: -6.5px;
        left: 0;
    }

    #search-part .small-news:nth-child(even)::after {
        display: none;
    }

    #search-part .container::after {
        width: calc(100% - 26px);
        left: 13px;
    }

    #more-stories {
        display: none;
        width: 0;
        height: 0;
        visibility: hidden;
        opacity: 0;
        overflow: hidden;
    }
}

@media (max-width: 600px) {
    .reklama,
    #ch-part .smallest-news {
        display: none;
    }

    #article iframe {
        max-width: 100%;
    }
    #economy-part .economy-news-big .text-block,
    #economy-part .economy-news-big .big-title,
    #sport-part .first-row .big-news .text-block:nth-child(2) {
        max-height: 165px;
        height: auto;
    }
    .main-news-big .text-block .big-title {
        font-size: 22px;
    }
    #editor-part .small-news {
        height: 100%;
        background-color: #eaeaea;
    }

    #world-part .small-news {
        height: 100%;
        background-color: #fff;
    }

    #ch-part .small-news,
    #sport-part .col-3:nth-child(1),
    #sport-part .col-3:nth-child(3) {
        height: 100%;
        background-color: #fff;
    }

    .mobile__commercial {
        display: block;
    }
    .big-title,
    #bih-part .big-part .flex-row:first-child .small-news:first-child h2 {
        font-size: 20px;
    }
    #article .big-title {
        font-size: 20px;
    }
    .after-right-2::after,
    header .social:not(.search-img),
    #main-slider .small-news .text-block:nth-child(3),
    #bih-part .small-news .text-block:nth-child(3),
    #editor-part .small-news .text-block:nth-child(3),
    #world-part .big-news .text-block:nth-child(3),
    #sport-part .big-news .text-block:nth-child(3),
    #ch-part .big-news .text-block:nth-child(3),
    #economy-part .big-news .text-block:nth-child(3),
    #world-part .small-news .text-block:nth-child(3),
    #world-part .smallest-news .text-block:nth-child(2),
    #economy-part .small-news .text-block:nth-child(2),
    #ch-part .small-news .text-block:nth-child(3),
    #bih-part .smallest-news .text-block:nth-child(2),
    #sport-part .small-news .text-block:nth-child(3),
    #remaining-part .small-news .text-block:nth-child(3),
    #search-part .small-news .text-block:nth-child(3),
    .big-news-sidebar .flex-row:nth-child(1n + 6),
    .economy-part-sidebar .flex-row:nth-child(1n + 4),
    #bih-part .small-part,
    #world-part .smallest-news,
    #bih-part .smallest-news,
    #economy-part .text-description,
    #economy-part .economy-news-small::before,
    .share-count,
    #sport-part .text-description,
    #editor-part .flex-row .small-news:nth-child(1n + 3),
    .video-small-news:nth-child(3),
    .tehnomag-small-news-holder {
        display: none !important;
    }
    header .col-10,
    header .col-2 {
        max-width: 50%;
        width: 50%;
    }

    #newest-button small,
    #popular-button small,
    #top-button small {
        font-size: 10px;
    }
    .top-button-img,
    .popular-button-img,
    .newest-button-img {
        max-height: 10px;
    }

    header .container:nth-child(2),
    header .col-10 {
        flex-direction: row-reverse;
    }

    header .col-2,
    header .col-10 {
        justify-content: flex-start;
    }

    header .col-10 .col-2 {
        justify-content: flex-end;
    }

    #main-slider .small-news .text-block:nth-child(2),
    #bih-part .small-news .text-block:nth-child(2),
    #world-part .smallest-news .text-block:nth-child(1),
    #economy-part
        .economy-news-small
        .text-block
        #bih-part
        .smallest-news
        .text-block:nth-child(1),
    #sport-part .small-news .text-block:nth-child(2),
    #remaining-part .small-news .text-block:nth-child(2),
    #search-part .small-news .text-block:nth-child(2),
    .big-news-sidebar .flex-row .text-block,
    #economy-part .economy-news-small .text-block {
        height: auto;
        max-width: 66.666666666666%;
        width: 100%;
        padding: 0 10px;
    }
    #main-slider .small-news-image,
    #bih-part .small-news-image,
    #world-part .small-news-image,
    #economy-part .small-news-image,
    #ch-part .small-news-image,
    #remaining-part .small-news-image,
    #search-part .small-news-image {
        height: 100%;
    }

    .main-news-big .main-news-big-image,
    #world-part .big-news-image,
    #economy-part .economy-news-big-image,
    #ch-part .big-news-image,
    #sport-part .big-news-image,
    .video-big-news-image,
    .magazin-news-big-image,
    .tehnomag-news-big-image,
    .interesting-news-big-image,
    #bih-part .mobile-big {
        height: 220px;
    }
    .small-news-holder {
        flex-direction: column;
    }
    #main-slider .small-news,
    #main-slider .small-news:nth-child(2),
    .big-news-sidebar .flex-row:not(:first-child),
    .economy-part-sidebar .flex-row,
    #bih-part .small-news,
    #bih-part .small-news:nth-child(2) {
        display: flex;
        flex-direction: row;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        background-color: #fff;
    }

    #economy-part .small-news .text-block:nth-child(1),
    #bih-part
        .flex-row:first-child
        .small-news:first-child
        .text-block:nth-child(2),
    .economy-part-sidebar .flex-row .text-block {
        height: auto;
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    .economy-news-small-image {
        height: auto;
    }
    .small-news,
    #bih-part .big-part > .flex-row {
        flex-direction: row;
        flex-wrap: wrap;
        position: relative;
    }

    #main-slider .small-news:not(:first-child),
    #bih-part .small-news,
    .big-news-sidebar .flex-row:not(:first-child),
    #bih-part .small-news:not(:first-child) {
        margin-top: 13px;
    }

    #bih-part .big-part .flex-row:first-child .small-news:first-child {
        margin-top: 0;
    }

    .small-news-image-link,
    .economy-news-small-image-link {
        width: 33.3333333333% !important;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: center;
    }
    .small-news-image {
        width: 100%;
        height: 100%;
    }
    .medium-title {
        font-size: 15px;
    }

    .economy-sidebar-image {
        max-width: 33.3333333%;
        height: 100%;
        align-self: center;
        margin-right: 10px;
    }
    .economy-part-sidebar .flex-row:not(:nth-child(1n + 4)) {
        margin-right: 0;
    }
    .small-news .foto-video-holder,
    .economy-news-small .foto-video-holder {
        position: static;
        padding: 0;
        transform: translateY(-25px);
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        max-height: 0;
        padding-left: 5px;
    }

    .small-news .foto-video-holder .foto-img,
    .small-news .foto-video-holder .video-img,
    .economy-news-small .foto-video-holder .foto-img,
    .economy-news-small .foto-video-holder .video-img {
        max-width: 20px !important;
        max-height: 20px !important;
    }
    #bih-part .big-part .small-news::before,
    #sport-part .flex-column:first-child::after,
    #sport-part .flex-column:last-child::after,
    #main-slider .small-news::before,
    #editor-part .flex-row .after-right-2:nth-child(3)::before,
    #editor-part .flex-row .small-news:nth-child(4)::before {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        position: absolute;
        top: calc(100% + 6.5px);
        left: 0;
        background-color: #dadada;
    }

    #bih-part .big-part .flex-row:first-child .small-news:first-child {
        flex-direction: column;
    }

    #bih-part
        .big-part
        .flex-row:first-child
        .small-news:first-child
        .small-news-image-link,
    #bih-part
        .big-part
        .flex-row:first-child
        .small-news:first-child
        .text-block:nth-child(2),
    #editor-part .small-news .text-block:nth-child(2),
    #editor-part .small-news-image-link,
    #world-part .small-news-image-link,
    #ch-part .small-news-image-link,
    #sport-part .small-news-image-link,
    #sport-part .small-news .text-block:nth-child(2) {
        width: 100% !important;
    }
    #sport-part .small-news .text-block:nth-child(2) {
        max-width: 100% !important;
    }
    #bih-part .after-bottom {
        margin-bottom: 0;
    }

    #editor-part .container:first-child {
        flex-wrap: nowrap;
    }

    #editor-part .small-news .text-block:nth-child(2),
    #world-part .small-news .text-block:nth-child(2),
    #ch-part .small-news .text-block:nth-child(2) {
        height: auto;
    }

    #editor-part .small-news-image,
    #world-part .small-news-image,
    #ch-part .small-news-image,
    #sport-part .flex-column:first-child .small-news-image,
    #sport-part .flex-column:last-child .small-news-image {
        height: 120px;
    }

    #editor-part .flex-row .after-right-2:first-child::after,
    #editor-part .flex-row .after-right-2:nth-child(3)::after,
    #world-part .col-3:nth-child(2) .after-right-2:first-child::after,
    #ch-part .col-3:nth-child(2) .after-right-2:first-child::after {
        display: block !important;
    }

    #economy-part .big-part .flex-row:nth-child(2) {
        flex-wrap: wrap;
    }
    #economy-part .economy-news-big {
        order: 1;
        width: 100%;
        max-width: 100%;
    }

    #economy-part .economy-news-small {
        order: 2;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        flex-direction: row;
        align-items: center;
        align-content: center;
    }

    #economy-part .flex-row.height-stretch {
        display: none;
    }
    .economy-part-sidebar .flex-row:nth-child(1n + 2),
    .big-news-sidebar .flex-row:not(:first-child) {
        margin-top: 7px;
    }
    .economy-part-sidebar .flex-row:nth-child(1n + 2) {
        padding-top: 5px;
    }
    #sport-part .container:nth-child(3) .flex-row .small-news {
        flex-direction: row;
        width: 100% !important;
        max-width: 100% !important;
        display: flex;
        flex-wrap: nowrap;
    }

    #sport-part .flex-column:first-child,
    #sport-part .flex-column:last-child {
        position: relative;
    }
    #sport-part .flex-column:first-child::before {
        content: "";
        height: 100%;
        width: 1px;
        display: block;
        background-color: #dadada;
        position: absolute;
        top: 0;
        left: calc(100% + 6.5px);
    }

    #sport-part .second-row .small-news {
        background-color: #fff;
    }

    #sport-part
        .container:nth-child(3)
        .flex-row
        .small-news:nth-child(1n + 3) {
        display: none;
    }

    #sport-part
        .container:nth-child(3)
        .flex-row
        .small-news:not(:nth-child(1n + 3)) {
        margin-top: 13px;
    }

    #sport-part .second-row .small-news-image-link {
        max-width: 33.3333333%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: center;
    }

    #sport-part .second-row .small-news-image {
        height: auto;
    }

    #sport-part .second-row .small-news:not(:last-child) {
        margin-right: 0;
    }

    .video-big-news-holder,
    .magazin-news-big,
    .lifestyle-news-big,
    .tehnomag-news-big,
    .interesting-news-big {
        height: auto;
        padding: 0;
    }
    #video-part .video-big-news-holder .video-text-block-big,
    .magazin-news-big .text-block,
    .lifestyle-news-big .text-block,
    .tehnomag-news-big .text-block,
    .interesting-news-big .text-block {
        position: static;
        max-width: 100%;
        width: 100%;
        max-height: auto;
        height: auto;
        top: 0;
        left: 0;
        transform: translateY(0);
    }

    #video-part .foto-video-holder .foto-img,
    #photo-part .foto-video-holder .foto-img,
    #video-part .foto-video-holder .video-img,
    #photo-part .foto-video-holder .video-img {
        max-width: 40px !important;
        max-height: 40px !important;
    }

    .video-small-news-image-link {
        max-width: 33.3333333%;
    }
    .video-text-block-small {
        max-width: 66.666666%;
    }

    #magazin-part .video-section-title {
        width: 200px;
    }

    #magazin-part .foto-video-holder,
    #tehnomag-part .foto-video-holder {
        position: static;
        padding: 0;
        transform: translateY(-35px);
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        max-height: 0;
        padding-left: 5px;
    }

    .magazin-news-big-image-link,
    .interesting-news-big-image-link,
    .tehnomag-news-big-image-link {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        align-content: flex-end;
        justify-content: flex-end;
    }

    #magazin-part .col-6 .flex-row:nth-child(2),
    #tehnomag-part .col-6 .flex-row:nth-child(3) {
        flex-direction: column;
    }

    #magazin-part .magazin-small-news-holder .small-news,
    #magazin-part .lifestyle-small-news-holder .small-news,
    #tehnomag-part .tehnomag-small-news-holder .small-news,
    #tehnomag-part .interesting-small-news-holder .small-news {
        max-width: 100%;
        max-height: 100000px;
        height: auto;
        padding: 0;
    }
    #magazin-part .magazin-small-news-holder .small-news:nth-child(2),
    #magazin-part .lifestyle-small-news-holder .small-news:nth-child(2),
    #tehnomag-part .tehnomag-small-news-holder .small-news:nth-child(2),
    #tehnomag-part .interesting-small-news-holder .small-news:nth-child(2),
    #magazin-part .magazin-small-news-holder .small-news:nth-child(1),
    #magazin-part .lifestyle-small-news-holder .small-news:nth-child(1),
    #tehnomag-part .tehnomag-small-news-holder .small-news:nth-child(1),
    #tehnomag-part .interesting-small-news-holder .small-news:nth-child(1) {
        margin-right: 0;
        margin-left: 0;
    }

    #magazin-part .magazin-small-news-holder .small-news:nth-child(1),
    #magazin-part .lifestyle-small-news-holder .small-news:nth-child(1),
    #tehnomag-part .tehnomag-small-news-holder .small-news:nth-child(1),
    #tehnomag-part .interesting-small-news-holder .small-news:nth-child(1) {
        margin-bottom: 13px;
    }

    #magazin-part .magazin-small-news-holder .small-news:nth-child(1)::after,
    #magazin-part .lifestyle-small-news-holder .small-news:nth-child(1)::after,
    #tehnomag-part .tehnomag-small-news-holder .small-news:nth-child(1)::after,
    #tehnomag-part
        .interesting-small-news-holder
        .small-news:nth-child(1)::after {
        content: "";
        display: block !important;
        width: 100%;
        height: 1px;
        background: #dadada;
        position: absolute;
        top: calc(100% + 6px);
        left: 0;
    }

    #magazin-part .magazin-small-news-holder .small-news .text-block,
    #magazin-part .lifestyle-small-news-holder .small-news .text-block,
    #tehnomag-part .tehnomag-small-news-holder .small-news .text-block,
    #tehnomag-part .interesting-small-news-holder .small-news .text-block {
        padding: 10px;
        width: 66.66666666%;
        max-width: 66.66666666%;
    }

    #photo-part .photo-news-holder {
        padding: 0;
    }

    #photo-part .container {
        overflow: hidden;
    }
    #photo-part .col-9 {
        max-width: 75vw;
        width: 75vw;
        min-width: 75vw;
        margin: 0;
        margin-right: 13px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        padding-bottom: 13px;
    }

    #photo-part .text-link {
        max-width: 100%;
    }

    .photo-news-image {
        max-height: 180px;
    }
    #photo-part .photo-news-holder .photo-text-block {
        position: static;
        border: 1px solid #dadada;
        width: 100%;
        max-width: 100%;
    }

    .arrow-right {
        left: 75vw;
    }

    #footer .container {
        flex-direction: column-reverse;
    }

    #footer .container > .col-3,
    #footer .container > .col-9 {
        width: 100%;
        max-width: 100%;
    }

    #footer .container > .col-3 {
        padding-left: 0;
        text-align: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #footer .container > .col-3 #logo-footer {
        max-width: calc(50% - 13px);
        margin-right: 13px;
    }

    #footer .social-holder {
        margin-right: 0;
        max-width: 50%;
    }

    #footer .social-image {
        max-width: 30px;
    }

    #footer .container > .col-9 {
        padding-top: 30px;
    }

    #footer .container > .col-9 > .flex-row:first-child {
        justify-content: center;
    }

    #footer .container > .col-9 > .flex-row:last-child > .col-3 {
        justify-content: center;
        text-align: center;
    }

    #footer .social-holder {
        padding-top: 13px;
    }

    #footer .search-holder {
        width: 100%;
    }

    #footer .copyright {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    #footer .copyright:last-child {
        text-align: center;
    }

    .post-image-inner {
        max-height: 320px;
    }

    .vezani-tekst-holder {
        width: 40vw;
    }

    #article #world-part .smallest-news {
        display: flex !important;
        width: 100%;
    }

    #article #world-part .smallest-news .text-block:nth-child(1) {
        max-width: 100%;
        width: 100%;
    }

    #article #world-part .smallest-news:nth-child(1)::after,
    #article #world-part .smallest-news:nth-child(3)::after {
        content: "";
        display: block !important;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: calc(100% + 6px);
    }

    .post-meta-holder {
        flex-direction: column;
    }

    .post-meta-holder .col-4,
    .post-meta-holder .col-8 {
        width: 100%;
        justify-content: flex-start;
    }

    .post-meta-holder .col-8 {
        padding-top: 13px;
    }

    .photo-meta {
        flex-direction: column;
    }
    .photo-meta .col-9,
    .photo-meta .col-3 {
        width: 100%;
        max-width: 100%;
    }

    .post-text-holder iframe {
        max-width: 100%;
        width: 100%;
        /* max-height: 440px;*/
    }

    #remaining-part .small-news-image-link,
    #remaining-part .small-news .text-block {
        width: 100% !important;
        max-width: 100% !important;
    }

    #remaining-part .small-news-image {
        height: 120px;
    }

    #remaining-part .small-news:nth-child(odd)::after {
        content: "";
        display: block !important;
        height: 100%;
        width: 1px;
        background-color: #dadada;
        position: absolute;
        top: 0;
        left: calc(100% + 6.5px);
    }

    /* #remaining-part .text-block,
    #search-part .text-block {
        height: 120px!important;
    } */

    #search-part .small-news-image-link,
    #search-part .text-block {
        max-width: 100% !important;
        width: 100% !important;
    }

    #search-part .small-news-image {
        height: 120px;
        width: 100%;
    }

    .tag-list {
        flex-wrap: wrap;
    }
    .small-news:last-child::before,
    .small-news:last-child::after,
    #world-part .first-row .small-news:nth-child(1)::before,
    #world-part .first-row .small-news:nth-child(2)::before,
    #ch-part .smallest-news.before-bottom::before,
    #sport-part .second-row .small-news:nth-child(2)::before,
    .tehnomag-news-big.after-bottom::after {
        display: none !important;
    }

    #tehnomag-part .col-6:nth-child(2) {
        margin-top: 13px;
    }
}

@keyframes left {
    0% {
        width: 20vw;
        transform: translateX(-100%);
    }

    100% {
        width: 100vw;
        transform: translateX(0);
    }
}

/*
    Reklame
*/
.ads-skin {
    display: block;
    position: sticky;
    top: 0;
    padding-top: 41px;
}
.ads-skin.left {
    float: left;
    transform: translateX(calc(50vw - 770px));
}
.ads-skin.right {
    float: right;
    transform: translateX(calc(-50vw + 770px));
}
@media (max-width: 1510px) {
    .ads-skin {
        display: none !important;
    }
}

/* BREAKING */

.breaking-category .text-block {
    background-image: url("/assets/img/breaking-bg.png");
}
.breaking-category::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    width: 200px;
    height: 30px;
    background-image: url("/assets/img/breaking-hd.png");
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateX(-100%);
    background-color: transparent;
}
.breaking-category .pretitle {
    font-size: 18px;
    color: white;
}
.breaking-category .big-title {
    color: white;
    max-height: 244px !important;
}
.breaking-category .text-description {
    display: none;
}
.breaking-category .number {
    color: white;
}
.breaking-category .share-count img {
    filter: invert(1);
}
.breaking-category .main-news-big-image-link {
    padding: 5px;
    background-color: #bb1f26;
}

.breaking-category .main-news-big-image {
    height: 310px !important;
}

.live-holder {
    padding: 5px 10px;
    background-color: #bb1f26;
    color: white;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 9;
    display: flex;
    align-items: center;
    align-content: center;
}

.live-holder .cube {
    width: 10px;
    height: 10px;
    background-color: white;
    display: block;
    margin-right: 5px;
    animation: animatedCube 1s infinite;
}

.live-holder .live-text {
    line-height: 1;
}

.temp-bg {
    max-width: 1182px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
#editor-part.theme-cat .section-title-holder .section-title {
    margin-top: 15px;
}
@media (m#ax-width: 768px) {
    .sport-first .small-news,
    .sport-second .small-news {
        height: 100%;
    }
}