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

.main-page .container {max-width:991px !important;}
.login-page {max-width:100%;}

}


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

.main-page .container {max-width:100% !important; padding:0 20px;}
.login-right .logo {margin-top:10px;}		
.login-right .welcome-text {margin:10px auto;}
.form-action .submit-button {margin-top:0px;}
.reset-page .login-right .logo {margin-top:20px;}
.middle-wrapper {max-width:80%;}


}


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

.main-page .container {padding:0 15px;}

.login-page {
        max-width:100%;
        flex-wrap:wrap;
        flex-direction:row;
        max-height: inherit; 
		margin:20px auto;}		
.login-left {
    margin: 0;
    padding: 0;
    max-width: 100%;
    border-radius: 15px;
    position: relative;
    display: block;
    max-height: inherit;
    overflow: hidden;
	order: 2;}	
.login-right {
    margin:0;
    padding:10px 15px 20px;
    max-width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content:flex-start;
	order:1;}		
.login-right .logo {margin-top:20px;}	
.login-right .welcome-text {margin:10px auto;}
.form-action .submit-button {margin-top:0;}
.form-group .input-field {max-width:100%; width:100%;}
.form-action .submit-button {max-width:100%; width:100%;}
.reset-page .login-right .logo {margin-top:10px;}
.reset-text {margin:10px auto 20px;}

.inner-wrapper {margin:20px auto; max-width:100%;}
.content-area {padding:0 15px;}
.heading-text h2 {font-size:18px; line-height:24px; font-weight:700;}
.action-bar {padding:10px 0 20px;}
.inner-logo {margin-top:20px;}
.inner-logo img {max-width:100px;}
.dropdown-myaccount {padding:10px;}
.middle-wrapper {max-width:100%;}

.progress-section {padding:10px; margin:0 auto;}
#progressbar {padding:20px 0;}
#progressbar li {font-size:12px; font-weight:600; line-height:14px;}
.middle-wrapper .form-text {padding-bottom:15px;}
.middle-wrapper .form-text p {font-size:12px; font-weight:600;}
.middle-wrapper .form-text h3 {font-size:14px; line-height:16px;}
.inputCheck label {font-size:13px; font-weight:500;}
.middle-wrapper .inputCheck label {height:42px;}
.inputCheck {margin-bottom:10px;}
.form-group .input-textarea {height:100px;}
.middle-wrapper .content-form .row .col-4 {width:50%;} 
.inputMulti {max-width:100%; height:80px;}

.cv-box .cv-inner {width:100%; max-width:100%;}

#respect-doc-file .document-icon {float:left;}
#respect-doc-file a {word-wrap:break-word;}


}


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



}