@media all and (min-width: 1550px){

}


@media (min-width: 1280px){
 
  }
@media only screen  and (max-width: 1280px)  {
 
 
}
 
@media only screen 
and (max-width: 1280px) 
and (min-width: 991px){

} 
@media only screen 
  and (max-width: 991px) 
  and (min-width: 768px){
 

}
@media only screen 
  and (max-width: 768px) 
  and (min-width: 576px){
 

}




@media (min-width: 992px){
 
}
@media all and (max-width: 992px){
  .navbar-brand  img{
    width: 100px;
 }
 

 .header {
    background-color: black;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
}
.navbar-nav {
    margin-top: 50px;
}
.navbar-fixed .navbar-nav {
   margin-top: 50px;
}
.navbar-fixed{
    background-color: black!important;
}
.h-portfolio ._right iframe {
    width: 100%;
    height: 350px!important;
    border: 2px solid #80cd28;
}
.h-activity {
    padding-top: 50px;
    padding: 100px 25px!important;
}
}


@media all and (max-width: 768px){
 
}



@media all and (max-width: 576px){ 

.f-img img{
width: 100px;
} 
footer ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap!important;
    gap: 25px;    
    flex-direction: column;

}
.h-about h1 ,.h-activity h2 ,.h-events h2,.h-portfolio h2,
.h-events h4 span,.about-inner h1,.a-about h2,.e-about h2,.g-about h2{
    font-size: 25px!important;
}
.h-events h3{
    font-size: 40px!important;
}
.h-activity-content h3,.class52 h3{
      font-size: 20px!important;
}
.h-events h4{
      font-size: 30px!important;
}

.h-events .icon {
    background-color: #80cd28;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    transform: rotate(134deg) scale(0.8) !important;
    -webkit-transform: rotate(134deg) scale(0.8)!important;
    -moz-transform:rotate(134deg) scale(0.8)!important;
    -ms-transform: rotate(134deg) scale(0.8)!important;
    -o-transform: rotate(134deg) scale(0.8)!important;
    margin: auto;
    padding: 25px;
}
.h-activity-content > div {
    width: 110px!important;
    height: 110px!important;
    padding: 10px!important;
}
.h-activity-content {
    margin-top: 50px!important;
}
.h-portfolio ._left, .h-portfolio ._right {
    margin-top: 50px;
    margin-bottom: 0!important;
}
footer { 
    margin-top: 70px!important; 
}
.h-portfolio ._right iframe {
    width: 100%;
    height: 200px!important;
    border: 2px solid #80cd28;
}
.h-events{
    padding-bottom: 0!important;
}
.h-events ._left {
    margin-top: 100px;
    margin-bottom:  0px!important;
}
.h-activity {
    padding-top: 50px;
    padding: 50px 25px!important;
}
.h-about {
    padding-top: 50px!important;
}
.about-main{
    padding-left: 15px;
    padding-right: 15px;
}
.a-about,.e-about {
    padding-top: 50px!important;
    text-align: center;
}
.e-about ._left iframe,.e-about ._right iframe {
    
    height: 250px!important; 
}
.g-about ._right{
    padding-right: 15px!important;
}
}


@media all and (max-width:500px){ 

} 
@media all and (max-width: 375px){ 

}