@media (max-width: 1280px) {
    #container {
        width: 1004px;
    }
    .settings_wrapper{
        max-width: 1004px;
        margin: 0 calc((100% - 1004px) / 2);
    }
    .headerRedInner {
        width: 1004px;
    }
    .searchForm_wrapper {
        max-width: 1004px;
    }
    .headerRedInner .nav li a {
        padding: 0;
        margin: 0 4px;
    }
    .headerRedInner .nav li a span {
        font-size: 14px;
    }
    .headerWhiteInner {
        width: 1004px;
    }
    .socialNav ul li {
        padding: 0;
    }
    #content {
        width: 690px;
    }
    .partBoxTwoThirds {
        width: 460px;
    }
    .topTwoStoriesVertical .item3 {
        display: block;
    }
    .topTwoStoriesVertical .item {
        width: 220px;
        float: left;
    }
    .topTwoStoriesVertical .item.first {
        margin-left: 0;
    }
    .threeStoryes .item {
        width: 220px;
        margin-left: 15px;
    }
    .threeStoryes .slick-slider .item {
        margin-left: 0;
    }
    .responsive .slick-prev,
    .responsive .slick-next {
        height: 122px;
    }
    .slick-initialized .slick-slide {
        padding: 0 7px;
    }
    .storyMainBox .slick-initialized .slick-slide {
        padding: 0 10px;
    }
    #stripe2 .slick-initialized .slick-slide {
        padding: 0;
    }
    .OneTwoStories .item.first {
        width: 100%;
    }
    .OneTwoStories.withThumbs .item.first {
        margin-bottom: 30px;
    }
    .OneTwoStories .item.item2, .OneTwoStories .item.item3 {
        width: 330px;
        min-height: 10px;
    }
    .storyMainBox .OneTwoStories .item.item2,
    .storyMainBox .OneTwoStories .item.item3 {
        margin-top: 20px;
    }
    .OneTwoStories.withThumbs  .item.item2,
    .OneTwoStories.withThumbs  .item.item3{
        margin-top: 0;
    }
    .OneTwoStories .item.item2 {
        margin-right: 30px;
        float: left;
        border-bottom: none;
    }
    .OneOneStories .item.first {
        width: 460px;
    }
    .OneOneStories .item.first .storyImgContainer {
        width: 100%;
    }
    .OneOneStories .item.first .txtContent {
        width: 100%;
        padding-right: 0;
    }
    .OneOneStories .item.first .title {
        padding-bottom: 10px;
    }
    .OneOneStories .item.first .lead {
        padding-bottom: 5px;
    }
    .OneOneStories .item.item2 {
        width: 220px;
    }
    .OneOneStories .item.first .date-commentCount {
        left: 0;
    }
    .six-items-slider .bottomStoryWrapper .item2,
    .threeStoryes .slick-slider .item .item1{
        margin-right: 10px;
    }
    .threeStoryes  .one-two-ver-slider.slick-slider  .item .item1{
        width: 100%;
    }
    .one-two-ver-slider .item.first-news-item .thumb-wrapper{
        width: 100%;
        height: auto;
    }
    .one-two-ver-slider .item.first-news-item .text-wrapper{
        width: 100%;
    }
    .one-two-ver-slider .item.first-news-item span.lable-like{
        position: absolute;
        bottom: 110px;
        left: 10px;
    }
    .one-two-ver-slider .rightStoryWrapper{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
    }
    .one-two-ver-slider .rightStoryWrapper .thumb-wrapper{
        width: 100%;
        float: none;
        height: auto;
    }
    .one-two-ver-slider .rightStoryWrapper .text-wrapper{
        width: 100%;
        float: none;
        height: auto;
        margin-top: 10px;
    }
    .one-two-ver-slider .rightStoryWrapper .item{
        width: 100%;
    }
    .one-two-ver-slider .rightStoryWrapper .item:first-child{
        margin-right: 30px;
    }
    .one-two-ver-slider .item.first-news-item .title{
        max-width: 100%;
    }
    .threeStoryes .five-items-slider.slick-slider .item {
        margin-right: 17px;
    }
    .threeStoryes .five-items-slider.slick-slider .item:last-child{
        margin-right: 0;
    }
    .footerLogo a {
        margin-right: 10px;
    }
    .responsive.slick-slider {
        margin: 5px -5px 0;
    }
    .responsive .slick-prev {
        left: 7px;
    }
    .responsive .slick-next {
        right: 7px;
    }
    .nav li a {
        padding: 0 12px;
    }
    .OneThreeStories .storyImgContainer {
        width: 326px;
    }
    .OneThreeStories .txtContent {
        width: 324px;
    }
    .OneThreeStories .partRow2 ul li.first a span.date-comment-wrapper {
        left: 365px;
    }
    .link-wrapper{
        padding-bottom: 100%;
    }
    #content .fontSize {
        position: relative ;
        right: auto;
        top: auto;
        margin-bottom: 10px;
        display: table;
        padding: 0;
    }
    #content .facebook_share a {
        margin-left: 0;
    }
    .video-preview-link a .surroundNext {
        background-size: 14px auto;
        padding-right: 20px;
    }
    #promo-wrap .left,
    #promo-wrap .right {
        height: 124px;
    }
    #promo-wrap .left:before,
    #promo-wrap .right:before {
        top: 62px;
    }
    .videoFotoSliderContainer video {
        max-height: 187px;
    }
    .video-preview-link a {
        padding-top: 61.5%;
    }
    .latest1-5 .partRow2 ul.listLeft li.first .imgLink .txtContent{
        position: absolute;
        width: 100%;
        z-index: 99;
        bottom: 10px;
        left: 10px;
    }
    .latest1-5 .partRow2 ul.listLeft li.first .imgLink .storyImgWrapper{
        width: 100%;
        margin-right: 0;
    }
    .latest1-5 .title.smallThumbTitleLeadDateComment{
        color: #fff;
        font-size: 24px;
    }
    .latest1-5 .partRow2 ul.listLeft li.first .imgLink .txtContent .lead{
        display: none;
    }
    .latest1-5 .partRow2 ul.listLeft li.first .date-comment-wrapper .date{
        color:#fff;
    }
    .latest1-5 .partRow2 ul.listLeft li.first .imgLink .storyImgWrapper:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        /*background: linear-gradient(to bottom, rgba(21, 37, 49, 0) 10%, rgba(5, 10, 13, 0.8) 100%);
            maska na slikama
        */
        z-index: 2;
    }
    .OneThreeStories .partRow2 ul.listLeft li.first .storyImgContainer .storyImgWrapper{
        padding-top: 56.25%;
    }
    .firstTwo a .title {
        line-height: 1.1;
        font-size: 18px;
    }
    .firstTwo a .title-wrapper {
        padding: 10px 20px;
    }
    .firstTwo .date-commentCount.new4Div {
        margin: 0;
    }
    .liveStory{
        flex-direction: column;
    }
    .liveStory .storyImgWrapper,
    .liveStory .storyImgTitleWrapper{
        width: 100%;
    }
    .liveStory .shorts_media img,
    .liveStory .shortNews .shortStoryBody
    {
        max-height: 80px;
    }
    .holderCaptcha .QapTcha,
    .holderCaptcha .QapTcha .bgSlider{
        max-width: 420px;
        width: 420px;
    }
    .kolumne .restNineGrid .titleDate-wrapper {
        margin-top: 0;
    }
    .topAuthor-6 .avatar_holder{
        width: 90px;
        height: 90px;
    }
    .imgASTitleLeadColumn .titleLeadWrapper {
        width: calc(100% - 340px);
        margin-right: 20px;
    }
    .author_name{
        font-size: 16px;
        flex: 1;
    }
    .kolumnisti .author{
        padding: 0 10px 30px;
    }
    .kolumnisti .author .avatar_holder{
        width: 90px;
        height: 90px;
    }
    .eurovision-contest .form-group.max-w-300 {
        max-width: 450px;
    }
    .project-registration .form-group.max-w-460 {
        max-width: 335px;
    }
    .project-registration textarea {
        max-width: 335px;
    }
    .kolumne.latestStory-2-3 .firstTwo .title-wrapper{
        width: calc(100% - 20px);
    }
    .nav ul li{
        /*        padding: 22px 2px 22px 2px;*/
        padding: 22px 0 22px 0;
    }
    #pariz2024_img{
        height: 11px;
    }
    .nav ul li.d1.hoverL1.pariz_hover,
    .nav ul li.d1.onPath.pariz_hover,
    .nav ul li.d1.pariz_hover{
        padding-bottom: 22px;
    }
}

