@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: FontAwesome;
        src: url(../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg');
    }
}

@media (max-width: 1800px) {
    .navbar-brand,
    .logo {
        margin-left: 40px;
    }
    .top-navigationIn,
    .navbar-right {
        margin-right: 40px;
    }
    #menuTopLeft {
        margin-right: 30px;
    }
}

@media (max-width: 1700px) {
    .top-navigationIn ul li a {
        padding: 7px 8px 8px;
        font-size: 11px;
    }
    #menuTop #menuTopLeft li .tab a {
        /*        font-size: 18px;*/
        padding: 0 10px;
    }
    #menuTop #menuTopLeft li .tab a.gold::after {
        left: 10px;
    }
}

@media (max-width: 1500px) {
    .navbar-brand,
    .logo {
        margin-left: 20px;
    }
    .top-navigationIn,
    .navbar-right {
        margin-right: 20px;
    }
    .top-navigationIn ul li a {
        padding: 7px 7px 8px;
    }
    #menuTop #menuTopLeft li .tab a {
        font-size: 15px;
    }
    #menuTop #menuTopLeft li .tab a.gold::after {
        width: 91px;
    }
    #menuTopLeft {
        margin-right: 20px;
    }
}

@media (max-width: 1400px) {
    .navbar-brand {
        font-size: 10px;
        padding: 2px 10px;
        line-height: 35px;
    }
    #menuTop #menuTopLeft li .tab a {
        font-size: 12px;
    }
    #menuTop #menuTopLeft li .tab a.gold::after {
        top: 38px;
        width: 73px;
    }
    .top-navigationIn ul li a {
        padding: 7px 5px 8px;
    }
}

@media (max-width: 1300px) {

    .four {
        width: 48%;
        margin-right: 2%;
    }
    .navbar-brand {
        display: none;
    }
    #menuTop #menuTopLeft a {
        font-size: 14px;
    }
    .nav-blue .fa {
        width: 50px;
    }
    #content {
        width: 66%;
        float: left;
        padding: 0 15px;
        margin: 10px 0 30px;
    }
    .twoOneRow {
        width: 100%;
        float: left;
    }
    .newsBlockNew {
        width: 100%;
        padding-right: 0;
    }
    .newsBlockNew h3 a {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .newsBlockNew .info {
        width: 98%;
        padding: 20px 15px;
    }
    .newsBlockNew .info h3 {
        margin-bottom: 5px;
    }
    .scrollerElement {
        height: 293px;
    }
    .scrollerButtons {
        width: 100%;
    }
    .twoColRow {
        float: left;
        width: 100%;
        padding: 0;
    }
    .twoColRow .element {
        width: 48%;
        float: left;
    }
    .twoColRow .element.first {
        margin-right: 2%;
    }
    .twoColRow.medium {
        border-top: 0;
        padding-top: 0;
    }
    twoColRow.mb20 {
        margin-bottom: 10px;
    }
    .largeThumb img {
        width: 100%;
        height: auto;
    }
    .singleCol {
        width: 100%;
    }
    .singleCol .element.first {
        margin-bottom: 20px;
        padding-bottom: 0;
        border-bottom: 0;
        width: 48%;
        float: left;
        margin-right: 2%;
    }
    .storiesTop.full .twoOneRow {
        width: 68%;
    }
    .storiesTop.full .newsBlockNew {
        padding-right: 10px;
        margin-bottom: 10px;
    }
    .storiesTop.full .singleCol.regularView, .md-block-news {
        width: 32%;
    }
    .storiesTop.full .singleCol .element.first {
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
    }
    .storiesTop.full .singleCol .element.first .smallThumb {
        margin: 0;
        margin-bottom: 10px;
    }
    .storiesTop.full .singleCol .element.first .smallThumb img {
        width: 100%;
        height: auto;
    }
    .storiesTop.full .fullRow .newsBlockNew, .xl-block-news {
        width: 61%
    }

    .storiesTop.full .fullRow .singleCol .element.first .smallThumb {
        float: none;
    }
    .storiesTop.full .fullRow .singleColRight.regularView {
        width: 100%;
    }
    .storiesTop.full .fullRow .newsTextNew {
        height: auto;
    }
    #right .related-news {
        display: block;
        margin-bottom: 10px;
    }
    .storiesTop .regularView {
        display: block;
    }
    .storiesTop .mobileView {
        display: none;
    }
    .storyImage.regularView {
        display: block;
    }
    .storyImage.mobileView {
        display: none;
    }
    .threeColRow .element {
        padding: 0 5px;
    }
    .storiesSectionSlider .singleCol .element {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
    }
    .storiesSectionSlider .singleCol, .row-3-cols .three {
        margin-right: 20px;
        width: 31%;
    }
    .storiesSectionSlider .singleCol.last {
        margin-right: 0;
    }
    .storiesSectionSlider .singleCol .colRight .newsTextNew {
        display: block;
        margin-bottom: 0;
        height: auto;
    }
    #storyBrowser .storyImage img {
        max-width: 250px;
    }
    #postBrowser .info {
        width: 76%;
    }
    .breadcrumbs .container {
        padding: 5px 30px;
    }
    #storyBrowser .comment img {
        width: auto;
        height: auto;
    }
    .twoColRow.mb20 {
        margin-bottom: 10px;
    }
    #video form .calendar {
        margin-right: 8px;
    }
    #scheme .epsilonScheme {
        width: 32%;
    }
    #scheme .epsilonScheme .program ul.nav.nav-tabs {
        padding-left: 10px;
    }
    #scheme .epsilonScheme .program .nav-tabs > li > a {
        padding: 9px 6px 22px;
        font-size: 13px;
    }
    #scheme.storiesTop.full .newsBlockNew {
        margin-bottom: 0;
    }
    #scheme.storiesTop.full .scrollerButtons {
        width: 98%;
    }
    /*    .box-media .scrollerElement {
            height: 535px;
        }*/
    .commentPage {
        padding: 20px;
    }
    .banner-xlarge {
        display: none;
    }
    .banner-G .banner-large {
        display: block;
    }
    .storyInfoBlock {
        width: 100%;
        margin-right: 0;
    }
    .socialTop {
        width: 100%;
        clear: left;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 2px solid #eee;
    }
    .storyInfo {
        border-bottom: none;
        padding-bottom: 0;
    }


    .liveArticle h2 {font-size: 20px; width: 216px;}
    .liveArticle h2 span {height: 24px}
    .liveArticle .liveText {width: 506px; font-size: 20px;}
    .liveArticle .vert {height: 50px;}

    /* topStoryBox */
    .topStoryBoxRight h4 {font-size: 20px; padding: 5px;}
    .topStoryBoxRight h3 {font-size: 18px; padding: 5px 10px;}
    .topStoryBoxRight p {padding: 0 10px; line-height: 140%;}



    /*------------------- MEDIA SET BOX ---------------------*/
    /*    .box-media .mediaHolder {
            height: 387px;
            width: 517px;
        }
        #content .box-media .mediaHolder img {
            max-height: 387px;
            max-width: 517px;
        }*/

    .horizontalSubNavWrapper0 .navigationContent {
        max-width: 1060px;
    }
    #programska-sema-tabs .legend a {
        margin-bottom: 5px;
    }
    #programska-sema {
        clear: both;
    }

    .xl-block-news {
        height: 100%;
    }
}

