@media (max-width: 1800px) {
    .logo {
        margin-left: 40px;
    }
    .hederRight {
        margin-right: 40px;
    }
    #menuTopLeft {
        margin-right: 30px;
    }
}
@media (max-width: 1700px) {
    .app-nav .nav-link {
        padding: 0 10px;
    }
}
@media (max-width: 1691px) {
    .hederRight a.live-tv {
        padding: 0 15px;
        margin: 0;
    }
    .rts-planeta {
        width: 26px;
    }
}
@media (max-width: 1500px) {
    .logo {
        margin-left: 20px;
    }
    .hederRight {
        margin-right: 20px;
    }
    .app-nav .nav-link {
        font-size: 15px;
    }
}
@media (max-width: 1400px) {
    .navbar-brand {
        font-size: 10px;
        padding: 2px 10px;
        line-height: 35px;
    }
    .app-nav .nav-link {
        font-size: 12px;
    }
}
@media (max-width: 1300px) {
    .twoColRow.grid {
        column-gap: 10px;
    }
    .row-4-cols {
        grid-template-columns: 1fr 1fr;
    }
    .rts .containerTop .logosHolder {
        display: table;
        width: 100%;
    }
    .logosHolder .tokyoL,
    .logosHolder .tokyoR {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        height: auto;
    }
    .logosHolder .tokyoL {
        margin-bottom: 20px;
    }
    #programska-sema-tabs {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap: 5px;
        margin-bottom: 5px;
    }
}

