.dtdr-social-logins-container{
    display: inline-flex;
    width: calc(100% + 20px);
    margin: 0 -10px;
    flex-wrap: wrap;
    justify-content: center;
}
.dtdr-social-logins-container a[class*="-connect"] {
    color: var(--wdtAccentTxtColor);
    padding: var(--wdtPadding_Btn);
    font-size: var(--wdtFontSize_Ext);
    font-weight: var(--wdtFontWeight_Ext);
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    border-radius: var(--wdtRadius_3X);
}

.dtdr-social-logins-container a[class*="-connect"] i {
    margin-right: 10px;
    font-size: 20px;
}

.dtdr-social-facebook-connect {
    background-color: #337ab7;
    border-color: #2e6da4;
    left: 0;
}

.dtdr-social-facebook-connect:hover {
    background-color: #286090;
    border-color: #204d74;
}

.dtdr-social-google-connect {
    background-color: #d9534f;
    border-color: #d43f3a;
    right: 0;
}

.dtdr-social-google-connect:hover {
    background-color: #c9302c;
    border-color: #ac2925;
}


/*----*****---- << Mobile (Landscape) >> ----*****----*/


/* Note: Design for a width of 1024px */

@media only screen and (max-width: 1024px) {
    .dtdr-social-logins-container a[class*="-connect"] {
        font-size: 0;
    }
    .dtdr-social-logins-container a[class*="-connect"] i {
        margin-right: 0;
    }
}