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

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

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

    .navbar-brand.left-align {
        text-align: center;
        float: none;
        max-width: 100%;
    }

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

}

@media (min-width: 980px) {

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

}

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

    header .menu-main-container {
        text-indent: -9999px;
        height: 0;
    }

    .menu-main-container.mm-menu {
        text-indent: 0;
        height: 100%;
    }

    #navbar-main,
    #header #menu-main-slide {
        display: none
    }

    .navbar-toggle {
        display: block
    }


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



    .content-area.full-layout .recent-posts article.post,
    .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;
    }



}

/* Tablet Portrait */
@media screen and (max-width: 768px) {

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

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

    #slider {
        height: 500px;
    }

    #slider .slide {
        height: 500px;
    }

    #slider .slide-background {
        width: 100%;
    }


    .slides li .slide-overlay {
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNzUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 26%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(26%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 26%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(0,0,0,0) 26%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(0,0,0,0) 26%,rgba(0,0,0,0.75) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 26%,rgba(0,0,0,0.75) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-8 */
    }


    .slides li .slide-header {
        left: 0;
        width: 100%;
    }

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

    .slides li h3 a { color: #fff; }

    .slides li h3 a:hover {
        text-decoration: none;
        opacity: .9;
        color: #fff;
    }

    .slides li .entry-meta {
        color: #fff;
    }

    .slides li .entry-meta a {
        color: #fff;
        padding-bottom: 4px;
    }

    .slides li .entry-meta a:hover {
        color: #fff;
    }

    .slides li .cat-links a {
        color: #fff;
    }

    .slides li .cat-links a:hover {
        color: #fff;
        opacity: .7;
    }

    .slides li .cat-links:after {
        background: rgba(255,255,255,.5);
    }

    .slides .slide_button {
        margin: 30px 0 0;
    }


    .slides .slide_button a {
         color: #fff;
        border: 1px solid #888;

    }

    .slides .slide_button a:hover,
    .slides .slide_button a:active {
        color: #fff;
        border-color: #fff;
    }


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


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


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



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

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


    #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%;
    }

    .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-main > .section-title {
        font-size: 22px;
    }

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

    .footer-widgets { display: block; }

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


}

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

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

    #slider  { height: 400px; }

    #slider .slide  { height: 400px; }

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

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


    .archive .recent-posts .post,
    .search .recent-posts .post {
        width: 100%;
        margin-right: 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;
    }


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

    .archive .recent-posts .post:nth-child(3n+3),
    .search .recent-posts .post:nth-child(3n+3) {
        margin-right: 0;
    }

    .col_arch  ul li { width: 100%; float: none; margin: 0 0 5px 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;  }

    .single .entry-meta span { display: block; margin: 0 0 7px; }

    .single .entry-meta span + span:before { display: none; }

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

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

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

}


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

    .single .share a { display: block; max-width: 50%; margin: 0 auto 20px; }

}