/*==================================
    additionalMenu
==================================*/

.additional-menu {
    color: #585857;
}

    .additional-menu-contents {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: 30px;
        font-size: 0.75rem;
    }

    .additional-menu a {
        color: #585857;
    }

    .block-additionalMenu .login-modal-forgotten-pw {
        color: #585857 !important;
    }

        .additional-menu-left {

        }

           .additional-menu .contact-item {
                display: inline-block;
                padding: 5px 2px;
                margin-right: 5px;
            }

                .additional-menu .contact-item i {
                    margin-right: 5px;
                }

                .additional-menu .contact-item span {
                    
                }

        .additional-menu-right {

        }

            .additional-menu-link {
                margin: 0 0 0 15px;
            }

                .additional-menu-icon {
                    margin: 0 5px 0 0;
                }

                .additional-menu-link-mobile {
                    margin: 0 10px;
                    font-size: 1.3rem;
                }

            .menu-language img {
                vertical-align: baseline;
            }

        .login-modal-forgotten-pw {
            cursor: pointer;
        }

    #optionsModal .btn-dropdown {
        background: #fff;
        border: 1px solid #ced4da;
        width: 100%;
        text-align: left;
    }

    #optionsModal .btn-dropdown:after {
        float: right;
        margin-top: 0.5em;
    }

    #optionsModal .dropdown-menu.show {
        width: 100%;
        max-height:500px;
        overflow:auto;
    }


/*==== End of additionalMenu ====*/


/*==================================
    Responsive
==================================*/

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

    .additional-menu-contents {
        display: block;
        width: 100%;
        height: auto;
        padding: 5px 0;
        text-align: center;
    }

    .additional-menu-link {
        margin: auto 10px;
    }

    .additional-menu-dropdown {
        display: block;
    }

}

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

    .additional-menu-link {
        display: block;
        width: 100%;
        margin: auto auto 15px auto;
    }

}

/*==== End of Responsive ====*/