@media (max-width: 1200px) {
  #superfish-main a {
    padding: 20px 5px;
  }
  #superfish-main li a.sf-with-ul {
    padding-right: 20px; 
  }
  .region.region-nav-additional #block-views-block-custom-login-block-1 {
    padding: 10px;
  }
  ul.sf-menu .sf-sub-indicator {
    right: 5px;
  }
  .slideshow_slide .slide_description {
    padding: 50px 120px;
  }
  .path-user .page_content_container {
    padding: 0 15px;
  }
  .path-user .page_content_container .form-item {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .page-node-type-page .contextual-region.node {
    padding-left: 15px;
    padding-right: 15px;
  }
  .page-node-type-page .page_content_container{padding:15px}
}
@media (max-width: 960px) {
  main {
    margin-top: 42px;
  }
  .navbar-collapse.collapse.show {
    display: flex;
    flex-wrap: wrap;
  }
  .navbar-collapse.collapse.show .navbar-nav {
    order: 3;
  }
  .region.region-nav-additional #block-views-block-custom-login-block-1 {
    margin: 0;
    flex: 1 auto;
  }
  .navbar-collapse.collapse.show .region-nav-additional {
    order: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    border-top: 1px solid rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(255,255,255,.1);
    width: 100%;
    flex: 1;
    background: #343a40;
  }
  .navbar-collapse.collapse.show .region-nav-additional .block-views-blockcustom-login {
    order: 1;
    flex: 1 auto;
    margin: 0;
    padding: 2px 15px;
    border-radius: 4px;
  }
  .navbar-collapse.collapse.show .region-nav-additional .search-block-form {
    order: 2;
    flex: 2 auto;
  }
  ul.sf-menu .sf-sub-indicator {
    padding: 20px;
  }
  ul.sf-menu .sf-sub-indicator::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .user-login-block {
    order: 1;
    flex: 0 auto;
    padding: 7px 15px;
    border-top: 1px solid rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(255,255,255,.1);
    border-right: 1px solid rgba(255,255,255,.1);
    background: #343a40;
  }
  .user-login-block > a {
    background: transparent;
    padding: 0;
  }
  .user-login-block #collapse-user-login {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    background: transparent;
    padding: 0;
    box-shadow: none;
  }
  #block-searchform {
    box-shadow: none;
  }
  .region.region-nav-additional {
    padding: 0;
  }
  .navbar-collapse.collapse.show .region-nav-additional .search-block-form.container-inline div {
    width: 100%;
  }
  .navbar-collapse.collapse.show .region-nav-additional .search-block-form.container-inline #edit-actions--2 {
    flex: 0;
  }
  .navbar-collapse.collapse.show .region-nav-additional .search-block-form form {
    justify-content: right;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: row;
  }
  .navbar-collapse.collapse.show .region-nav-additional #edit-actions {
    position: relative;
    width: 50px;
  }
  .navbar-collapse.collapse.show .region-nav-additional #edit-actions::before {
    content: "\f002";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .navbar-collapse.collapse.show .region-nav-additional #edit-submit {
    background: transparent;
    border: none;
    color: transparent;
    width: 30px;
  }
  .navbar-collapse.collapse.show .region-nav-additional #edit-keys {
    background: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid rgba(255,255,255,.3);
    width: 100%;
  }
  #block-searchform {
    position: relative;
    top: auto;
    right: auto;
    background: transparent;
    display: block;
    flex: 1 auto;
    padding: 0;
    width: auto;
  }
  #block-searchform #edit-keys {
    width: 100%;
    color: #fff;
  }
  #block-searchform #edit-actions--2 {
    margin: 0;
  }
  #block-searchform #edit-actions--2:focus,
  #block-searchform #edit-keys:focus {
    border: none;
    outline: 0;
    box-shadow: none;
  }
  #block-bootstrap4-account-menu {
    order: 3;
    position: relative;
    top: auto;
    flex: 1 100%;
    background: rgba(0,0,0,.1);
  }
  .slideshow_slide .slide_description {
    padding: 0px 45px 40px 45px;
  }
  #superfish-floating-menu li {
    padding: 0 20px;
  }
  #block-views-block-main-slideshow-block-2 .slick__arrow .slick-arrow {
    width: 80px;
    font-size: 52px;
  }
  .slideshow_slide .slide_description .dani_emitiranja {
    font-size: 14px;
  }
  .slideshow_slide .slide_description .vrijeme_emitiranja {
    font-size: 24px;
  }
  .slideshow_slide .slide_description .tax_title {
    font-size: 32px;
  }
  .slideshow_slide .slide_description .title a {
    font-size: 28px;
  }
  .navbar-dark .navbar-toggler,
  .navbar-dark .navbar-brand {
    padding: 3px 15px;
    border: none;
  }
  #superfish-main {
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
  }
  #superfish-main li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
  }
  #superfish-main li a {
    padding: 12px 15px;
  }
  .page-node-type-article .page-title {
    font-size: 2rem;
  }
  .emisija_content > div:not(:empty) {
    flex: 1 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .emisija_content .emisija_content_text {
    border: none;
    min-height: 0;
  }
  .emisija_content {
    display: block;
  }
  .emisija_content .emisija_content_slika {
    justify-content: center;
    width: 100%;
  }
  #block-views-block-tv-program-timeline-block-1 .view-tv-program-timeline {
    overflow-x: auto;
  }
  #block-views-block-tv-program-timeline-block-1 .view-tv-program-timeline .view-content {
    position: relative;
  }
  #block-views-block-tv-program-timeline-block-1 .view-tv-program-timeline .view-header,
  #block-views-block-tv-program-timeline-block-1 .view-tv-program-timeline .view-footer,
  .view-tv-program-timeline::before,
  .view-tv-program-timeline::after {
    display: none;
  }

  #block-anketa .vote-form {
    flex-wrap: wrap;
  }
  #block-anketa .vote-form > h3, 
  #block-anketa .vote-form > fieldset, 
  #block-anketa .vote-form > div {
    flex: 1 100%;
  }
  #block-anketa .vote-form .form-radios {
    flex-wrap: wrap;
  }
  #block-anketa .vote-form .form-radios > div {
    flex: 1 100%;
  }
  .region.region-main-content {
    overflow-x: hidden;
  }
  #block-views-block-main-slideshow-block-2 {
    margin: 0 -100px;
    max-width: 150%;
  }
  
}

