@media screen and (max-width: 1111px) {
    .cms_column img {
        width: 100% !important;
        height: auto !important;
    }
}

@media screen and (max-width: 860px) { /* 860 */
    .header-logo {
        width: 180px;
    }
    .header-logo img {
        height: 25px;
        width: 100%;
    }
    .nav1 {
        font-size: 16px;
    }
    .video-title {
  height: auto;
}
}

@media screen and (max-width: 768px) {  /* 767 */
    .main-headline,
    h1,
    h2 {
        font-size: 20px;
    }
    .page-container {
        padding: 20px;
    }
    .page-wrap {
        padding: 70px 0 0;
    }
    .page-header {
        display: block;
        height: 70px;
        padding: 0 20px;
    }
    .header-logo {
        float: right;
        margin-top: 22px;
        width: 105px;
    }
    .hamburger {
        display: block
    }
    .intro-text {
        font-size: 16px;
    }
    .sub-headline {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .video-title,
    .page-slider .slide {
        height: 250px;
    }
    .nav-dots {
        display: none;
    }
    .nav1 {
        bottom: 0;
        display: none;
        font-size: 23px;
        height: auto;
        line-height: 1.2;
        margin: 0;
        max-height: 100%;
        overflow: auto;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 70px;
        width: 100%;
    }
    .nav1 ul {
        display: block;
    }
    .nav1 li {
        display: block;
        margin: 0
    }
    .nav1 a {
        display: block;
        line-height: normal;
        padding: 10px 20px;
    }
    .intro-list dl {
        display: block;
        margin-bottom: 1em;
    }
    .feature-item {
        margin-bottom: 30px;
    }
    .news-item {
        margin-bottom: 20px;
    }
    .list-rows dl {
        display: block;
    }
    .accordeon-headline {
        font-size: 21px;
        padding-left: 35px;
    }
    .accordeon-wrap {
        padding: 15px 0 15px 35px;
    }
    .accordeon-content {
        padding-right: 35px;
    }
    .page-footer {
        font-size: 16px;
        line-height: 1.3;
        text-align: left;
    }
    .footer-contacts li {
        display: block;
        font-size: 16px;
        padding: 0
    }
    .footer-soclinks a {
        padding: 0 20px 0 0;
    }
    .nav-footer li {
        display: block;
        padding: 0
    }
    .btn-close{
        font-size: 49px;
    }
    .reference-pic {
        margin-bottom: 1em;
        position: relative;
        height: auto;
        width: auto;
    }
    .reference-image {
        height: 0px;
        background: none !important;
    }
    .reference-pic img {
        visibility: visible;
        width: 100%;
        background: none;
    }
}

@media screen and (max-width: 647px) {
    iframe {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .details-page-content {
        padding-top: 30px;
    }
    .details-page-list dl {
        display: block;
    }
    .fullscreen-slider {
        padding-top: 100px;
    }
    .carousel-slider {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        z-index: 1010;
    }
    .carousel-slider .carousel-wrap {
        padding: 16px 35px;
        /*width: 320px;*/
        width: 100%;
    }
    .carousel-slider .slide img {
        height: 60px;
        width: 75px;
    }
    #carousel-slider{
        display: none;
    }
   .carousel-wrap{
        background: transparent !important;
    }
    .carousel-slider{
        background: transparent;
        bottom: 45vh;
    }
    .cycle-prev:before{
        color: white;
        text-shadow: 2px 2px black;
    }
    .cycle-next:before{
        color: white;
        text-shadow: -2px 2px black;
    }
    .video-title video {
    width: 100%;
    min-height: 274px;
}


}