@media (max-width: 1023px) {
    .headerContainer, #header, #primaryNavigation-wrapper {
        width: 690px;
        height: 60px;
    }
    .headerContainer {
        height: auto;
    }
    #container {
        width: 690px;
    }

    #content {
        width: 100%;
    }
    #header::after,
    #header::before,
    .logo::before,
    .logo::after {
        height: 60px;
    }
    #secondaryNavigation,
    #primaryNavigation-wrapper {
        display: none;
    }
    .responsive-nav {
        display: block;
    }
    h1.logo, div.logo {
        height: 44px;
        padding: 8px 0 8px;
    }
    h1.logo a, div.logo a {
        background-size: 94px 44px;
        width: 95px;
        height: 44px;
    }
    body.cirBody h1.logo a, body.cirBody div.logo a {
        background-size: 94px 44px;
        width: 95px;
        height: 44px;
    }
    .responsive-nav {
        margin-left: 30px;
        margin-top: 21px;
    }
    html.open{
        overflow-y: hidden;
    }
    .open.responsive_nav_holder{
        position: absolute;
        left: 0;
        background: rgba(21, 37, 49, 0.8);
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
    }
    .responsive-nav-wrapper.open {
        display: block;
    }
    .footerLinks-wrapper span {
        width: 220px;
        line-height: 130%;
        padding-top: 10px;
    }

    .footerNav ul li.depth2 {
        clear: none;
        margin-right: 10px;
    }
    .footerNav ul ul {
        margin-top: 5px;
    }
    .footerSecNav {
        float: none;
        margin: 0 auto;
        display: table;
    }
    .footerCopy .copy {
        width: 100%;
        text-align: center;
        display: block;
    }
    .footerCopy .copyShort {
        display: none;
    }
    .footerCopy p.power {
        text-align: center;
    }

    .breaking {
        background-color: transparent;
        margin-bottom: 0;
        height: 40px;
    }
    .breaking h3 {
        display: none;
    }
    .breaking .tickercontainer {
        padding: 0
    }
    .jctkr-wrapper{
        height: 25px;
    }
    .tickercontainer .mask {
        padding: 10px;
    }
    ul#ticker-new a {
        font-size: 12px;
    }

    #stripe2 {
        max-width: 100%;
        box-sizing: border-box;
        padding: 0;
        margin-top: 50px;
    }
    #headerRight .userNav {
        margin-top: 25px;
    }
    .responsive-nav-wrapper #navControls {
        margin: 10px auto 0;
        float: none;
        width: 230px;
        text-align: center;
        display: table;
    }
    .brandingBannerLeft,
    .brandingBannerRight {
        display: none;
    }
    .latestTitles {
        min-height: unset;
    }
    .partBoxTwoThirds,
    .partBoxTwoThirds-wrapper,
    .topTwoStoriesVertical .item{
        width: 100%;
    }
    .topTwoStoriesVertical .item {
        width: 48.38%;
        margin-left: 3.24%;
    }
    .topTwoStoriesVertical .item4{
        margin-left: 0;
    }
    .topTwoStoriesVertical{
        width: 100%;
        margin-top: 20px;
        display: flex;
    }
    .topTwoStoriesVertical .item.first{
        margin-right: 20px;
    }
    .six-items-slider .topStoryWrapper{
        display: flex;
        flex-wrap: wrap;
    }
    .threeStoryes .six-items-slider .item .item1.first-news-item{
        flex: 1 1 100%;
        margin: 0 0 30px 0;
    }
    .six-items-slider .first-news-item .lead{
        max-width: 100%;
        padding-bottom: 5px;
    }
    .threeStoryes .six-items-slider .item.item1,
    .threeStoryes  .six-items-slider .item.item2 {
        flex: 1;
    }
    .threeStoryes .six-items-slider .item.item1,
    .threeStoryes .slick-slider .new3-storyWrapper .item.item1{
        margin-right: 30px;
    }
    .new3-storyWrapper{
        flex-wrap: wrap;
    }
    .new3-storyWrapper .rightStoryWrapper,
    .threeStoryes .slick-slider .new3-storyWrapper .item.first-news-item{
        width: calc(100% - 40px);
    }
    .threeStoryes .slick-slider .new3-storyWrapper .item.first-news-item {
        margin-bottom:  30px;
    }
    .OneTwoStories.withThumbs .item.first .txtContent{
        padding-bottom: 40px;
    }
    .krugovi{
        display: none;
    }
    .footerBottom{
        flex-direction: column;
    }
    #footerRight{
        display: none;
    }
    .ticker-wrapper {
        padding: 10px 0px 10px 20px;
    }
    .ticker-wrapper .jctkr-wrapper ul li {
        font-size: 12px;
    }
    .third-fix-width .slick-list {
        width: 650px !important;
    }
    .third-fix-height .slick-list {
        /*min-height: 190px !important;*/
    }

    .headerWhite.desktop21 {
        display: block;
        top: auto;
        margin-top: 80px;
        background-image: none;
    }
    .headerWhiteInner {
        width: 100%;
        display: block;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0 10px;
        margin: 0 auto;
    }
    .headerWhiteInner:after {
        width: 100%;
    }
    .topTagssheaderTagsWrapper {
        width: 100%;
    }
    .headerWhiteInner .socialNav {
        display: none;
    }
    .headerTagsWrapperContentMobile {
        display: table;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .responsive-nav-holder a.tag {
        margin: 0 10px 10px 0;
        float: left;
    }
    .responsive-nav-holder a.tag.first {
        margin-left: 0;
    }
    .responsive-nav-holder a.tag.last {
        margin-right: 0;
    }
    .holderCaptcha{
        float: none;
        margin-bottom: 20px;
    }
    .holderCaptcha .QapTcha {
        max-width: 99%;
        width: 100%;
    }
    .holderCaptcha .QapTcha .bgSlider {
        max-width: 102%;
        width: 100%;
    }
    #sendCommentForm button{
        float: none;
        width: 100%;
        margin-bottom: 0;
    }
    .footerBgrdImg {
        right: 0;
    }
    .kolumne .imgASTitleLeadColumn .title {
        font-size: 18px;
        margin: 0;
        padding: 0;
        margin-top: 5px;
    }
    .kolumne .imgASTitleLeadColumn .lead  {
        font-size: 14px;
    }
    .column_browser .storyNav{
        margin-bottom: 20px;
    }
    body:not(.home) #stripe2{
        margin-top: 0;
    }
    .kolumne.latestStory-2-3 .firstTwo .title{
        font-size: 18px;
    }

    .topAuthor-6  .kolumne span.avatar_holder{
        width: 70px;
        height: 70px;
    }
    .topAuthor-6 .author{
        padding: 20px 10px;
    }
    .column_browser .imgASTitleLeadColumn a{
        display: flex;
    }
    .column_browser .imgASTitleLeadColumn .storyImgContainer{
        width: auto;
        flex: 1;
        padding-right: 10px;
    }
    .column_browser .imgASTitleLeadColumn .titleLeadWrapper{
        margin-right: 10px;
        flex: 1;
        height: auto;
    }
    .color_themes.resp{
        column-gap: 10px;
        padding: 0px 20px;
    }
    .color_themes.resp .card{
        padding: 10px;
        font-size: 12px;
        cursor: pointer;
        position: relative;
        max-width: 60px;
        text-align: center;
        line-height: 1;
    }
    html.normal .color_themes.resp .card.normal:after,
    html.bw .color_themes.resp .card.bw:after,
    html.invert .color_themes.resp .card.invert:after{
        width: 13px;
        height: 13px;
        font-size: 10px;
        line-height: 15px;
    }
    .zoom_inOut_holder.resp{
        margin-bottom: 0;
    }
    .zoom_inOut_holder.resp button{
        width: 30px;
        height: 30px;
        font-size: 15px;
        background: #0A1B47;
        color: #fff;
        font-weight: 500;
    }
    .settings_wrapper.active{
        display: none;
    }
    .liveStream a{
        height: 20px;
    }
    .liveStream .tv span,
    .liveStream .radio span{
        padding-left: 20px;
        height: 20px;
    }
    .responsive-nav-holder .liveStream span{
        background-size: 16px 16px;
    }
    .responsive-nav-holder .socialNav{
        background-color: #fff;
    }
    .breaking.new {
        display: none;
    }
    .headerWhiteInner{
        display: none;
    }
    .najnovije_najcitanije .slick-prev{
        right:25px;
    }
    .najnovije_najcitanije .slick-next{
        right: 5px;
    }
    .najnovije_najcitanije .slick-next,
    .najnovije_najcitanije .slick-prev{
        width: 25px;
    }
    .videoForecast img{
        display: flex;
        margin: 0 auto;
    }
    #pariz2024_img{
        height: 11px;
        width: auto;
        float: none;
    }
}