@media (max-width: 1299px) {
    .container {
        max-width: 1170px;
    }
    .app-main {
        width: 752px;
        padding: 0 15px;
        margin: 10px 0 30px;
    }
    #scheme .epsilonScheme {
        width: 32%;
    }
    #scheme .main {
        width: calc(68% - 10px);
    }
    .storyInfoBlock {
        margin-right: 0;
    }

    .header-intro.authorIntro {
        padding: 30px 30px 10px 30px;
    }
    .authorIntro .imgHolder {
        width: 205.8px;
        margin-right: 14.7px;
    }
}
@media (max-width: 1200px) {
    .logo  {
        margin: 0 10px;
        width: 75px;
        height: 24px;
    }
    .app-nav .nav-link {
        padding: 0 7px;
    }
    .hederRight {
        margin-right: 10px;
    }
    .storiesTop.twelve-stories .twoOneRow .twoColRow {
        width: 100%;
        max-width: none;
        float: none;
        display: table;
    }
    .twelve-stories .twoColRow .element-0,
    .twelve-stories .twoColRow .element-1 {
        width: 50%;
        float: left;
        box-sizing: border-box;
    }
    .twelve-stories .twoColRow .element-0 {
        padding-right: 10px;
    }
    .twelve-stories .twoColRow .element-1 {
        padding-left: 10px;
    }
    .twelve-stories .twoColRow .element-2,
    .twelve-stories .twoColRow .element-3 {
        display: none;
    }
    .twelve-stories .regularView {
        display: none;
    }
    .twelve-stories .mobileView {
        display: block;
        width: 100%;
        clear: both;
    }
    .mobileView .element.fullWidth {
        width: 100%;
        display: table;
        clear: both;
        margin-bottom: 10px;
    }
    .newsTextNew {
        height: auto;
    }
    .mobileView .smallThumb {
        margin-right: 10px;
        float: left;
    }
    .childCategoryList.threeCategories {
        display: table;
    }
    #left {
        clear: both;
        width: 100%;
        float: none;
    }
    #left .mobileHide {
        display: none;
    }
    #text {
        width: 100%;
        float: none;
        clear: both;
    }
    .sliderEpsilonScheme {
        width: 100%;
        display: block;
    }
    #scheme .epsilonScheme,
    #scheme .main {
        width: 100%;
    }
    #scheme .twoColRow,
    #scheme .threeColRow {
        grid-template-columns: 1fr;
    }
    #scheme .twoColRow .element,
    #scheme .threeColRow .element {
        width: 50%;
    }
    .row-2-1-cols {
        display: block;
    }
    .row-2-1-cols.cf {
        display: table;
        width: 100%;
    }
    .row-2-1-cols .xl-block-news {
        display: block;
        margin-bottom: 20px;
    }
    .storiesTop .regularView {
        display: none;
    }
    .storiesTop .mobileView {
        display: block;
    }
    .storiesTop .sliderEpsilonScheme .regularView {
        display: block;
    }
    .info-post h3,
    .inline-info h3,
    .topStoriesNinePlus .mobileView .element h3,
    .twelve-stories .mobileView .element h3 {
        margin: 0 0 5px;
    }
    .info-post h3,
    .info-post h3 a,
    .topStoriesNinePlus .mobileView .element h3 a,
    .twelve-stories .mobileView .element h3 a {
        font-size: 14px;
    }
    .row-3-cols {
        display: table;
        width: 100%;
    }
    .row-3-cols.preporuka-part,
    .topSetionStoriesPreporukaWrapper .row-3-cols {
        display: grid;
    }
    .row-3-cols .three.w-xs-100 {
        width: 100%;
        display: table;
        margin: 0 0 20px;
    }
    .row-3-cols.row-block {
        margin-bottom: 0;
    }
    .firstSlide .regularView,
    .news-magazine .regularView {
        display: none;
    }
    .firstSlide .mobileView,
    .news-magazine .mobileView {
        display: table;
        width: 100%;
    }
    .firstSlide .mobileView .row,
    .topStoriesNinePlus .mobileView .row {
        display: block;
        width: 100%;
        margin: 0;
    }
    .topStoriesNinePlus .mobileView .element {
        width: 100%;
        display: table;
        clear: both;
        margin-bottom: 10px;
    }
    .topStoriesNinePlus .row-block {
        margin-bottom: 10px;
    }
    .storiesTop .sliderEpsilonScheme .regularView .element {
        margin-bottom: 10px;
        display: table;
        width: 100%;
    }
    #scheme .sliderEpsilonScheme .twoColRow .element {
        width: 100%;
    }

    .authorIntro .imgHolder {
        width: 160.7px;
        margin-right: 11.9px;
    }
    .smallThumb.withBigImg {
        position: relative;
        overflow: hidden;
    }
    a.smallThumb.withBigImg img {
        position: absolute;
        width: auto;
        height: 100%;
        max-width: inherit;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
@media (max-width: 1199px) {
    .container {
        max-width: 970px;
    }
    .app-main {
        width: 611px;
    }
    .tvBrowser {
        grid-template-columns: 1fr 1fr;
    }
    #podcastShow .ajaxShow .ajaxImage {
        width: 300px;
        float: none;
    }
    #podcastShow .ajaxShow .ajaxSidebar {
        display: block;
        width: 68%;
    }
    .uptitleHolder {
        font-size: 14px;
        line-height: 16px;
        min-height: 30px;
    }
    label.darkModeBtn{
        margin: 0 10px;
    }
}
@media (max-width: 998px) {
    header {
        height: 50px;
    }
    .logo {
        margin: 0 5px;
        width: 95px;
        height: 35px;
    }
    .hederRight {
        margin-right: 0;
    }
    .headerLeft .app-nav,
    .hederRight .live-tv,
    .hederRight .app-lang,
    .hederRight .feed {
        display: none;
    }
    .hederRight a {
        height: 50px;
        padding: 15px 10px;
        box-sizing: border-box;
    }
    a.mobTrigger {
        display: block;
        line-height: 1;
    }
    body {
        padding-top: 50px;
    }
    body.lock {
        overflow-y: hidden;
        padding-right: 16px;
    }
    .mobNavigation {
        display: block;
        width: 0;
        overflow: hidden;
        position: fixed;
        left: 100%;
        top: 50px;
        right: 0;
        bottom: 0;
        transition: all 0.3s ease;
        background-color: rgba(30, 54, 90, 0.96);
        z-index: 999;
    }
    .mobNavigation.active {
        width: 100%;
        left: 0;
        transition: all 0.3s ease;
    }
    .mobNavWrapper {
        background-color: #1e365a;
        width: 100%;
        max-width: 200px;
        float: left;
        padding: 0 0 30px;
        height: 100%;
        overflow-y: auto;
        float: right;
    }
    .social-mob a {
        float: left;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 15px;
        border-left: 1px solid #e82c2c;
        border-right: 1px solid #1e365a;
        color: #fff;
        display: block;
        background-color: #C4210F;
        opacity: 1;
        position: relative;
        margin-bottom: 1px;
    }
    .social-mob a:hover {
        opacity: 0.6;
    }
    .social-mob a.rtsPlaneta span {
        background: url('../img/rtsplaneta-logo.svg');
        background-size: auto;
        width: 16px;
        height: 20px;
        background-size: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .social-mob .language-bar {
        clear: left;
    }
    .social-mob .language-bar a {
        font-size: 11px;
    }
    .social-mob a.feed {
        background-color: #274b81;
        border: none;
    }
    .social-mob a.feed:hover {
        opacity: 1;
        background-color: #1e365a;
    }
    .social-mob a.feed i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 12px;
        height: 12px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .navWrapper {
        width: 100%;
        clear: both;
        display: table;
    }
    .navWrapper ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .navWrapper ul li {
        width: 100%;
    }
    .navWrapper ul li a {
        width: 100%;
        background-color: #E82C2C;
        color: #fff;
        border-bottom: 1px solid #757C86;
        padding: 8px 15px;
    }
    .navWrapper ul li ul {
        margin: 10px 0;
        padding-left: 30px;
    }
    .navWrapper ul li ul a {
        background-color: transparent;
        padding: 0;
        line-height: 30px;
        border: none;
    }
    .topSubnav {
        display: none;
    }
    .app-main {
        width: 55%;
    }
    .twelve-stories .twoColRow .element-0,
    .twelve-stories .twoColRow .element-1 {
        width: 100%;
        float: none;
    }
    .twelve-stories .twoColRow .element-0,
    .twelve-stories .twoColRow .element-1 {
        padding-left: 0;
        padding-right: 0;
    }
    .storyInfo {
        display: block;
    }
    .storyInfoBlock {
        width: 100%;
        margin-right: 0;
    }
    .storyInfo p.storySource {
        width: 150px;
    }
    .socialTop {
        width: 100%;
        clear: left;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 2px solid #eee;
    }
    .addthis_toolbox {
        display: table;
        width: 100%;
    }
    .social-icons a,
    .service-icons a {
        margin-left: 0;
        margin-right: 10px;
    }
    .box300,
    .box460 {
        width: 100% !important;
    }
    .box-left,
    .box-center,
    .box-right {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    .threeColRow.childrenItemsList {
        grid-template-columns: 1fr 1fr;
    }
    .short-news-full {
        display: none;
    }
    .short-news-mobile {
        display: block;
    }
    .short-news-list {
        background: #E5E5E5;
        padding: 10px;
        border-bottom: 1px solid #85484b;
    }
    a.short-news-link {
        display: block;
        margin-bottom: 15px;
        line-height: 16px;
        font-size: 14px;
    }
    .row-3-cols.preporuka-part,
    .topSetionStoriesPreporukaWrapper .row-3-cols {
        display: block;
    }
    .three {
        margin-top: 10px;
    }
    .topSetionStoriesPreporukaWrapper .row-3-cols .three {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .storyImage.regularView {
        display: none;
    }
    .tvBrowser .storyImage.regularView {
        display: block;
    }
    .storyImage.mobileView {
        display: block;
    }
    .tvBrowser .storyImage.mobileView {
        display: none;
    }
    #storyBrowser .storyImage,
    #postBrowser .postImage {
        width: 80px;
    }
    .social-icons,
    .service-icons {
        float: left;
    }
    .shortStory .social-icons,
    .shortStory .service-icons{
        float: right;
    }
    .scrollerElement .strip {
        padding: 10px;
    }
    .strip h3 {
        font-size: 16px;
        margin: 10px 0;
    }
    .mobileView .uptitleHolder {
        display: none;
    }
    .twelve-stories .uptitleHolder {
        min-height: 42px;
        font-size: 22px;
        line-height: 26px;
    }
    .liveArticle h2 {
        width: 100%;
        display: block;
        border: none;
        font-size: 18px;
        padding: 17px 20px;
    }
    .liveArticle .liveText {
        display: block;
        width: 100%;
    }
    .liveArticle .liveText a.liveLink {
        display: block;
        font-size: 18px;
        line-height: 105%;
        padding: 10px 20px 30px;
    }

    .authorIntro .imgHolder {
        float: none;
    }
    .storiesTop .short-news-mobile {
        display: block;
    }
    .storiesTop .short-news-mobile .short-news-link .short-news-date {
        display: none;
    }
    a.short-news-link .short-news-text {
        color: #000;
    }
}
@media (max-width: 991px) {
    .container {
        max-width: 750px;
    }
    .tvBrowser {
        grid-template-columns: 1fr;
        max-width: 300px;
    }
    .storyInfo p.storySource,
    .storyInfo p.storyAuthor {
        padding: 0 5px 0 20px;
    }
    .galleryWrapper {
        grid-template-columns: 1fr;
    }
    .holderTwoElements .holderCaptcha {
        width: 100%;
        margin-bottom: 20px;
        float: none;
    }
    .holderTwoElements .holderButton {
        margin: 0 auto;
        display: table;
        float: none;
    }
    .commentTitle {
        display: block;
    }
    .commentTitle a.button {
        display: table;
        margin: 10px auto;
    }
    #storyBrowser .dateTime,
    #postBrowser .dateTime,
    .browser.search .dateTime {
        margin-bottom: 10px;
    }
    #storyBrowser h3,
    #postBrowser h3,
    .browser.search h3,
    .searchWrapperInfo h2 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    #podcastShow .ajaxShow .ajaxSidebar {
        width: 100%;
        max-width: 300px;
    }
    #podcastShow .ajaxShow .ajaxSidebar .textContainer {
        padding: 0;
    }
    #podcastShow .ajaxShow .ajaxSidebar ul li {
        padding: 5px 0;
    }
    .uptitleHolder.bigger {
        font-size: 18px;
        line-height: 20px;
        min-height: 35px;
    }
    .uptitleHolder.smaller {
        font-size: 12px;
        line-height: 14px;
        min-height: 24px;
    }
    .twelve-stories .uptitleHolder {
        font-size: 18px;
        line-height: 20px;
        min-height: 35px;
    }
    .tagRelated .topStoriesHorizontal {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }
}
@media (max-width: 767px) {
    .container {
        max-width: none;
    }
    .app-main {
        width: 66%;
    }
    .app-sidebar {
        width: 33%;
    }
    .footerBottomContent {
        display: block;
        text-align: center;
    }
    .footerBottomContent .copy {
        margin-top: 10px;
    }
    .weather-wrapper {
        width: 100%;
        display: table;
    }
    .waetherDiv .today,
    .waetherDiv .chooseTown {
        float: left;
        margin: 0;
    }
    .waetherDiv .today {
        font-size: 12px;
        width: 35%;
        height: 35px;
    }
    .waetherDiv .today a {
        padding: 11px 8px;
        font-size: 12px;
    }
    .waetherDiv .chooseTown {
        width: 65%;
    }
    .chooseTown form select {
        padding: 10px 25px 8px 30px;
        font-size: 12px;
        width: 100%;
    }
    .waetherDiv .temperature {
        width: 100%;
        clear: both;
        line-height: 40px;
        padding: 13px 0;
        text-align: center;
    }
    .app-sidebar input.searchButton {
        font-size: 11px;
    }
    .row-4-cols {
        grid-template-columns: 1fr;
    }
    .sectionBlock .half {
        width: 100%;
        float: none;
    }
    .threeColRow.childrenItemsList {
        grid-template-columns: 1fr;
    }
    .uptitleHolder.smaller {
        font-size: 18px;
        line-height: 20px;
        min-height: 35px;
    }
    .editButtonEditor {
        right: 20px;
        bottom: 20px;
    }
}
@media (max-width: 690px) {
    .download-apps {
        text-align: center;
    }
    .download-apps span {
        display: block;
    }
    .download-apps .app-store,
    .download-apps .google-play {
        float: none;
        margin: 5px auto;
        display: table;
    }
    .latest-new.news-tabs li a {
        font-size: 12px;
    }
}
@media (max-width: 600px) {
    .app-main,
    .app-sidebar {
        width: 100%;
        float: none;
    }
    .app-main {
        margin-bottom: 30px;
    }
    .banner-R {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
    .latest-new.news-tabs li a {
        font-size: 16px;
    }
    #storyBrowser .storyImage,
    #postBrowser .postImage {
        margin-right: 10px;
    }
    #storyBrowser .info,
    #postBrowser .info {
        width: calc(100% - 90px);
    }
    .boxRight .broadcastFilter {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
    #podcastShow .ajaxShow .ajaxSidebar {
        max-width: inherit;
    }
    .waetherDiv .today a,
    .chooseTown form select {
        font-size: 16px;
        float: left;
    }
    .waetherDiv .today {
        width: 100px;
        margin-top: 14px;
    }
    .waetherDiv .chooseTown {
        width: 130px;
        margin-top: 12px;
    }
    .waetherDiv .temperature {
        width: auto;
        clear: none;
        float: right;
    }
    .searchWrapperInfo .date {
        margin-bottom: 10px;
    }
    #programska-sema .name {
        padding-left: 10px;
        max-width: calc(100% - 120px);
    }
    .broadcast-right {
        flex-direction: column-reverse;
        align-items: flex-end;
        justify-content: center;
    }
    .forbidenTooltip {
        margin: 5px 0;
    }
    .programRow .name:hover .ps-cluetip {
        display: none;
    }
    .programRow .no-click {
        pointer-events: auto;
    }
    .broadcastLink-desktop {
        display: none;
    }
    .broadcastLink-no-click {
        display: block;
    }
    .programRow .name .ps-cluetip.open,
    .programRow .name:hover .ps-cluetip.open {
        display: block !important;
        position: fixed;
        top: 60px;
        left: 50%;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 9;
    }
    .programRow .name .ps-cluetip.open:before {
        position: fixed;
        top: -10px;
        bottom: -100vh;
        left: -30px;
        right: -30px;
        content: "";
        background-color: rgba(0,0,0,0.2);
    }
    #cluetip-inner {
        max-height: calc(100vh - 110px);
        overflow-y: auto;
    }
    .toolTipDictionaryClose {
        display: block;
    }
    .broadcastLink-mobile-wrapper {
        display: block;
    }
    .ps-cluetip {
        width: calc(100% - 60px);
    }
    body.lock-modal {
        overflow-y: clip;
    }
}
@media (max-width: 500px) {
    .footer-wrap {
        display: block;
    }
    .left-footer,
    .footer-socials {
        justify-content: center;
    }
    .left-footer {
        margin-bottom: 20px;
    }

}
@media (max-width: 480px) {
    .storyInfo p.storySource,
    .storyInfo p.storyAuthor {
        padding: 0 10px;
    }
    .social-icons {
        margin-bottom: 10px;
    }
    .sectionTitle.withButton {
        flex-direction: column;
    }
    .sectionTitle.withButton .redButton {
        margin-left: 0;
    }
}
@media (max-width: 400px) {
    .strip h3 {
        margin: 0;
        font-size: 14px;
    }
}
@media (max-width: 380px) {
    .storyImage.mobileView {
        display: none;
    }
    .storyImage.regularView {
        display: block;
    }
    #storyBrowser .storyImage,
    #postBrowser .postImage,
    .browser.search .storyImage {
        width: 100%;
        margin: 0;
        height: auto;
        float: none;
    }
    #storyBrowser .info,
    #postBrowser .info,
    .browser.search .info {
        width: 100%;
        margin-top: 10px;
        float: none;
    }
    .showText {
        width: 75%;
    }
    .showTime {
        width: 25%;
    }
    .waetherDiv .chooseTown {
        width: calc(100% - 120px);
    }
    .chooseTown form select {
        padding: 10px 20px 8px 0;
    }
    .waetherDiv .temperature {
        width: 100%;
    }
    #programska-sema-tabs {
        column-gap: 5px;
    }
    .uptitleHolder {
        font-size: 18px;
        line-height: 20px;
        min-height: 35px;
    }
    .searchList .storyImgContainer {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .searchList .searchWrapperInfo {
        float: none;
        width: 100%;
    }
}
@media (max-width: 350px) {
    .boxRight .broadcastFilter label,
    .boxRight .broadcastFilter .fake-select .toggle + label,
    .boxRight .broadcastFilter input {
        width: 100%;
        float: none;
        border-radius: 4px;
    }
    .uptitleHolder bigger,
    .uptitleHolder,
    .uptitleHolder.smaller {
        font-size: 14px;
        line-height: 16px;
        min-height: 20px;
    }
}

/*------------------------------------------------------------SHORTS GALLERY---------------------*/

@media (max-width: 1199px) {
    .galleryWrapper-short {
        grid-template-columns: repeat( 4, 1fr);
    }
}
@media (max-width: 991px) {
    .galleryWrapper-short {
        grid-template-columns: repeat( 3, 1fr);
    }
}
@media (max-width: 480px) {
    .galleryWrapper-short {
        grid-template-columns: repeat( 2, 1fr);
    }
}