/* xsm-sm */
@media screen and (min-width: 0) and (max-width: 767px) {
    #login,
    .container .main-content {
        background-color: white !important;
        -o-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

        #login .main,
        .container .main-content {
            box-shadow: none;
        }

        #login section {
            margin: 0 !important;
            padding: 0 !important;
        }

    .container {
        max-width: none !important;
    }

    #Language {
        float: right;
        height: 100%;
    }

    .row {
        display: flex;
        flex-direction: column;
    }

        .row .password_placeholder {
            display: flex;
            flex-direction: row;
        }

            .row .password_placeholder .label {
                margin: 0 !important;
            }

            .row .password_placeholder .label_password {
            }

            .row .password_placeholder .label_forgot-password {
                text-align: right;
                -webkit-flex: 1;
                -ms-flex: 1;
                -o-flex: 1;
                flex: 1;
                font-weight: normal !important;
            }

    .container .main-content {
        padding: 0 15px;
    }


        .container .main-content .name-placeholder,
        .container .main-content .company-placeholder {
            display: flex;
            flex-direction: column;
        }

            .container .main-content .name-placeholder :first-child,
            .container .main-content .company-placeholder :first-child {
                margin-right: inherit;
            }

            .container .main-content .name-placeholder .row,
            .container .main-content .company-placeholder .row {
                flex: inherit;
            }

    .dropdown .language-element {
        font-family: "Source Sans Pro",Arial,sans-serif;
        font-style: normal;
        font-size: 16px;
    }

    .language-list {
        max-width: 80%;
        margin-left: 20% !important;
    }

    #selected-language {
        max-width: 4em;
        display: inline-block;
        text-align: justify;
    }
}