/************************************************************************************
MOBILE MENU ACTIVE
*************************************************************************************/
/* change max-width to trigger mobile menu active class */

/* ensure #nav is visible on desktop version */
body:not(.mobile_menu_active) #main-nav {
    display: block !important;
}
body:not(.mobile_menu_active) #menu-icon span {
    display: none;
}

/************************************************************************************
HEADER
*************************************************************************************/
/* header */
.mobile_menu_active #header {
    height: auto !important;
    padding-top: 20px;
}

/* nav bar */
.mobile_menu_active #nav-bar {
    display: none;
}

/* reset absolute elements to static */
.mobile_menu_active #site-logo,
.mobile_menu_active #site-description,
.mobile_menu_active #main-nav {
    position: static;
    float: none;
    clear: both;
}

/* site logo */
.mobile_menu_active #site-logo a {
    font-size: 30px;
}

/* site description */
.mobile_menu_active #site-description {
    margin: 0 0 10px;
}

/* social widget */
.mobile_menu_active .social-widget {
    position: static !important;
    padding: 10px 0;
    float: none;
}

/* searchform */
.mobile_menu_active #header #searchform {
    left: auto !important;
    right: 0 !important;
    top: 20px !important;
    width: 150px;
}
.mobile_menu_active #header #searchform #s {
    float: right;
    width: 50px;
}
.mobile_menu_active #header #searchform input#s:focus {
    width: 150px;
}

/************************************************************************************
MOBILE NAV BUTTON
*************************************************************************************/
.mobile_menu_active .mobile-button {
    background-color: #c3c3c3;
    position: relative;
    width: 32px;
    height: 30px;
    margin-bottom: 3px;
    margin-right: 3px;
    display: block;
    float: right;
    cursor: pointer;
    border-radius: 5px;
    display: none;
}
.mobile_menu_active .mobile-button:before {
    content: "\f0c9";
    font: normal 21px/1em FontAwesome;
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.5em 0 0 -.5em;
    width: 1em;
    height: 1em;
    text-align: center;
}
.mobile_menu_active .mobile-button.active:before {
    color: #555;
}

/************************************************************************************
MAIN NAV (MOBILE)
*************************************************************************************/
/* main nav */
.mobile_menu_active #main-nav {
    clear: both;
    position: absolute;
    top: 124px;
    right: 0;
    left: auto;
    bottom: auto;
    width: 160px;
    z-index: 1000;
    padding: 10px 5px;
    background-color: #fff;
    border: solid 1px #999;
    display: none; /* visibility will be toggled with jquery */
    box-shadow: 1px 2px 0 rgba(0,0,0,.2);
    border-radius: 5px;
}
.mobile_menu_active #main-nav li {
    clear: both;
    float: none;
    margin: 5px 0 5px 10px;
    padding: 0;
    border: none;
    box-shadow: none;
    background: none;
}
.mobile_menu_active #main-nav a, 
.mobile_menu_active #main-nav ul a {
    font: inherit;
    text-transform: inherit;
    background: none;
    width: auto;
    display: inline;
    padding: 0;
    color: #666;
    border: none;
    text-shadow: none;
    box-shadow: none;
}
.mobile_menu_active #main-nav a:hover, 
.mobile_menu_active #main-nav ul a:hover {
    background: none;
    color: #000;
}

/* dropdown */
.mobile_menu_active #main-nav ul {
    position: static;
    display: block;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.mobile_menu_active #main-nav .sub-arrow {
    display: none !important;
}

@media screen and (max-width: 1060px) {
    #main-nav a {
        margin: 0 17px;
    }
    .arrow::before {
        left: -70px;
    }
    .content-menu{
        background-size: auto 100%;
    }
    #header {
        height: auto;
    }
    .social-links .icon-medium img {
        max-width: 31px;
        max-height: 33px;
    }
    #header .col5-1.second img, #header .col5-1.fourth img{
        width: 70%;
    }
    /************************************************************************************
    FOR PAGE SKIN
    *************************************************************************************/
    .skin-page .pagewidth,
    .skin-page-black .pagewidth {
        max-width: 100%;
    }
    /* content */
    .skin-page #content,
    .skin-page-black #content {
        width: 67.8%;
    }

    /* sidebar */
    .skin-page #sidebar,
    .skin-page-black #sidebar {
        width: 26.2%;
    }
}

