/* Screens smaller than 959px */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet landscape - Smaller browser */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.wrapper {
			width:768px;
		}
		
	}

	/* Mobile standard size */
	@media only screen and (max-width: 767px) {	
	}

	/* Mobile landscape - Tablet portrait */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	}

	@media only screen and (max-height: 379px) {

		#bolletjes {
			top:303px !important;
			z-index: 200;
		}

	}
	
	@media only screen and (min-height: 450px) and (max-height: 468px) {

		#bolletjes {
			top:380px !important;
			z-index: 200;
		}

	}

	/* Mobile portrait to mobile landscape */
	@media only screen and (max-width: 479px) {
	
		body {
			width:100%;
			height:100%;
			margin-top:0px;
		}
		
		header {
			z-index: 999;
		}
		
		.show-resp {
			display: block;
		}
		
		.hide-resp {
			display: none !important;
		}

		.hide-desktop {
			display: block !important;
		}		
		.wrapper {
			width:100%;
			margin:0px auto !important;
			position: relative;
			overflow-x: hidden;
		}
		
		.content .box.small {
			width:100%;
		}
		
		.content .box.taglist {
			margin-bottom:0px !important;
		}
		
		.content.generic {
			margin-top:62px !important;
		}
		
		.content.generic.bericht { 
			margin-top:0px !important;
		}
		
		#bolletjes {
			bottom:20px;
		}
		
		#logo {
			width:100% !important;
			height: auto !important;
			margin-top:20px !important;
			margin-bottom:20px !important;
		}
		
			#logo img {
				width:80%;
			}
			
		#circle {
			height:auto !important;
			width:70%;
			position: relative;
			margin:-40px auto 0px auto !important;
		}
		
		#circle img {
			width:100% !important;
		}

		.content input {
			width:100% !important;
		}
		
			.content input[type='text'] {
				padding:5% !important;
				width:90% !important;
			}
			
			.content input[type='date'] {
				padding:5% !important;
				width:90% !important;
				border:1px solid #eaeaea;
				margin-left:5px !important;
			}
		
		input, .box {
			border-radius: 0 !important;
		}
		
		/* HEADER BAR */
		
		header #nav {
			border-left:0px !important;
		}
		
		header .profile-picture {
			height:40px !important;
			width:40px !important;
			margin-left:-10px !important;
			background-size:40px !important;
		}
		
		#menutxt span {
			display: none !important;
		}
		
		#header_centered {

		}
		
			#header_centered #name {
				font-size:0.9em !important;
				margin:3px 0 0 0 !important;
				padding: 0px !important;
			}
			
			header .e-logo {
				height:25px !important;
				margin-top:4px !important;
				margin-right:-10px;
			}
		
		#submenu {
			width:100% !important;
			top:62px !important;
			border-top:1px solid #eaeaea;
			z-index: 999 !important;
		}
		
			#submenu li {
				padding:0px !important;
				width:49%;
				float:left;
				position: relative;
			}
			
			#submenu li:hover {
				border-left-width: 3px !important;
				padding-left:0px !important;
			}
			
			#submenu li a {
				padding:15px 7px 15px 20px !important;
				margin-left:0px !important;
			}
		
		.content.generic h1 {
			font-size:1.1em;
			line-height: 1.1em;
		}
		
		.des_grey {
			font-size:12px !important;
		}

		input.chatinput[type="text"] {
			font-size:12px;
		}
		
		.chat_bar {
			font-size:14px !important;
			margin-left:0px;
			width:100%;
			overflow: hidden;
			position: relative;
		}
		
		.chat_bar em {
			
			font-size:12px !important;
			display: block;
			width:190px !important; 
			float:left !important;
			margin-top:-12px;
			margin-left:110px;
			margin-right:20px !important;
		}
		
			.chat_bar em+div {
				float:none;
				margin-top:10px;
				width:100%;
			}
		
		.chat_bar .chat_eye {
			margin-top:5px !important;
			width:40px !important;
			height:40px !important;
			background-size:35px !important;
			background: url(../img/btn_eye.png) -4px 120px !important;
		}
		
		/* TABLE */
			/* removed because contact list falls apart otherwise */
			/*			
			table, thead, tbody, th, td, tr {
				display: block;
				padding: 0px !important;
				margin: 0px !important;
			}
			
			table.contacts_table tr.contact_bar {
				overflow: hidden;
				padding:10px 0px 0px 0px !important;
				display:inline-block !important;
				width:100% !important;
			}
			
			
			table.contacts_table tr.contact_bar input {
				margin-left:15%;
				margin-top:15%;
			}
			
			table.contacts_table tr td:first-child {
				width:25% !important;
				min-height: 10px;
				float:left;
			}
			*/
			table.contacts_table tr td.contact_name {
				float:left;
				width:73% !important;
				font-size:12px;
				text-overflow: ellipsis !important;
				margin-top:-4px !important;
				margin-bottom: 4px !important;
				white-space: nowrap;
				overflow: hidden !important;
			}
			
			td.tagbox {
				display:block;
			}
			
			
			.feedback_give .contact_name {
				margin-left:-60px !important;
				width:90% !important;
			}
			
			.feedback_ask .contact_name {
				margin-left:-10px !important;
			}
			
			.feedback_ask .checkbox {
				margin-top:-4px !important;
				width:10px !important;
			}
		
		/* KNOPPEN */
		
			.hover_remove {
				width:30px !important;
				background-size: 31px !important;
				background-position: left center !important;
				height:30px !important;
				border-radius: 50%;
				margin-top:5px !important;
				margin-left:5px !important;
			}
			
			.btn_delete {
				margin-left:39px !important;
			}
			
			.me {
				background: none !important;
			}
			
				.me td {
					background: none !important
				}
				
			.google_btn, .contact_btn {
				width: 100% !important;
				margin:10px 0 0 0;
			}
			
			.btn_blue {
				margin-left:0px !important;
			}

			
		/* BERICHTEN TABS */
		
		.tabs {
			border-top-left-radius: 0px !important;
			border-top-right-radius: 0px !important;
		}
		
		.tabs .tab {
			width:100%;
			
		}
		
		
		.tabs .tab.selected {
			
		}
		.tab.context {
			margin-left:0px;
		}
		.contacts_header {
			overflow: hidden;
		}
		
			.contacts_header td {
				padding:10px !important;
			}
			
		td.date {
			float:right;
			padding:5px 10px 5px 5px !important; 
			font-size:10px;
			color:#878787;
			margin-top:-10px !important;
			width:auto !important;
		}
		
		td.tagbox {
			clear: both !important;
			width: 65% !important;
			margin-left:35% !important;
			
		}
		
			.tagbox .small-tag {
				font-size:10px !important;
				padding:2px 8px !important;
				margin:0px 5px 10px 0px !important;
			}
			
			.contact_bar .tagbox2 {
				clear: both !important;
				width:75% !important;
				margin-left:25% !important;
				padding-top:7px !important;
			}
			
			.tagbox2 .kring {
				margin-bottom:10px !important;
				border-radius: 15px !important;
				font-size:11px !important;
			}
		
		td.fromto {
			float:left;
			width:100px !important;
			margin-left:-20px !important;
			margin-top:-4px !important;
			white-space: nowrap;
		}
		
		td.newbox {
			float:left;
			width:10px !important;
			margin-left:-40px !important;
			margin-top:3px !important;
		}
		
		td.deletebox {
			float:left;
			width:30px !important;
		}
		
	/* TAGLIST */
	
		.tagspad {
			width:100% !important;
		}
		
		.taglist h2 {
			width:100%;
			margin-top:0px !important;
			padding-top:0px !important;
		}
		
			.taglist .tagspad .tag {
				width:90% !important;
				margin-left:5% !important;
				padding:10px 0px !important;
				font-size:110% !important;
			}

		.chatinput {
			min-width: 90% !important;
			width: 90% !important;
			margin-top:10px;
		}
		
		.fullwidth {
			width:100% !important;
		}
		
			.fullwidth td {
				width:100% !important;
				position: relative;
			}
		
		.date_start, .date_end, .context {
			margin-left:-16px;
		}
		
		.btn_black2 {
			width:105% !important;
			padding:10px 0px !important;
			text-transform: capitalize;
			margin-left:-20px !important;
			margin-top:10px !important;
		}
		
		.submitbutton {
			margin:0px auto !important;
		}
		
		input[type='text'].context {
			width:130% !important;
		}
		
		td.datebox {
			width:50% !important;
			float:left;
		}
		
			td.datebox input {
				margin-left:1px;
			}
		
	/* PROFILE */
	
		#tag_scroller {
			width:600% !important;
		}
		
		#tag_container_relative {
			width:100% !important;
			margin:45px auto 0px auto!important;
		}
		
		#tag_container_relative.message-profile {
			margin:-32px auto 0px auto!important;
		}
		
		.tag_page {
			width: 16.6% !important;
		}
		
		.message-profile .tag_page {
			width:100% !important;
		}
	
	/* POPUP */	
		#popup {
			width:100%;
			position: absolute !important;
			left: 0px !important;
			margin:0px !important;
			height:auto !important;
		}
		
		
		#popup .medaille {
			float:right;
			width:70px;
			line-height:1.2em;
		}
		
		#popup .medaille img {
			width:60px;
		}
		
		#popup h3 {
			font-size:14px !important;
		}
		
		.profile {
			top:00px;
			height:100%;
		}
		
			.profile img {
				/*height:100% !important;*/
				/*width:auto !important;*/
			}
		
		.tag {
			font-size:10px !important;
			padding: 2px 3px 2px 3px !important;
			min-width: 90px !important;
			text-transform: capitalize;
		}
		
		.tag span {
			margin-top:6px !important;
			margin-right:-10px !important;
			padding:0px 10px 0px 10px !important;
			background: #fff !important;
			font-size:8px !important;
			box-shadow: 0px 0px 5px rgba(0,0,0,0.1) !important;
			text-shadow: none !important;
			color:#474747 !important;
			/* display: none !important; */
		}
		
		.tabs {
			/* margin-top:60px !important; */
		}
		
		/* KRINGEN */
		
		.kringen .left, .kringen .right {
			float:none !important;
			width:100% !important;
			padding: 0px !important;
			border-left:0px;
		}
		
		.resp-top-border {
			border-top:1px solid #eaeaea !important;
			margin-top:10px !important;
		}
	
	.kring strong {
		width:30px !important;
		background-size:100% !important;
	}
	
	.chat_description div {
		font-size:12px !important;
	}
	.chat_description {
		font-size:12px !important;
	}
	
		.chat_description div span {
			font-weight: normal !important;
			color:#7c7c7c;
		}
		
		.options h3 {
			font-size:14px;
		}
		
		.options a {
			color:#000;
			font-weight:bold;
		}
		
		.options .left {
			float:left;
		}
		
		.options .right {
			float:right;
			width:91%;
		}
		
		.profile_images { 
			margin-left:15% !important;
		}
		
		.profile_images .btn_edit {
				width:100% !important;
				/* margin-top:180px !important;*/
				background-position: center center;
				background-repeat: no-repeat;
				background-color: #c0c0c0;
				margin-left:0px !important;
			}
			
		.contact_name .thumb {
			margin-left:0px !important;
		}
		
		
		.thumb {
			height:40px !important;
			width:40px !important;
			margin-top:3px !important;
		}
		
			.btn_delete_front {
				margin-left:5px !important;
			}
		
		.content .box {
			margin-bottom: 0px !important;
			padding-bottom:0px;
		}


	/* cropping */
	.default {
		zoom:0.2;
	}

	.cropSlider .noUi-base { 
		height:60px !important;
		margin-bottom:100px !important;
	}
	
	.cropSlider .noUi-handle {
		height:100px !important;
		width:100px !important;
	}
	
	.cropButton, .cropButton2 {
		padding:40px 70px !important;
	}
	
	.togglecontent .des_grey {
		padding: 0px !important;
	}
	
	.gbar {
		overflow: hidden;
		min-height: 50px;
	}
	
	.g_name {
		font-weight: bold !important;
		float:right;
		width:70%;
	}
	
	.g_email {
		float:right;
		width:70%;
	}
	
	input[type='text'].datebox {
		width:22% !important;
		float:left !important;
		margin-top:-2px !important;
	}
	
	input[type='text'].extrab {
		widht:130% !important;
	}
	
	#ui-datepicker-div {
		display:none !important;
	}
	
	.croppad {
		height:100px !important;
	}
	
