/* Para 320 */
@media only screen and (min-width: 200px) and (max-width: 479px){

body{ margin:0px;

}

.beforeafter{
	width:260px;
	height:176px;
}



/* header*/
.logo{margin-left:-10px;}
.wrapper{
	width:300px;
	margin:0 auto;
	float:none;
}
.main{
	width: 280px;
	float: left;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.post-wrapper{ width:280px; margin-left:0; }	
#footer{position:relative; display:block; float:left; padding:5px 0 10px 0; height:auto;}


/*Nav*/
ul.sf-menu { display:none; }
.menu-toggle{
	display: block;
	width: 280px;
	height: 42px;
	float: left;
}
/*Contenido*/
.post-type-wrapper img{
	width:270px;
}
.commment-text-wrap{
	width:190px;
}
ul.children li div.commment-text-wrap{
	width:190px;
}
ul.children li li div.commment-text-wrap{
	width:190px;
}
ul.children li li li div.commment-text-wrap{
	width:190px;
}
ul.children{
	margin-left:0;
	border:0;
	margin-left:-19px;
}
ul.children li{
	background:none;
}
.input input{
	width:250px;
}
.form textarea{
	width:250px;
}
.gallery-list li{
	margin:0 0 30px 50px;
}
.member{
	margin-right:30px;
	margin-left:30px;
}
.pricing ul{
	width:280px;
}
.project-list li{
	margin-left:25px;
}
.project2-list li{
	margin:0 0 30px;
	width:280px;
	height:290px;
}
.project2-list li img{
	width:276px;
	height:204px;
}
.project2-list li a div {
	width:276px;
	height:204px;
}
div.errorpage h1{
	font-size:60px;
}

/*Sidebar*/
.search input{
	padding:10px;
	border:1px solid #555;
	background:none;
	color:#c5c5c5;
	width:258px;
}
}