@media (max-width: 768px) {
  
  #superfish-floating-menu li {
    border-right: 1px solid rgba(255,255,255,.2);
  }
  #superfish-floating-menu li:last-of-type {
    border-right: none;
  }
  #superfish-floating-menu li a {
    font-size: 14px;
    padding: 10px 0;
  }
  .slideshow_slide .slide_description {
    padding: 0px 40px 40px 40px;
  }
  .slideshow_slide .slide_description .dani_emitiranja {
    font-size: 14px;
    line-height: 14px;
  }
  .slideshow_slide .slide_description .vrijeme_emitiranja {
    font-size: 18px;
    line-height: 22px;
  }
  .slideshow_slide .slide_description .tax_title {
    font-size: 24px;
    line-height: 28px;
  }
  .slideshow_slide .slide_description .title a {
    font-size: 22px;
    line-height: 24px;
  }
  .slideshow_slide .slide_description .najava {
    margin-top: 10px;
  }
  #block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis .tax_naslov a {
    font-size: 20px;
    line-height: 22px;
  }
  #block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis .naslov {
    line-height: 20px;
  }
  #block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis .naslov a {
    font-size: 16px;
  }
  .emisija_cover .play_btn .fa-play {
    font-size: 38px;
    padding: 15px 15px 13px 25px;
  }
  #block-footerblock {
    padding: 20px 0;
  }
  #block-footerblock .right-col h1 {
    font-size: 32px;
  }
  .view-taxonomy-term .view-header .emisija_cover, 
  article.emisija-article .emisija_cover {
    margin-bottom: 0;
  }
  .emisija_content {
    margin-top: 0;
  }
  .view-taxonomy-term .view-header .emisija_cover .cover_name, 
  article.emisija-article .emisija_cover .cover_name {
    padding-bottom: 10px;
  }
  .emisija_cover .cover_name .dani_emitiranja,
  .emisija_cover .cover_name .vrijeme_emitiranja {
    font-size: 16px;
    line-height: 20px;
  }
  .emisija_cover .play_btn {
    padding: 15px 15px 10px 20px;
    font-size: 18px;
  }
  .emisija_cover .play_btn .fa-play {
    font-size: 20px;
    padding: 0;
  }
  .emisija_cover .cover_name .field--name-name, 
  .emisija_cover .field--name-field-naslov {
    font-size: 18px;
  }

  #block-views-block-tv-program-timeline-block-1 h2 {
    margin-bottom: 0;
  }
  #block-views-block-tv-program-timeline-block-2 {
    background: #423e70;
    width: 100%;
  }
  #block-views-block-tv-program-timeline-block-2 .view-content > .views-row {
    padding: 15px;
    margin: 5px;
  }
  #block-views-block-tv-program-timeline-block-2 .view-content > .views-row {
    background: #009ee3;
  }
  #block-views-block-tv-program-timeline-block-2 .view-content > .views-row div,
  #block-views-block-tv-program-timeline-block-2 .view-content > .views-row span,
  #block-views-block-tv-program-timeline-block-2 .view-content > .views-row a {
    color: #fff;
  }
  #block-views-block-tv-program-timeline-block-2 .view-content > .views-row .views-field-nothing .field-content {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  #block-views-block-tv-program-timeline-block-2 .view-content > .views-row .views-field-nothing .field-content .vrijeme {
    flex: 0 auto;
    padding: 0 10px;
  }
  #block-views-block-tv-program-timeline-block-2 .view-content > .views-row .views-field-nothing .field-content .naslov_opis {
    flex: 1 auto;
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid rgba(255,255,255,.5);
    padding-left: 10px;
  }
  #block-views-block-tv-program-timeline-block-2 .view-content > .views-row .views-field-nothing .field-content .naslov_opis > div {
    flex: 1 100%;
  }
  #block-views-block-tv-program-timeline-block-2 .view-content > .views-row .views-field-nothing .field-content .naslov_opis .naslov a {
    font-weight: 500;
  }
  .display-4.page-title {
    font-size: 2.2rem;
  }
}

