@media screen and (max-width: 1300px){
        .block-border {
            width: 100%;
            position: relative;
            left: 50%;
        }
    }
    

    @media screen and (max-width: 1000px){
        .block-border {
            width: 70%;
            margin: auto;
            top: 15px !important;
            position: relative;
            left:0px !important;
        }
        #container{
            text-align: center;
            
        }
        .sticker{
            
            margin-top: auto !important;
            width: 50% !important;
            
        }
        
    }
    


@media screen and (max-width: 800px){
    #login-box,#login-box img {
        width: 100%;
    }
    #login-box img {
        margin: auto;
        margin: 0px !important;
        width: 100% !important;
    }
    #login-box {
        margin-top: 0px;
    }
    .sticker{
            margin: 20px !important;
            width: 50% !important;
    }
    .block-border {
        width: 70%;
        margin: auto;
        top: 15px !important;
        position: relative;
        left:0px !important;
    }
    #container{
        text-align: center;

    }
}


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

    #login-box,#login-box img {
        width: 100% ;
    }
    #login-box img {
        margin: auto;
        margin: 0px !important;
    }
    #login-box {
        margin-top: 0px;

    }
    #container{
        text-align: center !important;

    }   
    .block-border {
        width: 80%;
        margin: auto;
        top: 15px !important;
        position: relative;
        margin-bottom: 20px;
        left:0px !important;
    }
    .sticker{
            width: 100% !important;
            margin: auto !important;
    }
}