@media (min-width: 1201px) and (max-width: 1300px) {
    .storiesTop.full .fullRow .newsBlockNew, .xl-block-news {
        width: 61%
    }

    h3.lg-headline {
        font-size: 17px;
    }
    a.short-news-link {
        font-size: 14px;
    }

    .strip .inner-wrap {
        padding: 10px;
    }


}

@media (max-width: 1222px ) {
    #menuTop #menuTopLeft li .tab a {
        padding: 0 11px;
    }
}

@media (max-width: 1216px) {
    #menuTop #menuTopLeft li .tab a {
        font-size: 12px;
        padding: 0 10px;
    }
}

@media (max-width: 1200px) {

    .info-post {
        /*min-height: inherit;*/
    }

    .inline-info h3 a {
        height: auto;
    }

    .info-post h3, .inline-info h3 {
        margin-top: 0;
        margin-bottom: 5px;
    }
    .info-post h3, .info-post h3 a {
        font-size: 14px;
    }
    .logo {
        width: 75px;
        height: 24px;
        float: left;
        margin-left: 10px;
        margin-top: 18px;
        margin-bottom: 18px;
        background-size: contain;
        margin-right: 10px
    }
    .regularView {
        display: none;
    }
    .mobileView {
        display: block;
    }
    #menuTop #menuTopLeft a {
        font-size: 13px;
        padding: 18px 7px;
    }
    .middlePane a.smallThumb img {
        width: 60px;
        height: 60px;
    }
    #menuTop #menuTopLeft .middlePane a {
        padding: 0;
        font-size: 12px;
    }
    #menuTop #menuTopLeft .megamenu a {
        font-size: 12px;
    }
    .menuTitle {
        font-size: 34px;
    }
    .top-navigationIn ul li a {
        padding: 7px 5px 8px;
        font-size: 10px;
    }
    .navbar-brand,
    .logo {
        margin-left: 10px;
    }
    .top-navigationIn,
    .navbar-right {
        margin-right: 10px;
    }
    #menuTopLeft {
        margin-right: 10px;
    }
    #menuTop #menuTopLeft li .tab a {
        padding: 0 7px;
        font-size: 12px;
    }
    #menuTop #menuTopLeft li .tab a.gold::after {
        left: 7px;
    }
    .scrollerElement{
        height: 326px;
    }
    #right .news-tabs .tab-content > .tab-pane a.title {
        width: 70%;
    }
    .waetherDiv .chooseTown .dd2 {
        width: 108px !important
    }
    .newsBlockNew .info {
        width: 100%;
    }
    #left {
        display: none;
    }
    #text {
        width: 100%;
    }
    #content {
        width: 65%;
    }
    .storiesSectionSlider .singleCol .element {
        width: 100%;
    }
    .storiesSectionSlider .singleCol {
        width: 100%;
    }
    .news-tv .singleCol.last {
        width: 100%;
    }
    .middlePane .col-lg-6 {
        min-height: 60px;
    }
    .sectionBlock .rubrika {
        width: 100%;
    }
    .mobileView .element {
        width: 100%;
    }
    .storiesTop .regularView {
        display: none;
    }
    .storiesTop .mobileView {
        display: block;
    }
    .storiesTop.full .twoOneRow {
        width: 100%;
    }
    .storiesTop.full .newsBlockNew {
        padding: 0;
    }
    #storyBrowser .storyImage img {
        max-width: 180px;
    }
    .affix .logo {
        margin-top: 10px;
    }
    .affix .top-navigationIn ul li a {
        padding: 7px 5px 8px;
        font-size: 10px;
    }
    .affix .nav-large .nav-top-toggle {
        height: 25px;
        width: 25px;
    }
    #menuTop #menuTopLeft .subnavRight .topSectionStoriesSubNav a.smallThumb {
        padding: 0;
    }
    #menuTop #menuTopLeft .subnavRight a {
        padding: 0;
    }
    #footerTop .footerSocial {
        bottom: -30px;
    }
    .blogHome .col-lg-4 img {
        float: none;
        margin-bottom: 10px;
    }
    .blogHome .categoryBoxes {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }
    .blogHome .blogLatestComments {
        width: 100%;
        float: left;
    }
    #video form .calendar {
        width: 100%;
        margin-right: 0;
    }
    #scheme .epsilonScheme {
        width: 100%;
    }
    #scheme .epsilonScheme .program ul.nav.nav-tabs {
        padding-left: 20px;
    }
    #scheme .epsilonScheme .program .nav-tabs > li > a {
        padding: 6px 12px 24px;
        font-size: 14px;
    }
    #scheme.storiesTop .regularView {
        display: block;
    }
    #scheme .threeColRow .element {
        padding: 0 15px;
        clear: both;
        margin-bottom: 10px;
        display: inline-block;
    }
    #scheme.storiesTop.full .scrollerButtons {
        width: 100%;
    }
    .commentPage {
        padding: 40px;
    }
    .banner-G .banner-large,
    .banner-large,
    .banner-small {
        display: none;
    }
    .banner-G .banner-medium,
    .banner-medium {
        display: block;
    }
    .storiesTop.full .fullRow .newsBlockNew, .xl-block-news {
        width: 100%;
    }
    .grayBox {
        margin-bottom: 0;
    }
    .threeColRow .row-pad .element.first,
    .threeColRow .row-pad .element {
        padding: 15px 15px 0 15px;
        margin-bottom: 0;
        display: inline-block;
        width: 100%;
    }
    .threeColRow .row-pad .element:last-child {
        padding-bottom: 15px;
    }
    .storiesSectionSlider.tv-recommendation .row-pad .element {
        padding: 7px 0 7px 7px;
        width: 33%;
    }
    .storiesSectionSlider.tv-recommendation .info h3 {
        font-size: 12px;
    }
    .storiesSectionSlider .newsTextNew {
        clear: none;
    }

    .liveArticle h2 {padding: 27px 20px;}
    .liveArticle .liveText {width: 365px; padding: 6px 20px 26px;}
    .liveArticle .liveText.nolink {padding: 6px 20px;}
    .liveArticle .liveText a, .liveArticle .liveText a:hover {padding: 3px 0}
    .liveArticle .liveText .opsirnije a {padding: 2px 0}
    .liveArticle .opsirnije {}
    .liveArticle .vert {height: 78px;}


    /* topStoryBox */
    .topStoryBoxLeft {width: 100%;}
    .topStoryBoxRight {width: 100%;}


    /*------------------- MEDIA SET BOX ---------------------*/
    /*    .box-media .mediaHolder {
            height: 435px;
            width: 581px;
        }
        #content .box-media .mediaHolder img {
            max-height: 435px;
            max-width: 581px;
        }*/

    .horizontalSubNavWrapper0 .navigationContent {
        max-width: 860px;
    }

    .xl-block-news {
        padding: 0;
        margin-bottom: 20px;
    }

    .md-block-news, .row-3-cols .three.w-xs-100 {
        width: 100%;
    }

    .strip {
        right: 0;
    }

    .preporuka-part .three {
        margin-right: 2%;
        width: 32%;
    }

    .xl-block-news {
        height: 100%;
    }

    .strip .inner-wrapper {
        top: 63%;
    }

}