.cropButton_normal {
	background: #1ab0d7 !important;
	color:#fff !important;
	border:5px !important;
	padding:8px 12px !important;
	display: block  !important;
	font-size:14px !important;
	border-radius: 5px !important;
	float:left !important;
	margin-right: 20px !important;
}

.des_grey .col {
	width:38% !important;
}

.des_grey .col.last {
	float:right !important;
	margin-right:21% !important;
}

.btn_blue.extrapos-res {
	width:111% !important;
	margin-left:-15px !important; 
}

.extra_nav {
	display: none !important;
}

	.kringeninput {
		margin-left:-30px !important;
		border:1px solid #c0c0c0;
		border-radius: 2px;
		width:115% !important;
	}
	
	
#sharers {
	position: fixed;
	z-index: 999;
	width:100% !important;
	left:0px;
	top: auto !important;
	bottom:0px !important;
	text-align: center;
	top:62px;
	background: #dd4b39;
}

.btn_social {
	background: #eaeaea;
	padding:0px !important;
	border-radius: 0px;
	font-size:10px;
	color:#fff;
	width:33.33%;
	display: block;
	margin:0px !important;
	float: left !important;
	margin-top:-5px;
	
}

	.btn_social:hover {
		color:#fff;
	}

	.btn_social.facebook {
		background: #3b5998 !important;
	}
	
	.btn_social.twitter {
		background: #00aced !important;
	}
	
	.btn_social.googleplus {
		 background: #dd4b39 !important;
	}
	
	.btn_social.email {
		background: #454545 !important;
		width:100%;
	}
	
	header em {
		font-size:12px;
		width:50%;
		text-align:left;
		margin-top:35px;
		margin-left:68px;
	}
	
	.helpoverlay { 
		top:62px;
	}
	
	
