@charset "utf-8";
/* CSS Document */


 @media only screen and (min-width : 320px) and (max-width : 480px) {
	.container {
   	 width: 100%;
	}
	.main-menu .navbar-default .navbar-nav > li {
    margin: 0;
}
.navbar-nav{
	margin-left:0px;
	margin-right:0px;
}
	.progress-bars .financier-main{
		width:100%;
		position:relative;
		margin-bottom:150px;
		margin-left:5.5%;
	}
	.progress-bars .financier-home{
		margin-left:0%;
	}
	footer ul{
		padding-left:0px;
	}
	footer .footer-left{
		padding-left:0px;
	}
	.footer-logo{
		float:left;
	}
	.progress-bars{
		padding:0px;
	}
	.page{
		padding:0 15px;
		text-align:justify;
		overflow:auto;
	}
	.page IFRAME{
		width:100%;
	}
	.progress-inner{
		margin:0 auto;
	}
	.progress-bars .col-lg-9{
		width:100%;
	}
	.main-progress{
		width:100%;
	}
	.leen .main-progress span{
		float:left !important;
	}
	.leen .euro-input {
    border-top: 1px solid #000;
    width: 110px;
    /*margin-top: -20px;*/
	}
	.maand .main-progress {
    width: 44%;
	}
	.maand .main-progress span{
		float:left !important;
	}
	.progress-inner .euro-input{
		width:100%;
	}
	.progress-inner .euro-input input{
		width:89%;
	}
	.wizard > .steps > ul > li{
		width:100%;
	}
	.form-horizontal .form-group{
		margin-left: 0px;
		margin-right:0px;
	}
	.form-control.required.keyup.zipcode-right{
		margin-top:30px;
	}
	.form-control.required.keyup.zipcode-right{
		margin-top:30px;
	}
.content .letop .letop-inner img{
	max-width:100%;
}
.green-bar h3{
	font-size: 14px;
	float: left !important;
}
.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active{
	border-radius: 0px;
}
.wizard > .actions > ul{
	margin-left:0px;
}
.progress-bars .bewaren a{
	clear:both !important;
	float:none !important;
	text-align:center;
	display:block;
}
}
 @media only screen and (min-width : 480px) and (max-width : 595px) {
	 .container {
   	 width: 100%;
	}
	.main-menu .navbar-default .navbar-nav > li {
    margin: 0;
}
	.navbar-nav{
	margin-left:0px;
	margin-right:0px;
}
	.progress-bars .financier-main{
		width:100%;
	}
	footer ul{
		padding-left:0px;
	}
	footer .footer-left{
		padding-left:0px;
	}
	.footer-logo{
		float:left;
	}
	.progress-bars{
		padding:0px;
	}
	.progress-inner{
		margin:0 auto;
	}
	.progress-bars .col-lg-9{
		width:100%;
	}
	.main-progress{
		width:226px;
	}
	.form-horizontal .form-group{
		margin-left: 0px;
		margin-right:0px;
	}
	.progress-bars .financier-main{
		width:100%;
		padding:23px;
		position:relative;
		margin-bottom:100px;
		margin-left:4%;
	}


}
 @media only screen and (min-width : 595px) and (max-width : 690px) {/*--- (600x800) ---*/
 	.container {
   	 width: 100%;
	}
	.main-menu .navbar-default .navbar-nav > li{
		margin:0px;
	}
	.navbar-nav{
	margin-left:0px;
	margin-right:0px;
}
	.green-bar h3{
		font-size:20px;
	}
	.progress-bars .col-lg-9{
		width:100%;
	}
	.progress-bars{
		padding:0px;
	}
	.progress-inner{
		margin-right:0px;
	}
	.progress-bars .financier-main{
		width:100%;
		padding:23px;
		position:relative;
		margin-bottom:100px;
		margin-left:4%;
	}
	.form-horizontal .form-group{
		margin-left: 0px;
		margin-right:0px;
	}
	.footer-left{
		padding-left:40px;
	}

}
 @media only screen and (min-width : 690px) and (max-width : 800px) {/*--- Tablet portrait (768x1024) ---*/
 
 .container {
   	 width: 100%;
	}
	.progress-bars .financier-main{
		width:100%;
		padding:23px;
		position:relative;
		margin-bottom:100px;
		margin-left:4%;
	}
}
 @media only screen and (min-width : 800px) and (max-width : 940px) {/*--- Small tablet landscape 800x600 ---*/
 	.container {
   	 width: 100%;
	}
	.progress-bars .col-lg-9{
		width:100%;
	}
	footer ul{
		padding:0px;
	}
	.footer-left{
		padding:0px;
	}

}
 @media only screen and (min-width : 1024px) and (max-width : 1224px) {/*--- Tablet landscape --- */

}