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

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

}

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

    .slides > li .li-wrap {
        max-width: 79%;
    }

    #slider .slides {
       min-height: 500px;
       height: 600px;
    }


    #slider .slides > li {
       height: 600px;
    }


}


@media (min-width: 1300px) {

    .full-width .entry-content > * {
        max-width: 100%;
    }

}

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


    .section-title {
        font-size: 36px;
    }

    .widget .title {
        font-size: 28px;
    }

    .single h1.entry-title, .page h1.entry-title {
        max-width: 90%;
    }


    .portfolio-showcase .portfolio-grid.col_no_4 .portfolio_item,
    .portfolio-archive .portfolio-grid.col_no_4 .portfolio_item {
        width: 31.5%;
        margin-right: 0.916%;
        margin-left: 0.916%;
    }

}



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


    .builder-wrap .fw-container {
      width: 96%;
    }

    .header-archive {
        max-width: 90%;
    }

    .slides > li h3 { font-size: 46px }

    .slides > li .excerpt { font-size: 18px }

    .page .has-post-cover .entry-header .entry-title, .single .has-post-cover .entry-header .entry-title { font-size: 42px }

    .previous-post-cover h3 {
        font-size: 30px;
    }

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

    .entry-header .entry-cover {
        height: 500px;
    }

    .entry_wrapper {
        padding: 0 3%;
        max-width: 100%;
    }

    .inner-wrap > .entry_wrapper {
        padding: 0;
    }



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

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

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

}



