@media only screen and (max-width: 1920px) {
#wrapper  { width:auto; max-width:980px; }
#header { width:100%; margin:0; padding:0; }
}
@media only screen and (max-width: 1280px) {
#wrapper  { width:auto; max-width:980px; }
}
@media only screen and (max-width: 980px) {
#wrapper  { width:auto; max-width:980px; }
}
/*Trabajar a partir de este tamaño*/
@media only screen and (max-width: 979px) {
#wrapper  { width:auto; max-width:979px; }
.site-content { margin:0 1%; width:98%; border:none; }
.container  {  margin:15px 1.3%; width:97.4%; }
.top-block { margin:0 0.5% 20px 0.5%; width:99%; }
.top728 { margin:0 auto 15px auto; width:100%; text-align:center; height:auto; }
.topsocial { margin:0; width:100%; }
.toplink { width:33.2%; float:left; }
.topsocial a { border-right:1px solid #ddd; }
.topsocial a+a+a { border-right:none;}
.featured-box { position:relative; margin:0 0.5% 15px 0.5%; width:99%; min-height:280px; } 
.featured336 { position:absolute; top:0; left:0; }
.featured-posts { margin:0; padding:0 0 0 350px; }
.fpost { margin:0 0 0 2%; padding:0; width:30.5%; }
.ftimage { width:100%; height:auto; border:none; }
.ftimage img { width:100%; height:auto; max-width:100%; }
.Post { margin:0 1% 25px 1%; width:48%; height:300px; }
.post-title { font-size:17px; }
.post-excerpt { width:100%; }
.post-excerpt img { width:35% !important; height:auto; float:left; }
.excerpt-right { margin:0 0 0 2%; padding:0 0 40px 0; width:62.5%; font-size:13px; }
.excerpt-text {  width:100%; height:150px !important; overflow: hidden; }
.excerpt-end { width:100%; }
.widget-area { margin:10px 0; padding:10px 0 0 0; width:100%; border-top:5px solid #dfdfdf; float:left; }
.widget{ margin:0 1% 15px 1%; width:30.6%; float:left; }
.single-content img { width:auto; height:auto; max-width:100%; }
}
@media only screen and (max-width: 905px) {
.fotpost { margin:0 2%; width:28.6%; height:78px; font-size:12px; overflow:hidden; float:left; }
}
@media only screen and (max-width: 888px) {
.widget, .side-ads{ margin:0 1% 15px 1%; width:48%; float:left; }
.side-ads { text-align:center; }
#site-nav, #site-end { overflow:hidden; }
}
@media only screen and (max-width: 877px) {
#wrapper  { width:auto; max-width:877px; }
.logo { margin:20px 2% 0 2%; max-width:30%; }
.logo img { width:auto; max-width:100%; height:auto; }
.header-posts { margin:11px 0 0 0; width:auto; max-width:66%; float:right; }
.hpost { margin:0 1%; width:47%; float:left; }
.hpost:first-child { margin-right:auto; }
.himage { margin:0 3% 0 0;  }
.nav { margin:0 0.5%; width:auto; max-width:99%; }
.widget{ margin:0 1% 15px 1%; width:48%; float:left; }
.positioned, .positioned2 { display:none; }
}
@media only screen and (max-width: 800px) {
#wrapper  { width:auto; max-width:800px; }
}
@media only screen and (max-width: 768px) {
#wrapper  { width:auto; max-width:768px; }
.featured-posts { min-height:280px; float:left; }
.fpost { margin:0 0 0 2%; padding:10px 0 5px 0; width:98%; height:auto; border-bottom:1px solid #dfdfdf; }
.ftimage { margin:0 10px 5px 0; width:23%; height:auto; border:none; float:left; }
.fpost h2 { margin:0 0 4px 0; padding:0; font-size:14px; }
.Post { margin:0 1% 25px 1%; width:98%; height:auto !important; }
.post-excerpt img { width:30% !important; height:auto; max-width:100%; float:left; }
.excerpt-right { margin:0 0 0 2%; padding:0 0 40px 0; width:67.5%; font-size:13px; }
.excerpt-end { width:67.5%; }
.foot-desc { display:none; }
}
@media only screen and (max-width: 632px) {
.widget, .side-ads{ margin:0 2% 15px 2%; width:96%; float:left; }
.foot-desc { display:inline; }
.footer-posts { height:auto; }
.fotpost { margin:0 2% 10px 2%; width:96%; float:left; }
.header-posts { display:none; }
.logo { margin:20px 2% 0 2%; width:96% !important; max-width:96% !important; text-align:center; display:block; }
.logo img { margin:0 auto; width:auto; max-width:100%; height:auto; }
}
@media only screen and (max-width: 601px) {
.featured336 { position:relative; margin:0 0 10px 0; padding:10px 0; width:100%; text-align:center; }
.featured-posts { margin:0 1%; padding:0; width:98%; float:left; }
}
@media only screen and (max-width: 532px) {
.toplink { width:100%; float:left; }
#related_posts li { margin:0 0 10px 0; padding:0; width:100%; float:left; }
.single-share { min-height:39px; height:auto; }
.single-share ul, .breadcrumb { height:auto; }
#respond form input[type="text"] {  width:90%; ; }
#respond form textarea {  width:90%;  }
}
/* iPhone css*/
@media only screen and (max-width: 480px) {
#wrapper  { width:auto; max-width:480px; }
.excerpt-end { width:100%; }
}
@media only screen and (max-width: 360px) {
#wrapper  { width:auto; max-width:360px; }
}
@media only screen and (max-width: 320px) {
#wrapper  { width:auto; max-width:320px; }
.featured-box { margin:0 0 15px 0; padding:0;  }
.ftimage { margin:0 10px 5px 0; width:33%; height:auto; border:none; float:left; }
.post-excerpt img { margin:0 5%; width:90% !important; height:auto; max-width:100%; display:block !important; }
.excerpt-right { margin:10px 0 0 2%; padding:0 0 40px 0; width:96%; font-size:13px; }
.excerpt-end ul li+li { display:none; }
}