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

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

    .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: 30px;
        line-height: 1.3;
    }

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

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

    .site-slider .button {
        font-size: 14px;
        margin-bottom: 15px;
    }

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

}


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

    .site-slider .button.slide-button-secondary {
        margin-left: 7px;
    }

    .site-slider .button {
        margin-right: 7px;
    }

    .site-slider .button {
        padding: 10px 20px;
    }

}