/**
 * Responsive Style per CiviHost Theme based Boostrap Bario
 */



@media only screen and (max-width: 1599px) {
  /* insert code here */
}


@media only screen and (max-width: 1399px) {
  /* insert code here */
}


@media only screen and (max-width: 1199px) {
  /* insert code here */
}


@media only screen and (max-width: 991px) {
  /* insert code here */
}


@media all and (min-width: 851px) {
  .site-footer__top .region {
    width: 32%;
    padding: 0 0.65%;
  }
}

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

.navbar-brand {
  margin-right: 0;
}

img.branding-logo {
      height: 50px;
  }

.scrolled img.branding-logo {
    height: 30px;
    width: auto;
  }

  #navbar-main .nav-item a {
      padding: 1rem 0rem;
      font-size: 1.2rem;
  }

  .sidebar h1 {font-size: 2.0rem;}
  .sidebar h2 {font-size: 1.7rem;}
  .sidebar h3 {font-size: 1.5rem;}
  .sidebar h4 {font-size: 1.3rem;}

  .navbar-toggler.navbar-toggler-right {
      margin-right: 1rem;
      margin-left: 1rem;
      border-radius: 0px;
  }


  #CollapsingNavbar ul.navbar-nav{
    padding: 1rem;
  }

  .main-content .section {
    padding: 0 1rem;
    padding-top: 2rem;
  }

  #crm-container.crm-public .price-set-row, #crm-container.crm-public .crm-section.form-item, #crm-container.crm-public .crm-section.other_amount-section .content {
    margin-left: 0rem;
  }

  #crm-container.crm-public .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1em;
    margin-bottom: 0.125rem;
  }

  #crm-container.crm-public input[type="text"], #crm-container.crm-public input[type="password"], #crm-container.crm-public input[type="email"], #crm-container.crm-public select {
    font-size: 1rem;
    max-width: 100%;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
  }

  #crm-container.crm-public select {
    font-size: 1rem;
    max-width: 100%;
    display: block;
    margin-top: 1rem;
    margin-left: -1rem;
    width: 100%;
  }

  .webform-submission-form .webform-custom-options-buttons {
    margin-bottom: 1.5rem;
  }

  .webform-submission-form .webform-custom-options-buttons .webform-custom-options-button{
    flex: 40%;
  }



}


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


}


@media only screen and (max-width: 360px) {
  /* insert code here */
}