/* @override 
	http://ideva-v3/application/views/layouts/css/mobile.css */

/* Mobile */

body { min-width: 0; }

@media screen and (max-width: 768px) {
	body,
	body.ws-,
	body.ws-accueil {
		min-width: 0;
		background-position: 0 -90px;
	}
	#blurb,
	#footer,
	.slider-main-wrapper {
		display: none;
	}
	#social-media {
		margin-top: 20px;
	}
	a #logo {
		background-image: url(../images/logo-top-mini.png);
		width: 72px;
		height: 23px;
		margin: 0;
		margin-top: 10px;
	}
	#navigation-top {
		position: relative;
		margin: 0;
		padding: 0;
		padding-top: 30px;
		margin: -20px 0 0 -35px;
		height: auto;
		width: auto;
		font-size: 16px;
	}
	#navigation-top ul li a {
		margin: 2px;
	}
	
	#navigation-bottom {
		width: auto;
		background: none;
		height: auto;
		position: relative;
	}
	#navigation-bottom ul li {
		float: left;
		clear: both;
		margin: 5px 10px 0 -20px;
	}
	#address {
		background: none;
	}
	body.ws- #content,
	body.ws-accueil #content,
	#content {
		padding-top: 110px !important;
	}
	#container,
	#address {
		width: auto;
	}
	.portfolio .entry .description {
		margin:0;
		clear: both;
	}
	.portfolio .entry .image {
		background: none;
		padding: 0;
		margin: 0;
		width: auto;
		height: auto;
	}
	.portfolio .entry .image img {
		width: 300px;
		margin: 0 0 0 -8px;
	}
	.portfolio .entry {
		height: auto;
		margin: 0 0 20px 0;
	}
	.portfolio div.image {
	
	}
	input.form_input_text, textarea.form_textarea {
		width: 90%;
	}
	.categories-categories h3 a {
		font-size: 12px;
	}

	#content ul {
		padding-left: 10px;
	}

	span.form-error {
		margin: 0;
		padding: 5px;
		clear: both;
		position: relative;
		display: inline-block;
		width: auto;
	}
	
	span .pointer {
		display: none;
	}

}