/******************************************
* 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: 1190px) {
    .inner-wrap { width: 92% }
    .slider-wrap .inner-wrap { width: 100% }
    .portfolio-meta { width: 27% }
    .single-portfolio_item .entry-content { width: 70% }
    .single .share { padding-left: 0 }
    .single .share a { margin: 0 15px 0 0 }
    .post_author { padding-left: 0 }
    .footer-widgets .column { width: 22%; margin-right: 3%; }
    .footer-widgets .widget_wpzoom-instagram li img { width: 64px }
}

@media screen and (max-width: 1040px) {
    .recent-posts { width: 100% }
}

@media screen and (max-width: 1024px) {
    #slider .slides { height: 450px }
    #slider .slides > li { height: 450px }
    .slide-content h3 { font-size: 26px }
    .single .share a { font-size: 14px; padding: 5px 10px; }
    .widget .feature-posts-list li h3 { font-size: 18px }
    .footer-widgets.widget-columns-4 .column { width: 48%; margin-right: 4%; }
    .footer-widgets .widget_wpzoom-instagram li { margin-right: 12px }
    .footer-widgets .widget_wpzoom-instagram li img { width: 80px }
    .footer-widgets .column { width: 48%; margin-right: 4%; }
    .footer-widgets .column:nth-child(2n+2) { margin-right: 0 }
}

@media (min-width: 980px) {
    #menu-top-slide { display: none !important }
    #menu-main-slide { display: none !important }
}

@media screen and (max-width: 979px) {
    header .menu-top-container { text-indent: -9999px; height: 0; }
    header .menu-main-container { text-indent: -9999px; height: 0; }
    .menu-top-container.mm-menu { text-indent: 0; height: 100%; }
    .menu-main-container.mm-menu { text-indent: 0; height: 100%; }
    #navbar-top, #navbar-main, #header #menu-main-slide { display: none }
    .navbar-toggle { display: block }

    .main-navbar { flex: 2; }
    .navbar-brand-wpz { flex: 1; }
}

@media screen and (max-width: 860px) {
    #slider .slides { height: 350px }
    #slider .slides > li { height: 350px }
    .slide-content h3 { font-size: 20px }
    .single .share a { clear: both; margin: 0 0 15px; }
    .single .share a:after { content: " "; display: table; }
    h3.entry-title, h1.entry-title { font-size: 26px }
    .post-wrap, .entry-body { max-width: 100% }
    #heading span.description { max-width: 100% }
    .home_widgets .home_column.last { margin: 0; padding: 0; border: none; }
    .portfolio-meta { width: 100%; margin-bottom: 30px; }
    .portfolio-meta > span { width: 30%; float: left; margin-left: 5%; }
    .portfolio-meta > span:first-child { margin-left: 0 }
    .single-portfolio_item .entry-content { width: 100% }
}

@media screen and (max-width: 768px) {
    .main-navbar { flex: 1; }
    .navbar-brand-wpz { flex: 1; }

    .featured_page_content .post-content { font-size: 14px }
    .home_widgets.three-cols .widget h3.title { font-size: 16px }
    .portfolio_item h3 { font-size: 16px }
    .portfolio_item .post-thumb:hover .item_overlay { display: none }
    .portfolio_item { width: 48%; margin: 0 3% 40px 0; }
    .portfolio-posts .portfolio_item:nth-child(3n+3) { margin-right: 3% }
    .portfolio-posts .portfolio_item:nth-child(2n+2) { margin-right: 0 }
    .portfolio-main .portfolio_item { width: 48%; margin: 0 1% 40px 1%; }
    .portfolio-sidebar { text-align: left }
    .portfolio-sidebar .portfolio-taxonomies .cat-item { margin-right: 10px }
    #respond input[type="text"] { width: 100% }
    .form-allowed-tags { display: none }
    .site-info .copyright, .site-info .designed-by { width: 100%; float: none; text-align: left; }
    .site-info .designed-by { float: none; text-align: left; }
}

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


    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        float: none;
        width: 100%;
    }
    #heading h2 { font-size: 24px; }
    #heading span.description { font-size: 14px; }
    #slider .slides { height: 250px }
    #slider .slides > li { height: 250px }
    .slide-content h3 { font-size: 14px }
    #slider .flex-direction-nav .flex-prev:after, #slider .flex-direction-nav .flex-next:after { font-size: 16px; padding: 10px 8px; }
    .slide-content .slide_button a { font-size: 10px }
    .page-header.has-post-cover h1.archive-title, .page-header.has-post-cover h2.archive-title { font-size: 24px }
    .page-header p { font-size: 14px }
    .page-header.has-post-cover p { font-size: 14px }
    .page-header { padding: 25px 0 }
    .page-header h1.archive-title, .page-header h2.archive-title { font-size: 24px }
    .page-header.has-post-cover { padding: 40px 0 }
    div.navigation { font-size: 12px }
    div.navigation a { padding: 0 6px }
    div.navigation span.current { border: none; padding: 0 6px; color: #ff671b; }
    div.navigation .prev, div.navigation .next { padding: 0; border: none; font-weight: normal; letter-spacing: 0; }
    div.navigation .prev:hover, div.navigation .next:hover { background-color: #fff; color: #ff671b; }
    .entry-meta { font-size: 12px }
    .single .entry-meta span { display: block }
    .single-post .entry-meta { margin-bottom: 20px }
    .portfolio-sidebar a { font-size: 12px }
    .portfolio-sidebar { padding: 20px 0 }
    .single-portfolio_item .page-header.has-post-cover { padding: 80px 0 }
    .portfolio_item { width: 100%; margin: 0 0 40px 0; }
    .portfolio-posts .portfolio_item:nth-child(3n+3) { margin-right: 0 }
    .portfolio-posts .portfolio_item:nth-child(2n+2) { margin-right: 0 }
    .portfolio-main .portfolio_item { width: 100%; margin: 0 0 40px; }
    .home_widgets .widget .feature-posts-list small { display: block; width: 100%; float: none; margin: 0 0 10px; }
    #heading .action { font-size: 14px }
    .navbar-brand-wpz .tagline { display: none }
    .navbar-brand-wpz img { margin-bottom: 0; }
    .flex-control-nav { display: none }
    .portfolio_item-nav .inner-wrap { height: 40px }
    .portfolio_item-nav .all_items { height: 40px }
    .portfolio_item-nav .all_items a { width: 21px; height: 20px; margin: 11px 16px; }
    .portfolio_item-next { height: 40px }
    .portfolio_item-next li { height: 40px; padding: 10px; }
    .footer-widgets.widget-columns-2 .column, .footer-widgets.widget-columns-3 .column, .footer-widgets.widget-columns-4 .column { width: 100% }
    .home_widgets .home_column { width: 100% !important; margin-right: 0; }
    .home_widgets .widget .feature-posts-list small { font-size: 12px; min-width: 124px; width: auto; padding-right: 10px; }
    .footer-widgets .column { width: 100%; float: none; margin-right: 0; }
    .portfolio-meta > span { width: 100%; float: none; margin-left: 0; }
    .site-info { font-size: 12px }
}

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

    .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
        font-size: 12px;
    }
}