body:not(.mobile_menu_active) #main-nav, body:not(.mobile_menu_active) #headerwrap #searchform {
    display: block !important;
     border-top:  solid 1px darkgray;
     padding-top:  20px;
}
.mobile_menu_active #nav-bar {
    display: none;
}
.mobile_menu_active #header {
    height: auto !important;
}
.mobile_menu_active .header-widget {
    position: static !important;
    float: none;
    text-align: left;
    clear: both;
    margin: 0;
}
.mobile_menu_active .header-widget .widget {
    margin: 0 0 10px;
}
.mobile_menu_active #site-logo, .mobile_menu_active #site-description, .mobile_menu_active #main-nav {
    position: static;
    float: none;
    clear: both;
}
.mobile_menu_active #site-logo {
    font-size: 42px;
    text-align: left;
    padding: 0 90px 0 0;
    width: auto;
    margin: 10px 0;
}
.mobile_menu_active #site-logo a {
    font-size: 30px;
}
.mobile_menu_active #site-description {
    text-align: left;
    margin: 0 0 10px;
}
.mobile_menu_active .social-widget {
    position: static !important;
    margin: 10px 0;
    float: none;
    padding: 0;
}
.mobile_menu_active .mobile-button {
    position: relative;
    width: 32px;
    height: 30px;
    /*margin-bottom: 3px;*/
    margin-right: 3px;
    display: block;
    float: left;
    cursor: pointer;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
    top: -20px;

}
.mobile_menu_active .mobile-button:before {
    content: "\f0c9";
    font: normal 21px/1em FontAwesome;
    color: #000;
    position: absolute;
    top: 14px;
    left: 50%;
    margin: -.5em 0 0 -.5em;
    width: 1em;
    height: 1em;
    text-align: center;
}
.mobile_menu_active .mobile-button.active:before {
    color: #555;
}
.mobile_menu_active #main-nav-wrap {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1000;
}
.mobile_menu_active #main-nav {
    clear: both;
    /*position: static;
    width: 160px;
    padding: 10px 5px;
    background-color: #fff;
    border: solid 1px #999;*/
    display: none;
    text-align: left;
    /*box-shadow: 1px 2px 0 rgba(0, 0, 0, .2);
    border-radius: 5px;*/
    height: auto;
    /*margin: 10px 0;*/
    margin: 0 0 0 10px;
}
.mobile_menu_active #main-nav li {
    clear: both;
    float: none;
    margin: 0;
    padding: 15px;
    border: 0;
    box-shadow: none;
    width: 100%;
    text-align: center;
}
.mobile_menu_active #main-nav li:nth-child(even) {background-color: #E3E3E3;}
.mobile_menu_active #main-nav a, .mobile_menu_active #main-nav ul a {
    text-transform: inherit;
    background: 0;
    width: auto;
    display: inline;
    padding: 0;
    color: #aaa;
    font-size: 2.5rem;
    font-weight: bold;
    border: 0;
    text-shadow: none;
    box-shadow: none;
}
.mobile_menu_active #main-nav a:hover, .mobile_menu_active #main-nav ul a:hover {
    background: 0;
    color: #000;
}
.mobile_menu_active #main-nav ul {
    position: static;
    display: block;
    margin: 0;
    padding: 0;
    background: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.mobile_menu_active #searchform-wrap {
    position: absolute;
    top: 10px;
    right: 40px;
    z-index: 1000;
}
.mobile_menu_active #search-icon:before {
    content: "\f002";
    font-size: 19px;
}
.mobile_menu_active #header #searchform {
    clear: both;
    width: auto;
    position: static;
    overflow: hidden;
    background-color: #fff;
    border: solid 1px #999;
    padding: 5px;
    display: none;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
.mobile_menu_active #header #searchform #s {
    background-color: #ddd !important;
    color: #444 !important;
    padding-left: 8px;
}
.mobile_menu_active #header #searchform input#s:focus {
    width: 150px;
}
@media screen and (max-width:980px) {
    #pagewrap {
    max-width: 100%}
.pagewidth, .full_width .themify_builder_row .row_inner {
    max-width: 94%}
#content {
    margin: 7% 0 5%}
.sidebar1 #content {
    max-width: 67.8%}
#sidebar {
    margin: 7% 0 5%;
    max-width: 26.2%}
#sidebar .secondary {
    max-width: 47%}
.col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 {
    margin-left: 2%}
.first {
    margin-left: 0;
}
.col4-1 {
    max-width: 23%}
.col4-2, .col2-1 {
    max-width: 48%}
.col4-3 {
    max-width: 72%}
.col3-1 {
    max-width: 31%}
.col3-2 {
    max-width: 62%}
}@media screen and (max-width:769px)
{
    .loops-wrapper.grid2 .post, .loops-wrapper.grid3 .post, .loops-wrapper.grid4 .post, .loops-wrapper.grid2-thumb .post {
    clear: none;
    margin-left: 8  .2% !important;
    //width:  45% !important;
    float: left !important;

}
{
    .sidebar1 #content {
    width: 100%;
    max-width: 100%;
    float: none;
    clear: both;
}
#sidebar {
    width: 100%;
    max-width: 100%;
    float: none;
    clear: both;
}
#sidebar .secondary {
    width: 48%}
