/******************************************
* Media Queries (Responsive Design)
*******************************************/
/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/
@media screen and (max-width: 1650px) {

    .portfolio-showcase .portfolio_item,
    .portfolio-archive .portfolio_item {
        width: 33.33333%;
    }

    .portfolio-showcase .portfolio_with_space .portfolio_item,
    .portfolio-archive .portfolio_with_space .portfolio_item {
        width: 32.33333%;
    }
}


@media screen and (max-width: 1250px) {

    .recent-posts.blog_3_col {
        padding: 0 3%;
    }

}


@media screen and (max-width: 1200px) {

    .fw-page-builder-content .feature-posts-list,
    .widgetized-section .feature-posts-list { margin: 0 -15px; }

    .widgetized-section .featured-products li { width: 23%;  margin-right: 2%; }

    .widgetized-section .featured-products li img { max-width: 100%; height: auto; }

    .wpzlb-layout .wpzlb-inner-wrap, .wpzlb-layout .wrapped { max-width: 96%; }

    .entry-thumbnail-popover-content p {
        display: none;
    }

}


@media screen and (min-width: 1100px) {

    .portfolio-showcase .col_no_4 .portfolio_item,
    .portfolio-archive .col_no_4 .portfolio_item {
        width: 25%;
    }

    .portfolio-showcase .portfolio_with_space.col_no_4 .portfolio_item,
    .portfolio-archive .portfolio_with_space.col_no_4 .portfolio_item {
        width: 24%;
    }

    .portfolio-showcase .col_no_5 .portfolio_item,
    .portfolio-archive .col_no_5 .portfolio_item {
        width: 20%;
    }

    .portfolio-showcase .portfolio_with_space.col_no_5 .portfolio_item,
    .portfolio-archive .portfolio_with_space.col_no_5 .portfolio_item {
        width: 19%;
    }

}