@media (min-width: 980px) {

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

}



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

    .portfolio-showcase .portfolio-grid.col_no_4 .portfolio_item,
    .portfolio-archive .portfolio-grid.col_no_4 .portfolio_item,
    .portfolio-showcase .portfolio-grid.col_no_3 .portfolio_item,
    .portfolio-archive .portfolio-grid.col_no_3 .portfolio_item {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }


    .entry-cover .entry-info h1.entry-title {
        font-size: 40px;
    }


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


    .site-header.headroom .navbar-brand h1,
    .site-header.headroom .main-navbar,
    .site-header,
    .navbar-brand-wpz {
        transition: none;
    }

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

    .site-header {
        position: relative !important;
    }

    .site-main {
        margin-top: 0 !important;
    }


    #menu {
        display: none;
    }

    .slicknav_menu {
        display: block;
        position: relative;
    }

    #navbar-main {
        display: none
    }

    .navbar-toggle {
        display: block
    }

    .main-navbar {

        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: space-between;

        padding: 0;
        order: 3;
        margin-left: 10px;
        max-width: 86px;
    }

    .sb-search {
        float: none;
        margin-left: 0;
        order: 1;
        flex: 1;
    }

    .navbar-brand-wpz {
        flex: 1;
        margin-right: 5px;
    }

    .navbar-brand-wpz img {
        max-width: 60%;
    }

    .navbar-header-main {
        flex: 1;
        order: 2;
    }

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

    .sb-search .sb-search-input {
        font-size: 30px;
    }


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

    .entry-header .entry-cover {
        height: 400px;
    }


    .entry_wrapper { margin-top: 30px; }

    .single .post_wrapper {
        float: none;
        width: 100%;
    }

    .entry-details {
        float: none;
        text-align: left;
        width: 100%;
        max-width: 100%;
        padding: 30px 0 0;
        border: none;
        border-top: 1px solid #EEEEEE;
    }

    .entry-details ul {
        font-size: 0 !important;
    }

    .entry-details ul li {
        font-size: 16px;
        width: 48%;
        display: inline-block;
        vertical-align: top;
        margin: 0 4% 0 0;
    }

    .entry-details ul li:nth-child(2) {
        margin-right: 0;
        text-align: right;
    }

    .single-portfolio_item .entry-details ul li:nth-child(2) {
        text-align: center;
    }

    .entry-details ul li img {
        float: left;
        margin: 0 20px 0 0;
    }

    .post_author_footer {
        display: none;
    }

}


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


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


    .recent-posts .post {
        width: 48%;
        margin-right: 4%;
    }

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

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


    /* Navigation */
    div.navigation,
    div.navigation .prev, div.navigation .next {
      font-size: 18px; }


      .home_section p {
          max-width: 100%;
      }
      .home_section {
        font-size: 16px;
    }


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

}


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

    .wp-block-button.alignright,
    .wp-block-button.alignleft {
        text-align: center;
    }

    .wp-block-button.alignright,
    .wp-block-button.alignleft {
        float: none;
    }

    .wp-block-column {
        flex-basis: 100%;
    }

}

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



    #slider .slides > li, #slider .flex-viewport, #slider .slides { min-height: 300px; }

    .slides > li h3 { font-size: 38px !important}

    .slides > li .li-wrap { margin-top: 0 !important; }


    .previous-post-cover h4 {
        font-size: 16px;
    }

    .previous-post-cover h3 {
        font-size: 24px;
    }


    .footer-widgets.widget-columns-3 .column {
        width: 100%;
        margin-right: 0;
    }

    .widget .title {
        margin-bottom: 20px;
    }


     #slider .slides {
       min-height: 400px;
       height: 400px;
     }


     #slider .slides > li {
       height: 400px;
    }

    .recent-posts {
        margin-top: 30px;
    }

    .section-title {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .portfolio-archive-taxonomies {
        padding: 20px 0;
    }

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

    .site-footer,
    .footer-widgets .column {
        font-size: 16px;
    }


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

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

    .entry-cover .entry-info h1.entry-title {
        font-size: 30px;
    }


    .carousel_widget_wrapper ul li {
        margin: 0 4% 0 0;
        width: 100%;
    }

    .portfolio_related  {
        padding: 10px 0;
    }

    .single-portfolio_item .entry_wrapper {
        margin-top: 30px;
    }


    .single .entry-content > p {
        font-size: 16px;
    }

    .entry-content blockquote {
        font-size: 22px;
        margin: 20px 0;
        padding: 6%;
    }


    .single-portfolio_item .entry-details {
        text-align: left;
        padding: 20px 0;
    }

    .single-portfolio_item .entry-details ul li:nth-child(2) {
        text-align: left;
        margin-right: 4%;
    }

    .single-portfolio_item .entry-details ul li:nth-child(3) {
        margin-right: 0;
    }

    .entry-footer:empty { margin: 0; }

    #respond .form_fields p {
        width: 100%;
    }

    .previous-post-cover {
        margin-top: 20px;
    }

    .entry_wrapper {
        margin-bottom: 20px;
    }

    #respond {
        margin-bottom: 15px;
    }


    .sb-search .sb-search-input { font-size: 20px; }

    .form-allowed-tags {
        display: none
    }


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

    .entry_wrapper {
        padding: 0 6%;
    }

}

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

    .navbar-brand-wpz img {
        max-width: 70%;
    }

    .slides > li .excerpt p {
        display: none;
    }

    .slides > li .li-wrap {
        max-width: 70%;
    }


    .play-toggle span {
        font-size: 14px;
    }

    .play-toggle span strong {
        font-size: 18px;
    }

    .portfolio-archive .home_section {
        padding: 30px 0 0;
    }

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

}


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

    .comment-notes { display: none; }

    .navbar-brand-wpz h1 {
        font-size: 22px !important;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        float: none;
        width: 100%;
    }


    .single-portfolio_item .entry-details {
        padding-bottom: 1px;
    }

    .portfolio_related h3.portfolio_item-related-title {
        margin: 32px 0;
    }


    .single-portfolio_item .entry-details ul li {
        width: 100%;
        display: block;
        margin: 0 0 20px;
    }

    .single-portfolio_item .entry-details ul li:nth-child(2),
    .single-portfolio_item .entry-details ul li:nth-child(3) {
        margin-right: 0;
    }


    .slides > li .excerpt { font-size: 16px; text-shadow: none; margin-top: 10px;  }

    .slides > li h3 { font-size: 24px !important; padding-bottom: 0; }

    .slides > li .li-wrap { margin-top: 0;   }

    .slides > li .slide_button a { font-size: 14px !important; }

    .slides > li h3 a:after, .slides > li h3.missing-url:after { display: none }


    .page .has-post-cover .entry-header .entry-title, .single .has-post-cover .entry-header .entry-title { font-size: 24px }


    .previous-info {
        padding: 10% 5%;
        min-height: 200px;
    }


    .portfolio-grid.col_no_2,
    .portfolio-grid.col_no_3 {
        margin: 0;
    }

    .portfolio-showcase .portfolio-grid.col_no_4 .portfolio_item,
    .portfolio-archive .portfolio-grid.col_no_4 .portfolio_item,
    .portfolio-showcase .portfolio-grid.col_no_2 .portfolio_item,
    .portfolio-showcase .portfolio-grid.col_no_3 .portfolio_item,
    .portfolio-archive .portfolio-grid.col_no_2 .portfolio_item,
    .portfolio-archive .portfolio-grid.col_no_3 .portfolio_item {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }


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

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

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


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

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

    .feature-posts-list .post-thumb img {
        width: 100%;
    }

    .sb-search .sb-search-submit,
    .sb-search.sb-search-open .sb-icon-search {
        right: 4%;
    }

    .sb-search.sb-search-open .sb-icon-search:before {
        font-size: 35px;
    }

}

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

    .navbar-brand-wpz img {
        max-width: 95%;
    }

    .sb-search .sb-search-input { font-size: 16px; }


    #slider .flex-direction-nav .flex-prev:after,
      #slider .flex-direction-nav .flex-next:after {
        font-size: 30px;
        font-weight: bold;
        }


    .slides > li .li-wrap {
        max-width: 65%;
    }


    .navbar {
        min-height: 75px;
    }

    .entry-details ul {
        font-size: 0 !important;
    }

    .entry-details ul li {
        font-size: 16px;
        width: 100%;
        display: block;
        margin: 0 0 20px;
        clear: both;
        overflow: hidden;
    }

    .entry-details ul li:nth-child(2) {
        margin-right: 0;
        text-align: left;
    }



}

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

    .slicknav_nav {
        max-width: 92vw;
    }

    .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
        font-size: 12px;
    }


}