@media screen and (max-width: 980px) {
    .CTA h2{
        font-size: 24px;
    }

    /************************************************************************************
    STRUCTURE
    *************************************************************************************/
    .pagewidth,
    .full_width .themify_builder_row .row_inner {
        width: 100%;
        padding: 0 30px;
        max-width: none;
    }

    /* content */
    #content {
        width: 67.8%;
    }

    /* sidebar */
    #sidebar {
        width: 26.2%;
    }

    .fullwidth_row_container, .fullwidth {
        margin-left: -30px!important;
        margin-right: -30px!important;
        width: calc(100% + 60px)!important;
    }
    .fullwidth.move-imagezm {
        margin-left: 0px!important;
        margin-right: 0px!important;
        width: 100%!important;
    }
}
@media screen and (max-width: 800px){
    body:not(.home) #layout #content h4 {
        font-size: 16px;
    }
    .menu_content .module-buttons.squared a span {
        font-size: 8px;
    }

    .content-menu{
        display: none;
    }

    .mobile_menu_active .social-widget{
        text-align: center;
        margin-bottom: 10px;
    }
    /* fix mobile */

    #header .col5-1.second , #header .col5-1.fourth {
        display: none;
    }

    body #body h1 {
        font-size: 46px;
    }
    .themify_builder_90_row.module_row_0.module_row .row_inner.gutter-none {
        font-size: 0;
        display: block;
    }
    #header .col5-1.first, #header .col5-1.third, #header .col5-1.last {
        display: inline-block;
        width: 30%;
        float: none;
        vertical-align: middle;
    }
    #header .col5-1.third {
        width: 40%;
        padding: 0 3%;
    }
    .mobile_menu_active #header {
        height: auto !important;
        padding-top: 0;
    }
    body .social-widget {
        margin: 10px -50px 0!important;
        padding: 13px!important;
        bottom: initial;
        left: initial;
        position: relative!important;
        background: rgba(0, 0, 0, 0.2);
        float: none!important;
        text-align: center!important;
    }
    #imagen1, #imagen2, #imagen3 {
        display: none!important;
    }
    #imagen1 {
        display: block!important;
    }
    body .wprmenu_bar .hamburger {
        float: right;
    }
    body #wprmenu_bar .menu_title {
        font-size: 0!important;
    }
    .themify_builder .text-233-2-0-0.module-text h3 {
        font-size: 24px;
    }
    .themify_builder_233_row.module_row_2.module_row {
        background-size: cover!important;
        background-position: center!important;
        background-attachment: initial!important;
    }
    #plain-text-233-3-0-0 iframe {
        max-height: 270px;
    }
    body.page-id-178 #layout #content h4 {
        font-size: 20px;
    }
    body.page-id-178 #layout #content h4 br {
        display: none;
    }
    body #divider-191-0-0-1 {
        margin: -25px auto 0;
    }
    body .CTA .col4-2, body .cta_first {
        border: none!important;
    }
    .widgettitle {
        margin: 0 0 4px;
    }
    .widget {
        margin: 0 0 20px;
    }
    #mg-wprm-wrap.cbp-spmenu-right, #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right.custom, #mg-wprm-wrap.cbp-spmenu-left.custom, .cbp-spmenu-vertical {
        width: 100%;
        max-width: none;
        background: rgba(0, 0, 0, 0.7);
    }
    #mg-wprm-wrap ul li {
        border: none;
    }
    body #mg-wprm-wrap ul li, body #mg-wprm-wrap li.current-menu-item, #mg-wprm-wrap li:hover {
        background: url(/wp-content/uploads/2018/05/home_fortune_1.png);
        background-repeat: no-repeat!important;
        background-position: 0 0!important;
        background-size: 100%!important;
        overflow: hidden;
        height: auto;
    }
    body #mg-wprm-wrap ul li:nth-child(2), body #mg-wprm-wrap li:nth-child(2).current-menu-item, #mg-wprm-wrap li:nth-child(2):hover {
        background: url(/wp-content/uploads/2018/05/home_fortune_2.png);
    }
    body #mg-wprm-wrap ul li:nth-child(3), body #mg-wprm-wrap li:nth-child(3).current-menu-item, #mg-wprm-wrap li:nth-child(3):hover {
        background: url(/wp-content/uploads/2018/05/home_fortune_3.png);
    }
    body #mg-wprm-wrap ul li:nth-child(4), body #mg-wprm-wrap li:nth-child(4).current-menu-item, #mg-wprm-wrap li:nth-child(3):hover {
        background: url(/wp-content/uploads/2018/05/home_fortune_4.png);
    }
    body #mg-wprm-wrap ul li:nth-child(5), body #mg-wprm-wrap li:nth-child(5).current-menu-item, #mg-wprm-wrap li:nth-child(3):hover {
        background: url(/wp-content/uploads/2018/05/home_fortune_5.png);
    }
    body #mg-wprm-wrap ul li:nth-child(6), body #mg-wprm-wrap li:nth-child(6).current-menu-item, #mg-wprm-wrap li:nth-child(3):hover {
        background: url(/chino/wp-content/uploads/2018/05/home_fortune_6.png);
    }
    body #mg-wprm-wrap ul li a {
        display: block;
        height: 100%;
        width: 100%;
        color: #2f3132;
        text-decoration: none;
        font-size: 13px!important;
        font-family: 'Chino_Outdoor';
        padding: 0!important;
        line-height: 47px;
        text-align: center;
        background: none!important;
    }
    #mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a {
        color: #2f3132!important;
        line-height: 44px;
    }
    body #mg-wprm-wrap ul#wprmenu_menu_ul li.current-menu-item.menu-item > a, #mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item:hover > a {
        color: #CC2128!important;
    }
    body #wprmenu_menu_ul {
        padding: 50px 0;
        max-width: 280px;
        margin: 0 auto;
    }
    .themify_builder_content-419 {
        height: calc(100% - 59px);
    }
    div#mg-wprm-wrap ul li span.wprmenu_icon {
        display: none;
    }
    #mg-wprm-wrap ul li ul.sub-menu li {
        border: none;
        position: relative;
        height: 37px;
        margin-bottom: 7px;
    }
    #mg-wprm-wrap ul li ul.sub-menu li a {
        font-size: 11px!important;
        line-height: 41px!important;
    }
    #footer {
        padding: 22px 22px 0;
    }
}
@media screen and (max-width: 760px) {

    /************************************************************************************
    STRUCTURE
    *************************************************************************************/
    #content {
        width: 100% !important;
        max-width: 100% !important;
        float: none;
        clear: both;
    }

    /* sidebar */
    #sidebar {
        width: 100% !important;
        max-width: 100% !important;
        float: none;
        clear: both;
    }
    #sidebar .secondary {
        width: 48%;
    }

    /************************************************************************************
    LAYOUT
    *************************************************************************************/
    .list-thumb-image .post-content {
        overflow: visible;
    }
    .list-large-image .post-content {
        overflow: visible;
    }


}

