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

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

    .content-area {
        width: 69%;
    }

    #sidebar {
        width: 28%;
    }

    .sidebar_content {
        max-width: 100%;
    }

    .site-info {
        padding: 30px 2%;
    }

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

    .navbar-brand-wpz.left-align {
        max-width: 50%;
    }

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

    .adv {
        max-width: 47%;
    }



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

}



@media (min-width: 1200px) {

    #menu-top-slide {
        display: none !important;
    }

    #menu-main-slide {
        display: none !important;
    }


}



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

    /* Menu */
    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 { display: none; }
    .navbar-toggle { display: block }

    .top-navbar .navbar-toggle {
        margin: 10px 0;
    }


}


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

    .content-area {
        width: 100%;
        float: none;
    }

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


    .navbar-brand-wpz,
    .navbar-brand-wpz.left-align {
        max-width: 100%;
        float: none;
        margin: 30px 0;
        text-align: center;
    }

    .adv {
        max-width: 100%;
        float: none;
        text-align: center;
        margin: 0 0 20px;
    }


    #slider {
        width: 100%;
        margin: 0 0 30px;
    }


    .slider_widgets {
        float: none;
        width: 100%;
    }


    .slider_widgets .widget {
        margin: 0;
        float: left;
        width: 47%;
    }

    .slider_widgets .widget:nth-child(2n+2) {
        margin-left: 6%;
    }


    .slider_widgets .wpzoom-featured-cat .featured-grid-2 > div .post-thumb img {
        height: auto;
    }

}