.helpoverlay .help {
	width:270px !important;
	left:5px !important;
	margin-left:0px !important;
	line-height:1.3em !important;
	font-size:12px !important;
	padding:10px 20px;
	}
	
	.help.center {
		left:5px !important;
		bottom:42% !important;
		/* display: none; */
	}
	
	.helpoverlay .help.bottom {
		left:5px !important;
	}
	
	.helpbtn {
		position:absolute;
		top:35px;
		right:20px;
	}	
	
		.helpbtn img, .helpclose img {
			width:25px !important;
		}
		
	.helpclose {
		top:35px;
		right:20px;
	}
	

	.helpbtn_extra {
		top:35px;
		right:20px;
	}	


	.innerpad {
		width:auto !important;
	}
	
	.respfromtop {
		margin-top:62px !important;
	}
	
	.resphidden {
		display: none;
	}
	
	.mevologo {
		margin:20px 0px;
	}
	
	#description_main .contact_btn {
		margin-left:-30px !important;
		width:112% !important; 
		margin-top:10px !important;
	}
	
	.welcomelogo {
		width:100%;
	}
	
			.btn_eye{
				margin-top:40px !important;
			}
			
	/* CHAT OP PROFIEL LOL LOL .com */
	
	#chat_pages {
		width: 100% !important;
		margin-top:0px !important;
	}	
	
	#chat_scroller {
		width:600% !important;
	}	
	
	.chat_page {
		width:16.6%;
		overflow: hidden;
	}
	
	.askme {
		margin-left:-30px !important;
		width:130% !important;
	}
	
			.tab.outbox {
			background: #fff url(../img/outbox.png) no-repeat left center !important;
			color:#c0c0c0;
		}
		
		.tab.selected.outbox {
			background: #fff url(../img/outbox_selected.png) no-repeat left center !important;
			color:#000;
		}
			
		.tab.selected.inbox {
			background: #fff url(../img/inbox_selected.png) no-repeat left center !important;
			color:#000;
		}
		
		.tab.inbox {
			background: #fff url(../img/inbox.png) no-repeat left center !important;
			color:#c0c0c0;
		}
		
		.tab.concepts {
			background: #fff url(../img/concepts.png) no-repeat left center !important;
			color:#c0c0c0;
		}
		
		.tab.selected.concepts {
			background: #fff url(../img/concepts_selected.png) no-repeat left center !important;
			color:#000;
		}
		
	input[type="text"].chatinput {
		margin-left:0px !important;
		width:150% !important;
	}
	
	
