@media (min-width: 768px) {

  .middlewidget{
    padding: 40px 0;
    background: #f35d63;
    color: white;
  }
div#wrap-news, div#wrap-live, div#wrap-gallery, div#wrap-music  {
  padding: 50px 0;
  background: #ffffff;
}
  div#wrap-gallery
 {
    padding-bottom: 0px;
}
  .slider-caption{
    display: inline-block;
  }
div#wrap-services {
  padding: 40px 0;
  background: #ffffff;
}
a:focus, a:hover {
    color: #898989;
    text-decoration: none;
}
  .region-primary-menu{
    display: inline-block !important;
    float: right;
    width: auto;
    margin: 0;
  }

  .region-primary-menu,
  .menu-base-theme li a{
    background: none;
  }

  .menu-base-theme a{
    border: 0;
  }

  .menu-base-theme > li{
    border: 0;
  }

  .menu-base-theme a span.sub-arrow {
    padding: 0;
    top: 23px;
    margin-top: 0;
    bottom: 2px;
    right: 5px;
    margin-left: -5px;
    left: auto;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #fff transparent transparent transparent;
    background: transparent;
  }

  .menu-base-theme ul {
    border: 1px solid #a8a8a8;
    padding: 0;
    background-color: #fff;
    background: rgba(255, 255, 255, 0.74);
  }

  .menu-base-theme ul.has-submenu li {
    border-bottom: 1px solid #fff;
  }

  .welcome-banner-text h2{
    font-size: 50px;
  }

  .welcome-banner-text{
    font-size: 14px;
  }

  .bottom-widgets{
    text-align: left;
    padding: 50px 0;
  }
 .footerwidget-banner {
    padding: 160px 0;
    background: url(../images/welcome_banner_bg.jpg);
    background-position: center;
    background-size: cover;
  }
  .footerwidget{
    padding: 40px 0;
  }

  .credit-link{
    text-align: right;
  }

  .social-media{
    float: right;
  }

  .social-media a{
    margin: 0 0 0 20px;
    display: unset;
  }
.koncert .btn {
    float: right;
}
button.navbar-toggle-soc {display: none;}
  /*comment*/

  .comment-wrap .author-details{ width: 10%; }

  .comment-wrap .author-comments{ width: 90%;}
}

@media (max-width: 768px) {
  .slider-caption{
    display: inline-block;
    left: 10%;
    width: 140vh;
  }

}

@media only screen and (max-width: 600px) {
.top-header {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

  .navbar-header.col-md-3.col-sm-12 {
    display: flex;
    flex: 50%;
    justify-content: center;
}
.top-header .col-md-9.col-sm-12 {
    flex: 10%;
}
.social-media.top {
    /* display: none; */
}
#wrap-contact {
    padding: 0px;
}
  #wrap-music
 {
    margin-top: 20px;
}
button.navbar-toggle-soc:before {
    content: "\f1e0";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #f35d63;
    font-size: 2em;
}

button.navbar-toggle-soc {
    background: no-repeat;
    border: none;
    z-index: 999;
    position: relative;
    margin-right: 15px;
    float: right;
}

.region-primary-menu-soc.social-media.top {
    background: #ffffffed;
    position: fixed;
    width: 100%;
    right: 0;
    left: -100%;
    top: 0;
    bottom: 0;
    z-index: 99;
    margin: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.region-primary-menu-soc.social-media.top.expand {
    left: 0px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}
  .buttons {
    float: right;
    position: relative;
    flex: 20%;
}

.region.region-top-info {
    display: none;
}
  .social-media a {
    margin: 15px;
    font-size: 2em;
}
  .videos {
    margin: 15px;
}

.koncert.row {
    text-align: center;
    display: block;
}
  .node__content .field.field--name-field-image {
    float: right;
    margin-left: 0px;
}
  .slider-caption {width: unset;left: 3%;right: 3%;bottom: 20px;}
  .slider-caption .slider-title {font-size: 1.8em;margin: 0;}
  .flex-control-paging li a {
    border-radius: 0;
    width: 20px;
}
  .flex-control-nav {
    bottom: 20px;
}
}