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

.modal-dialog { width:95%;}

	.style-logo{
		width:70%;
		margin-left:15%;
	}
	
	.login-con{
		margin-left:0%;
	}
	
	.login-con input{
		margin:10px 0px;
		height:50px;
		font-size:16px;
	}
	
	.quick-btn{
		width:100%;
		padding:12px 0px;
		margin:12px 0px;
	}
	
	.progressbar li{
		text-indent: 100%;
    	white-space: nowrap;
    	overflow: hidden;
		background-color:#FFFFFF;
		height:10px;
	}
	
	.pro-active{
		background-color:#00aafd !important;
	}
	
	.pro-selected{
		background-color:#089ad3 !important;
	}
	
	.page-container .col-md-8{
		margin-left:0%;
	}
	
	.page-container .col-md-8 ul li{
		width:100%;
	}
	
	.next-btn{
		width:100%;
		padding:15px 0px;
	}
}

@media screen and (max-width: 650px) {
	.style-logo{
		width:70%;
		margin-left:15%;
	}
	
	.login-con{
		margin-left:0%;
	}
	
	.login-con input{
		margin:10px 0px;
		height:50px;
		font-size:16px;
	}
	
	.quick-btn{
		width:100%;
		padding:12px 0px;
		margin:12px 0px;
	}
	
	.progressbar li{
		text-indent: 100%;
    	white-space: nowrap;
    	overflow: hidden;
		background-color:#FFFFFF;
		height:10px;
	}
	
	.pro-active{
		background-color:#00aafd !important;
	}
	
	.pro-selected{
		background-color:#089ad3 !important;
	}
	
	.page-container .col-md-8{
		margin-left:0%;
	}
	
	.page-container .col-md-8 ul li{
		width:100%;
	}
	
	.next-btn{
		width:100%;
		padding:15px 0px;
	}
}

@media screen and (max-width: 480px) {
	.style-logo{
		width:70%;
		margin-left:15%;
	}
	
	.login-con{
		margin-left:0%;
	}
	
	.login-con input{
		margin:10px 0px;
		height:50px;
		font-size:16px;
	}
	
	.quick-btn{
		width:100%;
		padding:12px 0px;
		margin:12px 0px;
	}
	
	.progressbar li{
		text-indent: 100%;
    	white-space: nowrap;
    	overflow: hidden;
		background-color:#FFFFFF;
		height:10px;
	}
	
	.pro-active{
		background-color:#00aafd !important;
	}
	
	.pro-selected{
		background-color:#089ad3 !important;
	}
	
	.page-container .col-md-8{
		margin-left:0%;
	}
	
	.page-container .col-md-8 ul li{
		width:100%;
	}
	
	.next-btn{
		width:100%;
		padding:15px 0px;
	}
}

@media screen and (max-width: 320px) {
	.style-logo{
		width:70%;
		margin-left:15%;
	}
	
	.login-con{
		margin-left:0%;
	}
	
	.login-con input{
		margin:10px 0px;
		height:50px;
		font-size:16px;
	}
	
	.quick-btn{
		width:100%;
		padding:12px 0px;
		margin:12px 0px;
	}
	
	.progressbar li{
		text-indent: 100%;
    	white-space: nowrap;
    	overflow: hidden;
		background-color:#FFFFFF;
		height:10px;
	}
	
	.pro-active{
		background-color:#00aafd !important;
	}
	
	.pro-selected{
		background-color:#089ad3 !important;
	}
	
	.page-container .col-md-8{
		margin-left:0%;
	}
	
	.page-container .col-md-8 ul li{
		width:100%;
	}
	
	.next-btn{
		width:100%;
		padding:15px 0px;
	}
}


@media screen and (max-width: 240px) {
	.style-logo{
		width:70%;
		margin-left:15%;
	}
	
	.login-con{
		margin-left:0%;
	}
	
	.login-con input{
		margin:10px 0px;
		height:50px;
		font-size:16px;
	}
	
	.quick-btn{
		width:100%;
		padding:12px 0px;
		margin:12px 0px;
	}
	
	.progressbar li{
		text-indent: 100%;
    	white-space: nowrap;
    	overflow: hidden;
		background-color:#FFFFFF;
		height:10px;
	}
	
	.pro-active{
		background-color:#00aafd !important;
	}
	
	.pro-selected{
		background-color:#089ad3 !important;
	}
	
	.page-container .col-md-8{
		margin-left:0%;
	}
	
	.page-container .col-md-8 ul li{
		width:100%;
	}
	
	.next-btn{
		width:100%;
		padding:15px 0px;
	}
}