@media (max-width: 1110px) {
    #menuTop #menuTopLeft li .tab a {
        font-size: 11px;
        padding: 0 5px;
    }

    #menuTop #menuTopLeft li .tab a.gold::after {
        left: 5px;
        width: 68px;
    }
}
@media (max-width: 1030px) {
    #menuTop #menuTopLeft li .tab a {
        font-size: 11px;
        padding: 0 4px;
    }
}


@media (max-width: 998px) {

    .mobile-menu, .nav-mobile, .nav-large .nav-top-toggle, .nav-large .nav-primary-toggle {
        display: block;
    }
    #menuTop {
        height: 50px;
    }
    .logo {
        background: url('../img/logo.png') no-repeat;
        width: 95px;
        height: 35px;
        float: left;
        margin-bottom: 5px;
        background-size: contain;
        margin: 10px 5px;
    }
    .nav-mobile .fa-search:hover,
    .nav-mobile .fa-rss:hover,
    .nav-mobile .fa-user:hover,
    .nav-mobile .fa-power-off:hover {
        background: #274B81;
        border-radius: 0;
    }
    .nav-large {
        display: none;
    }
    .nav-mobile {
        display: block;
        position: fixed;
        z-index: 9999;
        right: 0;
        left: 0;
    }
    .nav-blue .logged-in,
    .nav-mobile .logged-in {
        height: 50px;
        padding: 5px;
        max-width: 70px;
    }
    .nav-mobile .logged-in .fa {
        color: #fff;
    }
    .affix .mobile-menu,
    .affix .mobile-menu-bg {
        right: 0px;
        top: 50px !important;
        display: inline-table !important;
        position: fixed;
        background: #1e365a;
    }
    .affix .mobile-menu {
        overflow: auto;
    }

    .nav-toggle {
        margin: 0;
        float: right;
        border: 0;
        height: 50px;
        width: 50px;
        color: #fff;
        background: #E82C2C;
    }
    .nav-toggle:focus,
    .nav-toggle:hover,
    .nav-toggle:active {
        outline: 0;
        border: 0;
        color: #fff;
        opacity: 0.8;
    }

    .scrollerElement {
        height: 273px
    }

    .row-3-cols .three {
        width: 100% ;
        margin-right: 0;
    }
    .top-navigationIn ul {
        display: none;
    }
    .top-navigationIn,
    .navbar-right {
        margin-right: 0;
    }
    .navbar-brand {
        display: block;
        margin-left: 0;
    }
    .logo {
        margin-left: 5px;
    }
    .nav-large {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 9999;
    }
    .nav-large .nav-top-toggle {
        margin: 0;
        float: right;
        border: 0;
        height: 35px;
        width: 35px;
        color: #fff !important;
        background: #E82C2C;
        border-right: 1px solid #e82c2c;
    }
    .nav-large .nav-top-toggle:hover {
        background: #C4210F;
    }
    .nav-large .nav-primary-toggle {
        margin: 0;
        float: right;
        border: 0;
        height: 70px;
        width: 70px;
        color: #fff !important;
        border-left: 1px solid #264675;
        background: #1e365a;
    }
    .nav-large .nav-primary-toggle:hover {
        background: #274B81;
    }
    .nav-large .nav-top-toggle,
    .nav-large .nav-primary-toggle {
        display: block;
    }
    .nav-large .nav-blue.navbar-right {
        display: none;
    }
    .affix .navbar-brand {
        display: block;
    }
    #menuTopLeft {
        margin-right: 0;
    }
    #menuTop #menuTopLeft li .tab a {
        font-size: 11px;
        padding: 0 7px;
    }
    .middlePane .date {
        padding: 2px 5px;
    }
    .middlePane h3 {
        width: 50%;
        margin-top: 5px;
    }
    .middlePane .col-lg-6 {
        min-height: 70px;
    }
    .nav-primary-toggle:focus,
    .nav-primary-toggle:hover,
    .nav-primary-toggle:active,
    .nav-top-toggle:focus,
    .nav-top-toggle:hover,
    .nav-top-toggle:active {
        outline: 0;
        color: #fff;
        opacity: 0.8;
    }
    .nav-primary-block .nav-blue {
        position: fixed;
        right: 0;
        background: #1e365a;
        z-index: 9999;
        top: 105px;
    }
    .nav-primary-block .nav-blue .fa {
        width: 69px
    }
    .mobile-menu {
        margin: 0px;
        padding: 0 0 30px;
        width: 200px;
        position: fixed;
        top: 50px;
        bottom: 0px;
        right: -200px;
        /* Hides Brief Menu Popup As JavaScript Loads */
        z-index: 999;
        display: block;
        height: 100%;
        overflow: auto;
    }
    .mobile-menu.active {
        height: auto;
        overflow: visible;
    }
    .mobile-menu-bg {
        background: #1e365a;
        margin: 0px;
        position: fixed;
        width: 200px;
        top: 35px;
        bottom: 0px;
        right: -200px;
        /* Hides Brief Menu Popup As JavaScript Loads */
        z-index: 997;
        display: block;
        height: 100%;
    }
    .mobile-menu.active,
    .mobile-menu-bg.active {
        display: block;
    }
    .mobile-menu .nav a {
        color: #fff;
        line-height: 30px;
    }
    .mobile-menu .navbar-nav > li {
        width: 100%;
    }
    .mobile-menu .nav > li > a {
        width: 100%;
        background: #E82C2C;
        color: #fff;
        border-bottom: 1px solid #757C86;
        padding: 8px 15px;
    }
    .mobile-menu .nav-primary-block {
        display: none !important;
    }
    .mobile-menu .navbar-nav {
        margin: 0;
        clear: both;
    }
    .mobile-menu .navbar-nav ul.first {
        margin: 10px 0;
        list-style: none;
        padding-left: 30px;
    }
    .mobile-menu .top-navigation {
        background: transparent;
    }
    .mobile-menu .top-navigationIn {
        height: auto;
    }
    .mobile-menu .top-navigationIn ul li {
        width: 100%;
    }
    .mobile-menu,
    .mobile-menu-bg {
        /*top: 105px;*/
    }
    .mobile-menu #languages {
        display: block;
    }
    .mobile-menu .navbar-nav {
        display: block;
    }
    .mobile-menu .navbar-nav.nav-top {
        display: block;
    }
    .mobile-menu .top-navigationIn ul {
        display: block;
    }
    .mobile-menu .top-navigation {
        /*background-color: #e82c2c;*/
        padding-bottom: 100px;
    }
    .mobile-menu .top-navigationIn ul li a {
        padding: 5px 10px;
        font-size: 14px;
        width: 100%;
        display: block;
        line-height: 100%;
    }
    .mobile-menu .social-mob {
        float: none;
        display: block;
        width: 100%;
        position: relative;
        clear: both;
        height: 35px;
        margin: 0px;
        margin-bottom: 1px;
    }
    .mobile-menu .social-mob a {
        font-size: 15px;
        border-right: 1px solid #1e365a;
    }
    .mobile-menu .social-mob a.fa-desktop {
        border-right: 1px solid #1e365a;
    }
    .mobile-menu .social-mob a.fa-facebook {
        border-left: 0;
    }
    .affix .nav-large .nav-primary-toggle {
        height: 50px;
        width: 50px;
    }
    .affix .nav-primary-block .nav-blue .fa-search,
    .affix .nav-primary-block .nav-blue .fa-rss,
    .affix .nav-primary-block .nav-blue .fa-user,
    .affix .nav-primary-block .nav-blue .fa-power-off {
        width: 50px
    }

    .mobile-menu .nav-primary-block {
        display: block !important;
    }
    .mobile-menu .nav-primary-block a {
        color: #fff;
        background-color: #274b81;
        float: left;
        display: block;
        margin-right: 1px;
        border-radius: 0px;
        border: none;
        padding: 6px 12px 7px
    }
    .mobile-menu .nav-primary-block a:hover {
        background-color: #1e365a;
    }
    .horizontalSubNavWrapper {
        display: none
    }
    .horizontalSubNavWrapper0,
    .horizontalSubNavWrapper1,
    .horizontalSubNavWrapper2 {
        display: none;
    }
    #container.open,
    #footer.open {
        position: relative;
        left: -200px;
        -webkit-transition: all .6s ease-in;
        transition: all .5s ease-in;
    }
    #container,
    #footer {
        position: relative;
        left: 0;
        -webkit-transition: all .6s ease-in;
        transition: all .5s ease-in;
    }
    .modal-open {
        padding: 0 !important;
    }
    .hoverL1 .navL1 {
        top: 105px;
    }
    .menuTitle {
        font-size: 30px;
    }
    .modal-login .modal-dialog {
        margin: 130px auto;
    }
    #menuTop #menuTopLeft .megamenu a {
        font-size: 12px;
    }
    .containerWrap, .container-home {
        padding-top: 0;
    }
    .box300 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .breadcrumbs .container {
        padding: 5px 30px;
        top: 105px;
        left: 0;
        right: 0;
        width: 100%;
        background: #ECEDEE;
    }
    .brandingBannerLeft,
    .brandingBannerRight {
        display: none;
    }
    #content {
        width: 55%;
    }
    #content #comment img {
        width: auto;
    }
    #container h1 {
        font-size: 34px;
    }
    /* #left {
     display: block;
     width: 100%;
     margin-right: 0;
 }
    */
    .info h3 {
        margin-top: 0;
    }
    .sectionTitle h2 {
        font-size: 24px;
    }
    .scrollerElement {
        height: auto;
    }
    .newsBlockNew .info {
        width: 100%;
        padding: 15px;
        position: relative;
    }
    .newsBlockNew .info,
    .newsTextNew {
        height: auto;
    }
    .newsBlockNew h3 {
        line-height: 70%;
        margin-bottom: 5px;
    }
    .newsBlockNew h3 a {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 100%;
    }

    .strip {
        padding: 10px;
    }

    .strip h3 {
        font-size: 16px;
        margin: 10px 0;
    }
    /*    .waetherDiv .temperature {
            width: 100%;
        }*/
    .twoColRow .element {
        width: 100%;
    }
    .singleCol .element.first {
        width: 100%;
    }
    .singleCol .element {
        width: 100%;
    }
    .news-sport .singleCol {
        width: 100%;
    }
    .news-sport .singleCol .element.first {
        margin: 0;
        width: 100%;
    }
    .news-magazine .singleCol {
        width: 100%;
    }
    .news-magazine .singleCol .element.first {
        margin: 0;
        width: 100%;
    }
    .news-tv .singleCol {
        width: 100%;
    }
    .news-tv .singleCol .element.first {
        margin: 0;
        width: 100%;
    }
    .homeVideo embed {
        height: auto !important;
        ;
    }
    .storyInfo p.storyDate span {
        /*font-size: 25px;*/
    }
    .sectionTitle.slideNews .slideNewsLeft,
    .sectionTitle.slideNews .slideNewsRight {
        top: 10px;
    }
    .storiesSectionSlider .newsTextNew {
        display: block;
    }
    #sharer .service-icons {
        margin: 0;
    }
    #footerTop .container {
        padding: 10px 15px 10px;
    }
    #footerTop .footerSocial {
        position: absolute;
        right: 10px;
        bottom: 0;
        width: 120px;
    }
    #footerTop p {
        line-height: 140%;
        padding: 10px 0;
        margin: 0;
        float: left;
    }
    #footerTop .full-sep {
        display: none;
    }
    #footerTop .mobile-sep {
        display: block;
    }
    #footerBottom .container {
        height: auto;
    }
    #footerBottom .footerCopyMenu {
        position: relative;
        bottom: auto;
        left: 0;
    }
    #footerBottom .copy {
        position: relative;
        right: auto;
        bottom: auto;
        margin-bottom: 10px;
    }
    .boxRight .blogTeaser a {
        width: 70%;
    }
    .boxRight .blogTeaser span {
        position: relative;
        top: 0;
        display: block;
        float: left;
    }
    #storyBrowser .dateTime,
    #postBrowser .dateTime {
        margin-bottom: 10px;
    }
    #storyBrowser h3,
    #postBrowser h3 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    #storyBrowser p.lead,
    #postBrowser p.lead {
        margin-bottom: 10px;
    }
    #storyBrowser .comment,
    #postBrowser .comment {
        padding: 10px;
        font-size: 10px;
    }
    #storyBrowser .comment img,
    #postBrowser .comment img {
        width: 15px;
        height: auto;
    }
    #postBrowser .uptitle {
        font-size: 12px;
    }
    #postBrowser .info {
        width: 68%;
    }
    .storyImage.regularView {
        display: none;
    }
    .storyImage.mobileView {
        display: block;
    }
    #storyBrowser .storyImage {
        width: 80px
    }
    #storyBrowser .storyImage img {
        max-width: 80px;
    }
    .program .programRow {
        display: table;
        width: 100%;
    }
    .program .time {
        display: table-cell;
        width: 25%;
        font-size: 16px;
    }
    .program .name {
        width: 75%;
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
    }
    .program .name span {
        display: inline-block;
        vertical-align: middle;
        line-height: 100%;
    }
    .program .programListFull {
        line-height: 100%;
        padding: 10px;
        text-align: center;
    }
    /*    .program .programListFull a {
font-size: 11px;
height: auto;
line-height: 140%;
padding: 0;
}*/
    .regularView.embed-responsive.embed-responsive-16by9 {
        display: none;
    }
    .mobileView.embed-responsive.embed-responsive-16by9 {
        display: block;
    }
    #media .row img {
        margin-bottom: 10px;
    }
    #comment .commentTitle {
        text-align: center;
    }
    #comment .leaveComment {
        float: none;
        margin: auto;
        display: block;
    }
    .comUptitle {
        font-size: 11px;
    }
    .comTitle a {
        font-size: 12px;
    }
    #comment form .leaveComment {
        float: left;
        margin-top: 10px;
    }
    #programska-sema .programRow {
        display: table;
        width: 100%;
    }
    #programska-sema .time {
        width: 70px;
        display: table-cell;
        vertical-align: middle;
        font-size: 18px;
        text-align: center;
    }
    #programska-sema .name {
        padding-left: 10px;
        width: 78%;
        display: table-cell;
        line-height: 100%;
        vertical-align: middle;
        float: none;
    }
    #programska-sema .age {
        width: 50px;
    }
    .top-video-holder .video-box,
    .top-video-holder .video-box-right {
        margin-bottom: 20px;
    }
    .top-video-holder .video-box {
        padding: 0;
    }
    #video .video-small-block {
        width: 100%;
        padding: 20px 0;
    }
    #scheme .newsBlockNew .info,
    #scheme .newsTextNew {
        margin-bottom: 0;
    }
    .banner-G .banner-medium,
    .banner-large,
    .banner-medium {
        display: none;
    }
    .banner-G .banner-small,
    .banner-small {
        display: block;
    }
    #cluetip {
        display: none;
    }
    .storiesSectionSlider.tv-recommendation .row-pad .element {
        padding: 7px;
        width: 100%;
    }
    .storiesSectionSlider.tv-recommendation .info {
        right: 7px;
    }

    .liveArticle h2 {display: block; font-size: 18px; width: 100%; padding: 17px 20px; border-right: 0px;}
    .liveArticle h2 span {height: 22px}
    .liveArticle .liveText {display: block; width: 100%; font-size: 18px; line-height: 105%;}
    .liveArticle .vert {display: none;}


    /*------------------- MEDIA SET BOX ---------------------*/
    /*    .box-media .mediaHolder {
            height: 365px;
            width: 487px;
        }
        #content .box-media .mediaHolder img {
            max-height: 365px;
            max-width: 487px;
        }*/

    .horizontalSubNavWrapper0 .navigationContent {
        max-width: 640px;
    }

    .preporuka-part .three {
        margin-right: 0;
        width: 100%;
    }

    .short-news-mobile {
        display: block;
    }

    .short-news-full {
        display: none;
    }

    .short-news-list {
        background: #E5E5E5;
        padding: 10px;
        border-bottom: 1px solid #85484b;
    }

    .short-news-list a.short-news-link .short-news-text,
    a.short-news-link .short-news-date {
        color: #000;
    }

    .short-news-list a.short-news-link:last-child {
        margin-bottom: 0 !important;
    }
    .strip .inner-wrap {
        top: initial !important;
    }
    form.javneNabavkeForma .QapTcha {
        width: 100%;
        float: none;
    }
    a.eng {
        width: 46px;
        height: 32.6px;
        background-color: #d32833;
        background-size: 20px auto;
    }

}