@media screen and (max-width: 680px) {
  .footer-widgets .col3-1:nth-child(1),.footer-widgets .col3-1:nth-child(2) {
    width: 100%;
}
  .social-links .icon-medium i {
    margin-top: -5px;
}
  #footerwrap #text-2 .widgettitle, #footerwrap #text-3 .widgettitle {
    font-size: 16px;
  }
  #footerwrap {
    font-size: 11px;
  }
  #header .fa-instagram::before {
width: 24px;
height: 28px;
  }
  .widget .social-links li {
    height: 28px;
}
  #header .fa-facebook::before {
width: 15.43px;
height: 29px;
  }
    .menu_content .col5-1{
        padding: 10px 0;
    }
    .menu_content .col5-1{
        padding: 10px 0 20px;
    }
    .menu_content .col5-1 .module-buttons.squared a{
        visibility: visible;
        opacity: 1;
    }
    body #body h1 {
        font-size: 34px;
    }
    .footer-widgets .col4-1, .footer-widgets .col4-1 p{
        width: 100% !important;
        text-align: center !important;
    }
    .footer-widgets .col4-1 img{
        float: none;
        margin-left: auto;
    }
    #header .col5-1:not(.last) .module-text {
        padding-top: 0px;
    }

    /************************************************************************************
    HEADING
    *************************************************************************************/
    h1 {
        font-size: 1.8em;
    }
    h2 {
        font-size: 1.6em;
    }
    h3 {
        font-size: 1.4em;
    }
    h4 {
        font-size: 1.2em;
    }	

    /************************************************************************************
    LAYOUTS
    *************************************************************************************/

    /* grid4 */
    .loops-wrapper.grid4 .post {
        width: 100%;
        margin-left: 0;
        float: none;
    }

    /* grid3 */
    .loops-wrapper.grid3 .post {
        width: 100%;
        margin-left: 0;
        float: none;
    }

    /************************************************************************************
    POST VIDEO (css for fluid video)
    *************************************************************************************/
    .post-video {
        clear: both;
    }

    /* disable webkit text size adjust (for iPhone) */
    html {
        -webkit-text-size-adjust: none;
    }

    /************************************************************************************
    GRID
    *************************************************************************************/
    .col4-1,
    .col4-2, .col2-1,
    .col4-3,
    .col3-1,
    .col3-2	 {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }

    /************************************************************************************
    LAYOUT
    *************************************************************************************/
    /* loops-wrapper */
    .loops-wrapper {
        margin-left: 0 !important;
        width: auto !important;
    }

    /* post */
    .post {
        width: auto !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
    }

    /************************************************************************************
    POST NAV
    *************************************************************************************/
    .post-nav .prev, .post-nav .next {
        display: block;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
    }

    /************************************************************************************
    COMMENTS
    *************************************************************************************/
    .commentlist {
        padding-left: 0;
    }
    .commentlist .commententry {
        clear: left;
    }
    .commentlist .avatar {
        float: left;
        width: 40px;
        height: 40px;
        margin: 0 10px 10px 0;
    }

    /************************************************************************************
    WOOCOMMERCE SUPPORT
    *************************************************************************************/
    .woocommerce #content div.product div.images,
    .woocommerce #content div.product div.summary {
        float: none !important;
        width: 100% !important;
    }

}


