@media (min-width: 576px) {
  .rgbPH_Ball {
    height: 260px;
  }
}
@media (max-width: 1199px) {
  .btn-circle, .btn-circle:hover:before, .btn-circle:focus:before {
    height: 42px;
    width: 42px;
    line-height: 42px;
  }
  .ms-footbar-social a.btn-circle svg.linktr {
    width: 14px;
  }
  .ms-footbar-social a.btn-circle svg.tiktok {
    width: 24px;
    height: 24px;
  }
  .ms-footbar-social a.btn-circle svg.threads {
    width: 24px;
    height: 24px;
  }
  .ms-footbar-social a.btn-circle svg.whatsapp {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 992px) {
  .btn-circle {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
  .btn-circle:hover:before, .btn-circle:focus:before {
    height: 30px;
    width: 30px;
  }
  .ms-footbar-social a.btn-circle svg.linktr {
    width: 12px;
  }
  .ms-footbar-social a.btn-circle svg.tiktok {
    width: 20px;
    height: 20px;
  }
  .ms-footbar-social a.btn-circle svg.threads {
    width: 20px;
    height: 20px;
  }
  .ms-footbar-social a.btn-circle svg.whatsapp {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 575px) {
  .rgbPH_Ball {
    heigh: 200px;
  }
  h1 {
    font-size: 26px;
  }
  .lead.lead-lg {
    font-size: 16px;
  }
  .timeline-center > .col-sm-6 {
    width: 95%;
    margin: auto;
  }
}
@media (max-width: 375px) {
  .rgbPH_Ball {
    height: 111px;
  }
  h1 {
    font-size: 22px;
  }
  .lead.lead-lg {
    font-size: 13px;
  }
}
/*fix posible de bootstrap pero no se si rompe algo*/
@media (max-width: 767px) {
  .container {
    max-width: 96%;
  }
  .col-xs {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-xs-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-xs-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-xs-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-xs-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-xs-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-xs-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-xs-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-xs-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-xs-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-xs-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}