@media (max-width: 991px) {
    .scrollerElement {
        height: 205px;
    }
}

@media (max-width: 767px) {

    #right {
        width: 33%;
    }

    #right .program .time, #scheme .program .time {
        width: 45px;
    }

    .scrollerElement, .xl-block-news {
        height: auto;
    }

    .four {
        width: 100%;
        margin-right: 0;
    }

    #menuTop {
        height: 50px;
    }
    .logo {
        background: url('../img/logo.png') no-repeat;
        width: 95px;
        height: 35px;
        float: left;
        margin-bottom: 5px;
        background-size: contain;
        margin: 10px 5px;
    }
    .nav-mobile .fa-search:hover,
    .nav-mobile .fa-rss:hover,
    .nav-mobile .fa-user:hover,
    .nav-mobile .fa-power-off:hover {
        background: #274B81;
        border-radius: 0;
    }
    .nav-large {
        display: none;
    }
    .nav-mobile {
        display: block;
        position: fixed;
        z-index: 9999;
        right: 0;
        left: 0;
    }
    .nav-blue .logged-in,
    .nav-mobile .logged-in {
        padding: 5px;
        max-width: 70px;
    }
    .nav-mobile .logged-in .fa {
        color: #fff;
    }
    .affix .mobile-menu,
    .affix .mobile-menu-bg {
        right: 0px;
        top: 50px !important;
        display: inline-table !important;
        position: fixed;
        background: #1e365a;
    }
    .affix .mobile-menu {
        overflow: auto;
    }
    .containerWrap, .container-home {
        /*padding-top: 50px;*/
    }
    #container.container-home {
        /*padding-top: 50px;*/
    }
    .breadcrumbs .container {
        top: 0;
    }
    /*   .nav-holder {
        position: fixed;
        top: 0;
        z-index: 9999;
        width: 100%;
        -webkit-transition: all .7s ease-in;
        transition: all .7s ease-in;
    }*/
    .mobile-menu #search {
        display: block;
        position: relative;
        top: 0;
        width: 100%;
        background: #1E365A;
        padding: 10px;
        right: 0;
        z-index: 9999;
        border: 0;
        border-bottom: 1px solid #757C86;
        display: none;
    }
    .mobile-menu #search input.searchText {
        background: #ECEDEE;
        height: 40px;
        padding: 10px;
        width: 75%;
        height: 40px;
    }
    .mobile-menu #search input.searchButton {
        background: #E82C2C url("../img/search.png") center no-repeat;
        background-size: inherit;
        color: #fff;
        text-indent: -9999px;
        height: 40px;
        width: 25%;
    }
    .mobile-menu,
    .mobile-menu-bg {
        top: 50px;
    }
    .mobile-menu #languages,
    .mobile-menu .navbar-nav,
    .mobile-menu .navbar-nav.nav-top,
    .mobile-menu .top-navigationIn ul {
        display: block;
    }
    .mobile-menu .top-navigation {
        background-color: transparent;
        padding-bottom: 50px;
    }
    .mobile-menu .top-navigationIn ul li a {
        padding: 5px 10px;
        font-size: 14px;
        width: 100%;
        display: block;
        line-height: 100%;
    }
    .modal-login .modal-dialog {
        margin: 70px auto;
    }
    .nav-search-mob {
        top: 50px;
        width: 100%;
        background: #fff;
        padding: 15px;
        right: 0;
    }
    .nav-search-mob input.searchText {
        width: 80%;
    }
    .nav-search-mob input.searchButton {
        width: 20%;
    }
    .nav-search-mob::before {
        right: 64px;
    }
    #content {
        width: 66%;
    }
    #right {
        width: 33%;
    }

    .banner-R {
        display: none;
    }
    .homeVideo embed {
        min-height: 240px;
    }
    .nav-toggle {
        margin: 0;
        float: right;
        border: 0;
        height: 50px;
        width: 50px;
        color: #fff;
        background: #E82C2C;
    }
    .nav-toggle:focus,
    .nav-toggle:hover,
    .nav-toggle:active {
        outline: 0;
        border: 0;
        color: #fff;
        opacity: 0.8;
    }
    .mobile-menu {
        display: block;
    }
    .newsBlockNew .info {
        width: 100%;
        position: relative;
        bottom: auto;
        top: auto;
        padding: 15px 15px;
    }
    .newsBlockNew .info h3 {
        margin: 0;
        margin-bottom: 15px;
    }
    .breadcrumbs {
        padding-top: 50px;
        z-index: 99;
    }
    .breadcrumbs .container {
        background: #ECEDEE;
        font-size: 10px;
        line-height: 20px;
    }
    .breadcrumbs a,
    .breadcrumbs #item,
    .breadcrumbs .disabled {
        font-size: 10px;
        height: 20px;
        line-height: 20px;
    }
    .breadcrumbs .separator {
        width: 10px;
        height: 20px;
        background-size: cover;
    }
    .breadcrumbs #item.sections {
        cursor: pointer;
        padding: 2px 10px 2px 3px;
    }
    #breadSections {
        top: 30px;
    }
    #languages p a {
        padding: 9px 15px;
    }
    .sectionTitle h2 {
        font-size: 24px;
    }
    #comment {
        padding: 20px;
    }
    #programska-sema .name {
        width: 80%;
    }
    #footerBottom .copy,
    #footerBottom .footerCopyMenu {
        text-align: center;
    }

    .mobile-menu .nav-primary-block {
        display: block !important;
    }
    .mobile-menu .nav-primary-block a {
        color: #fff;
        background-color: #274b81;
        float: left;
        display: block;
        margin-right: 1px;
        border-radius: 0px;
        border: none;
        padding: 6px 12px 7px
    }
    .mobile-menu .nav-primary-block a:hover {
        background-color: #1e365a;
    }
    .horizontalSubNavWrapper {
        display: none
    }
    .horizontalSubNavWrapper0,
    .horizontalSubNavWrapper1,
    .horizontalSubNavWrapper2 {
        display: none;
    }

    .banner-M {
        position: fixed;
        bottom:0%;
        display: block;
        width: 100%;
        height: 50px;
    }
}

