@media only screen and (max-width: 1400px) { /* ------------------------ */
/* start */

.social-link {
    margin-top: 10px;
}

/* end 1600 */ }

@media only screen and (max-width: 1400px) { /* ------------------------ */
/* start */


/* end 1400 */ }

@media only screen and (max-width: 1370px) { /* ------------------------ */
/* start */

body {
    font-size: 15px;
}

.banner-content .inner h1 {
    font-size: 52px;
}

.teaser-content .teaser {
    min-height: 400px;
}

/* end 1370 */ }

@media only screen and (max-width: 1200px) { /* xl --------------------- */
/* start */


/* end 1200 */ }

@media only screen and (max-width: 1100px) { /* ------------------------ */
/* start */

.heading-content .element-graph-01 {
    width: 50%;
}

/* end 1100 */ }

@media only screen and (max-width: 1024px) { /* ------------------------ */
/* start */

.banner-content .inner h1,
h1, h2 {
    font-size: 38px;
}

.teaser-content .teaser .inner-text {
    font-size: 15px;
}

.teaser-content .teaser .inner-title .title h3,
h3 {
    font-size: 24px;
}


/* end 1024 */ }

@media only screen and (max-width: 992px) { /* lg ---------------------- */
/* start */

table.table_two_columns td {
    display: block;
    width: 100% !important;
    padding: inherit !important;
}

table.table_two_columns td:first-child {
    margin-bottom: 15px;
}

.main-content .content {
    border-left: 0;
}


/* end 992 */ }

@media only screen and (max-width: 991px) { /* ------------------------- */
/* start */

.teaser-content .teaser {
    min-height: 360px;
}

.heading-content .element-graph-01 {
    width: 70%;
}

/* end 991 */ }

@media only screen and (max-width: 767px) { /* md ---------------------- */
/* start */

header.fixed {
    padding: 0;
}

/* end 767 */ }

@media only screen and (max-width: 680px) { /* ------------------------- */
/* start */


/* end 680 */ }

@media only screen and (max-width: 576px) { /* sm ---------------------- */
/* start */

.banner-content .inner h1, h1, h2 {
    font-size: 28px;
}

.link-bloc {
    right: 25px;
}

.active-banner .link-bloc {
    top: 25px;
}

.heading-content a.bt-enter {
    right: 25px;
}

.active-banner .heading-content a.bt-enter {
    bottom: 25px;
}

.heading-content .element-graph-01 {
    width: 100%;
    bottom: -10vh;
    right: -25%;
}

header .logo-content {
    min-width: 200px;
}

/* end 576 */ }

@media only screen and (max-width: 480px) { /* ------------------------- */
/* start */


/* end 480 */ }

@media only screen and (max-width: 320px) { /* ------------------------- */
/* start */


/* end 320 */ }