@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .bg_layer {
        top: -150px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .bg_layer {
        top: 0;
    }

    div.main {
        width: 360px;
    }

}

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

    .adminbody {
        background-image: url('../images/mobile_bg.png');
        background-repeat: no-repeat;
        background-size: contain;

    }

    .context .inc_text {
        font-size: 28px;

    }

    .context h4 {
        font-size: 22px;
        line-height: 28px;
    }

    .signbtn1 {
        height: 52px;
        width: 14rem;
    }

    .container1 {
        display: none;
    }

    div.register {
        border: none;
        padding: 0;
    }

    .register.py-2 {
        padding: 0 !important;
    }

    .main-wrapper.py-3 {
        padding: 0 !important;
    }

    div.main {
        width: 100%;
    }

    .pd_0 {
        padding: 0 !important;
    }

    .main-wrapper.py-3 .container {
        padding: 0;
    }

    .social_btn {
        width: 100%;
    }
}