@media (max-width: 1199px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 850px) {

}

@media (max-width: 719px) {
    .sociallogin-field{
        width: 98% !important;
    }
    .sociallogin-field input{
        width: 99% !important;
    }
    .sociallogin-input-box{
        width: 100% !important;
    }
    .sociallogin-field.email input{
        width: 99% !important;
    }
    #magegiant-sociallogin-form-create .form-list .email input{
        width: 96%;
    }
    #magegiant-forgot-back{
        float: left;
        width: 100%;
        margin:10px 0 0 0;
    }

    #magegiant-sociallogin-form-create .form-list .sociallogin-field{
        width: 100% !important;
    }
    .sociallogin-field .input-text{
        width: 100% !important;
    }
    #magegiant-forgot-password{
        float: left;
        width: 100%;
        margin:10px 0 0 0;
    }
    #magegiant-sociallogin-form-create .magegiant-create-popup-button{
        width: 100%;
    }
    .magegiant-create-popup-button{
        display: inline-block;
        width: 100%;
    }
    #magegiant-sociallogin-popup .input-box{
        width: 100% !important;
    }
}

@media (max-width: 718px) and (min-width: 640px) {

}

@media (max-width: 560px){
    .social-button-wapper ul li{
        width: 100%;
        padding: 15px 0;
    }
    .social-button-container button.btn-social-login{
        width: 96%;
    }
}