@media (max-width: 599px ) { 
  .is-header {
    text-align: center;
    background-image: none !important;
  }
}

@media (min-width: 768px ) {
  .bf-home-logo {
    max-width: 320px; 
    margin: 0 auto;
  }
  #b_foot ul.b_social_nav {
    margin: 3em 0 0;
  }


  .bfcms-feed-twitter ul.tweets > li {
    display: inline-block;
    width: 33%;

    padding: 0 3em;

    border-top: 0;
    vertical-align: middle;
  }
    .bfcms-feed-twitter ul.tweets > li:before {
      content:' ';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;

      border-left: 1px solid #1577a3;
    }

  #b_copyright ul > li {
    display: inline-block;
  }
    #b_copyright ul > li:before {
      content: '|';
      margin: 0 20px;
    }
    #b_copyright ul > li:first-child:before { display: none; }
}

@media (max-width: 1024px ) { 
  .bfcms-ctr-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}

@media (min-width: 600px ) {
  #b_content .featurette > .container > .row > div { margin-top: 0; }
}


@media (min-width: 768px ) {
  .bfcms-ctr-container.narrow > .container > .row {
    width: 85%;
    margin: 0 auto;
  }

  .bfcms-ctr-container > .container > .row > div[class^="col-"], .bfcms-ctr-container > .container-fluid > .row > div[class^="col-"] { margin-top: 0; }


  .bfcms-article-summary { text-align: left; }
    .bfcms-article-summary .bf-article-image {
      float: left;
      margin: 0;
    }
    .bfcms-article-summary .bf-article-content { margin-left: 200px; }
    /*.bfcms-article-summary .bf-article-btn { float: left; }*/
    .bfcms-article-summary .bf-social-links {
      padding: 11px 0 0 20px;
      text-align: left;
    }

  .portfolio-box {
    width: 50%;
  }
}

@media (max-width: 991px ) {
  #b_nav > ul > li.on > ul { display: block; }

  .col-xs-12.bf-portfolio-photo {
    margin-left: -15px;
    margin-right: -15px;
  }
    .bf-portfolio .col-xs-12 .bf-portfolio-photo { margin-right: -30px; }
}

