* {
    list-style: none;
}
/* defining the menu container here */

.MobileMenu {
    display: none;
}

.HeaderMenu {
    display: block;
    font: 400 1.1em/1.4 'Open Sans';
    text-align: center;
}

    .HeaderMenu ul.level1 {
        float: left;
        margin-left: 10em;
    }

        .HeaderMenu ul.level1 > li {
            float: left;
        }

        .HeaderMenu ul.level1 a.level1 {
            color: rgb(0,0,255);
            text-decoration: none;
            font-size: 15px;
            font-family: 'Open Sans';
            line-height: 26px;
            border: none;
            display: block;
            position: relative;
            padding: 12px 0 12px 27px;
            font-weight: 400;
        }


            .HeaderMenu ul.level1 a.level1:hover {
                color: rgb(130, 181, 65);
            }

@media screen and (max-width:1800px) {
    .MobileMenu {
        display: none;
    }

    .HeaderMenu {
        display: block;
        font: 400 1.1em/1.4 'Open Sans';
        text-align: center;
    }

        .HeaderMenu ul.level1 {
            float: left;
            margin-left: 1em;
        }

            .HeaderMenu ul.level1 > li {
                float: left;
            }

            .HeaderMenu ul.level1 a.level1 {
                color: rgb(0,0,255);
                text-decoration: none;
                font-size: 15px;
                font-family: 'Open Sans';
                line-height: 26px;
                border: none;
                display: block;
                position: relative;
                padding: 12px 0 20px 50px;
            }


                .HeaderMenu ul.level1 a.level1:hover {
                    color: rgb(130, 181, 65);
                }
}

@media screen and (max-width:1189px) {
    .MobileMenu {
        display: none;
    }

    .HeaderMenu {
        display: block;
        font: 400 1.1em/1.4 'Open Sans';
        text-align: center;
    }

        .HeaderMenu ul.level1 {
            float: left;
            margin-left: 1em;
        }

            .HeaderMenu ul.level1 > li {
                float: left;
            }

            .HeaderMenu ul.level1 a.level1 {
                color: rgb(0,0,255);
                text-decoration: none;
                font-size: 15px;
                font-family: 'Open Sans';
                line-height: 26px;
                border: none;
                display: block;
                position: relative;
                padding: 12px 12px 18px 0;
            }

                .HeaderMenu ul.level1 a.level1:hover {
                    color: rgb(130, 181, 65);
                }

    @media screen and (max-width:767px) {
        .MobileMenu {
            display: none;
        }

            .MobileMenu ul.level1 {
                display: inline-grid;
                margin-left: 1.5em;
                position: relative;
                height: 14px;
            }

                .MobileMenu ul.level1 > li {
                    display: inline-grid;
                    height: 14px;
                }

                .MobileMenu ul.level1 a.level1 {
                    color: rgb(0,0,255);
                    text-decoration: none;
                    font-size: small;
                    font-family: 'Open Sans';
                    display: inline-grid;
                    height: 14px;
                /*padding: 12px 12px 18px 0;*/
                }

                    .MobileMenu ul.level1 a.level1:hover {
                        color: rgb(130, 181, 65);
                    }

        /* --- vertical menu --- */
        .HeaderMenu {
            display: none;
        }

    }

    @media screen and (max-device-width: 480px) {
        .MobileMenu {
            display: none;
        }

            .MobileMenu ul.level1 {
                display: inline-grid;
                /*margin-right: -1.5em;*/
                position: relative;
                height: 14px;
            }

                .MobileMenu ul.level1 > li {
                    display: inline-grid;
                    height: 14px;
                }

                .MobileMenu ul.level1 a.level1 {
                    color: rgb(0,0,255);
                    text-decoration: none;
                    font-size: small;
                    font-family: 'Open Sans';
                    display: inline-grid;
                    height: 14px;
                /*padding: 12px 12px 18px 0;*/
                }

                    .MobileMenu ul.level1 a.level1:hover {
                        color: rgb(130, 181, 65);
                    }

        /* --- vertical menu --- */
        .HeaderMenu {
            display: none;
        }
    }