@media screen and (max-width:1024px){
    header .logo {
        max-width: 100px;
    }


    header .website-name h1 {
        color: white;
        font-weight: bold;
        padding: 10px 0 0;
        padding-left: 35px;
        font-size: 23px;
    }



}

@media screen and (max-width:991px){
    header .logo {
        max-width: 100px;
    }

    header .website-name h1 {
        color: white;
        font-size: 18px;
        padding-left: 0;
    }
    
    .login-form {
        width: 50%;
        margin: auto;
        background: #fbfbfb;
        border-radius: 6px;
        box-shadow: 0 0 10px 0px #adadad;
    }


}


@media screen and (max-width:767px){
    .margin-bottom-xs-0{
        margin-bottom: 0 !important;
    }
    .margin-bottom-xs-10{
        margin-bottom: 10px !important;
    }
    .margin-bottom-xs-20{
        margin-bottom: 20px !important;
    }
    .margin-bottom-xs-25{
        margin-bottom: 25px !important;
    }
    .margin-bottom-xs-40{
        margin-bottom: 40px !important;
    }
    .margin-bottom-xs-30{
        margin-bottom: 30px !important;
    }

    header .logo {
        max-width: 90px;
        margin: 5px auto 0;
    }

    header .website-name h1 {
        color: white;
        font-weight: bold;
        padding: 10px 0 0;
        padding-left: 0;
        font-size: 18px;
    }

    footer .right-text, footer{
        text-align: center;
    }

    .tap-top{
        right: 15px;
    }

    .thankyou-page .content img {
        max-width: 80px;
        display: inline-block;
    }

    .thankyou-page .content h1 {
        font-size: 25px;
    }

    .thankyou-page .content h3 {
        font-size: 16px;
    }
    .thankyou-section {
        padding: 50px 0;
        text-transform: capitalize;
    }


    .login-form {
        width: 70%;
    }



    
}


@media screen and (max-width:580px)
{
    .login-form {
        width: 100%;
    }
}