@media screen and (max-width: 1024px) {
    /* Menu */
    .site-header.has-menu-overlay .navbar { position: relative; background: #111; }

    .side-nav .navbar-nav {
        display: block;
    }

    .navbar-toggle { display: block; }

    .navbar-collapse { display: none; }

    .navbar-nav { float: none; }

    .single-portfolio_item .has-post-cover .entry-header {
        max-width: 80%;
    }


    .side-nav .navbar-nav li a:hover, .side-nav .navbar-nav li a:active {
        color: #fff;
    }
    .side-nav .navbar-nav li.menu-item-has-children > a .child-arrow {
        content: "\f347";
        display: inline-block;
        float: right;
        font: normal 28px/28px 'dashicons';
        -webkit-font-smoothing: antialiased;
        vertical-align: middle;
        color: #999;
        margin: 0 0 0 10px;
        -moz-transition: 0.1s ease color, 0.5s ease transform;
        -webkit-transition: 0.1s ease color, 0.5s ease transform;
        -o-transition: 0.1s ease color, 0.5s ease transform;
        transition: 0.1s ease color, 0.5s ease transform;
    }

    .side-nav .navbar-nav li.menu-item-has-children > a .child-arrow:hover,
    .side-nav .navbar-nav li.menu-item-has-children > a .child-arrow:active {
        color: #fff;
    }

    .side-nav .navbar-nav li.menu-item-has-children.open > a .child-arrow {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .side-nav .navbar-nav ul {
        display: none;
        margin-left: 20px;
    }

    .navbar-nav li { display: block; float: none; margin: 10px 0; padding: 0 0 5px; border-bottom: 1px solid rgba(255,255,255,.1); }

    .navbar-nav ul li,
    .navbar-nav li a { border: none; padding: 0; margin: 7px 0; }

    .navbar-nav li a { color: #fff; font-weight: 600; text-transform: uppercase;}

    .navbar-nav ul li a { text-transform: none; font-weight: normal; font-size: 14px; }

    .navbar-nav a:hover { border: none; }

    .navbar-nav > li > a:hover { border: none }

    .navbar-nav > li > a.sf-with-ul:hover { border-bottom: none }

    .navbar-nav li a { padding: 4px 0 }

    .navbar-nav ul:before { display: none }

    .navbar-nav ul ul { left: 0 }

    .navbar-nav li li a { color: #ccc }

    a.cart-button { float: none; margin-top: 12px; }

    .current-menu-item a, .current_page_item a, .current-menu-parent a, .current_page_parent a { border-bottom: none }

    .page-template-template-home-widgets .slides > li h3,
    .home .slides > li h3 { font-size: 56px !important; }

    .slides > li .excerpt { font-size: 18px !important;}

    .single .slides > li .excerpt { font-size: 14px !important;}

    .entry-thumbnail-popover-content { bottom: 0; padding: 10px 20px; }
    .has-post-thumbnail .entry-thumbnail-popover { opacity: 1; }

    .portfolio_item:hover .entry-thumbnail-popover { background: none; }

    .entry-thumbnail-popover-content.lightbox_popup_insp {
        background: rgba(0, 0, 0, 0.12);
    }

    .portfolio-popup-video { opacity: 1; }

    .has-post-thumbnail .entry-thumbnail-popover:before {  content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D000000', endColorstr='#33000000', GradientType=0); }
    .has-post-thumbnail .entry-thumbnail-popover:after { display: none; }
    .has-post-thumbnail .entry-thumbnail-popover-content { opacity: 1; }

    .entry-thumbnail-popover-content h3 { font-size: 18px !important; }

    .entry-thumbnail-popover-content.lightbox_popup_insp h3 { display: block; font-size: 14px !important; }


    .entry-thumbnail-popover-content p, .entry-thumbnail-popover-content .btn { display: none; }
    .portfolio-view_all-link .entry-thumbnail-popover-content .btn { display: inline-block; float: right; }

    .link_to_post { display: block }

    .portfolio-showcase .portfolio_item:hover img, .portfolio-archive .portfolio_item:hover img, .portfolio-scroller .portfolio_item:hover img { transform: none }


    .recent-posts .post-thumb img { max-width: 100%; height: auto; }

    .page .has-post-cover .entry-header .entry-title, .single .has-post-cover .entry-header .entry-title { font-size: 42px !important; }

    .previous-post-cover h3 {
        font-size: 30px !important;
    }

    .widgetized-section .featured-products li .shop_item_details { opacity: .7; }

    .footer-widgets.widget-columns-4 .column {
        width: 48%;
        margin-right: 4%;
    }

    .footer-widgets.widget-columns-3 .column {
        width: 31%;
        margin-right: 3.5%;
    }

    .footer-widgets.widget-columns-2 .column {
        width: 48%;
        margin-right: 4%;
    }

    .footer-widgets.widget-columns-1 .column {
        width: 100%;
    }

    .footer-widgets.widget-columns-2 .column:nth-child(2n+2),
    .footer-widgets.widget-columns-3 .column:nth-child(3n+3),
    .footer-widgets.widget-columns-4 .column:nth-child(2n+2) {
        margin-right: 0;
    }

}

@media screen and (max-width: 890px) {

    .recent-posts.blog_3_col > article {
        width: 48%;
        margin: 0 4% 40px 0;
    }

    .recent-posts.blog_3_col > article:nth-of-type(3n+3) {
        margin-right: 4%;
    }

    .recent-posts.blog_3_col > article:nth-of-type(2n+2) {
        margin-right: 0;
    }

}


@media screen and (max-width: 768px) {

    .single-portfolio_item .slides > li .li-wrap { display: none; }

    body { line-height: 1.8; }

    .navbar-brand-wpz { max-width: 60%; }

    .navbar-brand-wpz img { max-width: 100%; height: auto; max-height: 100px; width: auto; }

    #slider .slides > li, #slider .flex-viewport, #slider .slides { min-height: 300px; }

    .page-template-template-home-widgets .slides > li h3,
    .home .slides > li h3 { font-size: 38px !important }

    .slides > li .slide_button a { font-size: 20px !important }

    .slides > li .li-wrap { margin-top: 30px !important; }

    .wrap .site-main { width: 100%; }
    .wrap .sidebar--shop { width: 100%; }

    .section-title { font-size: 20px !important; }

    .page .has-post-cover .entry-cover, .single .has-post-cover .entry-cover { min-height: 350px; }

    .page .has-post-cover .entry-header .entry-meta, .single .has-post-cover .entry-header .entry-meta { font-size: 16px !important; }

    .page .has-post-cover .entry-header .entry-title, .single .has-post-cover .entry-header .entry-title { margin-bottom: 10px; }

    .widgetized-section .featured-products { text-align: center }

    .widgetized-section .featured-products li { width: 45%; margin-right: 2%; }

    .portfolio-showcase .portfolio_item,
    .portfolio-archive .portfolio_item { width: 50% }

    .portfolio-showcase .portfolio_with_space .portfolio_item,
    .portfolio-archive .portfolio_with_space .portfolio_item { width: 49% }


    .widgetized-section .featured_page_content .post-content { -moz-column-count: 1; -moz-column-gap: 10%; -webkit-column-count: 1; -webkit-column-gap: 50px; }

    .widgetized-section .featured_page_wrap.text-columns-2 .post-content { -moz-column-count: 1; -moz-column-gap: 10%; -webkit-column-count: 1; -webkit-column-gap: 50px; }

    .recent-posts .entry-body { width: 100%; float: none; }

    .recent-posts .entry-meta { width: 100%; float: none;  }

    .recent-posts .entry-meta p { float: left; margin-right: 15px; }

    .recent-posts .post-thumb img { max-width: 100%; height: auto; }

    .entry-title { font-size: 32px !important }

    .recent-posts.blog_3_col .entry-title {
        font-size: 18px !important;
    }

    .page .share a, .single .share a { width: auto; clear: both; display: table; margin: 0 auto 20px; }

    .portfolio-archive-taxonomies a { padding: 0; border: none; margin-right: 15px; font-size: 14px !important; }

    .portfolio-archive-taxonomies { padding: 20px 0; }

    .portfolio-archive-taxonomies li {
        margin-bottom: 0;
    }

    #respond input { width: 100% }

    .form-allowed-tags { display: none }

    .feature-posts-list small { font-size: 14px; }

    .previous-post-cover h4 {
        font-size: 16px !important;
    }

    .sb-search .sb-search-input { font-size: 32px; }
    .carousel_widget_wrapper .portfolio_item {
        height: 300px;
        max-width: 100%;
    }

    .carousel_widget_wrapper .portfolio_item img {
        height: 300px !important;
        width: auto;
    }


    .widgetized-section .featured_page_content .post-content {
        max-width: 100%;
    }


    .previous-post-cover h3 {
        font-size: 24px !important;
    }

    .fw-category-image {
        margin-bottom: 20px;
    }

    .footer-widgets { display: block; }

    .footer-widgets .column {
        width: 100% !important;
        display: block;
        border: none;
    }

    .portfolio-showcase .portfolio_item video, .portfolio-archive .portfolio_item video {
        display: none !important;
    }

    .portfolio-showcase .portfolio_item:hover video,
    .portfolio-archive .portfolio_item:hover video {
        z-index: -100;
        display: none !important;
    }

    .portfolio-showcase .portfolio_item.is-portfolio-gallery-video-background:hover img,
    .portfolio-archive .portfolio_item.is-portfolio-gallery-video-background:hover img {
        opacity: 1;
    }

    .portfolio-showcase .portfolio_item.is-portfolio-gallery-video-background img,
    .portfolio-archive .portfolio_item.is-portfolio-gallery-video-background img {
        opacity: 1;
    }

    .portfolio-grid .portfolio_item:hover .entry-thumbnail-popover {
        background: none;
    }

}

@media screen and (max-width: 640px) {

    .category_description { font-size: 14px; }

    .navbar-brand-wpz h1 { letter-spacing: 0; line-height: 1; }
    .navbar-brand-wpz a { font-size: 20px !important; }

    .fw-page-builder-content .feature-posts-list > li,
    .widgetized-section .feature-posts-list > li { width: 100%; padding: 0 30px; margin-bottom: 40px; float: left; }

    .slides > li .excerpt { font-size: 16px !important; text-shadow: none; margin-top: 10px;  }

    .page-template-template-home-widgets .slides > li h3,
    .home .slides > li h3 { font-size: 24px !important; padding-bottom: 0; }

    .slides > li .slide_button a { font-size: 14px !important; padding: 7px 20px; }

    .slides > li .li-wrap { margin-top: 0; max-width: 76%;  }

    .slides > li h3 a:after, .slides > li h3.missing-url:after { display: none }

    .slides > li h3:after {
        display: none;
    }

    .background-video-buttons-wrapper { display: none; }

    .slides .popup-video { margin-top: 20px; width:60px; height:60px; line-height: 55px; }

    .slides .popup-video:after { font-size: 35px !important; line-height: 20px; }


    .entry-title { font-size: 24px !important; line-height: 1.5;}


    .woocommerce-pagination .page-numbers, .paging-navigation .page-numbers { font-size: 16px !important; }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        float: none;
        width: 100%;
    }

    .portfolio-archive-taxonomies a { font-size: 12px !important; }

    .portfolio-archive-taxonomies li + li { margin-left: 0; }

    .page .has-post-cover .entry-header .entry-title, .single .has-post-cover .entry-header .entry-title { font-size: 24px !important }

    .widget_wpzoom-instagram li:nth-child(3n+3) { margin-right: 15px }

    .side-nav__close-button { display: block; }

    .side-nav-open .site .navbar-toggle .icon-bar:nth-child(2) { -webkit-transform: rotateZ(-40deg) translate3d(4px, 17px, 0); transform: rotateZ(-40deg) translate3d(4px, 17px, 0); width: 12px; }
    .side-nav-open .site .navbar-toggle .icon-bar:nth-child(3) { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); opacity: 1; }
    .side-nav-open .site .navbar-toggle .icon-bar:nth-child(4) { -webkit-transform: rotateZ(40deg) translate3d(4px, -17px, 0); transform: rotateZ(40deg) translate3d(4px, -17px, 0); width: 12px; }

    .side-nav__wrap { padding-top: 20px; }

    .site-info { font-size: 14px ; }

    .previous-info {
        padding: 10% 5%;
        min-height: 200px;
    }

    .site-info .copyright, .site-info .designed-by {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    .header_social { display: none; }


    .recent-posts.blog_3_col > article {
        width: 100%;
        margin: 0 0 40px;
        display: block;
        font-size: 14px;
    }

    .recent-posts.blog_3_col > article:nth-of-type(3n+3) {
        margin-right: 0;
    }

    .recent-posts.blog_3_col > article:nth-of-type(2n+2) {
        margin-right: 0;
    }

}

@media screen and (max-width: 460px) {

    .sb-search .sb-search-input { font-size: 20px; }

    .portfolio-showcase .portfolio_item,
    .portfolio-archive .portfolio_item { width: 100%; }

    .portfolio-showcase .portfolio_with_space .portfolio_item,
    .portfolio-archive .portfolio_with_space .portfolio_item { width: 100%; }


    .widgetized-section .featured-products li { width: 100%;  margin-right: 0; }

    .side-nav-open .site {
        -webkit-transform: translateX(-86%);
            -ms-transform: translateX(-86%);
                transform: translateX(-86%);
    }

    .side-nav {
        width: 86%;
    }

    .side-nav-transitioning,
    .side-nav-open .side-nav-overlay {
        right: 86%;
    }

    .side-nav__scrollable-container {
        -webkit-transform: translateX(80%);
            -ms-transform: translateX(80%);
                transform: translateX(80%);
    }

    .side-nav__wrap {
        padding-bottom: 30px;
    }

    .navbar-nav ul {
        width: auto;
    }

    .side-nav .widget {
        margin-bottom: 30px;
    }

    .side-nav .title {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 380px) {

    .sb-search .sb-search-input { font-size: 16px; font-weight: 300; }

    .side-nav__scrollable-container {
        width: 100%;
    }
}