@media only screen and (min-width: 1190px) and (max-width: 1840px) {
.top-progress-bar .step .bullet::before, .top-progress-bar .step .bullet::after {
	position: absolute;
	left: 12px;
	height: 3px;
	width: 60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.top-progress-bar .step .bullet::before, .top-progress-bar .step .bullet::after {
	position: absolute;
	left: 12px;
	height: 3px;
	width: 48px;

}
.right-content {
	padding: 50px 35px 10px 35px;
	width: 100%;
	margin: 0 auto;
}
}

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

}


@media all and (max-width:991px){
.top-progress-bar .step .bullet::before, .top-progress-bar .step .bullet::after {
	left: 22px;
	width: 55px;
	
}
}



@media (max-width: 767px) {

.top-progress-bar .step .bullet::before, .top-progress-bar .step .bullet::after {
	left: 22px;
	width: 51px;
	
}
.right-content {
	width: 85%;
}
}





@media all and (max-width:575px){

.right-content {
	width: 95%;
}
}

@media all and (max-width:490px){

.right-content {
	width: 100%;
}
.login-page-left h3 {
	font-size: 30px;
}
.login-page-left p {
	margin-top: 15px;
}
.right-content .top-progress-bar {
	margin: 20px 0;
}
}