.HeadingBar{
	  width:100px;margin:0 auto;height:3px;border-width:0;background-color:#3dcfe0;opacity:1
  		   }

.classLogo{
height:150px;
width:auto;
} 

.HeadingBox {
  font-family: Butler;
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 0.02em;
  color: #333333;
  line-height: 1.37em;
}



/* --- Extra small devices (=576px) --- */
@media (max-width: 576px) {
  .HeadingBox {
    font-size: 40px;
  }
  

}

/* --- Tablets and small laptops (=992px) --- */
@media (max-width: 992px) {
  .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .HeadingBox {
    font-size: 45px;
  }
}

/* --- Tablets (=768px) --- */
@media (max-width: 768px) {

  .HeadingBox {
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 33px;
    text-align: center;
  }

}

/* --- Small mobile (=480px) --- */
@media (max-width: 480px) {
 
  .HeadingBox {
    font-size: 30px;
  }

  .ParaText,
  .ParaText-mission {
    font-size: 15px;
  }
}


.sports_Title {
  font-family: "Butler", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding-top: 10px;
}


/* ============================================================
   ?? IMAGE GRID (Custom 5-column / 3-column)
   ============================================================ */
@media (min-width: 992px) {
  .col-lg-5th {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .col-md-3rd {
    flex: 0 0 25%;
    max-width: 25%;
  }
}