@media (min-width: 601px) and (max-width: 767px) {
    .waetherDiv .chooseTown {
        width: 65%;
    }
    .waetherDiv .today {
        font-size: 12px;
        width: 35%;
        height: 35px;
    }
    .waetherDiv .today a {
        padding: 11px 8px;
        font-size: 12px;
    }
    .waetherDiv .chooseTown .dd2 {
        font-size: 12px;
        font-weight: normal;
        width: 100% !important;
        margin: 0;
    }
    #websites2_title {
        padding: 10px 0px 8px 30px
    }
    .waetherDiv #websites2_child {
        color: #333;
        height: 115px !important;
        left: 96px;
        top: 66px !important;
    }
    .waetherDiv .temperature {
        line-height: 40px;
    }
    .waetherDiv .temperature {
        font-size: 20px;
        text-align: center;
        width: 100%;
    }
    /*    #right .news-tabs .tab-content > .tab-pane a.img img {
            width: 30%;
            height: 30%;
            margin: 0;
        }*/
    /*    #right .news-tabs .tab-content .ordinal {
            font-size: 26px;
            width: 16%;
            display: block;
            float: left;
        }*/
    /*    #right .news-tabs .tab-content > .tab-pane a.title {
            width: 50%;
        }*/
    #right .news-tabs .tab-content > .tab-pane a.img img {
        width: 60px;
        height: 60px;
    }   
    #right .related-news.news-tabs .tab-content > .tab-pane a.img img {
        width: 30%;
        height: 30%;
        margin: 0;
    }
    #right .related-news.news-tabs .tab-content .ordinal {
        font-size: 30px;
        width: 20%;
        display: block;
        float: left;
    }
    #right .related-news.news-tabs .tab-content > .tab-pane a.title {
        width: 50%;
    }
    /*    #right .news-tabs .nav-tabs > li.active > a,
        #right .news-tabs .nav-tabs > li.active > a:hover,
        #right .news-tabs .nav-tabs > li.active > a:focus {
            font-size: 13px;
            padding: 12px 5px;
        }*/
    /*    #right .news-tabs .nav-tabs > li > a,
        #right .related-news.news-tabs .nav-tabs > li > a {
            font-size: 13px;
            padding: 8px 5px;
        }*/
    #right .news-tabs .tab-content input.searchButton {
        font-size: 11px;
    }
    #right .news-tabs .tab-content > .tab-pane a.title {
        width: 55%;
    }
    /*    #right .program h3 {
            font-size: 13px;
        }*/
    /*    #right .program ul.nav.nav-tabs {
            padding-left: 10px;
            height: 31px;
        }*/
    /*    #right .program .nav-tabs > li > a {
            padding: 6px 6px 14px;
            font-size: 11px;
        }
        #right .program .programListFull {
            line-height: 100%;
            padding: 10px;
        }*/
    /*    #right .program .programListFull a {
            font-size: 11px;
            height: auto;
            line-height: 140%;
            padding: 5px 0;
        }*/
    /*    #right .program .time.rowOdd {
            background: #C1C4C8;
        }*/
    /*    #right .program .time.rowEven {
            background: #D6D7D9;
        }*/
    /*    #right .program .time span {
            margin-left: 0;
        }
        #right .program .time {
            width: 25%;
            font-size: 12px;
        }
        #right .program .name span {
            font-size: 12px;
        }*/
    /*    #right .program .name {
            width: 70%;
        }*/
    /*    .boxRight h2 {
            padding: 12px 18px;
        }*/
    .read-it a {
        font-size: 18px;
    }
    .boxRight .blog-other img {
        display: none;
    }
    .boxRight .blogTeaser a.ostali {
        width: 100%;
        text-align: center;
        padding: 0;
        font-size: 14px;
    }
    .boxRight .blogTeaser a {
        width: 100%;
        padding-left: 10px;
        font-size: 13px;
    }
}

