@media (min-width: 1200px) {    
    .container {
        max-width: 1392px;
    }
}




@media (min-width: 768px) {
    .login-box {
        width: 535px;
    }
    /*.mob-bx-center{
        text-align: center;
        margin: 0 auto;
        width: auto;
    }*/
    .form-box .form-label {
        font-size: 14px;
        color: #1ca08c;
        text-align: left;
        display: block;
        /*margin-top: 20px;*/
    }
}


@media screen and (min-width: 992px) and (max-width: 1320px) { 
    .form-footer ul {
        display: flex;
        /*text-align: center;*/
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px) { 
}
@media screen and (min-width: 320px) and (max-width: 1200px) { 
    header {
        margin-bottom: 40px;
    }
    .login-box{
        position: relative;
    }
}
@media screen and (min-width: 992px) and (max-width: 1060px) { 
    .form-footer ul, .form-box ul {
        display: flex;
        /*text-align: center;*/
    }
}

@media screen and (min-width: 550px) and (max-width: 767px) {
    .login-box {
        width: 535px;
    }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .login-box p {
        font-size: 14px;
    }   
    .form-box {
        margin-top: -20px;
    }
    
    .login-box img {
        width: 130px;
    }
    .login-box{
        background-color: rgba(255, 255, 255, 0.6);; 
    }
    header {
        margin-bottom: 40px;
    }
    .btn-pos {
        position: relative;
        top: 30px;
        left: 0;
    } 
}
@media screen and (min-width: 320px) and (max-width: 575px) { 
    .form-footer ul{
        display: block;
        text-align: center;
    }
    .form-box ul {
        /*display: block;
        text-align: center;*/
    }
    .form-box {
        padding: 0 15px;
    }
}

@media (min-width: 481px) {
    .mob-ico{
        display: none;
    }
    .mob-t{
        display: none;
    }
}
@media screen and (min-width: 320px) and (max-width: 480px) { 
    .mob-bx-center {
        width: 100%;
    }
    .web-t{
        display: none;
    }
    a.btn-pos span {
        margin-right: -10px;
        position: relative;
        left: -20px;
        top: 0px;
    }
    .primary-btn-sml {
        background-color: transparent;
        box-shadow: none;
        border: transparent;
        display: flex;
        color: #1ca08c;
        font-size: 13px;
        font-weight: 500;
        padding: 0 0 0 25px;
    }
    .web-ico{
        display: none;
    }
    .mob-ico{
        display: block;
    }
    .form-group label:before {
        border-radius: 100px; 
    }
    .login-box {
        padding: 20px 0px 30px 0px;
    }
}
@media screen and (min-width: 320px) and (max-width: 460px) { 
    .form-footer ul {
        padding: 0 30px;
    }
    .primary-btn {
        padding: 10px 20px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        display: block;
    }
}
@media screen and (min-width: 320px) and (max-width: 992px) {  
    .form-footer ul li:first-child:after {
        display: none;
    }
}






@media (max-width: 992px) {}
@media (min-width: 992px) {}
@media (max-width: 1400px) {}
@media (max-width: 1300px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}