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

    div.wrapper,
    .single-nova_menu_item .menu-group-header,
    .tax-nova_menu .menu-group-header {
        margin-right: 3%;
        margin-left: 3%;
        max-width: 94%;
    }

}


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

    .site-slider h2 {
        font-size: 70px;
    }

}

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

    .gallery {
        margin-left: 0;
        margin-right: 0;
    }

    .aligncenter,
    .alignnone {
        max-width: 100%;
    }

    .aligncenter img,
    .alignnone img {
        max-width: 100%;
    }

    .alignleft {
        margin-left: 0;
    }

    .alignright {
        margin-right: 0;
    }

}


@media (min-width: 980px) {

    .navbar-header {
        display: none;
    }

    .navbar-header .navbar-toggle {
        display: none;
    }

}


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

    #navbar-main {
        display: none
    }

    .navbar-brand h1,
    .navbar-brand h1 a {
        font-size: 40px !important;
    }

    .site-slider .slide-content {
        font-size: 18px;
        margin-right: 12%;
        margin-left: 12%;
    }

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


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

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

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


}


@media screen and ( max-height: 800px ) {

    .site-slider h2 {
        font-size: 60px;
    }

    .site-slider .slide-content {
        font-size: 18px;
    }

}


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

    .site-slider h2 {
        font-size: 40px;
    }

    .site-slider .slide-content {
        font-size: 16px;
    }

    .entry-footer {
        text-align: center;
    }

    .page-meta .section-title,
    .page-meta .singular-category {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .meta-left {
        width: 100%;
    }

    .entry-footer .post_author {
        text-align: center;
        width: 100%;
        margin-top: 30px;
    }

    .entry-footer .post_author img {
        float: none;
        margin: 0;
    }

    .post-blog .entry-title {
        font-size: 30px;
    }

    .woocommerce h2.entry-title,
    .page h1.entry-title,
    .single h1.entry-title {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .nova-menu-filter {
        padding: 25px 0 20px;
    }

    .nova-menu-filter li {
        padding: 0;
        margin: 0 10px 5px;
        border: none;
        font-weight: normal;
        text-transform: none;
    }

    .nova-menu-filter li:hover {
        color: #C16F2D;
    }

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

    #respond .form_fields .comment-form-author,
    #respond .form_fields .comment-form-email,
    #respond .form_fields .comment-form-url {
        width: 100%;
    }

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

    .form-allowed-tags {
        display: none
    }

    .footer-widgets {
        display: block;
    }

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


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

}

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

    .navbar-brand h1, .navbar-brand h1 a {
        font-size: 30px !important;
    }

    .site-header {
        position: relative;
        padding: 20px 0;
    }

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

    #content,
    #slider {
        margin-top: 0 !important;
    }

    .site-slider h2 {
        margin-bottom: 0;
        line-height: 1.3;
    }

    .site-slider h2::after {
        display: none;
    }

    .site-slider .slide-excerpt {
        display: none;
    }

    .site-slider .button {
        margin-top: 30px;
        font-size: 14px;
    }

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

    #pageslide {
        width: 85%;
    }

    .page h1.entry-title {
        font-size: 32px;
    }


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

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

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


    /* Navigation */
    div.navigation { font-size: 12px; margin: 15px 0; }
    div.navigation a { padding: 6px; margin:0; border: none; }
    div.navigation a:hover { background: none; }
    div.navigation span.current { padding: 6px; margin: 0; 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: 6px 0; background: none; border: none; color: #666; font-size: 12px; }

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

}