/* Responsive Gallery items */
@media screen and (max-width: 1024px) {
    .gallery-columns-5 .gallery-item:nth-of-type(5n),
    .gallery-columns-6 .gallery-item:nth-of-type(6n),
    .gallery-columns-7 .gallery-item:nth-of-type(7n),
    .gallery-columns-8 .gallery-item:nth-of-type(8n),
    .gallery-columns-9 .gallery-item:nth-of-type(9n) {
        margin-right: 1.5%;
    }
    .gallery-columns-5 .gallery-item:nth-of-type(4n+1),
    .gallery-columns-6 .gallery-item:nth-of-type(4n+1),
    .gallery-columns-7 .gallery-item:nth-of-type(4n+1),
    .gallery-columns-8 .gallery-item:nth-of-type(4n+1),
    .gallery-columns-9 .gallery-item:nth-of-type(4n+1) {
        clear: left;
    }
    .gallery-columns-5 .gallery-item:nth-of-type(4n),
    .gallery-columns-6 .gallery-item:nth-of-type(4n),
    .gallery-columns-7 .gallery-item:nth-of-type(4n),
    .gallery-columns-8 .gallery-item:nth-of-type(4n),
    .gallery-columns-9 .gallery-item:nth-of-type(4n) {
        margin-right: 0;
    }
    .gallery-columns-5 .gallery-item + br,
    .gallery-columns-6 .gallery-item + br,
    .gallery-columns-7 .gallery-item + br,
    .gallery-columns-8 .gallery-item + br,
    .gallery-columns-9 .gallery-item + br {
        display: none;
    }

    /* clear none gallery item different sizes */
    .gallery-columns-5 .gallery-item:nth-of-type(5n + 1),
    .gallery-columns-6 .gallery-item:nth-of-type(6n + 1),
    .gallery-columns-7 .gallery-item:nth-of-type(7n + 1),
    .gallery-columns-8 .gallery-item:nth-of-type(8n + 1),
    .gallery-columns-9 .gallery-item:nth-of-type(9n + 1) {
        clear: none;
    }

    /* gallery column 5,6,7,8 and 9 */
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        width: 23.8%;
    }
}
@media screen and (max-width: 680px) {
    .gallery-columns-3 .gallery-item + br {
        display: none;
    }
    .gallery-columns-3 .gallery-item:nth-of-type(3n) {
        margin-right: 1.5%;
    }

    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        width: 49.2%;
    }
    .gallery-columns-3 .gallery-item:nth-of-type(2n),
    .gallery-columns-4 .gallery-item:nth-of-type(2n),
    .gallery-columns-5 .gallery-item:nth-of-type(2n),
    .gallery-columns-6 .gallery-item:nth-of-type(2n),
    .gallery-columns-7 .gallery-item:nth-of-type(2n),
    .gallery-columns-8 .gallery-item:nth-of-type(2n),
    .gallery-columns-9 .gallery-item:nth-of-type(2n) {
        margin-right: 0;
    }

    /* clear none gallery item different sizes */
    .gallery-columns-4 .gallery-item:nth-of-type(4n + 1),
    .gallery-columns-3 .gallery-item:nth-of-type(3n + 1),
    .gallery-columns-2 .gallery-item:nth-of-type(2n + 1) {
        clear: none;
    }
    .themify_builder .text-233-2-0-0.module-text h3 {
        font-size: 15px;
    }

}