@media (max-width: 600px) {
    #content {
        width: 100%;
    }
    .no-mobile {display: none;}
    #right {
        width: 100%;
        background: transparent;
        position: relative;
        right: auto;
        top: 0;
    }
    #content #comment img {
        width: auto;
    }
    .banner-R {
        display: block;
        margin: auto;
        text-align: center;
    }
    .waetherDiv .temperature {
        width: 25%;
    }

    /*    #right .news-tabs .tab-content .ordinal,
        #right .related-news.news-tabs .tab-content .ordinal {
            font-size: 40px;
            width: 15%;
            display: block;
            float: left;
        }*/
    #right .news-tabs .tab-content > .tab-pane a.img img,
    #right .related-news.news-tabs .tab-content > .tab-pane a.img img {
        width: 80px;
        height: 80px;
    }
    #storyBrowser .info {
        width: 75%;
    }
    .box-half {
        width: 100%;
        float: left;
        margin-right: 0;
    }
    .boxRight .blogTeaser a.ostali {
        float: left;
    }
    .breadcrumbs .separator {
        display: none;
    }
    .breadcrumbs {
        height: auto;
    }
    .breadcrumbs a {
        background: transparent;
        margin-bottom: 4px;
        padding: 0 2px;
        color: #444;
    }
    .breadcrumbs a::before {
        content: " > ";
    }
    .breadcrumbs a.homepage::before {
        display: none;
    }
    .breadcrumbs #item.sections {
        cursor: pointer;
        padding: 1px 3px;
        background: transparent;
    }
    .breadcrumbs .separator.last {
        margin-right: 0;
        display: block;
        background: transparent;
    }
    .breadcrumbs .container {
        line-height: 100%;
        display: block;
        line-height: 24px;
    }
    .breadcrumbs .container .current {
        vertical-align: middle;
        display: inline-block;
        line-height: 100%;
        float: left;
        clear: both;
        width: 100%;
    }
    #programska-sema .name {
        width: 100%;
    }

    /*    ------------------- MEDIA SET BOX ---------------------
        .box-media .mediaHolder {
            height: auto;
            width: 100%;
        }
        #content .box-media .mediaHolder img {
            max-height: 365px;
            max-width: 100%;
        }*/
}