@media (max-width: 767px) {
    .headerContainer, #header, #primaryNavigation-wrapper {
        width: 620px;
    }
    #container {
        width: 620px;
    }
    #header {
        background-position: 0 0;
        background-size: 100% auto;
    }
    .storyMainBoxListLinks ul li {
        width: 100%;
        display: block;
        float: none;
        border-top: 1px solid #fff;
        border-left: 0;
        background-color: #e7e8e1;
    }
    .storyMainBoxListLinks ul li a {
        color: #0A1B47;
    }
    .storyMainBoxListLinks ul li a.active {
        color: #fff;
    }
    .storyMainBoxListLinks ul li a span.title {
        float: left;
        line-height: 20px;
    }
    .storyMainBoxListLinks ul li a .date-commentCount {
        position: relative;
        width: auto;
        float: right;
        left: auto;
        bottom: auto;
    }
    .storyMainBoxListLinks ul li a.active:after {
        top: 0;
    }
    .storyMainBoxListLinks ul li a {
        padding: 15px 10px;
        display: table;
    }
    .topTwoStoriesVertical .item3 {
        display: none;
    }
    .topTwoStoriesVertical .item {
        width: 48.38%;
        margin-left: 3.24%;
    }
    .threeStoryes .item {
        width: 48.38%;
        margin-left: 3.24%;
    }
    .topTwoStoriesVertical .item4{
        margin-left: 0;
    }
    .responsive .slick-prev,
    .responsive .slick-next {
        height: 170px;
    }
    .OneTwoStories .item.first .storyImgContainer {
        width: 415px;
    }
    .OneTwoStories .item.first .txtContent {
        width: 187px;
    }
    .OneTwoStories .item.item2, .OneTwoStories .item.item3 {
        width: 48.38%;
    }
    .OneTwoStories .item.item2 {
        margin-right: 3.24%;
    }
    .OneOneStories .item.first,
    .OneOneStories .item.item2 {
        width: 48.38%;
    }
    .OneOneStories .item.item2 .lead {
        display: block;
    }
    #stripe2 {
        padding: 0;
    }
    .partBoxFull{
        margin-bottom: 30px;
    }
    .OneTwoStories p.lead.lead200{
        width: auto;
    }

    #stripe2 .clear {
        margin: 0 5px 20px;
    }
    .footerLinks-wrapper span {
        padding-bottom: 10px;
    }
    a.google-play {
        margin-left: 20px;
    }
    a.app-store {
        margin-left: 0;
        float: right;
    }
    .footerCopy {
        width: 100%;
    }
    .footerCopy p.copy {
        max-width: 410px;
        margin: 0 auto 10px;
    }
    .program table.programNew tbody tr td, .program table.programNew tbody tr td.time {
        padding: 10px 0 10px 25px;
    }
    .program table tbody tr td {
        font-size: 16px;
    }
    .OneThreeStories .storyImgContainer {
        width: 294px;
    }
    .OneThreeStories .txtContent {
        width: 307px;
        padding: 20px 10px 30px 0;
    }
    .OneThreeStories .partRow2 ul li.first a span.date-comment-wrapper {
        left: 314px;
        bottom: 10px;
    }
    .partBoxFull.OneThreeStories .partRow2 ul li {
        width: 48%;
        margin-right: 4%;
    }
    .partBoxFull.OneThreeStories .partRow2 ul li.first {
        width: 100%;
    }
    .partBoxFull.OneThreeStories .partRow2 ul li:nth-of-type(3) {
        margin-right: 0;
    }
    .partBoxFull.OneThreeStories .partRow2 ul li.last {
        display: none;
    }
    #promo-wrap .left, #promo-wrap .right {
        height: 169px;
    }
    #promo-wrap .left:before, #promo-wrap .right:before {
        top: 84px;
    }
    .promo3.col3 {
        display: none;
    }
    .promo3.col2 {
        display: block;
    }
    #wrap.col3 {
        display: none;
    }
    .responsive.col2 {
        display: block;
    }
    .videoFotoSliderContainer video {
        max-height: 225px;
    }
    .video-preview-wrapper span {
        display: none;
    }
    .thumb-slider-wrapper {
        display: none;
    }
    .storyMainBoxListLinks ul li a.active::after {
        bottom: 5px;
    }
    .storyMainBoxListLinks {
        padding-top: 5px;
    }
    .HomeTopSlider .single-item-slider .slick-slide,
    .HomeTopSlider{
        max-height: 350px;
        height: 100%;
    }
    .HomeTopSlider .single-item-slider a.fix {
        min-height: auto;
    }

    .one-two-ver-slider .item.first-news-item .text-wrapper{
        position: relative;
    }
    .one-two-ver-slider .item.first-news-item span.lable-like{
        bottom: unset;
        top:-30px;
    }
    .new-block{
        margin-bottom: 0;
    }
    .threeStoryes.new-block{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .partBoxFull .partRow2 ul li h2.title{
        margin-bottom: 5px;
    }

    /*footer */
    .footerStoreLinks{
        padding-bottom: 30px;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footerLinks-wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0;
    }
    .footerLogo{
        margin: 0 auto;
    }
    .footerLogo a{
        margin-bottom: 20px;
    }
    a.google-play{
        margin-left: 0;
        margin-bottom: 15px;
        margin-right: 20px;
    }
    .footerLinks-wrapper p{
        padding-bottom: 15px;
    }
    .OneOneStories .item.first .storyImgWrapper{
        width: 100%;
    }
    .third-fix-width .slick-list {
        width: 580px !important;
    }
    .firstTwo a .title {
        font-size: 18px;
    }
    .kolumne .firstTwo a .title {
        font-size: 18px;
    }
    .topAuthor-6 .authors_holder {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 8px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .kolumnisti {
        grid-template-columns: repeat(5, 1fr);
    }

    .eurovision-contest .form-group.half-holder,
    .eurovision-contest .third-holder {
        column-gap: 0;
        flex-direction: column;
    }

    .eurovision-contest textarea {
        max-width: 100%;
    }

    .eurovision-contest .third-holder .third {
        margin-bottom: 15px;
    }

    .half.music-autor label.mb-15 {
        margin-bottom: 0;
    }
    .eurovision-contest .form-group.max-w-300 {
        max-width: 100%;
    }

    .project-registration .form-group.half-holder,
    .project-registration .third-holder {
        column-gap: 0;
        flex-direction: column;
    }

    .project-registration textarea {
        max-width: 100%;
    }

    .project-registration .third-holder .third {
        margin-bottom: 15px;
    }

    .project-registration .form-group.max-w-460 {
        max-width: 100%;
    }
    .footerCopy{
        position: absolute;
        bottom: 0;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    .footerBgrdImg {
        display: none;
    }
    .footerBottom{
        padding-bottom: 100px;
    }

}
@media (max-width: 639px) {
    body {
        width: 100%;
    }
    .headerContainer {
        padding: 0;
        height: auto;
    }
    #header {
        width: calc(100% - 20px);
    }
    #header:after{
        bottom: -1px;
    }
    .headerContainer {
        width: 100%;
        box-sizing: border-box;
    }
    #container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    #container.topContainer {
        padding: 0;
    }
    h1.logo, div.logo {
        padding: 8px 0 8px;
    }
    .responsive-nav {
        margin-top: 21px;
    }
    #topFull,
    .breaking{
        position: relative;
    }
    .breaking {
        padding: 0;
        width: calc(100% + 20px);
    }
    .breaking {
        margin-top: 0;
        border: none;
    }
    .breaking-in {
        z-index: 9;
    }
    .breaking h3.title {
        display: none;
    }
    .tickercontainer {
        padding: 0;
    }
    .tickercontainer .mask {
        padding: 10px 0;
    }
    .dateIconCommentCount {
        margin-bottom: 5px;
    }
    .HomeTopSlider .slick-arrow,
    .slide_text-content .slide_lead{
        display: none !important;
    }
    .HomeTopSlider .slide_text-content{
        padding: 0 20px;
        bottom: 0;
    }
    .slide_text-content .slide_title{
        font-size: 24px;
    }
    .Inner.Home.Page .slide_text-content .slide_title{
        margin-bottom: 10px;
    }
    .slick-dotted.slick-slider{
        margin-bottom: 0;
    }
    .HomeTopSlider .single-item-slider a.fix::after,
    #stripe2,
    #stripe2 .fix{
        max-width: 100%;
    }
    .storyMainBoxFotoHolder {
        padding-bottom: 56.1%;
    }
    span.swithcherMainTitle {
        font-size: 20px;
    }
    .topTwoStoriesVertical .item {
        width: 100%;
        float: none;
    }
    .threeStoryes .item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .threeStoryes .item:last-child {
        display: block;
        margin-bottom: 0;
    }
    .responsive .slick-prev,
    .responsive .slick-next {
        height: 0;
        padding-bottom: 54.9%;
    }
    .responsive .slick-prev:before,
    .responsive .slick-next:before {
        position: absolute;
        top: 50%;
        margin-top: -10px;
    }
    .OneTwoStories .item.first .storyImgContainer {
        width: 100%;
    }
    .OneTwoStories .item.first .txtContent {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    .OneTwoStories .item.first .date-commentCount {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .OneTwoStories .item.first .title {
        font-size: 16px;
    }
    .OneTwoStories .item.item2, .OneTwoStories .item.item3 {
        width: 100%;
    }
    .OneTwoStories .item.item2 {
        margin-right: 0;
    }
    .OneOneStories .item.first, .OneOneStories .item.item2 {
        width: 100%;
        margin-bottom: 20px;
    }
    .program table tbody tr td.time span:before {
        display: none;
    }
    .program table tbody tr td.time span {
        padding-left: 0;
    }
    .program table.programNew tbody tr td{
        padding: 10px 10px 10px 10px;
    }
    .program table.programNew tbody tr td.time {
        padding-left: 0;
    }
    #main .tagRelated .topStoriesHorizontal .item {
        width: 48%;
        margin-left: 4%;
        margin-bottom: 20px;
    }
    #main .tagRelated .topStoriesHorizontal .item.first,
    #main .tagRelated .topStoriesHorizontal .item3 {
        margin-left: 0;
        clear: left;
    }
    .tagRelated .topStoriesHorizontal .item .title,
    .relatedStories.imgWrapper {
        margin-bottom: 5px;
    }
    #stripe2 iframe {
        float: none;
        margin: 0 auto;
        display: block;
    }
    .footerLogo {
        float: none;
        text-align: center;
    }
    .footerCopy p.copy {
        margin: 10px auto 10px;
    }
    .footerLinks-wrapper span {
        float: none;
        display: block;
        text-align: center;
        padding: 0;
    }
    .footerWeather,
    .footerNav,
    .footerSecNav {
        display: none;
    }
    #headerRight .userNav {
        margin-top: 18px;
    }
    ul.tabs-tvGuide li a span {
        font-size: 12px;
    }
    .OneThreeStories .storyImgContainer {
        width: 100%;
    }
    .OneThreeStories .txtContent {
        width: 100%;
        padding: 20px 10px 20px 10px;
    }
    .OneThreeStories .partRow2 ul li.first a span.date-comment-wrapper {
        position: relative;
        left: auto;
        bottom: auto;
    }
    .partBoxFull.OneThreeStories .partRow2 ul li {
        width: 100%;
        margin-right: 0;
    }
    .partBoxFull.OneThreeStories .partRow2 ul li.first {
        width: 100%;
    }
    .partBoxFull.OneThreeStories .partRow2 ul li.last {
        display: block;
    }
    .OneThreeStories .partRow2 ul li.first a span.lead {
        padding-bottom: 10px;
        display: block;
    }
    table.for3Days tr td img {
        float: none;
        margin-top: 5px;
    }
    .tempHolder {
        float: none;
        margin-bottom: 5px;
        display: table;
    }
    table.for3Days tr td span.max {
        margin-bottom: 5px;
    }
    .videoContainer {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .videoTxt {
        width: 100%;
        padding-left: 0;
        float: none;
    }
    .videoTxt .mediaLead {
        margin-bottom: 20px;
    }
    .video-preview,
    .video-preview-link{
        width: 25%;
    }
    .video-preview:nth-of-type(4),
    .video-preview:nth-of-type(5) {
        display: none;
    }
    .video-preview-link a {
        padding-top: 53.5%;
    }
    #stripe2 .clear.sidebarTopStoriesTwo,
    #stripe2 .clear.videoFoto{
        max-width: 300px;
        margin: 0 auto 30px;
        float: none;
    }
    #stripe2 {
        margin: 30px 0;
    }
    .footerStoreLinks::after,
    .footerBottom::after{
        width: 20px;
        margin: 0;
        right: -20px;
    }
    .banner1260 {
        padding-left: 10px;
    }
    .box-left,
    .box-right,
    .box-center {
        width: 100% !important;
        float: none;
        clear: both;
        margin-right: 0;
        margin-left: 0;
    }
    .restNineGrid  .item .date-commentCount,
    .firstTwo .item .date-commentCount {
        position: inherit;
    }
    .item .date-commentCount.whiteIcons{
        justify-content: flex-end;
    }
    /*SLIDER*/
    .responsiveWrapper .topTwoStoriesVertical,
    .topTwoStoriesVertical{
        flex-wrap: wrap;
        padding: 0 20px;
    }
    .topTwoStoriesVertical .item a p.title{
        padding: 0;
    }
    .responsiveWrapper  .topTwoStoriesVertical .item.first.item1 a.up.fix,
    .topTwoStoriesVertical .item.first.item1 a.up.fix,
    .latestStoriesHorizontal .imgLink{
        display: flex;
    }
    .latestStoriesHorizontal .imgLink .title{
        display: none;
    }
    .latestStoriesHorizontal .imgLink .titleDate-wrapper .title,
    .HomeTopSlider a.up.fix{
        display: block;
    }
    .topTwoStoriesVertical .item.first .date-commentCount{
        margin-bottom: 0;
    }
    .topTwoStoriesVertical .item{
        margin-left: 40px;
    }
    .topTwoStoriesVertical .item.first{
        margin-right: 0;
        margin-left: 40px;
    }
    .six-items-slider .bottomStoryWrapper .item2{
        margin-right: 0;
    }
    .threeStoryes .item3{
        margin-right: 0;
    }
    .bottomStoryWrapper .threeStoryes .item3{
        margin-left: 10px;
    }
    .threeStoryes .six-items-slider .item.item2{
        margin-bottom: 20px;
    }
    /***** vesti *******/
    a.up.fix,
    .new-block .item.first.item1  a.up.fix{
        display: flex;
    }
    .storyImgWrapper
    {
        padding: 0;
        /* aspect-ratio: 16 / 9; */
        width: 40%;
        margin-right: 10px;
        position: relative;
        padding-top: 22%;
        align-self: baseline;
    }
    .story-box .storyImgWrapper {
        width: 100%;
        aspect-ratio: 16 / 9;
        padding-top: 0;
    }
    .titleDate-wrapper {
        width: calc(60% - 20px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: auto;
    }
    .kolumne.responsive_columns .titleDate-wrapper{
        display: block;
    }
    .txtContent.titleDate-wrapper,
    .topStoriesHorizontal.OneOneStories .item:not(.first) .txtContent.titleDate-wrapper,
    .latestStoriesHorizontal.OneTwoStories .item:not(.first) .txtContent.titleDate-wrapper{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    .title-wrapper p.lead{
        display: none;
    }
    .storyFull p.lead{
        display: block;
    }
    .threeStoryes .item .title{
        font-size: 16px;
        font-weight: 600;
    }
    .OneTwoStories.withThumbs .storyImgWrapper span{
        line-height: 1;
    }
    .oldBlock .item.first.item1 .storyImgWrapper,
    .oldBlock.topStoriesSlider-3.threeStoryes .item.first.item1 .storyImgWrapper,
    .latestStoriesHorizontal .item.first.item1 .storyImgWrapper
    {
        width: 100%;
        padding-bottom: 55.7%;
        padding-top: 0;
        aspect-ratio:0;
    }
    .OneOneStories .item.first .txtContent,
    .OneOneStories .item .title, .OneOneStories .item.first .title{
        padding: 0;
    }
    .item.first.item1 p.lead,
    .OneTwoStories.withThumbs .item.first p.lead{
        display: none;
    }
    .item.first.item1  a.up.fix,
    .five-items-slider  .item:first-child .topStoryWrapper .item.first.first-news-item a.up.fix{
        /*display: inline-block;*/
        position: relative;
        display: block;
    }
    .new-block .item.first.item1.first-news-item  a.up.fix{
        display: flex;
    }
    .new-block .item:first-child .item.first.item1.first-news-item .storyImgWrapper{
        margin-right: 0;
        padding-bottom: 54.7%;
        padding-top: 0;
        width: 100%;
    }
    .newBlock1 .item:first-child .item.first.item1.first-news-item .storyImgWrapper{
        margin-right: 10px;
    }
    .new-block2 .item:first-child .item.first.item1.first-news-item .storyImgWrapper{
        padding-bottom: 53.7%;
        margin-right: 20px;

    }
    .five-items-slider .item:first-child  .topStoryWrapper .item.first.item1 .storyImgWrapper,
    .six-items-slider .topStoryWrapper .item.first.first-news-item .storyImgWrapper{
        width: 100%;
        margin-right: 10px;
        padding-bottom: 54.7%;
        padding-top: 0;
    }

    .OneTwoStories .item .storyImgWrapper,
    .six-items-slider .topStoryWrapper .item.first.first-news-item .storyImgWrapper{
        display: block;
    }
    .OneTwoStories .item.item2 .date-commentCount,
    .OneTwoStories .item.item3 .date-commentCount {
        position: relative;
        bottom: auto;
        left: auto;
    }
    .OneTwoStories.withThumbs .item.item2,
    .OneTwoStories.withThumbs .item.item3{
        min-height: inherit;
    }
    .responsive .item.first.item1 .storyImgWrapper span,
    .OneTwoStories .item.first .storyImgWrapper span.uptitle,
    .OneOneStories .item.first .storyImgWrapper span.uptitle,
    .latestStoriesHorizontal .item.first.item1 span.uptitle{
        display: none;
    }
    .responsive .item.first.item1 .titleDate-wrapper span.uptitle_resp,
    .OneTwoStories .item.first span.uptitle_resp,
    .responsive .titleDate-wrapper .item.first span.uptitle_resp,
    .five-items-slider .item:first-child .topStoryWrapper .item.first.item1 .titleDate-wrapper span.lable-like,
    .six-items-slider .topStoryWrapper .item.first.item1 .titleDate-wrapper span.uptitle_resp,
    .OneOneStories .item.first .titleDate-wrapper span.uptitle_resp,
    .one-two-ver-slider .item.first.first-news-item span.lable-like,
    .latestStoriesHorizontal .item.first.item1 span.uptitle_resp
    {
        display: block;
        width: fit-content;
        position: relative;
        left: 0;
        bottom: 0;
        margin-bottom: 10px;
    }
    .one-two-ver-slider .item.first.first-news-item span.lable-like{
        top:inherit;
    }
    .one-two-ver-slider .responsiveItems .item.first.first-news-item span.lable-like{
        display: none;
    }
    .one-two-ver-slider .responsiveItems .item.first.first-news-item span.uptitle_resp{
        position: absolute;
        left: 10px;
        display: block;
    }
    .responsive .item.first.item1 .titleDate-wrapper .date-commentCount,
    .OneTwoStories .item.first .date-commentCount,
    .responsive .titleDate-wrapper .item.first .date-commentCount,
    .five-items-slider .item:first-child .topStoryWrapper .item.first.item1 .titleDate-wrapper .date-commentCount,
    .six-items-slider .topStoryWrapper .item.first.item1.first-news-item .titleDate-wrapper .date-commentCount,
    .OneOneStories .item.first .titleDate-wrapper .date-commentCount,
    .one-two-ver-slider .item:first-child .item.first.first-news-item  .date-commentCount,
    .latestStoriesHorizontal .item.first.item1 .date-commentCount{
        position: relative;
    }
    .responsive.col2 .titleDate-wrapper .uptitle_resp,
    .six-items-slider .topStoryWrapper .item.first.item1 span.lable-like{
        display: none;
    }
    .OneTwoStories.withThumbs .item.first .txtContent{
        padding: 0;
    }
    .responsive .item.first.item1 .titleDate-wrapper,
    .OneTwoStories .item.first .txtContent.titleDate-wrapper,
    .five-items-slider .item:first-child .topStoryWrapper .item.first.item1 .titleDate-wrapper,
    .six-items-slider .topStoryWrapper .item.first.first-news-item .titleDate-wrapper,
    .one-two-ver-slider .item:first-child .item.first.first-news-item .titleDate-wrapper,
    .OneOneStories .item.first .titleDate-wrapper,
    .latestStoriesHorizontal .item.first.item1 .titleDate-wrapper
    {
        position: absolute;
        bottom: 10px;
        z-index: 99;
        display: block;
        width: 100%;
        left: 20px;
        max-width: calc(100% - 40px);
        height: auto;
    }
    .OneTwoStories.withThumbs .item.first .txtContent{
        background: none;
        transform: none;
    }
    .OneTwoStories.withThumbs .item.first .title{
        text-align: left;
    }
    .responsive .item.first.item1 .titleDate-wrapper .commentCount,
    .OneTwoStories .item.first .txtContent.titleDate-wrapper .commentCount,
    .five-items-slider .item:first-child .topStoryWrapper .item.first.item1 .titleDate-wrapper .commentCount,
    .six-items-slider .topStoryWrapper .item.first.first-news-item .titleDate-wrapper .commentCount,
    .one-two-ver-slider .item:first-child .item.first.first-news-item .titleDate-wrapper .commentCount,
    .OneOneStories .item.first .titleDate-wrapper .commentCount,
    .latestStoriesHorizontal .item.first.item1 .commentCount,
    .topStoriesHorizontal.OneOneStories .item.first.item1 .commentCount
    {
        color:#fff;
    }

    .responsive .item.first.item1 .titleDate-wrapper span.numberC,
    .OneTwoStories .item.first .txtContent.titleDate-wrapper span.numberC,
    .five-items-slider .item:first-child .topStoryWrapper .item.first.item1 .titleDate-wrapper span.numberC,
    .six-items-slider .topStoryWrapper .item.first.first-news-item .titleDate-wrapper span.numberC,
    .one-two-ver-slider .item:first-child .item.first.first-news-item .titleDate-wrapper span.numberC,
    .OneOneStories .item.first .titleDate-wrapper span.numberC,
    .latestStoriesHorizontal .item.first.item1 span.numberC,
    .topStoriesHorizontal.OneOneStories .item.first.item1 span.numberC {
        background: url(/assets/img/front/komentar-white.svg) no-repeat left center;
    }

    .responsive .item.first.item1 .titleDate-wrapper .title,
    .OneTwoStories .item.first .txtContent .title,
    .five-items-slider .item:first-child .topStoryWrapper .item.first.item1 .titleDate-wrapper .title,
    .six-items-slider .topStoryWrapper .item.first.first-news-item .title,
    .one-two-ver-slider .item:first-child .item.first.first-news-item .title,
    .OneOneStories .item.first .title,
    .latestStoriesHorizontal .item.first.item1 .title
    {
        font-size: 24px;
        color: #fff;
        margin-bottom: 10px;
        line-height: 1;
    }
    .latestStoriesHorizontal.withoutThumbs .storyImgContainer{
        width: 40%;
        margin-right: 20px;
    }
    .latestStoriesHorizontal.withoutThumbs .storyImgWrapper{
        width: 100%;
        padding-bottom: 55.7%;
        padding-top: 0;
    }
    .one-two-ver-slider .rightStoryWrapper .text-wrapper{
        margin-top: 0;
    }
    .one-two-ver-slider .rightStoryWrapper .storyImgWrapper span.lable-like{
        display: block;
    }
    /*kultura*/
    .OneOneStories .item.item2 .lead{
        display: none;
    }
    /* novi blok 1*/
    .threeStoryes .six-items-slider .item .item1.first-news-item{
        margin-left: 10px;
    }
    .threeStoryes .six-items-slider .item.item1,
    .threeStoryes .six-items-slider .item.item2{
        flex: 1 1 100%;
    }
    .threeStoryes .six-items-slider .item.item1,
    .threeStoryes .slick-slider .new3-storyWrapper .item.item1,
    .one-two-ver-slider .rightStoryWrapper .item:first-child{
        margin-right: 0;
    }
    .threeStoryes .six-items-slider .item.item1,
    .threeStoryes .six-items-slider .item.item2,
    .threeStoryes .one-two-ver-slider .itemContent .item{
        /*flex: 1 1 100%;*/
        margin-left: 10px;
    }
    .six-items-slider .item.responsiveItems{
        display: none;
    }
    .six-items-slider .bottomStoryWrapper{
        flex-wrap: wrap;
    }
    .one-two-ver-slider .item.first-news-item .thumb-wrapper .storyImgWrapper,
    .one-two-ver-slider .rightStoryWrapper .thumb-wrapper .storyImgWrapper{
        width: 100%;
    }
    .new-block2 .one-two-ver-slider .rightStoryWrapper .thumb-wrapper{
        width: 40%;
        float: none;
    }
    .new-block2 .one-two-ver-slider .rightStoryWrapper .thumb-wrapper .storyImgWrapper,
    .new-block2 .one-two-ver-slider .responsiveItems .item.first-news-item .thumb-wrapper .storyImgWrapper{
        padding: 0;
        margin-right: 20px;
        position: relative;
        padding-top: 102%;
        padding-top: 52%;
    }
    .storyImgWrapper.responsiveThumbs{
        display: block;
    }
    .six-items-slider .bottomStoryWrapper span.lable-like{
        display: none;
    }
    .threeStoryes .six-items-slider .bottomStoryWrapper .item3{
        margin-left: 10px;
    }
    /* new blok 2 */
    .one-two-ver-slider .rightStoryWrapper{
        flex-wrap: wrap;
    }
    .one-two-ver-slider .rightStoryWrapper .text-wrapper{
        width: calc(60% - 20px);
    }
    .one-two-ver-slider .item.responsiveItems .item.first.item1  a.up.fix,
    .one-two-hor-slider .item.responsiveItems .item.first.item1  a.up.fix{
        display: flex;
    }
    .one-two-hor-slider .item.responsiveItems .item.first.item1 a.up.fix  .storyImgWrapper{
        width: 40%;
        margin-right: 20px;
    }
    .new3-storyWrapper .rightStoryWrapper{
        flex-wrap: wrap;
        width: 100%;
    }
    /*novi blok 3*/
    .new-block3{
        background: #fff;
        padding: 0;
    }
    .new-block3 .new-block-slider-wrapper{
        margin: 0;
    }
    .new3-storyWrapper .item.first.item1.first-news-item .storyImgWrapper{
        margin-right: 0;
    }
    .one-two-ver-slider .rightStoryWrapper{
        margin-top: 0;
    }
    .responsiveItems .new3-storyWrapper .item.first-news-item .storyImgWrapper p.title{
        display: none;
    }
    .responsiveItems .new3-storyWrapper .item.first-news-item .titleDate-wrapper{
        display: block;
    }
    .responsiveItems .new3-storyWrapper .item.first-news-item .storyImgWrapper span {
        bottom: 10px;
        left: 10px;
    }
    .responsiveItems .new3-storyWrapper .item.first-news-item .titleDate-wrapper .title{
        position: relative;
        color:#0A1B47;
    }
    .new3-storyWrapper .titleUptitle{
        left: 20px;
        z-index: 9;
    }
    .new3-storyWrapper .first-news-item .titleUptitle .title{
        font-size: 18px;
        margin-top: 0;
    }
    /*novi blok 4*/
    .five-items-slider .topStoryWrapper,
    .five-items-slider .bottomStoryWrapper{
        flex-wrap: wrap;
    }
    .five-items-slider .topStoryWrapper .item{
        flex: 1 1 100%;
    }
    .five-items-slider .topStoryWrapper .title{
        color:#0A1B47;
    }
    .five-items-slider .topStoryWrapper .title-wrapper{
        position: relative;
        padding: 0;
    }
    .threeStoryes .five-items-slider.slick-slider .item{
        margin-right: 0;
    }
    .one-two-ver-slider .responsiveItems .item.first-news-item .thumb-wrapper{
        width: 40%;
    }
    .one-two-ver-slider .item.first-news-item .title{
        font-size: 16px;
    }
    .one-two-ver-slider .item.first-news-item .text-wrapper.titleDate-wrapper{
        width: calc(60% - 20px);
    }
    .five-items-slider .topStoryWrapper span.lable-like{
        display: block;
        position: absolute;
        left: 10px;
        bottom: 10px;
        margin-bottom: 0;
    }
    .five-items-slider .item:first-child .topStoryWrapper .item.item1 .storyImgWrapper span.lable-like {
        display: none;
    }
    .five-items-slider .topStoryWrapper .titleDate-wrapper span.lable-like{
        display: none;
    }
    .five-items-slider .item:first-child .topStoryWrapper .item.first.item1 .titleDate-wrapper{
        max-width: calc(100% - 40px);
    }
    .five-items-slider .item1,
    .five-items-slider .item2,
    .five-items-slider .item3,
    .five-items-slider .item.first{
        margin-left: 10px;
    }
    .five-items-slider .item:last-child .bottomStoryWrapper,
    .five-items-slider .item:last-child .item.item2{
        display: none;
    }
    .threeStoryes .five-items-slider > .item:first-child {
        margin-bottom: 0;
    }
    .five-items-slider .bottomStoryWrapper .item.item3{
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #B7B7B7;
    }
    .five-items-slider .topStoryWrapper{
        margin-bottom: 0;
    }
    .topTwoStoriesVertical > .item:not(:last-child),
    .storyMainBox .responsive > .item:not(:first-child):not(:last-child),
    .latestStoriesHorizontal > .item:not(:first-child):not(:last-child),
    .topStoryWrapper > .item:nth-child(2),
    .bottomStoryWrapper > .item:not(:last-child),
    .responsiveItems .rightStoryWrapper > .item:first-child,
    .responsiveItems .item:first-child,
    .one-two-ver-slider .item:first-child .rightStoryWrapper > .item,
    .one-two-hor-slider .item:first-child .rightStoryWrapper > .item
    {
        border-bottom: 1px solid #B7B7B7;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .six-items-slider .bottomStoryWrapper{
        margin-top: 0;
        padding-top: 10px;
    }
    .threeStoryes .six-items-slider .item.item2{
        margin-bottom: 10px;
    }
    .new-block .rowFull,
    .storyMainBox .rowFull{
        margin-bottom: 15px;
    }
    .lastestStoriesColumns .rowFull.partRow1{
        margin-bottom: 0;
    }
    .storyMainBox .rowFull h3.mainTitle,
    .partBoxFull .partRow1 h3, .partBoxFull .partRow1 h3 a{
        margin-bottom: 0;
        font-size: 24px;
    }
    .OneTwoStories .item.first .storyImgWrapper{
        border-radius: 4px;
    }
    .OneTwoStories .item{
        display: flex;
    }
    .OneTwoStories.withThumbs .item .title,
    .threeStoryes .item .title{
        margin: 0;
    }
    .topStoriesSlider-3.oldBlock .item.first .date-commentCount{
        position: relative;
    }
    .oldBlock .item.first.item1 .storyImgWrapper:before,
    .oldBlock.topStoriesSlider-3.threeStoryes .item.first.item1 .storyImgWrapper:before,
    .OneTwoStories .item .storyImgWrapper:before,
    .six-items-slider .topStoryWrapper .item.first.first-news-item .storyImgWrapper:before,
    .new-block .item:first-child .item.first.item1.first-news-item .storyImgWrapper:before,
    .latestStoriesHorizontal .item.first.item1 .storyImgWrapper:before,
    .topStoriesHorizontal.OneOneStories .item.first .storyImgWrapper:before,
    .OneThreeStories .first .storyImgWrapper:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(to bottom, rgba(21, 37, 49, 0) 10%, rgba(5, 10, 13, 0.8) 100%);
        /*maska na slikama*/
        z-index: 2;
        display: block;
    }
    .home .HomeTopSlider .slide:after,
    .stories-11 .firstTwo a.up:before{
        content: none;
    }
    .five-items-slider .topStoryWrapper .item:not(:first-child) .storyImgWrapper::before,
    .five-items-slider .item:nth-child(2) .topStoryWrapper .item .storyImgWrapper::before,
    .new3-storyWrapper .item.first-news-item .storyImgWrapper:before,
    .OneTwoStories .item:not(:first-child) .storyImgWrapper:before{
        content: none;
    }
    .one-two-ver-slider > .item:first-child{
        margin-bottom: 0;
    }
    .threeStoryes .six-items-slider .item .item1.first-news-item,
    .OneTwoStories.withThumbs .item.first,
    .threeStoryes .six-items-slider .item .item1.first-news-item{
        margin-bottom: 20px;
    }
    #stripe2 .partBoxThrid,
    .threeStoryes.new-block,
    .OneTwoStories.withThumbs,
    .latestStoriesHorizontal.withoutThumbs .item.item3{
        margin-bottom: 0;
        margin-top: 0;
    }
    .OneOneStories .item.item2{
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .storyMainBox.newBlock1{
        margin-top: 30px;
    }
    .topStoriesSlider-3.onlyTitle  a.up.fix .title{
        max-width: calc(60% - 20px);
    }
    /*STORY*/
    .imgASTitleLeadDateComments,
    .imgASTitleLeadDateComments.responsive .releaseUpdateTime{
        display: none;
    }
    .imgASTitleLeadDateComments.responsive{
        display: block !important;
    }
    .imgASTitleLeadDateComments .author_source{
        padding-bottom: 5px;
    }
    .imgASTitleLeadDateComments .comments{
        border-left: none;
        padding-left: 20px;
        background-position: 0 2px;
    }
    .imgASTitleLeadDateComments.responsive .eventDate{
        border-right: none;
        line-height: 20px;
    }
    .storyNav{
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .imgASTitleLeadDateComments .lead,
    .imgASTitleLeadDateComments .imgTitleWrapper,
    .imgASTitleLeadDateComments .date-comment-wrapper{
        padding-bottom: 0;
        font-size: 12px;
        line-height: 1.2;
        padding-top: 5px;
    }
    body.search .imgASTitleLeadDateComments .imgTitleWrapper{
        padding-top: 0;
    }
    .imgASTitleLeadDateComments .imgTitleWrapper{
        position: relative;
    }
    .imgASTitleLeadDateComments .date-comment-wrapper{
        position: absolute;
        bottom: 0;
        font-size: 12px;
        font-weight: 400;
    }
    .imgASTitleLeadDateComments .title{
        margin-top: 0;
        font-size: 18px;
    }
    .storyContainer .responsiveWrapper .topTwoStoriesVertical{
        padding: 0;
        margin-bottom: 30px;
    }
    .storyContainer .responsiveWrapper .topTwoStoriesVertical .item{
        margin-left: 0;
    }
    .imgTitleLeadDateComments .txtContent{
        position: absolute;
        bottom: 0;
        z-index: 99;
    }
    ul li.first .imgTitleLeadDateComments a .txtContent span.title{
        color: #fff;
        font-size: 18px;
    }
    .OneThreeStories .partRow2 ul li.first .imgTitleLeadDateComments a span.lead{
        display: none;
    }
    .imgTitleLeadDateComments .storyImgWrapper{
        width: 100%;
        padding: 0;
        /*aspect-ratio: 16 / 9;*/
        margin-right: 20px;
        background: none;
        position: relative;
        padding-top: 22%;
    }
    .OneThreeStories .partRow2 ul li .storyImgWrapper,
    .OneThreeStories .partRow2 ul.listRight li .storyImgWrapper{
        display: block;
        padding: 0;
        /*aspect-ratio: 16 / 9;*/
        margin-right: 10px;
        background: none;
        position: relative;
        padding-top: 22%;
    }
    .OneThreeStories .partRow2 ul li .iconTitleNew a.imgLink  {
        display: flex;
    }
    .OneThreeStories .partRow2 ul li .iconTitleNew a.imgLink .date-comment-wrapper{
        width: 60%;
        position: relative;
        bottom: 0;
        display: flex;
        flex-wrap: wrap;
    }
    .OneThreeStories .partRow2 ul li .iconTitleNew a.imgLink .date-comment-wrapper span:not(.title){
        align-self: flex-end;
    }
    .OneThreeStories li.first .date-comment-wrapper .date{
        color: #fff;
    }
    .latestStoriesHorizontal.sport{
        flex-wrap: wrap;
    }
    .partBoxFull.OneThreeStories .partRow2 ul.listRight li{
        margin-bottom: 0;
        background: none;
        padding: 0
    }
    .partBoxFull.OneThreeStories .partRow2 ul.listRight li a{
        padding-bottom: 0;
    }
    .partBoxFull.OneThreeStories .partRow2 ul.listRight li .iconTitleNew.wrapper{
        padding: 10px 0;
        border-bottom: 1px solid #B7B7B7;
    }
    .partBoxFull.OneThreeStories .partRow2 ul.listRight  li:first-child .iconTitleNew.wrapper{
        padding-top: 0;
    }
    .partBoxFull.OneThreeStories .partRow2 ul.listRight li:last-child .iconTitleNew.wrapper{
        border: none;
    }
    .partBoxFull.OneThreeStories{
        margin: 30px 0;
    }
    /* latest 1-5 */
    .latest1-5 .partRow2{
        flex-wrap: wrap;
    }
    .latest1-5 .partRow2 ul.listLeft{
        width: 100%;
        margin-bottom: 20px;
    }
    .latest1-5 .partRow2 ul.listRight{
        width: 100%;
    }
    .latest1-5:first-of-type{
        margin-bottom: 30px;
    }
    .latest1-5 .partBoxFull .partRow2 ul li h2.title{
        margin-bottom: 10px;
    }
    .latest1-5 .partRow2 ul.listLeft{
        margin-right: 0;
    }
    .latest1-5 .listRight .icon-video{
        background-position: 0 0;
    }
    .latest1-5 .partRow2 ul.listLeft li.first .date-comment-wrapper .date{
        display: none;
    }

    .dataNav.storyNav.lastStoryNav .imgASTitleLeadDateComments.responsive{
        display: block;
    }
    #stripe2 .fix.clear.latestTitles,
    #stripe2 .latestAllHome{
        display: block;
        float: none;
        margin-top: 0;
        margin-bottom: 30px;
        padding-top: 5px;
    }
    .partBoxThrid.fb-like.freeEntry{
        text-align: center;
    }
    .HomeTopSlider .item .date-commentCount {
        position: relative;
        bottom: auto;
    }
    .date-commentCount.new4Div span.numberC {
        background: url('/assets/img/front/comm_icon.svg') no-repeat left center !important;
        color: #0A1B47 !important;
    }
    .third-fix-width .slick-list {
        width: 100% !important;
    }
    .firstTwo,
    .restNineGrid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .restNineGrid {
        gap: 0;
    }
    .stories-11 .storyImgWrapper {
        padding: 0;
        width: 40%;
        margin-right: 10px;
        position: relative;
        padding-bottom: 22%;
        flex-basis: 40%;
        flex-shrink: 0;
        flex-grow: 0;
    }
    .stories-11 .firstTwo .item1 .storyImgWrapper {
        padding-bottom: 55.7%;
        width: 100%;
        margin-right: 0;
        position: relative;
        padding-top: 0;
    }
    .firsdtTwo .item.first a .title {
        font-size: 18px;
        color: #fff;
        margin-bottom: 10px;
        line-height: 1;
    }
    .firstTwo .item2 {
        border-bottom: 1px solid #B7B7B7;
        padding-bottom: 10px;
        margin-bottom: 10px;
        flex: 1 1 100%;
    }
    .restNineGrid .item:not(:last-child) {
        border-bottom: 1px solid #B7B7B7;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .firstTwo .item2 a.up.fix,
    .restNineGrid .item a.up.fix {
        display: flex !important;
        align-items: stretch;
    }
    .firstTwo .item2 a .title-wrapper,
    .restNineGrid .titleDate-wrapper {
        position: initial;
        padding: 0;
        width: calc(60% - 20px);
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .firstTwo a .title {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 0;
    }
    .firstTwo .item2 a .title-wrapper .title,
    .restNineGrid .item .title {
        font-size: 16px;
        margin-top: 0;
        padding-top: 0;
        font-weight: 600;
        flex: 1;
        background: none;
        padding: 0;
        line-height: 120%;
    }
    .firstTwo .storyImgWrapper{
        position: relative;
    }
    .firstTwo .storyImgWrapper .item2 span.lable-like {
        display: block;
        position: absolute;
        bottom: 10px;
        left: 10px;
        max-width: calc(100% - 20px);
    }
    .firstTwo .storyImgWrapper .item1 span.lable-like {
        display: none;
    }
    .firstTwo .item2 span.lable-like {
        position: absolute;
        bottom: 10px;
        left: 10px;
        max-width: calc(100% - 20px);
    }
    .firstTwo .item2 a .title {
        color: #0A1B47;
    }
    .firstTwo .item2 a:hover .title {
        color: #E30613;
    }
    .firstTwo .item1 a .lable-like {
        margin-bottom: 10px;
    }
    .firstTwo .item2 .icon-photo {
        background-image: url('/assets/img/front/fhoto.svg');
        background-position: 0;
        filter: invert(15%) sepia(64%) saturate(3295%) hue-rotate(352deg) brightness(122%) contrast(120%);
    }
    .firstTwo .item2 .icon-video {
        background:rgba(227, 6, 19 , 0.1)  url('/assets/img/front/video_icon.svg') no-repeat center center;
        background-position: 0;
    }
    .firstTwo .item2 .icon-audio {
        background:rgba(227, 6, 19 , 0.1)  url('/assets/img/front/audio_icon.svg') no-repeat center center;
        filter: invert(15%) sepia(64%) saturate(3295%) hue-rotate(352deg) brightness(122%) contrast(120%);
    }
    .item.item1 .date-commentCount {
        position: relative;
        bottom: auto;
        display: none;
    }
    .stories-11 .storyImgWrapper {
        padding: 0;
    }
    .firstTwo .item2 .storyImgWrapper img {
        position: relative;
        left: auto;
        top: auto;
        -ms-transform: translate(0);
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    .firstTwo {
        margin-bottom: 0;
    }
    .firstTwo .item1 .date-commentCount.new4Div span.numberC {
        background: url('/assets/img/front/komentar-white.svg') no-repeat left center !important;
        color: #fff !important;
    }
    .topTagssheaderTagsWrapper::before,
    .topTagssheaderTagsWrapper::after,
    .stories-11 .firstTwo .item2 a.up:before {
        display: none;
    }
    .linkContainer.first {
        padding-left: 0;
    }
    .linkContainer.last {
        padding-right: 0;
    }
    .headerTagsWrapperContentMobile .linkContainer.first {
        padding-left: 0;
    }
    .headerTagsWrapperContentMobile .linkContainer.last {
        padding-right: 0px;
    }
    .topStoriesHorizontal.OneOneStories .item.first .storyImgWrapper {
        padding-top: 0;
    }
    .topStoriesHorizontal.OneOneStories .item.first .date-commentCount {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
    }
    .topStoriesHorizontal.OneOneStories .item.first .txtContent {
        position: absolute;
        bottom: 10px;
        z-index: 99;
        display: block;
        width: 100%;
        left: 20px;
        max-width: calc(100% - 40px);
    }
    .topStoriesHorizontal.OneOneStories .item.item2 .storyImgContainer {
        padding: 0;
        padding-top: 0px;
        aspect-ratio: 16 / 9;
        width: 40%;
        margin-right: 10px;
        position: relative;
        flex-basis: 40%;
        flex-shrink: 0;
    }
    .topStoriesHorizontal.OneOneStories .item.item2 .storyImgContainer .storyImgWrapper {
        width: 100%;
        padding-top: 0;
    }
    .topStoriesHorizontal.OneOneStories .item.item2 .storyImgContainer .storyImgWrapper img {
        position: relative;
        top: 0;
        left: 0;
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    .OneOneStories .item.item2 .date-commentCount {
        position: relative;
        left: auto;
        bottom: auto;
    }
    .OneTwoStories .item.item3,
    .OneTwoStories.withThumbs .item.item3 {
        padding-bottom: 0;
    }
    .OneTwoStories .item a {
        align-items: flex-start;
    }
    .OneTwoStories.withThumbs .item .storyImgWrapper {
        padding-top: 22%;
    }
    .topStoriesHorizontal.OneOneStories .first .uptitle_resp {
        display: table;
        font-size: 11px;
        color: #fff;
        padding: 5px 10px;
        text-transform: uppercase;
        background: rgba(10, 27, 71, 0.5);
        z-index: 15;
        font-weight: 300;
        box-sizing: border-box;
        line-height: 1;
        border-radius: 11px;
        margin-bottom: 5px;
    }
    .topStoriesHorizontal.OneOneStories .uptitle_resp {
        display: none;
    }
    .story_search .not_res{
        display: none !important;
    }
    .story_search .responsive{
        display: flex !important;
        flex-direction: column;
    }
    .story_search .responsive .imgTitleWrapper{
        display: flex;
        margin-bottom: 10px;
    }
    .story_search .responsive .storyImgWrapper{
        align-self: baseline;
    }
    .story_search .responsive .titleLeadWrapper_search{
        width: calc(60% - 20px);
    }
    .liveStory .storyImgWrapper{
        padding-bottom: 33.7%;
    }
    .shortNews .slider-row div.time{
        margin-bottom: 10px;
        max-width: fit-content;
    }
    .shortNews .slider-row .storyTitle{
        max-width: 100%;
        width: 100%;
        margin-left: 0;
    }
    .author_wrapper{
        padding: 20px;
        flex-direction: column;
    }
    .avatar_holder{
        width: 80px;
        height: 80px;
    }
    h3.author_name{
        font-size: 25px;
    }
    .data p.author-source, .data p.author_source,
    .data p.author-source-bbc{
        align-items: center;
    }
    .data p.eventDate_releaseUpdateTime_iconNew_commentCount{
        float: none;
        margin-top: 0;
    }
    .avatar{
        display: flex;
        align-items: center;
    }
    .columnist .avatar{
        flex-direction: column;
        text-align: center;
    }
    .columnist span.avatar_holder{
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }
    .columnist.author_wrapper{
        margin-top: 50px;
    }
    .columnist .author_details{
        margin-top: 50px;
    }
    .kolumne.fragment .firstTwo .columnItem.item1 .storyImgWrapper{
        max-width: 102%;
        width: 100%;
        padding-bottom: 55.7%;
        padding-top: 0;
    }
    .kolumne.fragment .firstTwo .item.item2,
    .kolumne.fragment .restNineGrid {
        display: none;
    }
    .responsive_columns .restFourGrid {
        display: block;
    }
    .responsive_columns .storyImgWrapper{
        padding-top: 0;
        width: calc(100% - 10px);
    }
    .latestStory-2-3.kolumne{
        margin-bottom: 20px;
    }
    .responsive_columns .author{
        display: flex;
        align-items: center;
    }
    .responsive_columns.kolumne .author .author_name{
        font-size: 16px;
        font-weight: 600;
    }
    .responsive_columns.kolumne .img_author_holder{
        display: flex;
    }
    .responsive_columns.kolumne .img_author_holder .up{
        flex: 1;
        display: flex;
        max-width: 100%;
        padding: 0;
        background: none;
    }
    .restFourGrid .item{
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(234, 239, 250, 0.2);
    }
    .restFourGrid .item:last-child{
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0;
    }
    .kolumne.fragment span.avatar_holder,
    .imgASTitleLeadColumn span.avatar_holder,
    .imgASTitleLeadColumn.responsive_columns span.avatar_holder{
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        margin-right: 5px;
    }
    .imgASTitleLeadColumn .author{
        background: none;
    }
    .kolumne .authors_holder span.avatar_holder{
        width: 50px;
        height: 50px;
        margin-bottom: 20px;
    }
    .kolumne.latestStory-3 .titleDate-wrapper .title{
        flex: 1;
        font-size: 16px;
        font-weight: 600;
        line-height: 120%;
    }
    .responsive_columns .title{
        padding-bottom: 0;
        font-weight: 500;
        font-size: 16px;
        padding-top: 10px;
    }
    .imgASTitleLeadColumn{
        display: none !important;
    }
    .imgASTitleLeadColumn.responsive_columns.kolumne{
        display: flex !important;
    }
    .responsive_columns.imgASTitleLeadColumn .author{
        flex-direction: row;
        width: 100%;
    }
    .kolumnisti {
        grid-template-columns: repeat(3, 1fr);
    }
    .imgASTitleLeadDateComments .author_source{
        position: absolute;
        left: 10px;
        bottom: 10px;
    }
    .story-box.box-left,
    .story-box.box-right,
    .story-box.box-center{
        display: none;
        width: auto !important;
    }
    .story-box.imgASTitleLeadDateComments .title{
        margin-top: 0;
        padding-bottom: 10px;
    }
    .kolumne.latestStory-3 span.avatar_holder{
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        margin-right: 5px;
        max-width: 40px;
    }
    .kolumne .storyImgWrapper .uptitle{
        bottom: 10px;
        left: 10px;
        transform: none;
    }
    .ticker-wrapper{
        padding: 0 40px 0 20px;
    }
    .breaking.new{
        padding-left: 25px;
    }
    .rightHome{
        margin: 0 0;
    }
    .restNineGrid .title-wrapper{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .OneThreeStories ul.listRight,
    .topTwoStoriesVertical > .item:nth-child(-n+3) {
        display: block;
    }
    .single-item-slider > div:not(:first-of-type),
    .topTwoStoriesVertical > .item:first-child{
        display: none;
    }
    .HomeTopSlider{
        max-height: 100%;
    }
    .HomeTopSlider .slide{
        height: 100%;
        position: relative;
        padding-bottom: 56.7%;
        width: 100%;
        margin-right: 0;
        position: relative;
        padding-top: 0;
    }
    .HomeTopSlider .slide img{
        border-radius: 5px;
        width: 100%;
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .HomeTopSlider .item{
        margin-bottom: 0;
    }
    .topStoriesSlider-3.onlyTitle.threeStoryes .date-commentCount{
        display: none;
    }
    .topStoriesSlider-3.onlyTitle.threeStoryes .item.first.item1 a.up.fix .title {
        position: absolute;
        left: 20px;
        bottom: 20px;
        color: #fff;
        z-index: 999;
        font-size: 24px;
        line-height: 1;
    }
    .liveStory .slide_text-content{
        padding: 0 20px;
        bottom: 20px;
    }
    .home .storyMainBoxLeft{
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .topTwoStoriesVertical{
        margin-top: 0;
    }
    .HomeTopSlider .single-item-slider .item.item3{
        margin-bottom: 0;
    }
    .imgASTitleLeadColumn a.author_holder{
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    .imgASTitleLeadColumn a.author_holder .avatar_holder{
        margin-right: 10px;
    }
    .imgASTitleLeadColumn.responsive_columns.kolumne .titleDate-wrapper,
    .latestStory-2-3.responsive_columns.kolumne .titleDate-wrapper{
        justify-content: flex-start;
    }
    .fix.topAuthor-6{
        display: block;
    }
    .HomeTopSlider{
        margin-bottom: 20px;
    }
    .commentsHeader{
        flex-direction: column;
    }
    .comments a.button{
        margin-top: 10px;
    }
    .leadWithAuthor{
        flex-direction: column-reverse;
    }
    .leadWithAuthor .columnist.author_wrapper{
        padding-left: 0;
        margin-left: 0;
        padding-right: 0;
    }
    .leadWithAuthor .columnist.author_wrapper:after{
        background: none;
    }
    .imgASTitleLeadDateComments .title{
        margin-top: 0 !important;
        font-size: 18px;
    }
    .fix.topAuthor-6{
        margin-top: 10px;
    }
    .fix.topAuthor-6 .fragmentTitle{
        font-size: 24px;
    }
    .headerWhiteInner{
        width: calc(100% - 40px);
    }
    h1.logo a, div.logo a,
    body.cirBody h1.logo a, body.cirBody div.logo a {
        width: 130px;
    }
    .author_details{
        margin-top: 20px;
    }
    .author_wrapper .avatar_holder{
        width: 80px;
        height: 80px;
    }
    .autor .author_wrapper{
        padding: 20px;
    }
    .author_wrapper h3.author_name{
        font-size: 24px;
        margin-bottom: 0;
    }
    .titleLeadWrapper_search h2.title a{
        font-size: 18px;
    }
    .latestStories-11 span.lable-like,
    .latestStories-11 .firstTwo .item1 a .lable-like,
    .latestStories-11 .storyImgWrapper span.uptitle{
        display: none;
    }
    .latestStories-11 .firstTwo .item1 a .title-wrapper,
    .home .HomeTopSlider .slide_text-content{
        position: relative;
        padding: 10px 0 0 0;
        background: #fff;
    }
    .latestStories-11 .firstTwo .item1 a .title-wrapper .title,
    .home .HomeTopSlider .slide_text-content .slide_title{
        font-size: 24px;
        color: #0A1B47;
        font-weight: 500;
        background: none;
        padding: 0;
    }
    .home .topTwoStoriesVertical .storyImgWrapper span.uptitle,
    .home .single-item-slider .item1 .slide_text-content span{
        display: none;
    }

    .story-box a.up.fix{
        flex-direction: column;
    }
    .live_header{
        padding-bottom: 0;
    }
    #topFull #stripe2{
        padding: 0 20px;
    }
    .imgASTitleLeadColumn .author_name{
        font-size: 16px;
        font-weight: 600;
        max-width: fit-content;
        text-align: left;
    }
    .dataNav.storyNav .titleDate-wrapper .title{
        font-size: 16px;
    }
    .Stories #content{
        overflow: initial;
    }
    .shortNews{
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
        display: inline-block;
        float: none;
        z-index: 99999999;
        position: relative;
        clear: none;
    }
}
@media(max-width:620px){
    .shortNews .slider-row div.storyTitle video,
    .shortNews .video-overlay {
        width: 100% !important;
    }
    .galleryWrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(max-width: 500px){
    .shortNews .slider-row div.storyTitle video,
    .shortNews .video-overlay {
        width: calc(100% - 0px) !important;
        height: 200px !important;
    }
}
@media (max-width: 480px) {
    .imgASTitleLeadDateComments .storyImgContainer {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    ul.forDay li {
        padding: 0 5px;
    }
    ul.forDay li span.loc {
        font-size: 14px;
    }
    table.for3Days tr.days th {
        font-size: 12px;
    }
    ul.forDay li span.max,
    ul.forDay li span.min{
        font-size: 14px;
        min-width: 40px;
    }
    table.for3Days tr td.city {
        padding: 0 0 0 10px;
        font-size: 14px;
    }
    ul.forDay li img {
        height: 40px;
        margin-top: 10px;
    }
    table.for3Days tr td span.max,
    table.for3Days tr td span.min {
        font-size: 12px;
    }
    table.for3Days tr td img {
        width: 40px;
    }
    ul.forDay h2 {
        padding-left: 10px;
    }
    .video-preview-link a {
        padding-top: 52%;
    }
    .video-preview-link a .surroundNext {
        background-size: 10px auto;
        padding-right: 18px;
        font-size: 16px;
    }
    .banner480 {
        display: block;
        padding-left: 10px;
    }
    .footerLinks-wrapper p {
        text-align: center;
        font-size: 20px;
    }
    .imgASTitleLeadDateComments .titleDate-wrapper .date-comment-wrapper{
        display: block;
    }

    .imgASTitleLeadDateComments.responsive .lead,
    .banner1260{
        display: none;
    }
    .imgASTitleLeadDateComments .title{
        font-size: 16px !important;
    }
    .new3-storyWrapper .first-news-item .titleUptitle span{
        font-size: 11px;
    }
    /*PAGINACIJA*/
    .pagination ul{
        float: none;
    }
    .pagination ul li.first a,
    .pagination ul li.previous a,
    .pagination ul li.next a,
    .pagination ul li.last a {

        width: 30px;
        height: 30px;
    }
    .pagination ul a:link,
    .pagination a:visited,
    .pagination ul li.active{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .date-commentCount.new4Div {
        margin-top: 0;
        padding-top: 0;
    }
    .dataNav.storyNav .titleDate-wrapper .title {
        margin-bottom: 10px;
    }
    .dataNav.storyNav .titleDate-wrapper .date-comment-wrapper {
        padding-bottom: 5px;
    }
    .image_container {
        padding-bottom: 177.77% !important;
    }
    .kolumnisti {
        grid-template-columns: repeat(3, 1fr);
    }
    .program .tabs-links li{
        width: 70px;
    }
    .program .tabs-links li a{
        width: 70px;
        height: 70px;
    }
    .program .tabs-links li a span{
        height: 70px;
    }
    .imgASTitleLeadDateComments .author_source,
    .imgASTitleLeadColumn .author_source,
    .storyImgWrapper span.uptitle, span.lable-like,
    .titleDate-wrapper span.uptitle_resp,
    .kolumne .storyImgWrapper .uptitle{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 90%;
        padding: 5px;
        font-size: 10px;
        left: 5px;
        bottom: 5px;
    }
    .titleLeadWrapper_search h2.title a{
        font-size: 16px;
    }
    .story_search p.lead,
    .story_search p.bodyFragment{
        font-size: 12px;
    }
    .kolumne .data p.eventDate_releaseUpdateTime_iconNew_commentCount{
        display: flex;
        max-width: calc(100% - 150px);
        flex-wrap: wrap;
    }
    .dataNav.storyNav .titleDate-wrapper .title{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .imgASTitleLeadDateComments.responsive .eventDate{
        width: 100%;
    }
    .imgASTitleLeadDateComments .date-comment-wrapper{
        position: relative;
    }
    a.google-play{
        margin-right: 10px;
    }
    .linkedShortStory{
        flex-direction: column;
        align-items: center;
    }
}
@media(max-width: 400px){
    .shortNews .slider-row div.storyTitle video,
    .shortNews .video-overlay {
        width: calc(100% - 0px) !important;
        height: 150px !important;
    }
    .story-box .titleDate-wrapper {
        width: 100%;
        margin-top: 10px;
    }
    .story-box .storyImgWrapper{
        width: 100%;
        padding-top: 55.6%;
        aspect-ratio: auto;
    }
    .downloadAppWrapper a.google-play,
    .downloadAppWrapper a.app-store{
        margin: 0;
    }
    .downloadAppWrapper a.google-play{
        margin-right: 10px;
    }
    .galleryWrapper {
        grid-template-columns: repeat(2, 1fr);
    }

}