@media (max-width: 599px ) { 
}

@media (min-width: 768px ) {
}

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

  #b_nav { text-align: right; }
  #b_head_social { display: block; }


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

}

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

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

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


  #b_mobile_toggle { display: none; }
  #b_head_social {
    margin-top: 20px;
    font: var(--t002-font-nav);
    line-height: 1em;
  }

  #b_nav {
    display: block;

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

    background: transparent;

    overflow: visible;
  }
      .bf-is-admin #b_nav > ul.bfcms-nav { position: static !important; }

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

          font: var(--t002-font-nav);

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

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

          position: absolute;
          top: 2.5em;
          left: 0;
          right: 0;
          z-index: 10;

          min-width: 150px;
          padding: 0px;

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

          background: #e5e5e5;
        }
          #b_nav > ul > li:hover > ul,
          #b_nav > ul > li:focus > ul,
          #b_nav > ul > li:active > ul {
            display: block;
          }

          #b_nav > ul > li > ul > li {
            display: block;
          }
            #b_nav > ul > li > ul > li > a {
              display: 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: rgba(0,0,0,0.1);
              }

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

  .bf-t002-transparent > .container-fluid > .row > div[class^=col],
  .bf-t002-transparent-blue > .container-fluid > .row > div[class^=col] {
    font: var(--t002-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(--t002-font-form)
  }

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

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

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


@media (min-width: 1200px ) {
  .bf-t002-transparent > .container-fluid > .row > div.col-lg-6,
  .bf-t002-transparent-blue > .container-fluid > .row > div.col-lg-6 {
    padding: 50px 40px 50px 265px;
  }

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