@media (max-width: 576px) {
  main {
    margin-top: 42px;
  }
  .navbar-dark .navbar-toggler, .navbar-dark .navbar-brand {
    padding: 1px 15px;
  }
  .page-node-type-article .page-title {
    font-size: 1.7rem;
  }
  .navbar-dark .navbar-brand img {
    max-height: 50px;
    height: auto;
    width: auto;
  }
  .sf-accordion-toggle a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 38px;
    font-size: 22px;
    color: #fff;
  }
  #superfish-floating-menu li {
    padding: 0 10px;
    display: flex;
    align-items: center;
  }
  #superfish-floating-menu-accordion li a {
    color: #fff;
    padding: 15px 10px;
    text-transform: uppercase;
    border-top: 1px solid rgba(255,255,255,.2);
    font-size: 15px;
  }
  #block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda {
    display: flex;
    flex-wrap: wrap;
  }
  #block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis {
    max-width: 382px;
  }
  #block-banners .field--name-body .row > div {
    min-height: 150px;
  }
  .block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .layout__region {
    display: flex;
    flex-wrap: wrap;
  }
  .block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .layout__region > div {
    max-width: 382px;
  }
  .category-view-block-container .category-view .view-content {
    flex-wrap: wrap;
  }
  .category-view-block-container .category-view .view-content > .views-row {
    flex: 1 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
  }
  .category-view-block-container .category-view .view-content > .views-row > div {
    max-width: 382px;
    flex: 1 100%;
  }
  #block-footer p span.copyright {
    padding-left: 0;
  }
  #block-footerblock .right-col h1 {
    padding-left: 0;
    margin-top: 20px;
  }
  #block-footerblock .lists ul {
    padding-left: 0;
  }
  #block-footerblock .col-sm-6.left-col > div {
    margin: 5px 0;
  }
  .navbar-collapse.collapse.show .region-nav-additional .search-block-form form {
    flex-direction: row;
  }
  #block-views-block-main-slideshow-block-2 ul.slick-dots {
    margin-bottom: 0;
    bottom: 10px;
  }
  #block-views-block-main-slideshow-block-2 ul.slick-dots li > button {
    margin: 0 4px;
  }
  #block-floatingmenu.fixed-menu {
    margin-top: -1px;
  }
  .slideshow_slide .slide_description {
    padding: 0 20px 35px 20px;
  }
  .slideshow_slide .slide_description .dani_emitiranja {
    font-size: 16px;
    line-height: 16px;
  }
  .slideshow_slide .slide_description .vrijeme_emitiranja {
    font-size: 16px;
    line-height: 20px;
  }
  .slideshow_slide .slide_description .tax_title {
    font-size: 20px;
    line-height: 22px;
  }
  .slideshow_slide .slide_description .title a {
    font-size: 18px;
    line-height: 22px;
  }
  /* .slideshow_slide .slide_description .najava {
    display: none;
  } */
  #block-views-block-main-slideshow-block-2 .slick__arrow .slick-arrow {
    width: 40px;
    font-size: 42px;
  }
  #block-views-block-main-slideshow-block-2 ul.slick-dots li {
    margin: 0 4px;
  }
  .page-node-type-article .field--name-body iframe {
    height: 200px;
  }
}

@media (max-width: 415px) {
  .region.region-nav-additional #block-views-block-custom-login-block-1 {
    margin: 5px 10px 0;
  }
  #block-loginformpopup {
    margin-left: 0;
  }
}
@media (min-width:2300px) {
  .emisija_cover .cover_name > div{
    min-width:100%;
    text-align:center
  }
}