.contact_top {
	margin-left:-15px;
	margin-top:-15px;
	width:110%;
	margin-bottom:0px !important;
}

	.contact_wrapper {
		background: #fff;
		position: relative;
		padding:20px;
	}

	.contact_top .from {
		width:100%;
	}
	
	.contact_top .to {
		width:100%;
		margin-top:10px;
	}
	
	.contact_top .context {
		padding:10px 20px;
		margin:10px 0px;
		overflow: hidden;
		background:#fafafa;
		margin-left:-20px;
		width:960px;
		font-size:9px !important;
	}
	
	.contact_top .date {
		float:none;
		color:#929292;
		font-size:10px;
	}
	
	.contact_top .msg {
		padding:10px 0px;
		font-size:14px;
		line-height: 1.8em;
	}
	

	
	.title_float {
		float:none;
		clear:both;
		margin-bottom:10px;
		display:inline-block;
	}
	

	.ansicht_title-new {
		margin-top:20px;
		margin-left:20px;
		margin-right:20px;
		margin-bottom:20px;
		font-size:12px;
	}
	
	.anzicht-logo {
		height:40px;
		right:20px;
		display:none;
		
	}
	
	.anzicht-med { 
		height:50px;
		margin-top:-80px;
		margin-left:-8px;
		display:none;
	}
	
	.anzicht-top {
		margin-bottom:-42px;
	}
	
	.anzicht-med+tag_container_relative {
		margin-top:-100px !important;
	}
	
	.ansicht_overlay {
		height:64px;
	}
	
		.ansicht_overlay .tag {
			position: relative !important;
			float:left;
			left:0px !important;
			margin-bottom:20px !important;
			font-size:12px !important;
			padding:5px 7px !important;
		}
		
		.ansicht_overlay .tag:first-child {
			margin-left:5px;
		}
		
	.ansicht_bericht {
		padding:20px 20px;
		font-size:12px;
	}

	.ansicht_extrainfo {
		float:left;
		width:170px;
	}
	
	.contact_bar td {
		padding-top:20px;
	}
	
	#cropMaster {
		-webkit-transform: scale(0.5);
		left:0px;
		position: relative;
		margin-left:-90px;
		margin-top:-90px;
		margin-bottom:-90px;
	}
	
	.cropButton, .cropButton2, .cropButton_normal, .cropButton_normalx {
		padding:7px 15px !important;
		margin:5px !important;
	}
	
	img[src="img/ansicht-colorbar.png"] {
		width:100%;
	}
	
	.resp_normal_pos {
		float:none !important;
	}

		
	#result .tag {
		padding-right:0px !important;
		min-width:150px !important;
		margin-left:-5px !important;
	}

	.btn_black2 {
		width:115% !important;
	}
	
	.btn_delete_image {
		margin:0px;
		border-radius:0;		
		margin:0px !important;
	}

	.btn_edit_image {
		margin-top:0px !important;
		top:0px;
		left:0px;
		background-position: center center !important;
	}
	
	
	.des_grey.fullwidth {
		width:98% !important;
	}
	
	#progressbar {
		margin-left:-20px;
	}

	.resp-break {
		display:block;
		float:none;
		clear:both;
	}
	
	.resp-padding {
		width:15px;
		height:15px;
		float:left;
	}	
	
	#popup .text {
		line-height:1.4em !important;
	}

	.about-txt {
		width:100%;
	}
	
	.about-img img {
		width:300px;
		border:none;
	}
	
	header .hamburger {
		width:20px !important;
		display:none;
	}
	
	header .hamburger img {
		width:10px !important;
	}
	
	.vimeo_video {
		width:100%;
	}	

	.selectpretty {
		width:200px;
		max-width:200px;
		overflow:hidden;
	}
	
	#changePassword {
		width:250px;
	}
	
	#changePassword input[type=button] {
		margin-left:0px !important;
		max-width:150px !important;
		width:150px !important;
	}
	
	.resetpwfields {
		border: 1px solid rgb(204, 204, 204) !important;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}