.list-thumb-image .post-content {
    overflow: visible;
}
.list-large-image .post-content {
    overflow: visible;
}


}@media screen and (max-width:680px) {
    .loops-wrapper.grid2 .post, .loops-wrapper.grid3 .post, .loops-wrapper.grid4 .post, .loops-wrapper.grid2-thumb .post {
    clear: none;
    margin-left: 3.2% !important;
    width:  45% !important;
    float: left !important;

}

html {
    -webkit-text-size-adjust: none;
}
.col4-1, .col4-2, .col2-1, .col4-3, .col3-1, .col3-2 {
    margin-left: 0;
    width: 100%;
    max-width: 100%}
.slide-content-wrap, .slide-excerpt {
    display: none;
}
.slides .slide-post-title {
    font-size: 100%}
.loops-wrapper {
    margin-left: 0 !important;
    width: auto !important;
}
.post {
   // width: 100% !important;
    max-width: 100% !important;
    //margin-left: 0 !important;
    float: left !important;
}
.post-nav .prev, .post-nav .next {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}
.commentlist {
    padding-left: 0;
}
.commentlist .commententry {
    clear: left;
}
.commentlist .avatar {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0 10px 10px 0;
}
.commentlist ul, .commentlist ol {
    margin: 0 0 0 7%}
#footer-logo {
    position: static !important;
}
.footer-nav {
    padding: 0;
}
.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary {
    float: none !important;
    width: 100% !important;
}
}
//MENOR PANTALLA //

@media screen and (max-width:670px) {
    .loops-wrapper.grid2 .post, .loops-wrapper.grid3 .post, .loops-wrapper.grid4 .post, .loops-wrapper.grid2-thumb .post {
    clear: none;

    //width:  22.5% !important;

}

html {
    -webkit-text-size-adjust: none;
}
.col4-1, .col4-2, .col2-1, .col4-3, .col3-1, .col3-2 {
    margin-left: 0;
    width: 100% !important;
    max-width: 100%}
.slide-content-wrap, .slide-excerpt {
    display: none;
}
.slides .slide-post-title {
    font-size: 100%}
.loops-wrapper {
    margin-left: 0 !important;
    width: auto !important;
}
.post {
    width: 100% !important;
    max-width: 100% !important;
    //margin-left: 0 !important;
    float: left !important;
}
.post-nav .prev, .post-nav .next {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}
.commentlist {
    padding-left: 0;
}
.commentlist .commententry {
    clear: left;
}
.commentlist .avatar {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0 10px 10px 0;
}
.commentlist ul, .commentlist ol {
    margin: 0 0 0 7%}
#footer-logo {
    position: static !important;
}
.footer-nav {
    padding: 0;
}
.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary {
    float: none !important;
    width: 100% !important;
}
}


@media screen and (max-width:350px) {
    .loops-wrapper.grid2 .post, .loops-wrapper.grid3 .post, .loops-wrapper.grid4 .post, .loops-wrapper.grid2-thumb .post {

 width: 120px !important;
 padding: 12px;
 margin-left: 8% !important;

}
}

@media screen and (max-width:320px) {
    .loops-wrapper.grid2 .post, .loops-wrapper.grid3 .post, .loops-wrapper.grid4 .post, .loops-wrapper.grid2-thumb .post, .p {

/* width: 120px !important;
 padding: 12px;
 margin-left: 8% !important;
 font-size: 11px !important;
*/

width: 150.4px !important;
margin-left: 0% !important;
font-size: 11px !important;

}

.btn-warning, .btn {
    font-size: 11px !important;
}
}

@media screen and (max-width:600px) {
    .loops-wrapper.grid2 .post, .loops-wrapper.grid3 .post, .loops-wrapper.grid4 .post, .loops-wrapper.grid2-thumb .post, .p {
  
/* width: 120px !important;
 padding: 12px;
 margin-left: 8% !important;
 font-size: 11px !important;
*/

width: 45% !important;
margin-left: 3.2% !important;
float: left !important;

}

.btn-warning, .btn {
    font-size: 11px !important;
}
}


@media (max-device-width: 768px) and (orientation: landscape) {
  .loops-wrapper.grid2 .post, .loops-wrapper.grid3 .post, .loops-wrapper.grid4 .post, .loops-wrapper.grid2-thumb .post {
    clear: none;
    margin-left: 10.2% !important;
    width:  35% !important;
    float: left !important;
    
  }
}

@media (max-device-width: 768px) and (orientation: landscape) {
  .loops-wrapper.grid2 .post, .loops-wrapper.grid3 .post, .loops-wrapper.grid4 .post, .loops-wrapper.grid2-thumb .post {
    clear: none;
    margin-left: 10.2% !important;
    width:  35% !important;
    float: left !important;
    
  }
}


@media (max-device-width: 768px) and (orientation: landscape) {
  .loops-wrapper.grid2 .post, .loops-wrapper.grid3 .post, .loops-wrapper.grid4 .post, .loops-wrapper.grid2-thumb .post {
    clear: none;
    margin-left: 10.2% !important;
    width:  35% !important;
    float: left !important;
    
  }
}