@media screen and (max-height: 980px) {

    .title-container {
        margin-top: 0;
    }

    .title-container__row {
        min-height: inherit;
    }

    .title-container__row h1 {
        font-size: 24px;
        margin: 0;
    }

    .feature__item {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .nav-primary {
        padding-right: 90px;
    }

    .nav-secondary {
        opacity: 0;
        visibility: hidden
    }

    .nav-is-open .nav-secondary {
        opacity: 1;
        right: 200px;
        top: 50px;
        visibility: visible
    }

    .nav-language {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .nav-email img {
        width: 30px;
    }
}


@media screen and (max-width: 1680px) {
    .nav-primary {
        padding-right: 90px;
    }

    .nav-secondary {
        opacity: 0;
        visibility: hidden
    }

    .nav-is-open .nav-secondary {
        opacity: 1;
        right: 200px;
        top: 50px;
        visibility: visible
    }

    .nav-language {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .nav-email img {
        width: 30px;
    }

    .pic-map .accordion-headline {
        transform: none;
    }

    .cms_document .file.pdf, .CCSS332 a {
        background-size: 20px;
        background-position-y: 2px;
        padding-left: 30px;
    }
}

@media screen and (max-width: 1480px) {
    :root {
        --bs-gutter-x: 40px;
    }

    body {
        font-size: 22px;
    }

    h1,
    h2,
    h3,
    .CCSS328 h4 {
        font-size: 30px;
    }

    .page-container,
    .page-title,
    .page-footer {
        padding-left: 40px;
        padding-right: 40px;
    }

    .page-title {
        margin-bottom: 40px;
    }

    .title-container {
        margin-top: 0;
    }

    .nav-primary {
        padding: 110px 40px 40px 40px
    }

    .nav-main {
        font-size: 22px;
    }

    .nav-main>li {
        margin: 0 0 15px;
    }

    .nav-is-open .nav-secondary {
        right: 160px;
    }

    .hamburger.is-active {
        right: 40px;
    }

    .feature__item {
        font-size: 14px;
        overflow: hidden;
        padding-bottom: 30px;
    }

    .feature-item__link::after {
        display: inline-block;
        position: relative;
        width: 10px;
    }

    .list-unordered li:before {
        height: 14px;
        margin-top: 5px;
        width: 14px;
    }

    .btn-more__xl {
        font-size: 30px;
        padding-left: 35px;
    }

    .btn-more__xl::before {
        height: 25px;
        width: 25px;
        margin-top: -12px;
    }

    .pic-responsive img {
        margin: 0 0 30px;
    }
}

@media screen and (max-width: 1200px) {
    body {
        font-size: 18px;
    }

    .nav-language li,
    .nav-email a {
        margin-left: 5px;
        padding: 0 0 0 26px;
    }

    .nav-language li.active::after,
    .nav-email a::after {
        width: 18px;
    }

    .nav-email img {
        width: 28px;
    }

    .feature__item {
        font-size: 12px;
        padding-bottom: 20px;
    }

    .feature-item__pic img {
        height: 70px
    }

    .list-unordered li:before {
        margin-top: 3px;
    }
}

@media screen and (max-width: 992px) {
    :root {
        --bs-gutter-x: 30px;
    }

    body {
        font-size: 16px;
    }

    h1,
    h2,
    .CCSS328 h4 {
        font-size: 26px;
    }

    h3 {
        font-size: 24px;
    }

    .page-header {
        height: 120px;
    }

    .header-logo {
        width: 220px;
    }

    .title-container {
        float: none;
        margin-top: 50px;
        width: auto;
    }

    .nav-main,
    .form-search+.nav-main {
        font-size: 18px;
    }

    .nav-primary {
        padding-right: 30px;
    }

    .nav-is-open .nav-secondary {
        right: 120px;
        top: 28px;
    }

    .is-open .btn-more::before {
        height: 26px;
        top: 5px;
        width: 26px;
    }

    .nav-tertiary li:before {
        width: 16px;
    }

    .pic-map ul {
        margin-bottom: 20px;
        padding-left: 40px;
    }

    .pic-map .accordion-headline {
        transform: none;
    }

    .ico-map-pin::before,
    .ico-map-pin2::before,
    .ico-map-pin3::before {
        transform: translate(-35px, -8px);
        width: 26px;
    }

    .btn-more__xl {
        font-size: 20px;
        padding-left: 30px;
    }

    .nav-footer {
        font-size: 13px;
        padding-bottom: 40px;
    }

    .nav-footer li {
        margin-bottom: 15px;
    }

    .hamburger {
        top: 30px;
    }

    .hamburger-box {
        height: 30px;
        width: 50px
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 50px;
    }

    .hamburger-inner::before {
        top: 15px;
    }

    .hamburger-inner::after {
        content: "";
        top: 30px;
    }

    .hamburger.is-active .hamburger-inner {
        transform: translate3d(0, 15px, 0) rotate(30deg);
    }

    .hamburger.is-active .hamburger-inner::after {
        transform: translate3d(0, -30px, 0) rotate(-60deg);
    }

    .btn-more__xl::before {
        height: 20px;
        width: 20px;
        margin-top: -10px;
    }

    .title-container__row {
        min-height: inherit;
        padding: 10px 0;
    }

    .title-container__row:last-child {
        padding-bottom: 25px;
    }

    .btn-bottom {
        display: none;
    }

    .logos-white-top {
        justify-content: center;
    }

    .logo-responsive {
        margin: 5px;
    }

    .title-container {
        width: 100%;
        margin-top: 10px;
    }

    .title-container h1 {
        margin: 0;
        font-size: 14px;
    }

    .responsive_video {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 200px;
    }

    .page-title {
        height: auto;
    }

    .flex-container {
        min-height: 20vh;
    }

}

@media screen and (max-width: 767px) {
    body {
        font-size: 15px;
    }

    h1,
    h2,
    h3,
    .CCSS328 h4 {
        font-size: 24px;
    }

    .page-container,
    .page-title,
    .page-footer {
        padding-left: 25px;
        padding-right: 25px;
    }

    .page-header {
        height: 100px;
    }

    .header-logo {
        width: 170px;
    }

    .title-container {
        margin-top: 0;
    }

    .nav-primary {
        padding: 100px 25px 40px 40px;
        width: 100%
    }

    .nav-is-open .nav-secondary {
        left: 0;
        right: 100px;
        top: 20px;
    }

    .hamburger {
        top: 20px;
    }

    .hamburger.is-active {
        right: 25px;
    }

    .feature__item {
        font-size: 11px;
        padding-bottom: 5px;
        width: 33.3%
    }

    .feature-item__pic {
        min-height: 70px;
    }

    .feature-item__pic img {
        height: 50px
    }

    .list-unordered li:before {
        margin-top: 2px;
    }

    .page-footer {
        padding-bottom: 25px;
    }

    .footer-logo {
        width: 150px;
    }

    .nav-footer {
        font-size: inherit;
        padding-bottom: 0;
    }

    .nav-footer ul {
        margin-bottom: 25px;
    }

    .nav-footer li {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 400px) {

    h1,
    h2,
    h3,
    .CCSS328 h4 {
        font-size: 22px;
    }

    .nav-primary {
        padding-top: 135px;
    }

    .nav-is-open .nav-secondary {
        right: 30px;
        top: 75px;
    }

    .nav-language {
        font-size: 16px;
    }

    /*.nav-email {
        left: 30px;
        position: fixed;
        top: 40px;
    }*/
    .nav-email img {
        width: 24px;
    }

    .title-container h1,
    .title-container h2 {
        margin-bottom: 0;
    }

    .title-container__row {
        padding: 15px 0
    }

    .feature-item__pic {
        min-height: 50px;
    }

    .feature-item__pic img {
        height: 40px
    }

    .form-search__input {
        height: 50px
    }
}