*{margin:0;padding:0}


.main_content{width:100%;height:650px;
}

.recent_student{
	width:10%;height:500px;float:left;overflow:hidden;
	
}

.recent_student h6{
  position: sticky;
  background-color: #fff;
  z-index: 1;
  border-radius:10px;
  border:0.1px solid green;
  Color:red;
  
}

#run{animation: scroll 120s linear infinite;  /* set the animation to scroll from top to bottom */ }

 @keyframes scroll {
  0% {
    transform: translateY(0);
  }
  
  100% {
    transform: translateY(-100%);
  }
}


.containe {
  position: relative;
  max-width: 100%; /* Maximum width */
  margin: 0 auto; /* Center it */
 
   
}

.containe .content {
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1; /* Grey text */
  width: 100%; /* Full width */
  padding: 6px; /* Some padding */
}


#button-addon2{float:right;}




#recent_ph{width:125px;height:120px;margin:4px;}

.slide{width:60%;height:500px;float:left;overflow:hidden;}
.right_section{width:30%;height:500px;background:$fff;float:right;margin-top:2px;}
 

.wdt{width:90%;
height:40px;
background:white;
border:1px solid black;
border-radius:10px;
margin:3px auto;
}

.notice{width:100%;height:50px;background:grey;line-height:50px;}

.notice marquee{font-size:18px;color:white;}

.Recently_Join_Center_List{ width:100%;height:100px;background:white;}
#photos{width:100px;height:97px;}


@media(min-width:1200px){

            /*Extra large Device*/
}

@media(min-width:992px) and (max-width:1199px){

            /*large Device*/
}

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

           /*Medium Device*/
}

@media(min-width:576px) and (max-width:767px){
	.main_content{margin-bottom:327px;}
     .slide{float:none;width:100%;height:300px;}
      .right_section{float:none;width:100%;}
	  .wdt{width:90%;
height:40px;
background:white;
border:1px solid black;
border-radius:10px;
margin:8px auto;
}
 .recent_student{display:none;}
}
@media(max-width:575px){
	.main_content{margin-bottom:327px;}
      .slide{float:none;width:100%;height:300px;}
      .right_section{float:none;width:100%;}
	  .wdt{width:90%;
height:40px;
background:white;
border:1px solid black;
border-radius:10px;
margin:8px auto;
}
 .smol{font-size:10px;}
 
 .recent_student{display:none;}
 
}

.btnn{width:100%;height:40px;border-radius:10px;cursor:pointer;font-size:20px;}

 
a{text-decoration:none;font-size:18px;}