@media screen and (max-width: 1200px) {
    .cope-core-navigation {
        height: 60px !important;
    }

    .cope-core-navigation-top-link.is-children {
        list-style: disc;
        margin-left: 35px !important;
        color: #FFFFFF !important;
    }

    .cope-core-navigation .cope-core-navigation-top .cope-core-navigation-top-container .cope-core-navigation-top-links-container {
        top: 45px !important;
        height: auto !important;
    }

    .cope-core-navigation-top-section:first-child {
        padding: 10px 0;
    }

    .cope-core-navigation-top-links-container {
        border: none !important;
        background: #21405C !important;
        padding: 25px 15px !important;
        overflow-y: auto !important;
        max-height: calc(100vh - 60px - 27vh) !important;
    }

    .cope-core-navigation-top-section-text.has-children {
        width: auto;
        margin: 0;
        position: initial !important;
        color: #FFFFFF !important;
        font-family: Chivo-Regular, Arial-Regular, Apis-Regular !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 14px !important;
        line-height: 16px !important;
        letter-spacing: 2px !important;
        text-transform: uppercase !important;

        &:after {
            top: 30px !important;
            border-bottom: 2px solid #FFFFFF !important;
            border-right: 2px solid #FFFFFF !important;
        }
    }

    .cope-core-navigation-top-section-links,
    .cope-core-navigation-top-section-links li {
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;

        a {
            margin: 0 !important;
            padding: 0 !important;
            color: #FFFFFF !important;
            font-family: Chivo-Regular, Arial-Regular, Apis-Regular !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: 14px !important;
            line-height: 18px !important;
            letter-spacing: 0 !important;
        }
    }

    .cope-core-navigation-top-section-links li {
        padding-bottom: 10px !important;
    }

    .cope-core-navigation-top.cope-core-navigation-top-open .cope-core-navigation-top-container .cope-core-navigation-top-links-container .cope-core-navigation-top-items .cope-core-navigation-top-mobile-only.cope-core-navigation-global-mobile:before {
        display: none !important;
    }

    .cope-core-navigation-top-section {
        padding: 25px 0;
        border-bottom: 1px solid;
        border-bottom-color: #64798D !important;
    }

    .cope-core-navigation-top-mobile-only.cope-core-navigation-global-mobile {
        padding: 50px 0 10px 0 !important;

        a {
            color: #FFFFFF !important;
            font-family: Chivo-Regular, Arial-Regular, Apis-Regular !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: 12px !important;
            line-height: 100% !important;
            letter-spacing: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }

    .cope-core-navigation-top-section:last-child {
        border-bottom: none !important;
    }

    .cope-core-navigation .cope-core-navigation-top .cope-core-navigation-top-container .cope-core-navigation-top-links-container .cope-core-navigation-top-items .cope-core-navigation-top-sections .cope-core-navigation-top-section.open ul.cope-core-navigation-top-section-links {
        padding: 15px 0 !important;
        margin-top: 15px !important;
        padding-right: 35px !important;
    }

    .cope-core-mobile-condition-text {
        color: #64798D !important;
        font-family: Chivo-Regular, Arial-Regular, Apis-Regular !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 10px !important;
        line-height: 12px !important;
        letter-spacing: 0 !important;
        vertical-align: bottom !important;
        text-transform: uppercase !important;
    }

    .cope-core-navigation-top-section:first-child {
        .cope-core-navigation-top-section-title {
            display: none;
        }

        .cope-core-navigation-top-section-links {
            max-height: 100% !important;
            border-top: none !important;
        }
    }

    .cope-core-navigation-top-link:not(:first-child) {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .cope-core-navigation-top-mobile-toggle {
        width: 34px !important;
        height: 16px !important;
        color: #21405C !important;

        &::after,
        &::before {
            width: 34px !important;
            background: #21405C !important;
        }
    }

    .cope-core-navigation-top-section-active-wrapper .cope-core-navigation-top-section-text {
        padding-top: 5px !important;
        border-top: 2px solid #FFFFFF;
    }

    .cope-core-navigation-top-link-active {
        text-decoration: underline !important;
        border-left: none !important;
        font-weight: 400 !important;
    }

    .cope-core-navigation .cope-core-navigation-top .cope-core-navigation-top-container .cope-core-navigation-top-links-container .cope-core-navigation-top-items .cope-core-navigation-top-sections .cope-core-navigation-top-section.open:has(.no-click) ul.cope-core-navigation-top-section-links {
        margin: 0 !important;
        padding: 0 !important;
    }

    .cope-core-navigation-top-section:has(.cope-core-navigation-top-section-active.no-click) .cope-core-navigation-top-section-links a {
        border-top: 2px solid #FFFFFF !important;
        display: inline-block !important;
        border-left: none !important;
        padding-top: 3px !important;
    }

	.cope-core-navigation-top-container .cope-core-navigation-top-section-text.has-children {
    	padding-top: 3px !important;
	}
}

@media screen and (min-width: 1201px) {
    .cope-core-navigation {
        .cope-core-navigation-top-section-title>a {
            color: #21405C !important;
            font-family: Chivo-Regular, Arial-Regular, Apis-Regular !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: 14px !important;
            line-height: 16px !important;
            letter-spacing: 2px !important;
            text-transform: uppercase !important;
        }

        .cope-core-navigation-top-section:first-of-type .cope-core-navigation-top-section-title>a {
            color: #64798D !important;
        }

        .cope-core-navigation-top-link {
            color: #FFFFFF !important;
        }

        .cope-core-navigation-top-link>a {
            color: #FFFFFF !important;
            font-family: Chivo-Regular, Arial-Regular, Apis-Regular !important;
            font-weight: 400 !important;
            font-style: normal !important;
            font-size: 14px !important;
            line-height: 18px !important;
            letter-spacing: 0 !important;
        }

        .cope-core-navigation-top-section-links {
            transition: opacity 300ms ease-in-out,
                display 300ms ease-in-out,
                height 300ms ease-in-out,
                padding 300ms ease-in-out,
                margin 300ms ease-in-out;
        }

        .cope-core-navigation-top-links-container {
            .cope-core-navigation-top-sections {
                transition: background-color 300ms ease-in-out;
            }
        }

        .cope-core-navigation-top-links-container:has(.cope-core-navigation-top-section:hover),
        .cope-core-navigation-top-links-container:has(.cope-core-navigation-top-section:focus-within) {
            .cope-core-navigation-top-sections {
                background: #21405C !important;
                border-radius: 4px;
                box-shadow: 0px 7px 22px 0px #00000040;
                backdrop-filter: blur(80px);
            }

            .cope-core-navigation-top-section-title>a {
                color: #FFFFFF !important;
            }
        }
    }

    .cope-core-navigation-top-sections a {
        display: inline-block !important;
    }

    .cope-core-navigation-top-sections:hover,
    .cope-core-navigation-top-section:hover,
    .cope-core-navigation-top-section-title:hover,
    .cope-core-navigation-top-section-title a:hover {
        cursor: default !important;
    }

    .cope-core-navigation-top-section {
        max-width: 275px;
        height: -webkit-fill-available !important;
    }

    .cope-core-navigation-top-link a {
        white-space: normal !important;
    }

    .cope-core-navigation-top-section-text.has-children {
        padding: 0 !important;
        padding-top: 2px !important;
    }

    .cope-core-navigation-top-section-active-wrapper .cope-core-navigation-top-section-active:not(.no-click) .cope-core-navigation-top-section-text {
        border-top: 4px solid #21405C;
    }

    .cope-core-navigation-top-links-container:has(.cope-core-navigation-top-section:hover),
    .cope-core-navigation-top-links-container:has(.cope-core-navigation-top-section:focus-within) {
        .cope-core-navigation-top-section-active-wrapper .cope-core-navigation-top-section-active:not(.no-click) .cope-core-navigation-top-section-text {
            border-top: 2px solid #FFFFFF;
        }

        .cope-core-navigation-top-link-active {
            text-decoration: underline !important;
        }
    }

    .cope-core-navigation-top-section:has(.cope-core-navigation-top-section-active.no-click) .cope-core-navigation-top-section-links a {
        text-decoration: underline !important;
    }
}