@media only screen and (max-width:1600px) {
    .box-app-right {
        width: 78%;
    }
    .box-profile-left{
        width: 20%;
    }
}
@media only screen and (max-width:1470px) {
    .app-text{
        padding:5em 10em;
    }
    .input-boxes .input-data,.input-data,.upload-data{
        width:70%;
    }
}
@media only screen and (max-width:1280px) {
    .box-app-right {
        width: 72%;
    }
    .box-profile-left{
        width: 26%;
    }
    .input-boxes .input-data,.input-data{
        width: 100%;
    }
    .upload-data{
        width: 95%;
    }
    .authority-add .box-data h4{
        font-size: 1.1em;
    }
    .box-content-main .box-profile .box-profile-right.box-app-right .box-data.box-quesrtions .buttons {
        position: static;
    }
    .box-content-main .box-profile .box-profile-right.box-app-right .box-data.box-quesrtions .buttons .green-btn input[type="submit"]{
        margin-right:0;
    }
}
@media only screen and (max-width:1200px) {
    .app-text {
        padding: 3em 3em;
    }
    .flex-data{
        display: block;
    }
}


@media only screen and (max-width:1024px) {
    .application-table{
        overflow: auto;
    }
    .app-table,.top-header{
        min-width: 55em;
    }
    .app-table{
        margin: 0 1em;
    }
    .location-box{
        display: block;
        height: auto;
    }
    .location-left,.location-right{
        width:100%
    }
    .location-left{
        margin-bottom: 1.5em;
    }
}

@media only screen and (max-width:1000px) {
    .app-text{
        display: block;
    }
    .app-text-left,.app-text-right{
        width: 100%;
    }
    .app-text-right{
        padding-top: 1em;
    }

    .sidemenu-data {
        padding: 1.188em 0 0 1.188em;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9; 
    }
    .sidemenu-data img {
        display: block;
    }
    .left-part {
        max-width: 34.125em;
        transform: translate(-35.125em,0);
        display: block !important;
    }
    .login-left-deta.open {
        max-width: 17.125em;
        width: 100%;
    }
    .left-part.open{
        transform: translate(0,0);
    }
    #myPage{
        padding-left: 0;
        margin-left: 0;
    }
    .header-white{
        padding:1em 1.188em;
    }
    .close-data {
        display: block;
    }
    .login-right-part {
        width: 100%;
    }
    .common-box .main-flex{
        position: static;
    }
    .left-part img{
        width: auto;
    }
    .login-right-part{
        padding:1em;
    }
    .box-profile {
        display: block;
        justify-content: space-between;
    }
    .box-profile-left ,.box-app-right{
        width: 100%;
    }
    .box-profile-left {
        margin-bottom: 2em;
    }
    
}

@media only screen and (max-width:767px) {
    .banner:before{
        background-position: top;
    }
    .container{
        margin: 0 auto;
        padding: 0 1.125em;
        max-width: 100%;
        width: 100%;
    }
    .card-details{
        padding:1.2em 1em;
        font-size: 0.925em
    }
    .form-group {
        margin: 0 0 1em 0;
    }
    .app-text {
        padding: 3em 1.5em;
    }
    .location-img img {
        width: 10em;
    }
    .location-img{
        text-align: center;
    }
    .location-left, .location-right{
        display: block;
    }
    .buttons{
        position: static;
    }
    #documents_dropzone {
        justify-content: center;
     }
}

@media only screen and (max-width:640px) {
    .common-box.profile-page .main-flex .login-right-part .top-header{
        display: flex;
        flex-direction: column;
    }
    .common-box.profile-page .main-flex .login-right-part .top-header .company-info{
        margin-bottom: 0.5em;
    }
    .common-box.profile-page .main-flex .login-right-part .top-header a{
        margin-bottom: 1.5em;
    }
}

@media only screen and (max-width:480px) {
    .file-upload-wrapper:before{
        bottom: -3em;
        top: inherit;
        text-align: center;
        width: 100%;
    }
    .file-upload-wrapper:after{
        width: 100%;
    }
    .checkbox-inline, .radio-inline{
        margin-right: 0.5em;
    }
    .checkbox-values, .radio-values{
        flex-wrap: wrap;
    }
    .input-data input, .input-data textarea{
        width: 100%;
    }
    .bottom-btn-admin{
        display: block;
    }

}

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

    .buttons{
        display: block;
        width: 100%;
    }
    .gray-btn a{
        margin: 0 0 1em 0;
    }
    .gray-btn a,.green-btn{
        text-align: center;
        display: block;
    }
    .green-btn input[type="submit"]{
        display: block;
        width: 100%;
    }
}