/******************************************
* 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: 1420px) {

    .wpz_layout_boxed .page-wrap  {
        max-width: 94%;
    }

    .inner-wrap {
        padding: 0 4%;
        max-width: 100%;
    }

    .sb-search { right: 4%; }

    .adv img,
    .adv_side img,
    .adv_content img {
        max-width: 100%;
        height: auto;
    }


    .content-area,
    .shop-wrapper.side-right {
        width: 66%;
    }

    #sidebar {
        width: 30%;
    }


    .post-thumb_left,
    .post-video_left,
    .post-thumb_right,
    .post-video_right { width: 50%; }

    .widget.carousel-slider,
    .site-widgetized-section .widgets .widget.carousel-slider {
        overflow: hidden;
    }

    .carousel-slider {
        margin-right: auto;
        margin-left: auto;
    }


    .carousel_widget_wrapper > .flickity-enabled {
        padding: 0 6%;
    }

    .carousel-slider .flickity-prev-next-button.previous {
        left: 0;
    }

    .carousel-slider .flickity-prev-next-button.next {
        right: 0;
    }

    .wpzoom-testimonial blockquote { font-size: 16px; line-height: 30px; }


    .wpzoom_subpages ul.subpages-5 > li { width: 31.5%; margin-right: 2.75%; }
    .wpzoom_subpages ul.subpages-5 > li:nth-child(3n+3) { margin-right: 0; }

}

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

    .content-area,
    .shop-wrapper.side-right {
        width: 100%;
        float: none;
    }

    #sidebar {
        width: 100%;
        float: none;
    }

    .slide-style-3 .slides li .slide-header {
        width: 80%;
        margin: 0 10%;
    }

}


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

    #menu {
        display: none;
    }

    .slicknav_menu {
        display: block;
    }

    .header_social {
        float: none;
        text-align: left;
    }

    #navbar-top,
    #navbar-main {
        display: none
    }

    .navbar-toggle {
        display: block
    }

    .navbar-brand-wpz a {
        font-size: 45px;
    }

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

    .homepage_widgets .home_column {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
        display: block;
    }

    .content-area.full-layout .recent-posts article,
    .content-area.full-layout .recent-posts .type-page {
        width: 48%;
        margin: 0 4% 30px 0;
    }

    .content-area.full-layout .recent-posts article:nth-of-type(3n+3) {
        margin-right: 4%;
    }

    .content-area.full-layout .recent-posts article:nth-of-type(2n+2) {
        margin-right: 0;
    }

    .carousel-slider .item {
        margin: 0 2% 0 0;
        width: 48%;
    }

    .carousel-slider .flickity-enabled .item {
        display: inline-block;
        margin: 0 2% 0 0;
        width: 49%;
    }

    .recent-projects .jetpack-portfolio .entry-title {
        font-size: 16px;
    }


    .fw-page-builder-content .feature-posts-list > li, .homepage_full .feature-posts-list > li {
      width: 48%;
      margin-right: 4%;
    }

    .fw-page-builder-content .feature-posts-list > li:nth-child(4n+4),
    .homepage_full .feature-posts-list > li:nth-child(4n+4) {
      margin-right: 4%; }

    .fw-page-builder-content .feature-posts-list > li:nth-child(2n+2),
      .homepage_full .feature-posts-list > li:nth-child(2n+2) {
        margin-right: 0; }

    .slides li .slide-header p { font-size: 14px; }

    .wpzoom_subpages ul.subpages-4 > li { width: 48%; margin: 0 3% 30px 0; }
    .wpzoom_subpages ul.subpages-4 > li:nth-child(2n+2) { margin-right: 0; }

    .wpzoom-singlepage .featured_page_content {
      padding-top: 0;
    }
}

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

    .slide-style-3 .slides li h3 { font-size: 28px; }

    .navbar-brand-wpz {
        margin: 20px 0;
    }

    .navbar-brand-wpz.left-align {
        display: block;
        width: 100%;
    }

    .adv {
        display: block;
        text-align: left;
        width: 100%;
        margin: 0 0 30px;
    }


    .page h1.entry-title, .single h1.entry-title {
        font-size: 36px;
    }

    .entry-cover {
        margin-bottom: 30px;
        min-height: 350px;
    }
}

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


    #tribe-events .tribe-events-content p { display: none; }
    .tribe-events-list .vevent.hentry h2 { font-size: 24px; }

    .tribe-events-list-widget h4.entry-title { font-size: 16px; }

}



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

    .header_social {
        text-align: center;
    }

    .slicknav_btn {
        float: none;
        display: inline-block;
    }

    .slicknav_menu {
        text-align: center;
    }

    .slicknav_nav a {
        text-align: left;
    }

    .brand-wrap { text-align: center; }
    .adv { text-align: center; }

    .navbar-brand-wpz a { font-size: 34px; }

    .navbar-brand-wpz h1 {
        letter-spacing: 0;
    }

    .navbar-brand-wpz .tagline { font-size: 14px; }

    #slider {
        height: 400px;
    }

    #slider .slide {
        height: 400px;
    }

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

    .slides .slide_button { font-size: 14px; }

    .slide-style-3 .slides li .slide-header { padding: 4%; }

    .flickity-prev-next-button.previous {
        left: 3%; }

      .flickity-prev-next-button.next {
        right: 3%; }

    .recent-posts.blog-view article .entry-title,
    .recent-posts.blog-view .post .entry-title { font-size: 26px; }

    .page h1.entry-title, .single h1.entry-title {
        font-size: 30px;
    }

    .entry-cover {
        min-height: 300px;
    }

    .entry-title { font-size: 20px; }

    .recent-posts.list-view article .entry-title,
    .recent-posts.list-view .post .entry-title {
        /*font-size: 26px;*/
    }

    .recent-posts .post.sticky .entry-title {
        font-size: 26px;
    }


    .page .site-main > article,
    .single .site-main > article {
        width: 100%;
        max-width: 100%;
        float: none;
    }

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


    /* Full Width Sticky */
    .content-area.full-layout .recent-posts .post.sticky .post-thumb {
        float: none;
        max-width: 100%;
        margin: 0 0 30px;
    }


    .content-area.full-layout .recent-posts .post.sticky .entry-title,
    .content-area.full-layout .recent-posts .post.sticky .entry-meta,
    .content-area.full-layout .recent-posts .post.sticky .cat-links,
    .content-area.full-layout .recent-posts .post.sticky .readmore_button {
        text-align: center;
    }


    .entry-cover .entry-info h1.entry-title {
        margin-bottom: 0;
    }

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


    #respond .form_fields p {
        margin-bottom: 24px;
        width: 100%;
        float: none;
        padding-left: 0;
    }

    .form-allowed-tags {
        display: none
    }

    .content-area,
    .shop-wrapper.side-right {
        width: 100%;
        float: none;
    }

    #sidebar {
        float: none;
        margin: 50px 0 0;
        width: 100%;
        max-width: 100%;
    }

    .woocommerce #sidebar {
        display: none;
    }

    .wpzoom-featured-cat h3 {
        font-size: 18px;
    }

    .widget .feature-posts-list li h3 {
        font-size: 16px;
    }

    .featured-list h4 {
        font-size: 16px;
    }


    .site-widgetized-section .widgets {
        width: 100%;
        margin: 0 auto;
    }

    .footer-widgets { display: block; }

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


    .wpzoom_subpages ul.subpages-3 > li { width: 100%; margin-right: 0; }
    .wpzoom_subpages ul.subpages-3 > li .post-thumb  { text-align: center; }

    .wpzoom_subpages ul.subpages-5 > li { width: 100%; margin-right: 0; }
    .wpzoom_subpages ul.subpages-5 > li .post-thumb  { text-align: center; }



    /* Projects */

    .recent-projects article {
        width: 100%;
        margin-right: 0;
    }

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

    .portfolio-archive-taxonomies li {
        font-size: 16px;
    }

    .page-template-testimonials .testimonial {
        margin: 0 0 50px 0;
        width: 100%;
        display: block;
    }

    .page-template-testimonials .testimonial:nth-child(2n+2) {
        margin-right: 0;
    }

    .homepage_full .post-video_left { float: none; margin: 0 0 20px; width: 100%; }
    .homepage_full .post-video_right { float: none; margin: 0 0 20px; width: 100%; }


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

    h2.fw-special-title { font-size: 20px; }

    .wpz-btn { font-size: 14px; }

    .fw-pricing-container {
        max-width: 100%;
        margin-bottom: 30px;
    }


    .tribe-events-loop .tribe-events-event-meta { float: none; width: 100%; background: none; border: none; margin: 0 0 15px; padding: 0; }

    #tribe-events-pg-template { padding: 0; }

}

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

    .wpzoom-testimonial .testomonial_wrapper { padding: 0 12%; }


    .wpz_layout_boxed .page-wrap  {
        max-width: 100%;
    }

    .navbar-brand-wpz a { font-size: 26px; }

    .recent-posts .post-thumb { max-width: 100%; float: none; margin: 0 0 30px; }

    #slider  { height: 300px; }

    #slider .slide  { height: 300px; }

    .slides li h3 { font-weight: 600 !important; font-size: 22px; }

    .slide-style-3 .slides li h3 { font-size: 24px; }

    .slides li .slide-header p { display: none; }

    .slides .slide_button a { font-size: 14px; }

    .slide-style-3 .slides li .slide-overlay {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.6)));
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.6) 100%);
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.6) 100%);
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.6) 100%);
    }

    .slide-style-3 .slides .slide_button a { background: #fff !important; color: #000 !important; }
    .slide-style-3 .slides .slide_button a:hover, .slide-style-3 .slides .slide_button a:active { background: #000 !important; color: #fff !important; }

    .slide-style-3 .slides li .slide-header { background: none; box-shadow: none; }

    .slide-style-3 .slides li h3 { color: #fff; }
    .slide-style-3 .slides li h3 a { color: #fff; }

    .slides li .cat-links { display: none; }

    .slides li .entry-meta { display: none; }

    .recent-posts article,
    .recent-posts .post {
        width: 100%;
        margin-right: 0;
    }

    .recent-posts.list-view article .post-thumb,
    .recent-posts.list-view .post .post-thumb {
        width: 100%;
        max-width: none;
        float: none;
        margin: 0 0 20px;
    }

    .post-video_left,
    .post-video_right,
    .post-thumb_left,
    .post-thumb_right { width: 100%; float: none; margin: 0 0 10px;}

    .wpzoom-singlepage .featured_page_content {
      font-size: 14px;
      padding-top: 0;
    }

    .content-area.full-layout .recent-posts article.post,
    .content-area.full-layout .recent-posts .type-page {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .content-area.full-layout .recent-posts article:nth-of-type(3n+3) {
        margin-right: 0;
    }

    .content-area.full-layout .recent-posts article:nth-of-type(2n+2) {
        margin-right: 0;
    }


    .entry-meta { font-size: 12px; }

    .page h1.entry-title, .single h1.entry-title { font-size: 28px; }

    /* by default there are 4 widgets */
    .site-widgetized-section .widgets .widget {
        width: 100%;
        margin-right: 0;

    }

    .site-widgetized-section .widgets .widget:last-child,
    .site-widgetized-section .widgets-3 .widget { width: 100%; margin-right: 0; }
    .site-widgetized-section .widgets-3 .widget:nth-child(2n + 2) { margin-right: 0; }
    .site-widgetized-section .widgets-2 .widget { width: 100%; margin-right: 0; }


    /* Navigation */
    div.navigation { font-size: 14px; margin: 15px 0; }
    div.navigation a { padding: 6px 10px;  border: none; }
    div.navigation a:hover { background: none; }
    div.navigation span.current { padding: 6px 10px; color: #333; background: none; }
    div.navigation span.pages { margin-right: 15px; display: none; }
    div.navigation span.dots { color: #999; line-height: 100%; margin: 0 2px;}
    div.navigation .prev, div.navigation .next { position: absolute; padding: 8px 0; border: none; color: #666;  }

    .wpzoom_subpages ul.subpages-4 > li { width: 100%; margin: 0 0 30px 0; }
    .wpzoom_subpages ul.subpages-4 > li:nth-child(2n+2) { margin-right: 0; }


    .single .post_author .author-bio {
        font-size: 14px;
    }

    .single .author-description {
        overflow: visible;
    }

    .single .post_author > img {
        margin-bottom: 15px;
    }

    .author_links a { font-size: 14px; }

    .carousel-slider .item {
        margin: 0;
        width: 100%;
    }

    .carousel-slider .flickity-enabled .item {
        margin: 0;
        width: 100%;
    }

    .carousel_widget_wrapper > .flickity-enabled {
        padding: 0 10%;
    }

    .homepage_widgets .widget h3.title {
        font-size: 20px;
    }

    .entry-cover {
        min-height: 250px;
    }


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

    .fw-page-builder-content .feature-posts-list > li, .homepage_full .feature-posts-list > li {
      width: 100%;
      margin-right: 0;
      display: block;
    }

    .fw-page-builder-content .feature-posts-list > li:nth-child(4n+4),
    .homepage_full .feature-posts-list > li:nth-child(4n+4) {
      margin-right: 0; }

    .fw-page-builder-content .feature-posts-list > li:nth-child(2n+2),
      .homepage_full .feature-posts-list > li:nth-child(2n+2) {
        margin-right: 0; }

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

    .gigpress-table {
        border: none !important;
    }

    .gigpress-header {
        display: none;
    }

    .gigpress-row td {
        border: none !important;
    }

    .gigpress-table td {
        width: 100%;
        display: block;
        padding: 4px 0 !important;
        border-bottom: none;
    }

    tr.gigpress-info td {
        border-bottom: none;
    }

    h2 {
        font-size: 22px;
    }
}


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

    .author_links a {
        display: block;
        margin: 0 0 10px;
    }

}