/*	RESPONSIVE
	================================================== */

/* ===[ All Mobile Devices ]=== */

@media (max-width: 640px) { 
	
	#wrapper { min-width: 0; } 
	
	.logo span { margin: 40px 20px; }
	
	#nav-sidebar {
		bottom: auto;
		padding-bottom: 10px;
		position: relative;		
		top: auto;
		width: auto;
		box-shadow:0 0 10px #000;
		background-image:none;
	}
	#nav-sidebar .logo,
	.nav-container,
	.search-box{margin-right:0;}
		
		#primary-navigation { display: none; }	
		
		#mobile-navigation { 
			display: block; 
			margin: 0 auto;
		}
		
		#secondary-navigation {
			background: transparent;
			border: none;
			padding: 0;
		}
		
		#secondary-navigation li { display: inline-block; }
			
			#secondary-navigation a { border: 1px solid #1B1B1B; }
			
	#loading-screen{ display: none; }
	
	#hero { 
		margin-bottom: 20px;
		padding-left: 0;
	}
	
	.hero-content {
		left: 10%;		
		max-width: 80%;
	}
	
	#grid-wrapper { margin-left: 0; }
	
	#infscr-loading { display: none !important; }
	
	#item-grid .item {    width: 50% }
	
	.content { padding: 0 20px; }
	
		.main-content { margin: 20px 0; padding: 0 0 180px 0; width:100%;}
		.bloque-contenido{padding-bottom:0;}	
		.main-content-especialblog{width:100%; padding: 0 0 170px 0;}
		body.single-portfolio .main-content{width:100%;}	
		.page-top + .content-container > .main-content-wrapper > .main-content { margin-top: 40px; }
		a.feature-image-wrapper + p{float: right;
width: 100%;
padding: 0;
font-size: 1.1em;
color: #2e3d56;
margin-top: 0 !important;
margin-bottom: 30px;
text-align: justify;}
		
	.widget-sidebar {	padding: 20px 0 0 20px; }
	
		.page-top + .content-container > .main-content-wrapper + #sidebar .widget-sidebar { padding-top: 40px; }
		
	.contact-form { width: 100%; }
		
		#author,
		#contactName,
		#email,
		#url,
		#comment,
		#commentsText {    
			background-image: none;
			text-indent: 0;
		}

	.comment-holder .avatar { display: none; }
	
	.comment-content { margin-left: 0; }
	#ptos-cardinales-container, #eslogan-container, #eslogan{display:none;}
	#eslogan-responsive{display:block; width:100%;}
.responsive-idioma{text-align:center; margin-bottom:10px; display:block;}
#nav-sidebar .responsive-idioma a{display:inline; color:#fff; padding: 0 4px; text-transform:uppercase;}
#nav-sidebar .responsive-idioma a:hover, .responsive-idioma a:visited{color:#b5d0d0;}
#nav-sidebar .responsive-idioma a#esp{border-right:1px solid #fff; margin-right:4px;}
#preview-options-container{display:none;}
.pie{display:none;}
	
}

/* ===[ Desktop ]=== */

@media (min-width: 1280px) { 
    
}

/* ===[ Desktop Small ]=== */

@media (min-width: 960px) and (max-width: 1280px) { 
a.feature-image-wrapper.cboxElement + p{width:100%; display:block; float:none; padding:0;}
#fotos-originales{float:left;}
    
}

/* ===[ Tablet ]=== */

@media (max-width: 960px) {
a.feature-image-wrapper.cboxElement + p{width:100%; display:block; float:none; padding:0;}
#fotos-originales{float:left;}
	
}

/* ===[ Mobile ]=== */

@media (max-width: 640px) { 
	
	#secondary-navigation li { display: block; }

	.page-top .articles-link {	margin: 0 20px 20px 0; }
	
	.top-pagination {
		float: left;
		margin: 0 0 20px 0; 
	}
	
		.top-pagination > span:first-child { margin: 0; }
	
	.page-top + .content-container > .main-content-wrapper > .main-content { margin-top: 20px; }
	
	#item-grid .item {    width: 100% }
	
	.fourth,
	.third,
	.half,
	.two-thirds {
		float: none;
		margin: 0;
		width: auto;
	}
	.social-media-container, h1.page-title{width:auto;}
	body.single-portfolio h1.page-title {background:none; padding:0;}
	.main-content-wrapper ,
	#sidebar { 
		float: none;
		width: 100%; 
	}
	
	#comments .children .comment { margin: 0; }
		
		.comment small {
			display: block;
			float: none;
			margin: 0 0 10px;
		}	
	
	.widget-sidebar { padding: 20px 0 0; }
	
	#footer-content { text-align: left; }
	
	.postlist-post-date { position: relative; }
	
	.postlist-post-title { 
		margin: 0 0 10px;
		padding: 0; 
	}
	
}