@media (min-width: 992px ) {
  html, body { font: var(--barefoot-font-text); }

  h1 { font: var(--barefoot-font-h1); }
  h2 { font: var(--barefoot-font-h2); }
  h3 { font: var(--barefoot-font-h3); }
  h4 { font: var(--barefoot-font-h4); }
  h5 { font: var(--barefoot-font-h5); }


  #b_mobile_toggle { display: none; }
    #b_head.fixed #b_mobile_toggle { margin-top: 18px; }

  #b_nav {
    display: block;

    position: static;
    margin: 0;
    padding: 0;

    background: transparent;

    overflow: hidden;
  }
    #b_head.fixed #b_nav { margin-top: 10px; }
      .bf-is-admin #b_nav > ul.bfcms-nav { position: static !important; }

      #b_nav > ul > li {
        display: inline-block;
        padding-right: 55px;
        margin: 0;
      }
        #b_nav > ul > li > a {
          display: inline-block;
          position: relative;

          padding: 55px 0 0 0;

          font: var(--barefoot-font-nav);
          text-transform: uppercase;

          color: var(--barefoot-nav-text);

          transition: padding 0.5s;
        }
          #b_nav > ul > li > a:before,
          #b_nav > ul > li > a:before {
            content: "\f063";

            position: absolute;
            bottom: 150px;
            left: 50%;
            margin-left: -12px;

            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            font-size: 30px;

            transition: bottom 0.25s;

            color: rgba( 0, 0, 0, 0.25 );
            opacity: 0;
          }

          #b_nav > ul > li > a.on:before,
          #b_nav > ul > li > a:hover:before {
            bottom: 30px;
            opacity: 1;
          }

          #b_head.fixed #b_nav > ul > li > a:before,
          #b_head.fixed #b_nav > ul > li > a:before {
            opacity: 0;
          }


          #b_head.fixed #b_nav > ul > li > a { padding-top: 0; }

          #b_nav > ul > li.on > a { font-weight: bold; color: var(--barefoot-nav-hover); }
          #b_nav > ul > li.on, #b_nav > ul > li:hover > a, #b_nav > ul > li:focus > a, #b_nav > ul > li:active > a {
            font-weight: bold;
            text-decoration: none;
            color: var(--barefoot-nav-hover);
          }

        #b_nav > ul > li > ul {
          display: none; 

          position: absolute;
          top: 83px;
          left: 0;
          right: 0;
          z-index: 10;

          width: 100%;
          padding: 0px 20px;

          font: var(--barefoot-font-nav);
          text-align: center;

          background: #e5e5e5;
        }
          #b_nav > ul > li > ul > li {
            display: inline-block;
          }
            #b_nav > ul > li > ul > li > a {
              display: inline-block;
              padding: 0 15px;

              height: 50px;
              line-height: 50px;

              color: #333;
            }
              #b_nav > ul > li > ul > li.on > a, #b_nav > ul > li > ul > li > a:hover, #b_nav > ul > li > ul > li > a:focus, #b_nav > ul > li > ul > li > a:active {
                text-decoration: none;

                color: #fff;
                background: #929191;
              }

  .bfcms-ctr-container.narrow > .container > .row {
    width: 65%;
  }

  .bf-barefoot-transparent > .container-fluid > .row > div[class^=col],
  .bf-barefoot-transparent-blue > .container-fluid > .row > div[class^=col] {
    font: var(--barefoot-font-text);
  }

  .bf-listing-carousel { padding: 0 60px; }
    .bfcms-gallery .bf-listing-carousel { padding: 40px 60px; margin-top: -40px; }
    .bf-listing-prev { text-align: right; }
    .bf-listing-next { text-align: left; }


  .bfcms-testimonial-quote { font-size: 35px; }
  .bfcms-testimonial-author { font-size: 18px; }
    .bfcms-testimonial.small .bfcms-testimonial-quote { font-size: 25px; }
    .bfcms-testimonial.small .bfcms-testimonial-author { font-size: 16px; }

  .bf-product-summary .bf-product-image {
    width: 70%;
  }

  .bfif-image { max-height: 300px; }
  .bfif-circle .bfif-image {
    max-width: 300px;
    max-height: 300px;
  }

  .bf-form input[type="text"], 
  .bf-form input[type="email"], 
  .bf-form input[type="number"],
  .bf-form input[type="password"],
  .bf-form textarea,
  .bf-form select {
    font: var(--barefoot-font-form)
  }

  #b_foot {
    font: var(--barefoot-font-footer);
    text-align: left;
  }
    #b_footer_nav a {
      font: var(--barefoot-font-nav-m);
    }
  #b_foot .bf-barefoot-foot-right { text-align: right; }

  .bf-listing-prev { left: -20px; }
  .bf-listing-next { right: -20px; }

  .button,
  .bf-barefoot-button,
  .bf-article-btn,
  .bf-listing-btn,
  .bf-form-submit {
    font: var(--barefoot-font-button);
  }

  .bf-listing-filter {
    display: inline-block;
    margin: 0 15px;
  }
    .bf-listing-filter-dark .bf-listing-filter-active {
      border-radius: 10px 10px 0 0;
    }
}


@media (min-width: 1200px ) {
  .bf-portfolio { font-size: 1.3em; }

  .bf-barefoot-transparent > .container-fluid > .row > div.col-lg-6,
  .bf-barefoot-transparent-blue > .container-fluid > .row > div.col-lg-6 {
    padding: 50px 40px 50px 265px;
  }

  .bf-barefoot-transparent > .container-fluid > .row > div.col-lg-offset-6,
  .bf-barefoot-transparent-blue > .container-fluid > .row > div.col-lg-offset-6 {
    padding: 50px 265px 50px 40px;
  }
}