.pos-r{ position: relative }

@media screen and (min-width: 0) and (max-width: 479px) {

	body {
		background-color: #fff;
	}

	#pagetop {
	  min-height: 150px;
	}

	#mainmenu {
		display: none;
	}

	#mainmenu ul.sidemenu {
		background-color: #fff;
		margin-right: 10px;
		margin-left:0;
		padding:0 10px;
		width:100%;
	}
	#mainmenu ul.sidemenu li {
		width:100%;
	}
	#mainmenu ul.sidemenu li a {
	  font-size: 13px;
	}

	#mainmenu ul.tabs li, #mainmenu ul.tabs li span {
		background-image: none;
		width:100%;
		padding:0;
	}

	#mainmenu ul.tabs li.active, #mainmenu ul.tabs li.active span {
	  background-image: none;
	}

	#mobilemenu {
		display: block;
	}

	#pensioencalculator .block label, #pensioencalculator .block input {
		width: 100%;
		margin-bottom:10px;
	}

	ul.breadcrumb {
		margin: 0 0 10px 0;
	}

	.sidebar {
		text-align:center;
	}

	#footer .row .col, #footer ul.nav, #footer ul.nav li {
	  width: 100%;
	  text-align: center;
	  margin: 0;
	  padding: 0;
	  line-height: 30px;
	}
	#footer ul.nav {
		margin-bottom: 20px;
	}

	input[type="text"], input[type="password"], select, label {
		width: 100%;
	}
	label {
		font-weight: bold;
	}
	iframe {
		width: 100%;
	}

	.icontext p {
	  padding-left: 0;
	}

	.ZebraDialog {
		width:90% !important;
	}

	#pensioencalculator .block .value {
		margin-top:20px;
	}
	#pensioencalculator .block .block-left, #pensioencalculator .block .block-right {
	  width: 100%;
	}

	.sidebar {
		width: 100%;
		margin-left:0;
	}

	.sidebar img {
		height: auto;
		margin-left: 0;
	}

}

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

	.afkoopmodule-container .mob-block{
		width:47%;
	}

	.afkoopmodule-container .amount-block-container .mob-block:nth-of-type(1n+3){
		margin-left: 2.5%;
	}

	.afkoopmodule-container .amount-block.small {
		width: 48%;
	}

	.afkoopmodule-container .amount-block.small:first-child{
		margin-right: 2.8%;
	}

	.afkoopmodule-container .row.collapsed-row .mob-block:nth-of-type(1n+3){
		margin-left:2.5%;
	}


}

 @media screen and (min-width: 0) and (max-width: 640px) {
	.afkoopmodule-container .amount-block.small {
		width: 47%;
	}

@media screen and (min-width: 480px) and (max-width: 759px) {

	body {
		background-color: #fff;
	}

	#mainmenu ul.sidemenu {
		margin-right: 10px;
		margin-left:0;
		padding:0;
	}

	#pensioencalculator .block label, #pensioencalculator .block input {
		width: 100%;
		margin-bottom:10px;
	}

	ul.breadcrumb {
		margin: 0 0 10px 0;
	}

	.ZebraDialog {
		width:90% !important;
		max-width:600px;
	}

	.sidebar {
		width:100%;
		margin-left:0;
	}

}

@media screen and (min-width: 760px) and (max-width: 1159px) {

	body {
		background-color: #fff;
	}

	.footerblock .thumbnail, .footerblock .thumbnail img {
	  width: 100px;
	  height: auto;
	}

	#mainmenu ul.sidemenu {
		margin-right: 10px;
		margin-left:0;
		padding:0;
	}

	#pensioencalculator .block label, #pensioencalculator .block input {
		width: 100%;
		margin-bottom:10px;
	}


	.sidebar {
		width:100%;
		margin-left:0;
	}

}

@media screen and (min-width: 1160px) {
	body {
		background-color: #fff;
	}

}

/* custom journey */
@media screen and (min-width: 640px) and (max-width: 991px) {
	// .afkoopmodule-container .amount-block.small {
 //   		width: 47.8%;
	// }
}


@media screen and (min-width: 768px) and (max-width: 992px) {

	.afkoopmodule-container .amount-block.small {
		width: 47%;
	}


}