@media (max-width: 480px) {
    .social {
        display: none;
    }
    .mobile-menu .social {
        display: block;
    }
    #footerBottom .mapa-sajta {
        font-size: 11px;
        width: 100px;
        font-weight: bold;
    }
    #footerTop .footerSocial {
        bottom: -30px;
    }
    #storyBrowser .info {
        width: 70%;
    }
    #postBrowser .info {
        width: 100%;
    }
    #comment .leaveComment {
        width: 100%;
    }

    #right .news-tabs .tab-content > .tab-pane a.img img,
    #right .related-news.news-tabs .tab-content > .tab-pane a.img img {
        width: 60px;
        height: 60px;
    }
    #posalji input[type="submit"] {
        width: 100%
    }
}

@media (max-width: 380px) {
    .nav-mobile .pull-right {
        display: none;
    }
    .mobile-menu .nav-primary-block {
        display: block !important;
    }
    .mobile-menu .nav-search::before,
    .mobile-menu .nav-search-mob::before {
        display: none;
    }
    .mobile-menu .fa {
        color: #fff;
    }
    .mobile-menu .fa:hover {
        background: #274B81;
        border-radius: 0;
    }
    .nav-search-mob::before {
        display: none;
    }
    #right .news-tabs .nav-tabs > li > a {
        font-size: 16px;
        padding: 8px 11px;
    }
    #right .news-tabs .nav-tabs > li.active > a {
        font-size: 18px;
        padding: 10px 11px;
    }
    #right .news-tabs .nav-tabs > li.active > a,
    #right .news-tabs .nav-tabs > li.active > a:hover,
    #right .news-tabs .nav-tabs > li.active > a:focus {
        font-size: 16px;
        padding: 11px 11px;
    }
    .waetherDiv .temperature {
        width: 100%;
        text-align: center;
    }
    #right .program ul.nav.nav-tabs,
    #scheme .program ul.nav.nav-tabs {
        padding: 0 0 0 10px;
    }
    /*    #right .program .nav-tabs > li > a,
        #scheme .program .nav-tabs > li > a {
            font-size: 12px;
            padding: 12px 9px 20px;
        }*/
    .storyImage.mobileView {
        display: none;
    }
    .storyImage.regularView {
        display: block;
    }
    #storyBrowser .info {
        width: 100%;
        margin-top: 10px;
    }
    #storyBrowser .storyImage {
        width: 100%;
        height: auto;
    }
    #storyBrowser .storyImage img,
    #postBrowser .listPost img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }
}