@media (min-width: 1030px) {

    .slider_widgets .wpzoom-featured-cat .featured-grid-2 > div .post-thumb img {
        max-width: 350px;
        min-height: 230px;
    }

}


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

    .grid_posts .recent-posts .post,
    .grid_posts .recent-posts .type-page  {
        width: 48%;
        margin-right: 4%;
    }

    .grid_posts .recent-posts > .post:nth-child(2n+2),
    .grid_posts .recent-posts .type-page:nth-child(2n+2) {
        margin-right: 0;
    }

    .grid_posts .recent-posts > .post:nth-child(4n+4),
    .grid_posts .recent-posts .type-page:nth-child(4n+4) {
        margin-right: 0;
    }

}



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


    #slider .slides {
        height: 400px;
    }

    #slider .slide {
        height: 400px;
    }


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





    /* 3 Posts */
    .wpzoom-featured-cat .featured-grid-3 > div h3.entry-title {
        font-size: 16px;
    }



    /* 4 Posts */
    .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div {
        width: 48%;
        margin-bottom: 30px;
        margin-right: 4%;
    }

    .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div:nth-child(2n+2) {
        margin-right: 0;
    }


    /*5 Posts */

    .wpzoom-featured-cat .featured-grid-5 > div:nth-child(3) h3.entry-title,
    .wpzoom-featured-cat .featured-grid-5 > div:nth-child(4) h3.entry-title,
    .wpzoom-featured-cat .featured-grid-5 > div:nth-child(5) h3.entry-title {
        font-size: 16px;
    }

    /* 6 Posts */
    .wpzoom-featured-cat .featured-grid-6 > div h3.entry-title {
        font-size: 16px;
    }

}



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


    .navbar-brand-wpz h1 {
        font-size: 36px;
    }

    #news-ticker h3 { display: none; }

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


    .archive-title {
        font-size: 26px;
    }

    .related_posts {
        display: none;
    }

    .featured_category_2col .feat-cat_small_list h3.entry-title,
    .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div h3.entry-title,
    .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div h3.entry-title {
        font-size: 16px;
    }

    .featured_category_2col .feat-cat_small_list .post-thumb,
    .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div:not(:first-child) .post-thumb,
    .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div:not(:first-child) .post-thumb {
        max-width: 30%;
        margin: 0 15px 20px 0;
    }

    .wpzoom-featured-cat .featured-style-style_text h3.entry-title {
        margin-bottom: 3px;
    }

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

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

    .form-allowed-tags {
        display: none
    }



    .content-area {
        width: 100%;
        float: none;
    }

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


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

    }

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

    .site-widgetized-section .widgets-3 .widget { width: 32%; margin-right: 2%; }
    .site-widgetized-section .widgets-3 .widget:last-child { margin-right: 0; }

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

    .site-widgetized-section .widgets-2 .widget { width: 48%; margin-right: 4%; }
    .site-widgetized-section .widgets-2 .widget:last-child { margin-right: 0; }

    .site-widgetized-section .widgets-1 .widget { width: 100%; margin-right: 0; }


    .footer-widgets { display: block; }

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


    .recent-posts .entry-title, .woocommerce ul.products li.product h3 {
        font-size: 22px;
    }

}



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


    .slider_widgets .widget {
        margin: 0 0 3px;
        float: none;
        width: 100%;
    }

    .slider_widgets .widget.wpzoom-featured-cat {
        margin: 0 0 30px;
    }

    .slider_widgets .wpzoom-featured-cat .featured-grid-2 > div {
        max-height: none;
        width: auto;
        float: left;
    }


    .slider_widgets .widget:nth-child(2n+2) {
        margin-left: 0;
    }


    .slider_widgets .wpzoom-featured-cat .featured-grid-2 > div .post-thumb img {
        height: auto;
    }


    /* 2 Posts */
    .wpzoom-featured-cat .featured-grid-2 > div { width: auto; }



    /* 3 Posts */
    .wpzoom-featured-cat .featured-grid-3 > div {
        width: auto;
    }


    .wpzoom-featured-cat .featured-grid-3.featured-style-style_text > div {
        width: 100%;
        margin-bottom: 30px;
    }

    .wpzoom-featured-cat .featured-grid-3.featured-style-style_text > div:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }

    .wpzoom-featured-cat .featured-grid-3 > div h3.entry-title {
        font-size: 20px;
    }



    /* 5 Posts */
    .wpzoom-featured-cat .featured-grid-5 > div:nth-child(1),
    .wpzoom-featured-cat .featured-grid-5 > div:nth-child(2) {
        width: 100%;
    }

    .wpzoom-featured-cat .featured-grid-5 > div {
        width: 100%;
    }




    .wpzoom-featured-cat .featured-grid-5 > div:nth-child(3) h3.entry-title,
    .wpzoom-featured-cat .featured-grid-5 > div:nth-child(4) h3.entry-title,
    .wpzoom-featured-cat .featured-grid-5 > div:nth-child(5) h3.entry-title {
        font-size: 22px;
    }






    /* 6 Posts */
    .wpzoom-featured-cat .featured-grid-6 > div {
        width: 100%;
    }

    .wpzoom-featured-cat .featured-grid-6 > div h3.entry-title {
        font-size: 20px;
    }

    .wpzoom-featured-cat .featured-grid-6.featured-style-style_text > div {
         width: 100%;
    }

    .wpzoom-featured-cat .featured-grid-6.featured-style-style_text > div:nth-child(-n+3) {
        margin-bottom: 30px;
    }

    .wpzoom-featured-cat .featured-grid-6.featured-style-style_text > div:nth-child(2),
    .wpzoom-featured-cat .featured-grid-6.featured-style-style_text > div:nth-child(5) {
        margin-left: 0;
        margin-right: 0;
    }

    .wpzoom-featured-cat h3.entry-title {
        font-size: 20px;
    }

    .wpzoom-featured-cat .featured-grid-6 > div h3.entry-title {
        font-size: 18px;
    }


    .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div:first-child h3.entry-title {
        font-size: 20px;
    }


}


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

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

    .tagline {
        font-size: 14px;
    }

    #slider .slides {
        height: 300px;
    }

    #slider .slide {
        height: 300px;
    }


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


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


    .slides li .slide-header {
        width: 66%;
        margin: 0 17%;
        bottom: 37%;
    }

    .flickity-prev-next-button {
        top: 45%;
        height: 30px;
        width: 30px;
    }


    #respond > h3,
    #comments > h3 {
        font-size: 22px;
    }

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

    .recent-posts > .post:nth-child(2n+2) {
        margin-right: 0;
    }

    .recent-posts > .post:nth-child(4n+4) {
        margin-right: 0;
    }

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

    .recent-posts .entry-title, .woocommerce ul.products li.product h3 {
        font-size: 20px;
    }

    .page h1.entry-title,
    .single h1.entry-title {
        font-size: 26px;
        font-weight: 900;
        line-height: 1.4;
    }

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


    .single .post_author > img {
        display: block;
        float: none;
        text-align: center;
        margin: 0 0 15px;
    }



    /* 4 Posts */

    .wpzoom-featured-cat .featured-grid-4 > div {
        width: auto;
    }


    .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div:nth-child(2n+2) {
        margin-right: 0;
    }


    .col_arch  ul li { width: 100%; float: none; margin: 0 0 5px 0; }



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

    .post-item .entry-title {
        font-size: 18px;
    }

    .slider_widgets .wpzoom-featured-cat .featured-grid-2 > div h3.entry-title {
        font-size: 18px;
    }


}



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


    .featured_category_2col {
        display: block;
        font-size: 0;
        width: 100%;
        margin: 0 0 40px;
    }

    .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div:first-child,
    .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div:first-child {
        width: 100%;
        float: none;
        margin-right: 0;
    }


    .right_col_posts {
        width: 100% !important;
        float: none;
        margin-top: 25px;
    }


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

}


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


    .grid_posts .recent-posts .post,
    .grid_posts .recent-posts .type-page  {
        width: 100%;
        margin-right: 0;
        display: block;
    }



}