/******************************************
* 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
add your styles in Customizer > Additional CSS.

*/
@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%;
    }

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


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

    .wrap,
    .inner-wrap {
        padding-right: 3%;
        padding-left: 3%;
    }

    .widgetized-section .widget {
        padding-right: 3%;
        padding-left: 3%;
    }

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

    .featured_page_inner_wrap {
        padding-bottom: 30px;
    }

    .featured_page_wrap--with-background .featured_page_inner_wrap {
        padding-bottom: 50px;
    }

}


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


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

    .wpzoom-featured-products .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_1 .portfolio_item,
    .portfolio-archive .col_no_1 .portfolio_item {
        width: 100%;
    }

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

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


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

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


    .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 (min-width: 769px) {

    .portfolio-showcase .portfolio_template_clean .col_no_1 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_1 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_1 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_1 .portfolio_item {
        margin-bottom: 30px;
    }

    .portfolio-showcase .portfolio_template_clean .col_no_2 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_2 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item {
        width: 47%;
        margin-right: 1.5%;
        margin-left: 1.5%;
        margin-bottom: 30px;
    }


    .portfolio-showcase .portfolio_template_clean .col_no_3 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_3 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item {
        width: 30%;
        margin-right: 1.5%;
        margin-left: 1.5%;
        margin-bottom: 30px;
    }


    .portfolio-showcase .portfolio_template_clean .col_no_4 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_4 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item {
        width: 22%;
        margin-right: 1.5%;
        margin-left: 1.5%;
        margin-bottom: 30px;
    }

    .portfolio-showcase .portfolio_template_clean .col_no_5 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_5 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item {
        width: 17%;
        margin-right: 1.5%;
        margin-left: 1.5%;
        margin-bottom: 30px;
    }


}



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


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


    /* Menu */
    .site-header.has-menu-overlay .navbar { position: relative; background: #111; }

    .side-nav .navbar-nav {
        display: block;
        margin-left: 0;
        position: relative;
    }

    .navbar-toggle { display: block; }

    .navbar-collapse { display: none; }

    .navbar-nav { float: none; }

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

    #comments,
    .page .entry-footer, .single .entry-footer,
    .page .entry-info, .single .entry-info, .blog .entry-info,
    .page .entry-content, .single .entry-content {
        padding: 0 4%;
    }

    .wrap,
    .inner-wrap {
        padding-right: 4%;
        padding-left: 4%;
    }

    .widgetized-section .widget {
        padding-left: 4%;
        padding-right: 4%;
    }

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

    .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";
        float: right;
/*        top: 50%;
        transform: translateY(-50%);*/

        font-family: 'dashicons';
        font-weight: normal;
        font-size: 22px;
        line-height: 100%;
        -webkit-font-smoothing: antialiased;
        color: #999;
        margin: 4px 0 0 10px;
        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;
        position: relative;
        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 }

    .slides > li h3 { font-size: 56px; }

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

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

    .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; }

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


    .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; }

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

    .wpzoom-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) {

    #main {
        padding-top: 0 !important;
    }

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

    body { line-height: 1.8; }

    .site-header.headroom--not-top,
    .site-header {
        position: relative;
    }

    .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; }

    .slides > li h3 { font-size: 38px }

    .slides > li .slide_button a { font-size: 16px }

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

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

    .section-title { font-size: 20px; margin-top: 40px; }

    .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; }

    .wpzoom-featured-products .featured-products { text-align: center }

    .wpzoom-featured-products .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% }


    .portfolio-showcase .portfolio_template_clean .col_no_5 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_5 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .col_no_4 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_4 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .col_no_3 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_3 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .col_no_2 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_2 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item {
        width: 47%;
        margin-right: 1.5%;
        margin-left: 1.5%;
        margin-bottom: 35px;
    }


    .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; max-width: 100%; }

    .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 }

    .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;
    }

    .portfolio-view_all-link .btn {
        margin: 25px 0;
    }

    #respond input[type="text"] { 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-grid.always-play-background-video .portfolio_item video {
      /*opacity: 1; */
    }


    .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;
    }

    .section-footer .zoom-instagram-widget .zoom-instagram-widget__items .zoom-instagram-widget__item a {
        max-width: 150px;
        max-height: 150px;
    }

    .fw-page-builder-content .feature-posts-list>li,
    .widgetized-section .feature-posts-list>li {
        width: 100%;
        margin-right:0;
        margin-left: 0;
    }

}

@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; }

    .clean_skin_wrap_post h3 { font-size: 16px; }

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

    .slides > li h3 { font-size: 24px; padding-bottom: 0; }

    .slides > li .slide_button a { font-size: 14px; 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;
    }

    .page .entry-content, .single .entry-content {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .recent-posts .entry-meta { font-size: 14px; }

    /*.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; }

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

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


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

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product,
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        float: none;
        width: 100%;
    }

    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        float: none;
    }

    .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 }

    .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: 0;
    }

    .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: 782px) {

    #slider .li-wrap .wp-block-button.alignright,
    #slider .li-wrap .wp-block-button.alignleft {
        text-align: center;
    }

    #slider .li-wrap .wp-block-button.alignright,
    #slider .li-wrap .wp-block-button.alignleft {
        float: none;
    }

    #slider .li-wrap .wp-block-column {
        flex-basis: 100%;
    }

    #slider .li-wrap .wp-block-button.alignleft {
        margin-right: 0;
    }

}

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

    #slider .li-wrap .wp-block-button.alignright,
    #slider .li-wrap .wp-block-button.alignleft {
        margin-right: 0;
        margin-left: 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%; }


    .portfolio-showcase .portfolio_template_clean .col_no_5 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_5 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .col_no_4 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_4 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .col_no_3 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_3 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .col_no_2 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .col_no_2 .portfolio_item,
    .portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item,
    .portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }


    .wpzoom-featured-products .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%;
    }
}
