@media (max-width:1200px){
.col-md-6 .post-detail{padding:25px}
.post-title{font-size:18px; line-height:26px}
.quote-format blockquote{font-size:22px; line-height:31px}

}


@media (max-width:980px){
.dale{ text-align:center;}
header{display:none}
.responsive-header{display:block}
.slide-name{float:left;padding:20px;position:relative;width:100%}
.slide-name:before{padding:0}
.slide-name h3{font-size:18px;line-height:22px}
.cherri-count{bottom:0; float:right; margin-right:90px; margin-top:-60px; position:relative; right:0}
aside.sidebar{float:left; margin-top:60px; padding:0 15px !important; width:100%}
aside.sidebar:before{display:none}
.popular-posts .masonary > div{float:left;width:50%}
.cherri-newsletter{border-bottom:1px solid #f0f1f3;width:100%}
.news-and-about:before{display:none}
.cherri-about{width:100%}
.instagram > ul li{width:25%}
.cherri-carousel{margin:0;width:100%}
.sidebar-gallery .row > div{float:left; width:16.666%}
.grid1{width:100%}
.grid2{width:50%}
.related{text-align:center}
.related .row > div{display:inline-block; margin:0 -1px; text-align:left; width:50%}
.single-post.full-width .post-detail{padding:30px}
.cherri-modern-slider{margin-top:0}
.bottom-strip span{margin-bottom:10px;padding:0;text-align:center;width:100%}
.bottom-strip .social{text-align:center;width:100%}
.bottom-strip .social a,
.bottom-strip .social strong{display:inline-block;float:none}
.popup-searchbar{padding:0 15px}
.tweet ul {display: none;}
}


@media (max-width:767px){
.container,
.block .container{padding:0 15px;width:100%}
.cherri-slider:before{padding:0}
.cherri-slider .owl-nav{left:0}
.cherri-count{margin-right:0}
.cherri-carousel .slide-name{opacity:1;background:#333}
.cherri-carousel .posts-info{float:left; opacity:1; padding:0; position:relative}
.cherri-carousel .slide-name h3:before{left:0; opacity:1;width:100%}
.cherri-carousel .slide-name h3, .cherri-carousel .active.center .slide-name h3{padding-bottom:30px}
.cherri-post.list .post-img{display:unset; float:left; width:100%}
.cherri-post.list .post-detail{display:unset; float:left;padding:25px}
.cherri-post.list{display:unset}
.cherri-post.list .post-img img{width:100%}
.grid2{width:100%}
.modern-slide-name{position:relative; float:left; width:100%; background:#333}
.comments-section ul ul{padding:0}
.comment > img{display:unset}
.comment-detail{display:unset; float:left; padding:20px 0 0; width:100%}
.comments-section > ul{padding:20px 20px 0}
.avatar-letter{display:unset}
.comment-form > form{padding:20px}
.comments-title{padding:20px}
.col-md-12 .comments-title{padding:20px}
.col-md-12 .comments-section > ul{padding:20px}
.col-md-12 .comment-form > form{padding:20px}
.single-post.full-width h3.post-title{font-size:24px; line-height:40px}
.error-page h1{font-size:100px; line-height:100px}
}

@media (max-width:480px){
ul.post-countings li{margin-right:10px}
.popular-posts .masonary > div{float:left;width:100%}
.fancy-post-info > h4{font-size:12px; line-height:22px}
.fancy-post-info{padding:15px}
.fancy-post-info > .posts-info{padding:18px 20px}
.fancy-post-info > h4{font-size:12px; line-height:22px}
.fancy-post-info{padding:15px}
.fancy-post-info > .posts-info{padding:18px 20px}
.cherri-newsletter{padding:30px 0}
.cherri-newsletter > p{padding:0}
.cherri-newsletter input{margin-bottom:10px; width:100%}
.cherri-newsletter .simple-btn{text-align:center; width:100%}
.cherri-about{padding:30px 0}
.cherri-carousel .slide-name{padding:30px}
.cherri-carousel .slide-name h3, .cherri-carousel .active.center .slide-name h3{font-size:20px; line-height:30px}
.cherri-carousel .posts-info ul.meta{margin-bottom:20px; width:100%}
.post-detail .posts-info ul.meta{margin-bottom:20px; width:100%}
.post-detail{padding:25px}
.related .row > div{width:50%} /*el width estaba originalmente por 100%*/
.other-post{border-bottom:1px solid #f0f1f3; border-right:0 none; padding:10px; width:100%}
.bottom-strip .social a{display:inline-block; float:none; padding:0 10px}
.bottom-strip span{text-align:center; width:100%}
.bottom-strip .social{margin-top:10px; text-align:center; width:100%}
.bottom-strip .social > strong{float:left; text-align:center; width:100%}
.related .row > div{width:100%}
}