/*-- Lista epizoda --*/
@media (max-width: 1300px) {
    #storyBrowser.storyBrowserEpisodes .storyImage img {
        max-width: 300px;
    }
    #storyBrowser.storyBrowserEpisodes .element.treci {
        margin-right: 20px;
    }
    #storyBrowser.storyBrowserEpisodes .element.izaTreceg {
        clear: none;
    }
    #storyBrowser.storyBrowserEpisodes .element.drugi {
        margin-right: 0;
    }
    #storyBrowser.storyBrowserEpisodes .element.izaDrugog {
        clear: left;
    }
}
@media (max-width: 998px) {
    #storyBrowser.storyBrowserEpisodes .storyImage.mobileView {
        display: none;
    }
    #storyBrowser.storyBrowserEpisodes .storyImage.regularView {
        display: block;
    }

    .nav-mobile #menuTop a.nav-action {
        float: right;
        padding: 15px;
    }

}

@media (max-width: 690px) {
    .download-apps span,
    #footer .footer-download .download-apps a {
        display: block;
        text-align: center;
        margin-bottom: 10px;
        float: none;
        margin: 5px auto;
    }
}

@media (max-width: 500px) {
    #footer .left-footer {
        float: none;
        display: block;
        margin: 0 auto;
        width: 302px;
        margin-bottom: 20px;
    }

    #footer .right-footer {
        float: none;
        display: block;
    }

    #footer .right-footer .footer-socials {
        width: 150px;
        margin: 0 auto;
    }
}



@media (max-width: 1199px) {

    .list-row .list-item.item-3rd {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .list-item .item-inner {
        display: -ms-flexbox!important;
        display: flex!important;
    }
    .list-item .item-thumb-holder {
        width: 300px;
        margin-right: 20px;
    }

    .quiz .quiz-thumb {
        margin-right: 0;
        margin-bottom: 20px;

    }

    .quiz .quiz-inner,
    .list-item .item-inner {
        display: block !important;
    }

}

@media (max-width: 991px) {
    .quiz .quiz-thumb {
        margin-right: 0;
        margin-bottom: 20px;

    }

    .quiz .quiz-inner,
    .list-item .item-inner {
        display: block !important;
    }
}