html{
  height: 100%;
}
body {
  margin:0;
  overflow-x: hidden;
}
#confetti{
  background: transparent;
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10000;
}
.nodisplay{display: none;}
.depttop{
 position: absolute;top: 50%;width: 100%;height: 100%; 
}
.depttoptwo{
margin: 0 auto;background: rgba(0, 0, 0, 0.7);float: left;color: white;
}
.noopacity{
  opacity: 0;
}
.cardswiper img{
  width: 130px;
  border-radius: 100%;margin: 0 auto;  
}
.cwimg{
  background: url('../hscimgs/alumnighsc_original.jpg') no-repeat;
  background-size: 100%;
  background-position: center bottom;
}
.review i{
color:orange;
}
.onepadding{padding: 2px;}
.frontbox{height: 80px;}
.aluimg{margin: 0 auto;border-radius: 100%;border:5px solid grey;width: 200px;}
.aluimg img{margin: 0 auto;border-radius: 100%;width: 190px;}
.newsboxmain,.pwwwgi,.festivalbox{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999; 
}
.frontallimg{width: 130px;}
.modalnews,.pwwwginews,.festivalnews{position: absolute;
  left: 0;
  top: 25%;
  width: 100%;
  text-align: center;
}
.newnews{
  animation: flashit 1s linear 200;
}
@keyframes flashit {
  0%{opacity: 0;}
  25%{opacity: 1;}
  50%{opacity: 0;}
  75%{opacity: 1;}
  100%{opacity: 0;}
}
.startloader{
  position: fixed;
  z-index: 1000;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
  margin: 0 auto;
}
.blobs {
  width: 300px;
  height: 300px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 70px;
}
.blobs .blob-center {
  position: absolute;
  background: #1B2F59;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(0.9) translate(-50%, -50%);
          transform: scale(0.9) translate(-50%, -50%);
  -webkit-animation: blob-grow linear 3.4s infinite;
          animation: blob-grow linear 3.4s infinite;
  border-radius: 50%;
  box-shadow: 0 -10px 40px -5px #FFF200;
}
.wavediv:nth-child(odd){
  background: url('../hscimgs/waveghsc.svg');background-size: 100%100%;
}
.wavediv:nth-child(even){
  background: url('../hscimgs/waveghsc_rotated.svg');background-size: 100%100%;
}
.forlightbg{
  background: #f4f4f4;
}
.borderltb{border-right:4px solid royalblue;}
.borderrtb{border-left:4px solid royalblue;}
.profilebox{
  margin: 0 auto;
  border-radius: 20px;
  padding: 5px;
  border-right: 5px solid #FDB405; 
  border-left: 5px solid #6495ED;
  transition: 0.5s ease;
  background: #cfd1d3;
  font-family: 'Merriweather', serif;
}
.profilebox:hover{
  border-right: 5px solid #6495ED; 
  border-left: 5px solid #FDB405;
  background: #1B2F59;
  color: white;  
}
.pmsgimg{
  width: 200px;
  height: 200px;
  margin: 0 auto;
  background: url('../hscimgs/border_ghsc.png');
  background-size: auto;
  background-size: 100%;
  padding: 24px;
}
.pmsgimgimg{
border-radius: 100%;
width: 150px;
height: 150px;
box-shadow: 1px 5px 10px black;
}
.circlebox{width: 20px;height: 20px;background: darkkhaki;margin: 0 auto;text-align: center;border-radius: 100%;color: white;}
.circleboxbig{width: 30px;height: 30px;padding:5px;background: white;margin: 0 auto;text-align: center;border-radius: 100%;color: white;}
.linetool{height: 30px;width: 4.5px;background: darkkhaki;}
.linetooltwo{height: 30px;width: 4.5px;background: black;}
.linetoolsmall{height: 60px;width: 2.5px;background: darkkhaki;}
.lowerorgano{margin-top: -10px;position: relative;z-index: 1;}
#lowerimg{display: none;}
.firstlist{padding: 5px;background: black;color:white;border-radius: 2px;width: 200px;margin: 0 auto;}
.cardcounsellor{background: #fff0ef;border-radius: 20px;box-shadow: 10px 10px 5px darkgrey;}
.imgebox{width: 160px;height: 160px;border-radius: 100%;border: 10px solid #dd9290;padding: 0px;margin: 0 auto;}
.imgebox img{width: 140px;height: 140px;border-radius: 100%;margin: 0 auto;}
.pinkcolor{color: #cc6f6c;}
.imgafter{display: none;}
.pinkcolordark{color: #a54d4c;}
.plantanimation{
  animation: pfly 10s linear infinite;
}
@keyframes pfly{
  0%{transform: rotate(2deg);}
  20%{transform: rotate(0deg);}
  40%{transform: rotate(-2deg);}
  80%{transform: rotate(0deg);}
  100%{transform: rotate(2deg);}
}
.imghead{
  width: 120px;
  height: 120px;
  margin: -50px auto;  
}
.imghead img{
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border-right: 5px solid #FDB405; 
  border-left: 5px solid #6495ED;  
  border-top: 5px solid #FDB405;  
  border-bottom: 5px solid #6495ED;  
}
.profilebox:hover > .imghead > img{
  border-right: 5px solid #6495ED; 
  border-left: 5px solid #FDB405;  
}
.profileboxvp{
  width: 290px;
  margin: 0 auto;
  border-radius: 20px;
  padding: 5px;
  transition: 0.5s ease;
  background: #e5e5e5;
  font-family: 'Merriweather', serif;
}
.profileboxvp:hover{
  border-right: 5px solid #6495ED; 
  border-left: 5px solid #FDB405;
  background: #cfd1d3;  
}
.imgheadvp{
  width: 100px;
  height: 100px; 
  margin: 0 auto; 
}
.imgheadvp img{
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border-right: 5px solid #FDB405; 
  border-left: 5px solid #6495ED;  
  border-top: 5px solid #FDB405;  
  border-bottom: 5px solid #6495ED;   
}
.profileboxvp:hover > .imgheadvp > img{
  border-left: 5px solid #FDB405;  
  border-top: 5px solid #FDB405; 
  border-bottom: 5px solid #6495ED; 
  border-right: 5px solid #6495ED; 
}
.profileboxao{
  margin: 0 auto;
  border-radius: 20px;
  padding: 5px;
  transition: 0.5s ease;
  background: #e5e5e5;
  font-family: 'Merriweather', serif;
}
.profileboxao:hover{
  border-right: 5px solid #6495ED; 
  border-left: 5px solid #FDB405;
  background: #cfd1d3;  
}
.imgheadao{
  width: 100px;
  height: 100px;
  margin: 0 auto;  
}
.imgheadao img{
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border-right: 5px solid #FDB405; 
  border-left: 5px solid #6495ED;  
  border-top: 5px solid #FDB405;  
  border-bottom: 5px solid #6495ED;   
}
.profileboxao:hover > .imgheadao > img{
  border-left: 5px solid #FDB405;  
  border-top: 5px solid #FDB405; 
  border-bottom: 5px solid #6495ED; 
  border-right: 5px solid #6495ED; 
}
.blob {
  position: absolute;
  background: royalblue;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-animation: blobs ease-out 3.4s infinite;
          animation: blobs ease-out 3.4s infinite;
  -webkit-transform: scale(0.9) translate(-50%, -50%);
          transform: scale(0.9) translate(-50%, -50%);
  -webkit-transform-origin: center top;
          transform-origin: center top;
  opacity: 0;
}
.blob:nth-child(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.blob:nth-child(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.blob:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.blob:nth-child(4) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.blob:nth-child(5) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes blobs {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translate(calc(-330px - 50%), -50%);
            transform: scale(0) translate(calc(-330px - 50%), -50%);
  }
  1% {
    opacity: 1;
  }
  35%,65% {
    opacity: 1;
    -webkit-transform: scale(0.9) translate(-50%, -50%);
            transform: scale(0.9) translate(-50%, -50%);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0) translate(calc(330px - 50%), -50%);
            transform: scale(0) translate(calc(330px - 50%), -50%);
  }
}

@keyframes blobs {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translate(calc(-330px - 50%), -50%);
            transform: scale(0) translate(calc(-330px - 50%), -50%);
  }
  1% {
    opacity: 1;
  }
  35%,65% {
    opacity: 1;
    -webkit-transform: scale(0.9) translate(-50%, -50%);
            transform: scale(0.9) translate(-50%, -50%);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0) translate(calc(330px - 50%), -50%);
            transform: scale(0) translate(calc(330px - 50%), -50%);
  }
}
@-webkit-keyframes blob-grow {
  0%,  39% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
  40%, 42% {
    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
            transform: scale(1, 0.9) translate(-50%, -50%);
  }
  43%, 44% {
    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
            transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  45%, 46% {
    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
            transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  47%, 48% {
    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
            transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  52% {
    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
            transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  54% {
    -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);
            transform: scale(1.7, 1.6) translate(-50%, -50%);
  }
  58% {
    -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);
            transform: scale(1.8, 1.7) translate(-50%, -50%);
  }
  68%, 70% {
    -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);
            transform: scale(1.7, 1.5) translate(-50%, -50%);
  }
  78% {
    -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);
            transform: scale(1.6, 1.4) translate(-50%, -50%);
  }
  80%, 81% {
    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
            transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  82%, 83% {
    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
            transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  84%, 85% {
    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
            transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  86%, 87% {
    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
            transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  90%, 91% {
    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
            transform: scale(1, 0.9) translate(-50%, -50%);
  }
  92%, 100% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
}
@keyframes blob-grow {
  0%,  39% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
  40%, 42% {
    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
            transform: scale(1, 0.9) translate(-50%, -50%);
  }
  43%, 44% {
    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
            transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  45%, 46% {
    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
            transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  47%, 48% {
    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
            transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  52% {
    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
            transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  54% {
    -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);
            transform: scale(1.7, 1.6) translate(-50%, -50%);
  }
  58% {
    -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);
            transform: scale(1.8, 1.7) translate(-50%, -50%);
  }
  68%, 70% {
    -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);
            transform: scale(1.7, 1.5) translate(-50%, -50%);
  }
  78% {
    -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);
            transform: scale(1.6, 1.4) translate(-50%, -50%);
  }
  80%, 81% {
    -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
            transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  82%, 83% {
    -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
            transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  84%, 85% {
    -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
            transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  86%, 87% {
    -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
            transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  90%, 91% {
    -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
            transform: scale(1, 0.9) translate(-50%, -50%);
  }
  92%, 100% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
}
.aboutusadudio,.pointcrsr{
  cursor: pointer;
}
.nodropcursor{cursor: no-drop;}
.starttrack{
  background: #157347;padding-left: 14px;padding-right: 14px;padding-top: 10px;padding-bottom: 10px;border-radius: 100%;
}
.tracktwodiv{background: #FFC107;padding-left: 14px;padding-right: 14px;padding-top: 10px;padding-bottom: 10px;border-radius: 100%;}
.trackthree{background: #157347;padding-left: 14px;padding-right: 14px;padding-top: 10px;padding-bottom: 10px;border-radius: 100%;}
.myprogress-bar{
  width: 8px;border-radius: 10%;
}
.space{
  padding: 5px;
}
.lgpadding{
  padding: 20px;
}
.topmostblank{
  display: none;
}
.neargrey{
  background: #F6F6F6;
}
.nostyle{background: none;border:none;}
.dwidth{
  width: 150px;
}
.smallfly{animation: sfly 10s linear infinite;}
.smallflyround{animation: sflyr 20s linear infinite;}
.smallflyr{animation: sflyrr 20s linear infinite;}
@keyframes sfly{
  0%{margin-left: 10px;}
  25%{margin-left: -10px;margin-top: 10px;}
  50%{margin-left: 10px;margin-top: -10px;}
  75%{margin-left: -10px;margin-top: 10px;}
  100%{margin-left: 10px;margin-top: -10px;}
}
@keyframes sflyr{
  0%{margin-right: 60px;margin-bottom: -60px;transform: rotate(45deg);}
  25%{margin-right: 0px;margin-bottom: 0px;transform: rotate(90deg);}
  50%{margin-right: 60px;margin-bottom: -60px;transform: rotate(180deg);}
  75%{margin-right: 0px;margin-bottom: 0px;transform: rotate(270deg);}  
  100%{margin-right: 60px;margin-bottom: -60px;transform: rotate(360deg);}
}
@keyframes sflyrr{
  0%{margin-left: 90px;margin-top: -90px;transform: rotate(45deg);}
  25%{margin-left: 0px;margin-top: 0px;transform: rotate(90deg);}
  50%{margin-left: 90px;margin-top: -90px;transform: rotate(180deg);}
  75%{margin-left: 0px;margin-top: 0px;transform: rotate(270deg);}  
  100%{margin-left: 90px;margin-top: -90px;transform: rotate(360deg);}
}
.vbody tr td{vertical-align: top;}
.infile{cursor: pointer;}
.vtext{vertical-align: text-top;}
.verticaltxttop {vertical-align: top;}
.verticaltxt tr td{vertical-align: middle;}
.neargreytwo{background: #EBECED;}
.ssrdiv{cursor: pointer;}
.ca1{border-bottom: 5px solid #f6cc46;background: #f7f7f7;}
.ca2{border-bottom: 5px solid #f68a64;background: #f7f7f7;}
.ca3{border-bottom: 5px solid #40b1d3;background: #f7f7f7;}
.ca4{border-bottom: 5px solid #4fd8bc;background: #f7f7f7;}
.ca5{border-bottom: 5px solid #0076b6;background: #f7f7f7;}
.ca6{border-bottom: 5px solid #073f58;background: #f7f7f7;}
.ca7{border-bottom: 5px solid grey;background: #f7f7f7;}
.cahover:hover{
  background: #f4f4f4;
}
.loaderown {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  border-left: 16px solid pink;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  -webkit-animation: spinnew 2s linear infinite;
  animation: spinnew 2s linear infinite;
}

@-webkit-keyframes spinnew {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spinnew {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.chatbotdiv{
  position: fixed;
  bottom: 0;
  width: auto;
  right: 10px;
  z-index: 1000;
  box-shadow: 0px 5px 20px 0px black;
}
.chatbottab{
  background: white;
  margin: 0 auto;
  width: 350px;
  height: auto;
}
.chatin{
  background:#E3EEFE;
  padding: 5px;
  border-radius: 0px 10px 10px 10px;
}
.imageiqac{
  width: 130px;
  height: 130px;
  margin: 0 auto;
  border:20px solid whitesmoke;
  border-radius: 100%;
  background: whitesmoke;
}
.naacgrade{
  color:brown;
  font-size: 21px;
}
.borderforbottom{width: 50%;margin: 0 auto;padding: 4px;background: orange;}
.iqacbg {
  width: 220px;
  margin: 0 auto;  
  border-radius: 100%;
  box-shadow: 0px 8px 18px 0px black;
}
.iqacbg img{
  width: 220px;
  border-radius: 100%;
}
.hodname{font-size: 19px;}
/*.depthodbg {
  width: 160px;
  margin: 0 auto;  
  border-radius: 100%;
  padding: 5px;
  background: royalblue;
}
.depthodbg img{
  width: 140px;
  height: 145px;
  border-radius: 100%;
}*/
.captiontop{top: 15%;width: 100%;background: none;padding: 0px;}
.imgcap{position: relative;}
.overlay{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: .5s ease;
  opacity:0;  
  background: rgba(0, 0, 0, 0.7);
  color: white;
}
.eachhover{position: relative;}
.cardtwo{display: none;position: absolute;top: 0;width: 100%;height: 100%;padding: 5px;border:5px solid white;border-radius: 5px;}
.imgboxoverlay{margin: 0 auto;}
.imgcap:hover .overlay {
  opacity: 1;
}
.eachhover:hover .cardtwo {
  display: block;
}
.eachhover:hover .cardone {
  background: #1b2f59;
  color: white;
}
.eachhover:hover .colorchange {
  color: #FEB20F;
}
.eachhover:hover .whitecolor {
  color: white;
}
.visiondiv img{
  width: 120px;
  border-radius: 100%;
}
.missiondiv img{
  width: 120px;
  border-radius: 100%;
}
.depthodbg img{
  width: 140px;
  border-radius: 100%;
}
.visiondiv {
  width: 140px;
  margin: 0 auto;
  border-radius: 100%;
  border-left:10px solid #FDB405;
  border-top:10px solid #FDB405;
  border-right:10px solid cornflowerblue;
  border-bottom:10px solid cornflowerblue;
  box-shadow: 0px 1px 6px 0px black;
  transition: 0.25s;
}
.examdiv {
  width: 250px;
  margin: 0 auto;
  border-radius: 100%;
  border-left:10px solid #FDB405;
  border-top:10px solid #FDB405;
  border-right:10px solid cornflowerblue;
  border-bottom:10px solid cornflowerblue;
  box-shadow: 0px 1px 6px 0px black;
  transition: 0.25s;
}
.examdiv img{
  width: 230px;
  border-radius: 100%;
  margin: 0 auto;
}
.visiondiv:hover{
  border-left:10px solid cornflowerblue;
  border-top:10px solid #FDB405;
  border-right:10px solid cornflowerblue;
  border-bottom:10px solid #FDB405;  
}
.examdiv:hover{
  border-left:10px solid cornflowerblue;
  border-top:10px solid #FDB405;
  border-right:10px solid cornflowerblue;
  border-bottom:10px solid #FDB405;  
}
.missiondiv {
  width: 140px;
  margin: 0 auto;
  border-radius: 100%;
  border-left:10px solid cornflowerblue;
  border-top:10px solid cornflowerblue;
  border-right:10px solid #FDB405;
  border-bottom:10px solid #FDB405;
  box-shadow: 0px 1px 6px 0px black;
  transition: 0.25s;
}
.depthodbg {
  width: 160px;
  margin: 0 auto;
  border-radius: 100%;
  border-left:10px solid cornflowerblue;
  border-top:10px solid cornflowerblue;
  border-right:10px solid #FDB405;
  border-bottom:10px solid #FDB405;
  box-shadow: 0px 1px 6px 0px black;
  transition: 0.25s;
}
.missiondiv:hover{
  border-left:10px solid #FDB405;
  border-top:10px solid cornflowerblue;
  border-right:10px solid #FDB405;
  border-bottom:10px solid cornflowerblue;  
}
.depthodbg:hover{
  border-left:10px solid #FDB405;
  border-top:10px solid cornflowerblue;
  border-right:10px solid #FDB405;
  border-bottom:10px solid cornflowerblue;  
}
.rtibg{
  background-image: url('../hscimgs/rti_act_bg_ghsc.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 350px;
  background-size: 100%100%;
  position: relative;
}
.visionbg{
  background-image: url('../hscimgs/holkarcollege2.gif');
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 350px;
  background-size: 100%100%;
  position: relative;
}
.stage {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100vh;
  width: 100%;
  max-width: 900px;
  overflow-y: hidden;
  z-index: 1;
}

.mariposa {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 200px;
  height: 200px;
  opacity: 0;
  /* start at 0 so they don't appear while loading */
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  animation: fly 4s 2 linear;
  animation-delay: 0.125s;
}
.mariposa:nth-child(2) {
  animation-delay: 0.4s;
}
.mariposa:nth-child(2) .mariposa-turn {
  animation-delay: 0.75s;
}
.mariposa:nth-child(2) .mariposa-turn .mariposa-flutter {
  transform: scale(0.7) rotateX(65deg);
}
.mariposa:nth-child(3) {
  animation-delay: 0.75s;
}
.mariposa:nth-child(3) .mariposa-turn {
  animation-delay: 1.25s;
}
.mariposa:nth-child(3) .mariposa-turn .mariposa-flutter {
  transform: scale(0.3) rotateX(45deg);
}
.mariposa .mariposa-turn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 150px;
  perspective: 1000px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform-origin: 50% 80%;
  /* turn from a natural center */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation: turn 3s infinite cubic-bezier(0.31, 0.09, 0.77, 1.5);
  transform-style: preserve-3d;
  filter: drop-shadow(50px 30px 10px rgba(0, 0, 0, 0.5));
}

.mariposa-flutter {
  width: 2rem;
  height: 8rem;
  position: relative;
  top: 0;
  margin: 0 auto;
  background: url("../hscimgs/butterfly1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform-style: preserve-3d;
  transform: rotateX(25deg) rotateY(5deg);
}
.mariposa-flutter::before, .mariposa-flutter::after {
  position: absolute;
  top: 5%;
  margin: auto;
  content: "";
  height: 100%;
  width: 250%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform-style: preserve-3d;
  animation-delay: 0;
}
.mariposa-flutter::before {
  background-image: url("../hscimgs/butterfly2.png");
  transform-origin: 0% 50%;
  animation: flutter-r 0.3s infinite ease-out;
  left: 55%;
}
.mariposa-flutter::after {
  background-image: url("../hscimgs/butterfly3.png");
  transform-origin: 100% 50%;
  animation: flutter-l 0.3s infinite ease-out;
  right: 55%;
}

@keyframes flutter-r {
  0%, 100% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(-40deg);
  }
}
@keyframes flutter-l {
  0%, 100% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(40deg);
  }
}
@keyframes turn {
  0%, 100% {
    transform: translateX(-20%) rotateZ(30deg);
  }
  25% {
    transform: translateX(50%) rotateZ(-30deg);
  }
  50% {
    transform: translateX(-80%) rotateZ(30deg);
  }
  75% {
    transform: translateX(30%) rotateZ(-30deg);
  }
}
@keyframes fly {
  0% {
    opacity: 0;
    transform: translateY(70vh);
  }
  3%, 99% {
    opacity: 1;
  }
  100% {
    transform: translateY(-70vh);
  }
}
#akam{position: relative;}
.akams1{position:absolute;top:0;width: 60px;background: #9B8862;height: 8px;border-radius: 5px;}
.akams2{position:absolute;top:-6px;width: 8px;background: #9B8862;height: 95px;border-radius: 5px;left: 32px;transform: rotate(30deg);}
.akams3{position:absolute;top:0;width: 45px;background: #9B8862;height: 8px;border-radius: 5px;left: 72px;}
.akams4{position:absolute;top:-2px;width: 8px;background: #9B8862;height: 56px;border-radius: 5px;left: 58px;transform: rotate(30deg);}
.akams5{position: absolute;left: 94px;top: 22px;width:155px;height: 94px;}
.ashokchakra{position: absolute;left: 52px;top: 32px;width: 66px;animation: rotateit 2s linear infinite;}
@-moz-keyframes rotateit { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes rotateit { 
    100% { -webkit-transform: rotate(360deg); } 
}
.mainplant {
  filter: drop-shadow(0px 40px 40px rgba(82, 115, 78, 0.4));
}
.scene {
  position: relative;
  transform-style: preserve-3d;
  transform: rotateX(-20deg) rotateY(-20deg) rotateZ(0deg);
}
.plant {
  position: relative;
  transform-style: preserve-3d;
  -webkit-animation: spin 30s linear infinite;
          animation: spin 30s linear infinite;
  will-change: transform;
}
.shadow {
  position: absolute;
  bottom: 0;
  left: calc(50% - 25%);
  width: 50%;
  height: 50%;
  transform-origin: 0 100%;
  transform: rotateX(90deg) translateX(0%) translateY(50%) translateZ(1vmin);
  border-radius: 50%;
}
.shadow:before, .shadow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: inherit;
}
.shadow:before {
  filter: blur(16px);
  width: 100%;
  height: 100%;
  background: linear-gradient(#1b502f, #52734e);
  opacity: 0.25;
}
.shadow:after {
  filter: blur(20px);
  width: 50%;
  height: 50%;
  top: 25%;
  left: 25%;
  background: linear-gradient(black, black);
  opacity: 0.9;
}
:root.safari .img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  z-index: 2;
  z-index: 3;
  z-index: 4;
  z-index: 5;
  z-index: 6;
  z-index: 7;
  z-index: 8;
  z-index: 9;
  z-index: 10;
  z-index: 11;
  z-index: 12;
  z-index: 13;
  z-index: 14;
  z-index: 15;
  z-index: 16;
  z-index: 17;
  z-index: 18;
  z-index: 19;
  z-index: 20;
  z-index: 21;
  z-index: 22;
  z-index: 23;
  z-index: 24;
  z-index: 25;
  z-index: 26;
  z-index: 27;
  z-index: 28;
  z-index: 29;
  z-index: 30;
  z-index: 31;
  z-index: 32;
}
.img:nth-of-type(1) {
  transform: rotateY(0deg);
}
.img .img__content {
  -webkit-animation-delay: -0.2s !important;
          animation-delay: -0.2s !important;
}
.img:nth-of-type(2) {
  transform: rotateY(11.25deg);
}
.img .img__content {
  -webkit-animation-delay: -0.4s !important;
          animation-delay: -0.4s !important;
}
.img:nth-of-type(3) {
  transform: rotateY(22.5deg);
}
.img .img__content {
  -webkit-animation-delay: -0.6s !important;
          animation-delay: -0.6s !important;
}
.img:nth-of-type(4) {
  transform: rotateY(33.75deg);
}
.img .img__content {
  -webkit-animation-delay: -0.8s !important;
          animation-delay: -0.8s !important;
}
.img:nth-of-type(5) {
  transform: rotateY(45deg);
}
.img .img__content {
  -webkit-animation-delay: -1s !important;
          animation-delay: -1s !important;
}
.img:nth-of-type(6) {
  transform: rotateY(56.25deg);
}
.img .img__content {
  -webkit-animation-delay: -1.2s !important;
          animation-delay: -1.2s !important;
}
.img:nth-of-type(7) {
  transform: rotateY(67.5deg);
}
.img .img__content {
  -webkit-animation-delay: -1.4s !important;
          animation-delay: -1.4s !important;
}
.img:nth-of-type(8) {
  transform: rotateY(78.75deg);
}
.img .img__content {
  -webkit-animation-delay: -1.6s !important;
          animation-delay: -1.6s !important;
}
.img:nth-of-type(9) {
  transform: rotateY(90deg);
}
.img .img__content {
  -webkit-animation-delay: -1.8s !important;
          animation-delay: -1.8s !important;
}
.img:nth-of-type(10) {
  transform: rotateY(101.25deg);
}
.img .img__content {
  -webkit-animation-delay: -2s !important;
          animation-delay: -2s !important;
}
.img:nth-of-type(11) {
  transform: rotateY(112.5deg);
}
.img .img__content {
  -webkit-animation-delay: -2.2s !important;
          animation-delay: -2.2s !important;
}
.img:nth-of-type(12) {
  transform: rotateY(123.75deg);
}
.img .img__content {
  -webkit-animation-delay: -2.4s !important;
          animation-delay: -2.4s !important;
}
.img:nth-of-type(13) {
  transform: rotateY(135deg);
}
.img .img__content {
  -webkit-animation-delay: -2.6s !important;
          animation-delay: -2.6s !important;
}
.img:nth-of-type(14) {
  transform: rotateY(146.25deg);
}
.img .img__content {
  -webkit-animation-delay: -2.8s !important;
          animation-delay: -2.8s !important;
}
.img:nth-of-type(15) {
  transform: rotateY(157.5deg);
}
.img .img__content {
  -webkit-animation-delay: -3s !important;
          animation-delay: -3s !important;
}
.img:nth-of-type(16) {
  transform: rotateY(168.75deg);
}
.img .img__content {
  -webkit-animation-delay: -3.2s !important;
          animation-delay: -3.2s !important;
}
.img:nth-of-type(17) {
  transform: rotateY(180deg);
}
.img .img__content {
  -webkit-animation-delay: -3.4s !important;
          animation-delay: -3.4s !important;
}
.img:nth-of-type(18) {
  transform: rotateY(191.25deg);
}
.img .img__content {
  -webkit-animation-delay: -3.6s !important;
          animation-delay: -3.6s !important;
}
.img:nth-of-type(19) {
  transform: rotateY(202.5deg);
}
.img .img__content {
  -webkit-animation-delay: -3.8s !important;
          animation-delay: -3.8s !important;
}
.img:nth-of-type(20) {
  transform: rotateY(213.75deg);
}
.img .img__content {
  -webkit-animation-delay: -4s !important;
          animation-delay: -4s !important;
}
.img:nth-of-type(21) {
  transform: rotateY(225deg);
}
.img .img__content {
  -webkit-animation-delay: -4.2s !important;
          animation-delay: -4.2s !important;
}
.img:nth-of-type(22) {
  transform: rotateY(236.25deg);
}
.img .img__content {
  -webkit-animation-delay: -4.4s !important;
          animation-delay: -4.4s !important;
}
.img:nth-of-type(23) {
  transform: rotateY(247.5deg);
}
.img .img__content {
  -webkit-animation-delay: -4.6s !important;
          animation-delay: -4.6s !important;
}
.img:nth-of-type(24) {
  transform: rotateY(258.75deg);
}
.img .img__content {
  -webkit-animation-delay: -4.8s !important;
          animation-delay: -4.8s !important;
}
.img:nth-of-type(25) {
  transform: rotateY(270deg);
}
.img .img__content {
  -webkit-animation-delay: -5s !important;
          animation-delay: -5s !important;
}
.img:nth-of-type(26) {
  transform: rotateY(281.25deg);
}
.img .img__content {
  -webkit-animation-delay: -5.2s !important;
          animation-delay: -5.2s !important;
}
.img:nth-of-type(27) {
  transform: rotateY(292.5deg);
}
.img .img__content {
  -webkit-animation-delay: -5.4s !important;
          animation-delay: -5.4s !important;
}
.img:nth-of-type(28) {
  transform: rotateY(303.75deg);
}
.img .img__content {
  -webkit-animation-delay: -5.6s !important;
          animation-delay: -5.6s !important;
}
.img:nth-of-type(29) {
  transform: rotateY(315deg);
}
.img .img__content {
  -webkit-animation-delay: -5.8s !important;
          animation-delay: -5.8s !important;
}
.img:nth-of-type(30) {
  transform: rotateY(326.25deg);
}
.img .img__content {
  -webkit-animation-delay: -6s !important;
          animation-delay: -6s !important;
}
.img:nth-of-type(31) {
  transform: rotateY(337.5deg);
}
.img .img__content {
  -webkit-animation-delay: -6.2s !important;
          animation-delay: -6.2s !important;
}
.img:nth-of-type(32) {
  transform: rotateY(348.75deg);
}
.img .img__content {
  -webkit-animation-delay: -6.4s !important;
          animation-delay: -6.4s !important;
}
.img:first-of-type {
  position: relative;
}
.img:nth-of-type(4n + 1) .img__content {
  -webkit-animation: wave 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
          animation: wave 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.img:nth-of-type(3n + 1) .img__content {
  opacity: 0.8;
}
.img:nth-of-type(2n) .img__content {
  display: none;
  opacity: 0.2;
}

@-webkit-keyframes spin {
  to {
    transform: rotateY(-1turn);
  }
}

@keyframes spin {
  to {
    transform: rotateY(-1turn);
  }
}
@-webkit-keyframes spin-shadow {
  to {
    transform: rotateZ(1turn);
  }
}
@keyframes spin-shadow {
  to {
    transform: rotateZ(1turn);
  }
}
@-webkit-keyframes wave {
  0% {
    transform: skewY(-2deg);
  }
  100% {
    transform: skewY(2deg);
  }
}
@keyframes wave {
  0% {
    transform: skewY(-2deg);
  }
  100% {
    transform: skewY(2deg);
  }
}
.bgw{
  background-image: url('../hscimgs/womencellbg.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 350px;
  background-size: 100%100%;
  position: relative;
}
.alumniw{
  background-image: url('../hscimgs/alumnibg.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 350px;
  background-size: 100%100%;
  position: relative;
}
.bgpc{
  background-image: url('../hscimgs/psychological_center_ghsc.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 350px;
  background-size: 100%100%;
  position: relative;
}
.eresbg{
  background-image: url('../hscimgs/eresourcesbg.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 350px;
  background-size: 100%100%;
  position: relative;
}
.ignoubg{
  background-image: url('../hscimgs/ignou_center_ghsc.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 350px;
  background-size: 100%100%;
  position: relative;
}
.libbg{
  background-image: url('../hscimgs/librarybg_ghsc.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 350px;
  background-size: 100%100%;
  position: relative;
}
.bgrgba{
  background: rgba(0, 0, 0, 0.6);
}
.visioncaption,.rticaption{
  position: absolute;
  width: 100%;
  height: 350px;
  background: rgba(0, 0, 0, 0.7);
}
.corebg{
  background-image: url('../hscimgs/38ghscbg.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 260px;
  background-size: 100%100%;
  position: relative;
}
.corecaption{
  position: absolute;
  width: 100%;
  height: 260px;
  background: rgba(0, 0, 0, 0.8);
}
.nearred{color: #A52A2A;}
.mdtclo{background: url('../hscimgs/front_ghsc_small-min.jpg');background-size: 100%;width: 120px;height: 169px;margin: 0 auto;padding-top: 85px;}
.mdtclo .mdtinside{width: 110px;margin: 0 auto;font-size: 1vw;}
.mdtinside a{word-break: unset;word-wrap: unset;}
.corecaptiontwo{
  position: absolute;
  left: 0;
  top: 10%;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.onreadmore{display: none;transition: 0.25s ease;}
.triggerdiv{background:#cccccc;color: black;}
.triggerdiv:active{background: black;color: white;}
.triggerdiv[tabindex]:focus {
  background: black;
  outline: none;
  color: white;
}
.floatl{float: left;}
.relpos{position: relative;}
.relposc{position: absolute;top: 50%;width: 100%;height: 100%;}
.relposcc{width:500px;margin: 0 auto;background: rgba(0, 0, 0, 0.7);float: left;color: white;}
.flashcontent1{
  position: relative;
  animation: flash 2s linear infinte;
  -moz-animation: flash 2s linear infinite;  
  -webkit-animation: flash 2s linear infinite;  
}
.flashcontent2{
  position: relative;
  animation: flashtwo 2s linear infinte;
  -moz-animation: flashtwo 2s linear infinite;  
  -webkit-animation: flashtwo 2s linear infinite;  
}
@keyframes flash{
  0%{opacity:1;}
  100%{opacity:0;}
}
@keyframes flashtwo{
  0%{opacity: 0;}
  100%{opacity: 1;}
}
.smalliqaclogo{
  background: url('../hscimgs/ghsciqac.jpg');
  background-repeat: no-repeat;
  background-size: 100%100%;
  padding: 50px;
  width: 50px;
  height: 50px;
}
.imgboxdrop{
  box-shadow: 2px 2px 15px 0px black;
}
.subcircle1{
  height: 50px;
  width: 50px;
  border-radius: 100%;
  margin: 0 auto;
  padding: 12px;
  box-shadow:0px 0px 7px 0px black;
}
.iconlg{
  font-size: 22px;
}
.bgmix{
  background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.bar1,.bar2,.bar3{
  border: 1px solid darkgrey;
  background: darkgrey;
  margin: 0 auto;
}
.bar1{
  width: 35px;
}
.bar2{
  width: 25px;
}
.bar3{
  width: 15px;
}
.smspace{
  padding: 2.5px;
}
.nobottom{
  margin-bottom: 0px;
}
.nobottom table{
  padding: 0px;
  margin-bottom: 0px;
}
.bluebgtext{
  color: blue;
}
.orangetext{
  color: orangered;
  font-size: 14px;
}
.nobottom table tbody tr td{
  padding: 0px;
  margin-bottom: 0px;
}
.largepadding{padding: 30px;}
.rightmargin{
  margin-right: 10px;
}
.lefttmargin{
  margin-left: 10px;
  text-align: left;
}
.latertable{display: none;}
.myfont{
  font-size: 25px;
  font-family: 'Times New Roman', serif;
}
.imgthumbnail{padding: 10px 10px 15px 10px;background: #EFEFEF;border-radius: 10px;width: 155px;}
.navybluebg{
  background: #1b2f59;
  color: white;
}
.navybluebgmix{
  background: rgb(58,86,144);
  background: radial-gradient(circle, rgba(58,86,144,1) 26%, rgba(27,47,89,1) 100%); 
}
.lgfont{font-size:16px;}
.mdfont{font-size:14px;}
.smallfont{font-size:12px;}
.xsmallfont{font-size:11px;}
.xlsmallfont{font-size:9px;}
.yellowbg{background: #F3CB2E;}
.mybgcolor{background: #B1040E;text-align: center;color: white;}
.myboxfirst{
  box-shadow: 0px 5px 20px 0px black;
}
.labelone{
  font-size: 22px;
  font-weight: bold;
  color: brown;
  font-family: 'Merriweather', serif;
}
.svgbg{background: url('../hscimgs/waveghsc.svg');background-size: 100%100%;}
.merrifont{font-family: 'Merriweather', serif;}
#notice1{background: #0D6EFD;color:white;}
#notice2{background: white;color:dark;}
.fornotice1 .datetd{background: #B1040E;}
.fornoticetop .datetd{background: #B1040E;}
.datetd{background: #B1040E;}
.noticetab tbody tr td:nth-child(3n+1) {
  background: #B1040E;
}
.fornoticetop:nth-child(even) td{
  background: lightgrey;
}
.fornotice2{display: none;}
.laternotices{
  display: none;
}
.tableheight{
  overflow-y: scroll;
  position: relative;
}
 .cmrqbg {
  background: palegoldenrod;
  overflow-x: scroll;
 }
 .marquebg
 {
  background: rosybrown;
  overflow-x: scroll;
  text: white;
 }
 #cmrq {
  overflow-x: hidden;
  -moz-animation: marquee 10s linear infinite;
  -webkit-animation: marquee 10s linear infinite;
  animation: marquee 10s linear infinite;  
 }
 #cmrq:hover {
  animation-play-state: paused;
 }
 @-moz-keyframes marquee {
  0% { transform: translateX(100%);overflow-x:hidden;}
  100% { transform: translateX(-100%);overflow-x:hidden;}
}
@-webkit-keyframes marquee {
  0% { transform: translateX(100%);overflow-x:hidden;}
  100% { transform: translateX(-100%);overflow-x:hidden;}
}
@keyframes marquee {
  0% {-moz-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);overflow-x:hidden;}
  100% {-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);overflow-x:hidden;}
}
.borderright{
  border-right:2px solid grey;
}
.imgprincipal{
width: 130px;
border-radius: 25%;
height: 130px;
padding: 5px;
margin: 0 auto;
margin-right: auto;
margin-left: auto;
background: linear-gradient(45deg,#efefef,white,white,white,#efefef);
box-shadow: 0px 0px 10px 0px black;
position: relative;
}
.cardimage{
  background: #efefef;
  margin-top: -60px;
  padding-top: 60px;
  padding-bottom: 10px; 
}
.fonttimes{
  font-family: 'Times New Roman', serif;
  font-size: 18px;
}
.bordertd{border:1px solid rgba(0, 0, 0, 0.4);border-collapse: collapse;}
.paratext{
  font-size: 19px;
  font-family: Arial, sans-serif;
  text-align: justify;
}
.justalign{
  text-align: justify;
}
.resfont{font-size: 1.5vw;}
.onlytfont{
  font-family: 'Times New Roman', serif;
}
.listcircle{width: 10px;height: 10px;}
.justt{
  font-family: Arial, sans-serif;
  text-align: justify;
}
.readmore {
  margin-top: -9px;
  animation: slideupdown 0.5s linear infinite;
}
@keyframes slideupdown {
  0%{margin-top: -5px;}
  100%{margin-top: 5px;}
}
.laterhome{display: none;}
.transparentbg{padding: 5px;background: rgba(0, 0, 0, 0.7);color: white;}
.nav {
  color: white;
  background: rgba(0, 0, 0, 0.6);
  text-align:center;
  margin: 0 auto;
  z-index:10; 
  width:100%;
  left:0;
  right:0;
  background: #B1040E;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.myullist,.mylistsocial,.onlytwoul,.myeventlist{
list-style-type: none;
padding: 0px;
margin: 0 auto;
}
.myeventlist li{display: inline-block;width: 310px;list-style-type: none;}
.eventtable {
  width: 100%;
  height: 350px;
  background: beige;
}
.eventimg{height: 350px;}
.clickevent{width: 100%;border: none;}
.eventtable tr td:hover{
  background: lightgrey;
}
.onlytwoul li {
  margin: 1px;
  display: inline-block;
  list-style-type: none;
  text-align: center;
}
.ssrdocsfont{font-size: 20px;}
.generalul{
margin: 0 auto;
padding: 0px;
text-align: center;
list-style-type: none;
display: inline-block;
width: 100%;
}
.generalul li {
  margin: 4px;
  display: inline-block;
  list-style-type: none;
  text-align: center;
  width: 40%;
}
#hodmyUL{
  list-style-type: none;display: inline-block;width: 100%;margin: 0 auto;padding: 0px;text-align: center;
}
#myUL{
  list-style-type: none;display: inline-block;width: 100%;margin: 0 auto;padding: 0px;text-align: center;
}
#myUltwo{
  list-style-type: none;display: inline-block;width: 100%;margin: 0 auto;padding: 0px;text-align: center;
}
#hodmyUL li {width: 290px;display: inline-block;margin: 0 5px 5px auto;}
#myUL li {width: 350px;display: inline-block;margin: 0 auto;}
#myULtwo li {width: 350px;display: inline-block;margin: 0 auto;}
.mylistsocial li {
  margin: 5px;
  display: inline;
}
.myullist li {
  background: grey;
}
.topnav1 ul{
  list-style-type: none;
  margin: 0 auto;
  padding: 0px;
}
.laterul{
  display: none;
}
.mynavnew{
  transition: .25s ease-in-out;  
}
/* Remove border from toggler */
.navbar-toggler {
    border: 0 !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Lines of the Toggler */
.toggler-icon{
    width: 30px;
    height: 3px;
    background-color: white;
    display: block;
    transition: all 0.2s;
}

/* Adds Space between the lines */
.middle-bar{
    margin: 5px auto;
}

/* State when navbar is opened (START) */
.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
/* State when navbar is opened (END) */

/* State when navbar is collapsed (START) */
.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}
/* State when navbar is collapsed (END) */

/* Color of Toggler when collapsed */
.navbar-toggler.collapsed .toggler-icon {
    background-color: whitesmoke;
}

.mynavitem{
  list-style-type: none;
  display: inline-block;
  margin: 0px 8.5px 0px 8.5px;
  padding-top: 10px;  
  padding-bottom: 10px;
  transition: .25s ease-in-out;  
}
.topheadimage{
  width: 100%;
  display: none;
}
.navbg{background:#c21717;padding: 0px;}
.mynavlink {
  color: white;
  font-size: 17.5px;
  font-family: Arial,sans-serif;
}
.alicebluebg{background: aliceblue;}
.imgheightbox{
  float: right;
  padding: 10px;
  width: 400px;
  position: relative;
}
.oldimagelater{
  display: none;
  width: auto;
  padding: 5px;
}
.mynavlink:hover {
  color: white;
}
.mynavitem:hover{
  background: #282827;
  color: white;
}
.mynavnew:hover{
  background: #282827;
  color: white;
}
.mynavitem:hover .mynavlink{
  color: white;
}
.mynavnew:hover .mynavlink{
  color: white;
}
.headerdiv {
  text-align:center;
  padding: 5px 0;
  color:white;
  background: rgba(0, 0, 0, 0.7);
}
.bgnav{background: #c21717;}
.firstdivtop{width: inherit;}
.firstcurve{border-radius: 0% 0% 70% 70%;height: 230px;position: absolute;top: -10%;width: 100%;z-index: -1;background: linear-gradient(#DADADA,white,white,#DADADA);overflow-x: hidden;left: 0;right: 0;}
.underlinestyle1{display: inline-block;border:1px solid rgba(0,0,0,0.1);width: 50px;}
.underlinestyle2{  
  display: inline-block;
  border: 4px solid rgba(0,0,0,0.2);
  width: 49px;
  border-radius: 10px;
  margin: -4px -11px -3px -11px;}
.topmargin{margin-top: -20px;}  
.headtop {background: #F8F8F8;}
.nodecoration{text-decoration: none;}
#stophover:hover{
  background: transparent;
}
#nav-icon3 {
  width: 45px;
  position: relative;
  margin: -10px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: none;
}
.profiletab{background: beige;}
.profiletab:hover{background: #F3CB2E;}
.incenter{margin: 0 auto;}
.fulllink{
  display: none;transition: 0.5s;
}
.openlater{
  display: block;transition: 0.5s;
}
.carousel-control-next, .carousel-control-prev{width: 5%;}
.carousel-control-next, .carousel-control-next{width: 5%;}
.captionimg {
  position: absolute;
  top:0;
  left: 5%;
  height: 100%;
  width: 250px;
  text-align: center;
  color: #000;
  padding: 5px;
  background: rgba(0,0,0,0.6);
  color: white; 
}
.offwhitebg{
  background: #e5e4e3;
}
.caption2 {
  position: absolute;
  top: 0;
  right: 5%;
  height: 100%;
  text-align: center;
  color: #000;
  padding: 5px;
  background: rgba(0,0,0,0.6);
  color: white;  
}
#carouselExampleFadetwo .carousel-inner{height: 28px;}
.captionheader{
  font-size: 25px;
  color: white;
  font-family: 'Times New Roman';
}
.spancaption{
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  color: white;
}
#nav-icon3 span{
  display: block;
  position: absolute;
  height: 5px;
  width: 75%;
  background: white;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 12px;
}

#nav-icon3 span:nth-child(4) {
  top: 24px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#worldmap {
  background:url('../hscimgs/earth-clipartghsc.png');background-size: 100%;background-repeat: no-repeat;
}
.imgbg img {
  box-shadow: 0px 0px 11px 0px black;
  border-radius: 100%;
  background: white;
  width: 105px;
}
.imgbg2 img {
  box-shadow: 0px 0px 11px 0px black;
  border-radius: 100%;  
  background: white;  
  width: 110px;
}
.topname{
  font-family: 'Merriweather', serif;
  color: #B1040E;
}
.mainlabel {
  font-family: 'Merriweather', serif;
  font-weight: bold;
  text-align: center; 
  font-size: 22px;
  color: #C21717;
}
.mainlabel3 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-align: center; 
  font-size: 18px;
  color: #C21717;
}
.mainlabel4 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-align: center; 
  font-size: 17px;
  color: #C21717;
}
.quotefrom{font-size: 14px;}
.txtright{
  text-align: right;
}
.txtleft{
  text-align: left;
}
.mainlabel2 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-align: center; 
  font-size: 18px;
}
.dropdown-menu{
  background: #282827;
}
.dropdown-item{
  color: white;
}
.latername{display: none;}
.firstdropdown:hover .dropdown-menu {display: block;}
.twodropdown:hover .dropdown-menu {display: block;}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  line-height: 1;
  background-color: transparent;
  border: none;
  border-radius: unset;
  transition: var(--bs-navbar-toggler-transition);
}
@media screen and (max-width: 1390px) {
.generalul li {
  margin: 3px;
  width: 45%;
}
}
@media screen and (max-width: 1382px) {
.topname{font-size: 15px;}
}
@media screen and (max-width: 1306px) {
.topname{font-size: 14px;}
}
@media screen and (max-width: 1245px) {
.ssrdocsfont{font-size: 19.5px;}
}
@media screen and (max-width: 1231px) {
.topname{font-size: 12px;}
.ssrdocsfont{font-size: 19px;}
}
@media screen and (max-width: 1190px) {
.ssrdocsfont{font-size: 18.5px;}
.generalul li {
  margin: 4px;
  display: inline-block;
  list-style-type: none;
  text-align: center;
  width: 48%;
}
}
@media screen and (max-width: 1160px) {
.mynavitem{
  margin: 0px 9px 0px 9px;
}
}
@media screen and (max-width: 1142px) {
.ssrdocsfont{font-size: 18px;}  
.frontallimg{width: 80px;}  
.mynavitem{
  margin: 0px 8.5px 0px 8.5px;
}
.govtmp{font-size: 14px;}
}
@media screen and (max-width: 1106px) {
.mynavitem{
  margin: 0px 8.2px 0px 8.2px;
}  
.mainlabel {
  font-size: 20px;
}
.mainlabel2,.mainlabel3 {
  font-size: 17.5px;
}
.imgbg img{width:85px;}
.imgbg2 img{width:100px;}
}
@media screen and (max-width: 1090px) {
.mynavitem{
  margin: 0px 8.1px 8.1px 8.1px;
}
}
@media screen and (max-width: 1050px) {
.ssrdocsfont{font-size: 17.5px;}
.mynavitem{
  margin: 0px 8px 0px 8px;
}
.depthodbg{width: 140px;}
.depthodbg img{width: 120px;}
.hodname{font-size: 18.5px;}
}
@media screen and (max-width: 1024px) {
.ssrdocsfont{font-size: 17px;}  
.mynavitem{
  margin: 0px 6.5px 0px 6.5px;
} 
.mainlabel {
  font-size: 19px;
}
.mynavlink{
  font-size: 17.5px;
}
.mainlabel2,.mainlabel3 {
  font-size: 17px;
}
.imgbg img{width:85px;}
.imgbg2 img{width:100px;}
}
@media screen and (max-width: 990px) {
#lowerimg{display: block;}
.lowerorgano{display: none;}
.ssrdocsfont{font-size: 16px;}     
.generalul li {width: 369px;}  
#nav-icon3{display: block;}
.imgheightbox{width: 350px;}
.laternav{display: none;}
.mynavlink{font-size: 17.25px;}
.visiondiv{width: 140px;}
.visiondiv img{width: 120px;}
.myfont{font-size: 24px;}
}
@media screen and (max-width: 950px) {   
.generalul li {width: 358px;} 
}
@media screen and (max-width: 925px) {   
.generalul li {width: 349px;} 
}
@media screen and (max-width: 910px) {
.mynavlink{font-size: 17px;}
.generalul li {width: 348px;} 
}
@media screen and (max-width: 900px) {
.generalul li {width: 45%;}   
.imgheightbox{width: 300px;}
.paratext{font-size: 18px;}
.mainlabel {font-size: 17px;}
.mainlabel2,.mainlabel3 {font-size: 16px;}
.lowermore{display: none;}
.imgbg img{width:85px;}
.imgbg2 img{width:100px;}
}
@media screen and (max-width: 850px) {
.visiondiv{width: 130px;}
.visiondiv img{width: 110px;}
.myfont{font-size: 21px;}
#carouselExampleFadetwo .carousel-inner{height: 22px;}
.depthodbg{width: 120px;}
.depthodbg img{width: 100px;}
.hodname{font-size: 18px;}
}
@media (max-width: 780px) {
.xllower{display: none;}
}
@media (max-width: 768px) {
.morelower{display: none;}
.mainlabel {font-size: 15px;}
.mainlabel2,.mainlabel3 {font-size: 14px;}
.visiondiv{width: 100px;}
.visiondiv img{width: 80px;}
.missiondiv{width: 100px;}
.missiondiv img{width: 80px;}
.myfont{font-size: 20px;} 
}
@media screen and (max-width: 700px) {
.imgbg img{width:75px;}
.imgbg2 img{width:90px;}
.myfont{font-size: 18px;} 
}
@media screen and (max-width: 665px) {
.imgbg img{width:75px;}
.imgbg2 img{width:90px;}
.mynavitem{margin: 0px 12.5px 0px 12.5px;}
#zoom_in,#zoom_out,.zoominspan,.zoomoutspan{display: none;}
}
@media screen and (max-width: 630px) {
.shivajiraoholkar{display: none;}
.topheadimage{display: block;}
}
@media screen and (max-width: 580px) {
.imgheightbox{width: 270px;}
.paratext{font-size: 17px;}  
.shivajiraoholkar,.imgbefore{display: none;}
.imgafter{display: block;}
.imgbg img{width:50px;}
}
@media screen and (max-width: 515px) {
.imgheightbox{width: 220px;}
.transparentbg{font-size: 14px;}
.iqacbg{width: 200px;}
.iqacbg img{width: 200px;}
.laterpadding{padding: 20px;}
.morelater{padding: 8px;}
}
@media screen and (max-width: 448px) {
.afterhome{display: none;}
.laterhome{display: inherit;}
.foriqac{display: none;}
.mynavitem{margin: 0px 3.5px 0px 3.5px;}
.mynavlink{font-size: 16px;}
.tablefirst{display: none;}
.latertable{display: block;}
.visiondiv{width: 120px;}
.missiondiv{width: 120px;}
.visiondiv img{width: 100px;}
.missiondiv img{width: 100px;}
.iqacbg{width: 170px;}
.iqacbg img{width: 170px;}
.laterpadding{padding: 10px;}
.morelater{padding: 8px;}
}
@media screen and (max-width: 426px) {
.mynavitem{margin: 0px 4.5px 0px 4.5px;}
.mynavlink{font-size: 15px;}
}
@media screen and (max-width: 409px) {
#nav-icon3{margin: -6px auto;}
.imgheightbox{display: none;}
.oldimagelater{display: block;}
.mynavitem{margin: 0px 2px 0px 2px;}
#nav-icon3 span{height: 4px;width: 60%;}
#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 9px;}
#nav-icon3 span:nth-child(4) {top: 18px;}
}
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
}