@media (max-width: 1366px) {
    /* .sports{
        padding:0px 0px 10px;
    }
    .safety {
        padding: 0px 0px 10px;
    }
    .programming {
        padding: 0px 0px 30px;
    }
    .facilities-over {
        padding: 30px 0px;
    } */
}
@media (max-width: 991px) {
.sports {
    padding: 0px 0px 30px;
}
}
@media (max-width: 767px) {
 
.sports .card{
    margin:0px;
}
 .sports .container{
    max-width:700px;
}
.safety .card{
    margin:10px;
}
.programming .container{
    max-width:700px;
}
 .trans-but button{
    display:block;
    text-align: center;
    margin-top:10px;
   margin-left:230px;
 }
 .facilities-over {
    padding: 50px 0px 50px;
}

.programming {
    padding: 50px 0px 50px;
}
.safety {
    padding: 50px 0px 50px;
}
.sports {
    padding: 50px 0px 50px;
}
/* .facilities-over .card {
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 0px 55px 20px 0px;
    box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.17);
} */
}
 @media (max-width: 600px) {
    .arts-card{
        overflow: hidden;
        margin:5px;
    }
    .safety .row{
        gap:0px;
    }
    .arts-card {
        overflow: hidden;
        margin: 5px -7px;
    }

.facilities-over {
    padding: 50px 0px 50px;
}

.programming {
    padding: 50px 0px 50px;
}
.safety {
    padding: 50px 0px 50px;
}
.sports {
    padding: 50px 0px 50px;
}
}
@media (max-width: 540px) {
.facilities-head p {
    padding-bottom: 0px;
}
.facilities-head h1 {
   
    padding-bottom: 10px;
}
/* .facilities-over {
    padding: 30px 0px 20px;
} */
.arts-card {
    overflow: hidden;
    margin: 5px 0px;
}
.trans-but button {
    display: block;
    text-align: center;
 
}
.bread-about {
    padding: 6px 6px;
}
}
@media (max-width: 540px) {
.trans-but button {
   margin-left:180px;
}
.trans {
    padding: 30px 0px 30px;
}

.facilities-over {
    padding: 30px 0px 30px;
}

.programming {
    padding: 30px 0px 30px;
}
.safety {
    padding: 30px 0px 30px;
}
.sports {
    padding: 30px 0px 30px;
}
}
@media (max-width: 492px) {
.trans-but button {
    margin-left:150px;
 }
 .facilities-over {
     padding: 30px 0px 30px;
 }
 
 .programming {
     padding: 30px 0px 30px;
 }
 .safety {
     padding: 30px 0px 30px;
 }
 .sports {
     padding: 30px 0px 30px;
 }
}
@media (max-width: 432px) {
    
    .trans-but button {
        margin-left:130px;
     }
     .facilities-over {
         padding: 30px 0px 30px;
     }
     
     .programming {
         padding: 30px 0px 30px;
     }
     .safety {
         padding: 30px 0px 30px;
     }
     .sports {
         padding: 30px 0px 30px;
     }
}
@media (max-width: 414px) {
.trans-but button {
   margin-left:112px;
}
.facilities-over {
    padding: 30px 0px 30px;
}



}
@media (max-width:395px){
    .trans-but button{
        margin-left: 100px;
    }
}
@media (max-width: 375px) {
.trans-but button {
  margin-left:90px;
}
.facilities-over {
    padding: 30px 0px 30px;
}


}
@media (max-width: 320px) {
.trans-but button {
  margin-left:75px;
}
.facilities-over {
    padding: 30px 0px 30px;
}




}