.smallimg {
  float: left;
}
#top {
  padding: 15px;
  font-size: 12px;
}
#top a {
  text-decoration: none;
  color: #12167b;
}
.header {
  background-color: #123945;
}
.header .manu {
  padding: 10px;
  font-size: 20px;
}
.manu a {
  margin-left: 18%;
}
.manu a:hover {
  text-decoration: underline;
}
.sliderdiv img {
  border-radius: 50px;
  border: 2px #654765 solid;
}
.latupdate {
  text-align: center;
  color: wheat;
  animation-name: zoom;
  animation-duration: 2s;
  animation-iteration-count: 1000;
  animation-direction: alternate;
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.3, 1.2);
  }
}
.update {
  width: 100%;
  padding: 15px;
  background-color: #652158;
  margin-right: 29px;
}
.update a {
  text-decoration: none;
  color: #567909;
}
.update a:hover {
  text-decoration: underline;
}
.update marquee {
  height: auto;
  padding: 10px;
}
#marq {
  background-color: #245126;
  color: wheat;
  padding: 3px;
}
.bestcotching {
  padding: 40px;
  margin-top: 15px; /*
  background-image: url('image/back4.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;*/
  background-color: #213578;
  color: white;
}
.bestcotching h1 {
  /*  color: #942786;*/
  font-family: elephant;
  font-size: 33px;
}
.bestcotching p {
  font-family: Franklin Gothic Medium Cond;
  padding: 10px;
}
.bestcotching button {
  background-color: #208698;
  font-size: 18px;
  color: #fdaf;
  padding: 8px;
  border-radius: 9px;
}
.onoffline {
  padding: 20px;
  border-top: 4px solid gra;
  /*background-image: url('image/back2.jpg');
  background-repeat: no-repeat;
  background-size: 100% 150%;*/
}
.onoffline h2 {
  font-family: Arial Rounded MT Bold;
  font-size: 44px;
}
.onoffline h3 {
  font-family: Berlin Sans FB;
  padding: 15px;
  color: #255478;
  outline-color: #246679;
}
.onoffline button {
  font-size: 35px;
  padding: 3px;
  cursor: auto;
  width: 50%;
  background-color: #246679;
  color: #ffff;
}
.onoffline h5 {
  font-size: 30px;
  padding: 19px;
  color: #476209;
  font-family: roboto;
  background-color: #85845661;
  border-radius: 50px 50px 0 0;
}
.onoffline th {
  padding: 20px;
  margin-top: 30px;
  font-family: sans-serif;
  width: 10%;
}
.onoffline input {
  border: none;
  margin-top: 5px;
  background-color: transparent;
  border-bottom: grey solid 3px;
  width: 100%;
  outline: none;
}
.onoffline .onoff {
  background-image: linear-gradient(#effd, #fedd);
  padding: 3px;
  border-radius: 30px;
}
.onoffline .onoff input[type="submit"] {
  background-color: #5788;
  color: #e3145d;
  border-radius: 50px;
  text-align: center;
  padding: 10px;
  width: 50%;
}
.onoffline .onoff input[type="submit"]:hover {
  background-color: #45767690;
  color: #467589;
}
.social {
  background-color: #0c3376;
  margin-top: -40px;
}
.social h2 {
  color: wheat;
  text-align: center;
  font-family: algerian;
  font-size: 40px;
  padding: 20px;
  border-bottom: wheat 2px dashed;
}
.socialmidea img {
  height: 200px;
  padding: 40px;
  margin-left: 3%;
  transition: 3s;
}
.socialmidea img:hover {
  transform: rotate(360deg);
  background-color: #7fd;
  border-radius: 50%;
}
.about {
  padding: 10px;
  margin-bottom: 40px;
  color: white;
}
#about {
  background-image: linear-gradient(#246844, #460690);
  color: wheat;
  padding: 10px;
  text-align: center;
}
#about h1 {
  font-size: 45px;
  font-family: lato;
  letter-spacing: 8px;
}
.feature {
  padding: 50px;
}
.fea {
  width: 250px;
  padding: 30px;
  border-radius: 50%;
  box-shadow: 0 0 35px -26px;
}
.feature .feat {
  display: flex;
  justify-content: center;
}
.feature h2 {
  font-size: 60px;
  font-family: Batang;
  letter-spacing: 10px;
}
.feature h3 {
  font-family: algerian;
  letter-spacing: 10px;
}
.feature img {
  border-radius: 50px;
  width: 100px;
}
.feature p {
  font-size: 19px;
  margin-top: 10px;
}
.topper img {
  width: 330px;
  height: 220px;
  padding: 20px;
}
.topper {
  text-align: center;
  background-color: #256478;
  margin-top: -24px;
}
.topper h2 {
  padding: 10px;
  color: white;
  font-family: roboto;
  background-color: #246844;
}
#app {
  padding: 30px;
  background-color: #fceaea;
}
#app img {
  width: 10%;
}
.app div {
  text-align: left;
  margin-bottom: 60px;
  line-height: 30px;
  margin-top: 60px;
}
.app h4 {
  padding: 5px;
  margin-left: 13%;
}
#app h2 {
  font-family: algerian;
  letter-spacing: 10px;
  line-height: 55px;
}
#contact {
  padding: 40px;
}
#contact span {
  margin-left: 20%;
  margin-top: -4%;
  width: 85%;
}
.map {
  width: 100%;
  height: 100%;
}
.contact {
  margin-top: 40px;
  line-height: 50px;
}
.contact h2 {
  font-family: Adobe Heiti Std R;
}
.contact p {
  font-family: Adobe Song Std L;
}
.footer {
  padding: 60px;
  background-color: #123945;
  color: white;
}
.footer a {
  text-decoration: none;
  color: wheat;
  font-size: 15px;
  padding: 10px;
}
.footer .con img {
  width: 10%;
}
button:hover {
  background-color: black;
  color: white;
  border: 2px solid white;
}
/* director's message  director's message  director's message*/

.DirectorMessage {
  background-image: url("image/study2.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  padding: 50px;
}
.director img {
  width: 40%;
  border-radius: 50%;
}
.director {
  background-color: #829379;
  border-radius: 0 50px 0 50px;
  font-family: fantasy;
  word-spacing: 20px;
  position: relative;
  color: #692;
}
.directordiv {
  padding: 40px;
  position: relative;
  margin-top: 30px;
  color: white;
  background-color: #29028993;
}
.directordiv img {
  border-radius: 40%;
  padding: 50px;
  float: left;
  shape-outside: circle();
}
.directorcon {
  text-align: justify;
  font-family: verdana;
  padding: 20px;
}

/* HOSTAL FACILITY  HOSTAL FACILITY  HOSTAL FACILITY  HOSTAL FACILITY */

.hostel {
  background-image: url("image/bulding.jpeg");
  background-size: 100% 100%;
  margin-top: -6px;
}
.hostel .head {
  background-color: #25647694;
  padding: 40px;
}
.hostel .head h1 {
  padding: 40px;
  text-align: center;
  font-size: 55px;
  font-family: sans;
  color: #49fff0;
}
.hostelcon h4 {
  padding: 20px;
}
.hostelcon li {
  padding: 15px;
}
.hostelcon button {
  padding: 7px;
  background-color: #775028;
  color: white;
  border-radius: 10px;
  letter-spacing: 3px;
}