/* Preloader */
#preloader h1{
color:#FFFFFF;
text-align:center;
margin-top:150px;
}

#preloader{
position: fixed;
width: 100%;
height: 107vh;
margin-top:-20px;
background :url('https://cdn.dribbble.com/users/563824/screenshots/2800819/slidin_squares.gif');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
z-index:99999;
}


/**************************************************INdex Page************************************************************/
/*Navigation Bar*/
.navbar{
background-color:#CC3333;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #9c3030;
	}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #9c3030;
    color: #555;
}	
	

.navbar img{
width: 60px;
height:40px;
margin-top:-10px;
}
/*Navigation Bar*/


/*Number-Bar*/
#number-bar{
padding:50px;
background-image:url(../img/data-bg.jpg);
color:#FFFFFF;
}
#number-bar .icon-design
{
font-size:100px;
}
/*Number Bar*/


/*Testimonial*/
#feedback{
padding:50px;
} 

#feedback h1{
color:#CC3333;
}

#feedback p{
font-size:18px;
word-spacing:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 25px;
}

#feedback img{
width:60%;
margin-left:120px;
margin-top:40px;
border-radius:40px;
height: 250px;
}

.user-testimonial p{
font-size:18px;
border-left:1px solid #bebebe;
margin-left: -35px;
margin-top: 50px;
padding:10px;
word-spacing:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 25px;
}


.user-testimonial h3{
font-size:16px;
margin-top: 20px;
margin-left: -22px;
}
/*testimonial*/


/*holistic*/
#holistic{
padding:50px;
color:#FFFFFF;
}

#holistic p{
font-size:16px;
word-spacing:2px;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 25px;
}

#holistic .icon-design{
font-size:80px;
vertical-align:middle;
margin-bottom:10px;
margin-top:10px;
}

.gems-img img{
margin-top:50px;
}


.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  cursor:pointer;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.icon-academic{
border-right:1px solid #bebebe;
}

.icon-academic:hover .overlay {
  opacity: 1;
}

.icon-personality{
border-right:1px solid #bebebe;
}

.icon-personality:hover .overlay {
  opacity: 1;
}

.icon-values:hover .overlay {
  opacity: 1;
}

.icon-sports{
border-right:1px solid #bebebe; border-top:1px solid #bebebe;
} 

.icon-sports:hover .overlay {
  opacity: 1;
}

.icon-creativity{
border-right:1px solid #bebebe; border-top:1px solid #bebebe;
} 

.icon-creativity:hover .overlay {
  opacity: 1;
}

.icon-community{
 border-top:1px solid #bebebe;
}

.icon-community:hover .overlay {
  opacity: 1;
}

.icon-visual{
border-right:1px solid #bebebe; border-top:1px solid #bebebe;
}

.icon-visual:hover .overlay {
  opacity: 1;
}

.icon-leadership{
border-right:1px solid #bebebe; border-top:1px solid #bebebe;
}

.icon-leadership:hover .overlay {
  opacity: 1;
}

.icon-skill{
 border-top:1px solid #bebebe;
}

.icon-skill:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/*Holistic*/



/* WElCome To SChool*/
#learn-more-img a img{
width:15%;
transition:transform 2s;
}

#learn-more-img a img:hover{
transform:scale(1.2);
}

#school-info{
padding:50px;
}

#school-info h1{
color:#CC3333;
text-align:center;
}

#school-info p{
font-size:18px;
text-align:justify;
letter-spacing:0.5px;
word-spacing:3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 25px;
}


/*Flipping Image*/
.rotating-box{
max-width:100%;
width:400px;
height:300px;
margin:10px auto;
/*perspective:800px;*/
}

.single-rb{
width: 400px;
animation: rotate 15s linear infinite;
/*transform-style: preserve-3d;*/
}

.single-rb img{
width: 400px;
height:300px;
}

.single-rb div{
position:absolute;
width:400px;
height:300px;
}

.front-side{
transform:translateZ(100px);
}

.back-side{
transform:rotateY(180deg);
translateZ(100px);
}/*Flipping image*/

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


#school-info a img{
max-width: 100%;
width: 33%;
height: 20%;
display: block;
/*overflow: hidden;*/
/*position: relative;*/
/*margin-top: -30px;*/
transition: transform 2s;
margin-left: -20px;
}

#school-info a img:hover{
transform:scale(1.2);
}

/* WElCome To SChool*/



/*News*/
#news-info{
padding:50px;
background-color:#CC3333;
}

#news-info h1{
color:#FFFFFF;
}

#news-info h5{
color:#FFFFFF;
font-size:24px;
}

#news-info #news-row{
margin-bottom:20px;
}

#news-info .news-content{
margin-left:25px;
color:#fff;
font-size:18px;
height: 300px;
}

#news-info iframe{
width:100%;
height:300px;
}
/*News*/


/*Principal Message*/
#message{
padding:50px;
}

#message h1
{
text-align:center;
color:#CC3333;
}

/*#message #img-principal img{
max-width: 100%;
width: 50%;
height: 300px;
border-radius: 80%;
border:1px solid #CC3333;
}
*/
#message p{
font-size:18px;
text-align:justify;
margin-left:35px;
letter-spacing:0.5px;
word-spacing:2px;
color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 25px;
}

#message #commas-open{
width:5%;
height:20%;
}

#message #commas-close{
width:5%;
height:20%;
float:right;
margin-right:110px;
margin-top:-35px;
}

#message a img{
max-width: 100%;
width: 30%;
height: 20%;
overflow: hidden;
position: relative;
transition: transform 2s;
margin-left: 8px;
}

#message a img:hover{
transform:scale(1.2);
}

/*Principal Message*/


/*Events*/
#events{
padding:50px;
margin-bottom:0px;
}

#events a:hover{
text-decoration:none;
}

#events h1{
color:#fff;
}

#events #row-event{
margin-left:25px;
}

#events .box{
margin:5px;
width:300px;
height:358px;
box-sizing:border-box;
display:inline-block;
border:1px solid #CC3333;
}

#events .box .img-box{
width:300px;
height:250px;
}


#events .box .img-box img{
width:298px;
height:250px;
opacity: 1;
display: block;
transition: .5s ease;
backface-visibility: hidden;
}

#events .middle{
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}

#events .box:hover .img-box img{
  opacity: 0.3;
}

#events .box:hover .middle {
  opacity: 1;
}

#events .box a .text-img {
background-color:#CC3333;
color: white;
font-size: 16px;
text-align: center;
padding: 10px;
margin-top: -75px;
cursor:pointer;
margin-left: -30px;
}

#events .box .desc {
 padding:15px;
 color:#FFFFFF;
 background-color:#CC3333;
}

#events .box .desc p{
font-size:16px;
word-spacing:2px;
text-align:justify;
}
/*Events*/


/***Gallery Slider****/
#gallery-slider{
/*background-color:#000000;*/
background:linear-gradient(rgba(0,0,0,0.7),rgb(0,0,0,0.7)),url('https://aecagra.edu.in/wp-content/uploads/2017/09/3.jpg');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
margin-bottom:-30px;
}

/*Desktop and Tablet*/
@-webkit-keyframes slide {
0% { margin:0; }
5%,50% { margin:0 0 0 -100%; }
55%, 100% { margin:0; }
}
@-moz-keyframes slide {
0% { margin:0; }
5%,50% { margin:0 0 0 -100%; }
55%,100% { margin:0; }
}
@-ms-keyframes slide {
0% { margin:0; }
5%,50% { margin:0 0 0 -100%; }
55%,100% { margin:0; }
}
@-o-keyframes slide {
0% { margin:0; }
5%,50% { margin:0 0 0 -100%; }
55%,100% { margin:0; }
}
@keyframes slide {
0% { margin:0; }
5%,50% { margin:0 0 0 -100%; }
55%,100% { margin:0; }
}

/*Mobile*/
@-webkit-keyframes slide_mobile {
0%, 22% { margin:0; }
25%, 47% { margin:0 0 0 -100%; }  
50%, 72% { margin:0 0 0 -200%; }
75%, 97% { margin:0 0 0 -300%; }
100% { margin:0; }
}

@-moz-keyframes slide_mobile {
0%, 22% { margin:0; }
25%, 47% { margin:0 0 0 -100%; }  
50%, 72% { margin:0 0 0 -200%; }
75%, 97% { margin:0 0 0 -300%; }
100% { margin:0; }
}

@-ms-keyframes slide_mobile {
0%, 22% { margin:0; }
25%, 47% { margin:0 0 0 -100%; }  
50%, 72% { margin:0 0 0 -200%; }
75%, 97% { margin:0 0 0 -300%; }
100% { margin:0; }
}

@-o-keyframes slide_mobile {
0%, 22% { margin:0; }
25%, 47% { margin:0 0 0 -100%; }  
50%, 72% { margin:0 0 0 -200%; }
75%, 97% { margin:0 0 0 -300%; }
100% { margin:0; }
}

@keyframes slide_mobile {
0%, 22% { margin:0; }
25%, 47% { margin:0 0 0 -100%; }  
50%, 72% { margin:0 0 0 -200%; }
75%, 97% { margin:0 0 0 -300%; }
100% { margin:0; }
}



.rotator-wrap {
	overflow:hidden;
	position:relative;
	min-height:100px;
	width:100%;
	border-radius:5px;
}

.rotator {
width:200%;
overflow:hidden;
margin:0;
list-style:none;
padding:0;
/*background: #000; /* Old browsers */
/*background: -moz-linear-gradient(left,  #000 0%, #3d6ea5 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000), color-stop(100%,#000)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(left,  #000 0%,#000 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(left,  #000 0%,#000 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(left,  #000 0%,#000 100%); /* IE10+ */
/*background: linear-gradient(to right,  #000 0%,#000 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=1 ); /* IE6-9 */

/*Change the length of the animation here*/
	-webkit-animation: slide 10s infinite ease-out 5s;
	-moz-animation:    slide 15s infinite ease-out 5s;
	-ms-animation:     slide 15s infinite ease-out 5s;
	-o-animation:      slide 15s infinite ease-out 5s;
	animation:         slide 15s infinite ease-out 5s;
}

.rotator > li {
	padding:15px;
	width:12.5%;
	float:left;
	margin:0;
	box-sizing:border-box;
	
	
	-webkit-transition:margin .2s ease-out;
	-moz-transition:margin .2s ease-out;
	-ms-transition:margin .2s ease-out;
	-o-transition:margin .2s ease-out;
	transition:margin .2s ease-out;
}
.rotator > li:hover {
  margin:-7px 0 0 0;
  cursor:pointer;
}

.rotator > li > div {
	background:#999;
	width:100%;
	height:100%;
	line-height: 0;
	border-radius:50%;
	overflow:hidden;
	box-shadow:0 5px 5px 0px rgba(0,0,0,.7);
	

	-webkit-transition: box-shadow .2s ease-out;
	-moz-transition:box-shadow .2s ease-out;
	-ms-transition:box-shadow .2s ease-out;
	-o-transition:box-shadow .2s ease-out;
	transition:box-shadow .2s ease-out;
}

.rotator > li:hover > div {
  box-shadow:0 20px 15px -10px rgba(0,0,0,.3);
}

.rotator img {
  /*width:100%;*/
  height:300px;
}

@media only screen and (max-width: 767px) {
	.rotator {
		width:266%;
	}
}

@media only screen and (max-width: 520px) {
	.rotator {
		width:798%;
		-webkit-animation: slide_mobile 25s infinite ease-out;
		-moz-animation:    slide_mobile 25s infinite ease-out;
		-ms-animation:     slide_mobile 25s infinite ease-out;
		-o-animation:      slide_mobile 25s infinite ease-out;
		animation:         slide_mobile 25s infinite ease-out;
	}
}
/***Gallery Slider****/




/*Footer*/
#footer{
color:#FFFFFF;
margin-top:30px;
}

#footer a{
color:#CCCCCC;
}

#footer h1{
margin-top:50px;
}

#footer a:hover{
color:#f55b5b;
font-size:15px;
opacity:1;
text-decoration:none;
}


#footer .icon-design{
font-size:30px;
margin-right:10px;
color:#FFFFFF;
}

#footer .social-media-icon a img{
width:5%;
height:10%;
transition:0.5s;
}

#footer .social-media-icon a img:hover{
width:6%;
opacity:1;
}

#footer .social-media-icon{
margin-top:20px;
}


#footer #google-map iframe{
margin-top:50px;
width:100%;
height:370px;
max-width:100%;
margin-bottom:40px;
}

#footer .nav-footer{
margin-top:45px;
}

#footer .nav-footer a{
margin-right:10px;
}

#footer .search-container{
margin-top:45px;
}

#footer .search-container input{
color:#000000;
height:25px;
}

#footer .search-container .icon-design{
font-size:14px;
color:#000000;
}


#footer #copyrights-footer a img{
width:2%;
height:3%;
}

#footer #copyrights-footer{
margin-bottom:20px;
}

/*Arrow up*/
/*html
{
scroll-behavior:smooth;
}*/

/**************Scroll Arrow Up Css*****************/
#scroll{
position:fixed;
bottom:10px;
right:10px;
width:50px;
height:50px;
background: #CC3333;
border-radius:60px;
-webkit-border-radius:60px;
-moz-border-radius:
}

#scroll span{
position: absolute;
top:50%;
left:50%;
margin-left: -8px;
margin-top: -12px;
border:8px solid transparent;
border-bottom-color: white;
}
/**************Scroll Arrow Up Css*****************/

/*Footer*/

/***************************************************INdex Page************************************************************/



/**************************************************About us CSS************************************************************/


#bg-text p{
text-align:center;
color:#FFFFFF;
vertical-align:middle;
margin-top:200px;
font-size:45px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#school-info #img-school img{
width:100%;
height:250px;
border:1px solid #CC3333;
}


#vision{
padding:50px;
padding-bottom:30px;
color:#FFFFFF;
}

#vision h1{
text-align:center;
}

#vision p{
margin-top:20px;
font-size:18px;
text-align:justify;
letter-spacing:0.5px;
word-spacing:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 25px;
}

#vision ul{
margin-top:20px;
font-size:18px;
text-align:justify;
letter-spacing:0.5px;
word-spacing:2px;
}

#footer-bottom{
margin-top:0px;
}


#section a iframe{
width:100%;
height:300px;
border:1px solid #CC3333;
}

.section-top{
margin-top:-45px;
}

#section{
padding:20px;
color:#CC3333;
}

#section a img{
width:100%;
height:300px;
border:1px solid #CC3333;
}

/**************************************************About us CSS************************************************************/


/**************************************************Principal Msg CSS************************************************************/
#school-info #img-principal img{
width:100%;
height:400px;
border-radius:50px;
border:1px solid #CC3333;
}
/**************************************************Principal Msg CSS************************************************************/


/**************************************************OurFaculties CSS************************************************************/
#faculties-detail{
padding:50px;
margin-left:15px;
}

#faculties-detail .box{
margin:5px;
width:80%;
height:250px;
border-radius:30%;
border:1px solid #CC3333;
}

#faculties-detail .box .img-box{
width:100%;
height:250px;
border-radius:30%;
}

#faculties-detail .box .img-box img{
width:100%;
height:250px;
opacity: 1;
border-radius:30%;
transition: .5s ease;
backface-visibility: hidden;
}

#faculties-detail .middle{
transition: .5s ease;
opacity: 0;
width:50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}

#faculties-detail .box:hover .img-box img{
  opacity: 0.3;
}

#faculties-detail .box:hover .middle {
  opacity: 1;
}

#faculties-detail .box .text-img {
background-color:#CC3333;
color: white;
font-size: 16px;
text-align: center;
padding: 10px;
margin-top: 110px;
cursor:pointer;
margin-left: -42px;
}
/**************************************************OurFaculties CSS************************************************************/


/*****************************************************Uniform CSS*************************************************************/
#school-info h2{
margin-left:10px;
font-size:28px;
}

#school-info h3{
margin-left:10px;
font-size:18px;
}

#school-info #img-uniform{
margin-top:50px;
}

#school-info #img-uniform img{
width:50%;
margin-top:2px;
margin-right:-2px;
height:200px;
border:1px solid #CC3333;
}

/*******************************************************Uniform CSS*********************************************************/


/****************************************************Curriculum Page***************************************************/
#school-info #img-curriculum img{
width: 100%;
height:500px;
border:1px solid #CC3333;
}
/****************************************************Curriculum Page***************************************************/


/****************************************************Promotion Page****************************************************/
#school-info ul li{
font-size:18px;
text-align:justify;
letter-spacing:0.5px;
word-spacing:3px;
}
/****************************************************Promotion Page****************************************************/


/****************************************************Committee CSS****************************************************/
#school-info #table-box{
width:80%; margin-left:100px; display:table; border:1px solid #CC3333;
}
/****************************************************Committee CSS****************************************************/

/**************************************************fee Structure CSS**************************************************/

#school-info .iddivcontaineerfortable1{
overflow:auto; width:100%; height:340px; margin: 1px auto; border-collapse: collapse;}

#school-info #idtable{ display:table; border-left:1px solid #CC3333; border-bottom: 1px solid #CC3333;}
#school-info #idtable td{ white-space:normal; border-right:1px solid #CC3333; border-top:1px solid #CC3333; text-align:center;} 
 
/**************************************************fee Structure CSS**************************************************/


/**************************************************Contact Us CSS**************************************************/
#contact-wrapper{
padding:50px;
text-align:center;
}

.contact-title
{
color: #fff;
text-transform: uppercase;
transition: all 4s ease-in-out;
}
.contact-title h1
{    
	font-size: 36PX;
	line-height: 20PX;
}
.contact-title h2
{
	font-size: 16PX;
}
form
{
	margin-top: 50PX;
	transition: all 4s ease-in-out;
}
.form-controll
{
	width: 600PX;
	background: transparent;
	border: none;
	outline: none;
	border-bottom: 1PX solid #fff;
	color: #fff;
	font-size: 18PX;
	margin-bottom: 16PX;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
input
{
	height: 45PX;
}
form .submit
{
	background: #ff5722;
	border-color: transparent;
	color: #fff;
	font-size: 20PX;
	font-weight: bold;
	letter-spacing: 2PX;
	height: 50PX;
	margin-top: 20PX;
	border-radius: 25px;
}
form .submit:hover
{
	background: #f44336;
	cursor: pointer;
}

@media only screen and (max-width: 767px)
{
	.form-controll
	{
		width: 100%;
		font-size: 15PX;
		margin: 0 auto 16PX;
	}
	form .submit
	{
		font-size: 17PX;
		font-weight: bold;
		height: 50PX;
		margin: 17PX auto 0;
	}
}

@media only screen and (max-width: 440px)
{
	.form-controll
	{
		width: 100%;
		font-size: 15PX;
		margin: 0 auto 16PX;
	}
	form .submit
	{
		font-size: 17PX;
		font-weight: bold;
		height: 50PX;
		margin: 17PX auto 0;
	}
}


#backgroundPopup{display:none;background:#FFFFFF;z-index:2;position:absolute;left:1px; width: 100%;height:100% !important;   top:1px;}
/**************************************************Contact Us CSS**************************************************/

/**************************************************News CSS**************************************************/

#school-info #img-award img{ height:230px; border:1px solid #CC3333; width:100%; margin-bottom:10px;}
#school-info #img-events img{ height:200px; border:1px solid #CC3333; width:100%; margin-bottom:10px;}
#school-info #img-cbse img{ height:250px; border:1px solid #CC3333; width:100%; margin-bottom:10px;}
#school-info #img-annualday img{ height:250px; border:1px solid #CC3333; width:100%; margin-top:20px;}
#school-info #img-ceremony img{ height:300px; border:1px solid #CC3333; width:100%; margin-top:30px;}
#school-info #fit img{ height:358px; border:1px solid #CC3333; width: 100%; margin-bottom: 10px;  }
#class_toppers #toppers img{ height:auto; width:100%; margin-bottom: 10px; }
#school-info h5{
text-align:left;
font-size:20px;
color:#CC3333;
}
#class_toppers h5{
text-align:left;
font-size:20px;
color:#CC3333;
}
/**************************************************News CSS**************************************************/


/**************************************************Learn More CSS**************************************************/
#holistic .box{
width:100%;	
padding: 10px;
display:block;
border:1px solid #CC3333;
margin-bottom: 20px;
}

#holistic h5{
font-size:20px;
}
/**************************************************Learn More CSS**************************************************/


/**************************************************Annual Day CSS**************************************************/

#school-info #annualday-img img{
border:1px solid #CC3333;
}
/**************************************************Annual Day CSS**************************************************/



@media only screen and (max-width: 480px)
{

/*Navigation Bar*/
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}

.navbar img{
width: 55px;
height:40px;
margin-top:-10px;
margin-right:-10px;
}
/*Navigation Bar*/


/*Number Bar*/
#number-bar .text-center{
width:100%;
margin-bottom:40px;
}

#number-bar .icon-design{
font-size:120px;
}
/*Number BAr*/


/*Feedback*/
#feedback{
padding:30px;
}

#feedback img{
padding: 0px;
margin-left: 28px;
margin-top: 40px;
}

.user-testimonial p{
margin-top:20px;
font-size:18px;
text-align:justify;
margin-left:0px;
word-spacing:1px;
border:none;
}

.user-testimonial h3{
margin-top: -10px;
margin-left: 10px;
margin-bottom:35px;
}
/*Feedback*/


/*Holistic*/
.gems-img img{
width:80%;
height:50%;
margin-top:-10px;
margin-bottom:20px;
}

.icon-academic{
border:none;
}

.icon-personality{
border:none;
}

.icon-sports{
border:none;
} 

.icon-creativity{
border:none;
} 

.icon-community{
 border:none;
}

.icon-visual{
border:none;
}

.icon-leadership{
border:none;
}

.icon-skill{
 border:none;
}
/*Holistic*/


/*Princi Message*/
#message{
padding:30px;
}

#message #img-principal img{
width: 100%;
height: 300px;
border-radius: 50%;
}

#message a img{
width: 50%;
height: 20%;
margin-left: 15px;
}

#message p{
font-size:20px;
letter-spacing:0.5px;
word-spacing:1px;
}
/*Princi Message*/

/*News-Info*/
#news-info{
padding:30px;
}

#news-info .news-content h5{
font-size:16px;
}


#news-info #news-row{
margin-bottom:20px;
}

#news-info .news-content{
margin-left:0px;
color:#fff;
font-size:16px;
height: auto;
}
/*News-Info*/


/****Events*****/
#events #row-event{
margin-left:-55px;
}

#events .box{
margin-bottom:20px;
}

#events .box a .text-img {
margin-left: 40px;
}
/****Events*****/



/*School-Info*/

#learn-more-img a img{
width:50%;
}

#school-info{
padding:20px;
}

#school-info p{
margin-top:20px;
word-spacing:1px;
}

#school-info a img{
width: 40%;
height: 205;
}

.rotating-box{
width:auto;
/*perspective:800px;*/
}

.single-rb{
width: auto;
/*transform-style: preserve-3d;*/
}

.single-rb img{
width: auto;
}

.single-rb div{
width:auto;
}
/*School-Info*/


/*Footer*/
#footer h1{
text-align:center;
}

#footer .icon-design{
vertical-align:top;
}

#footer .social-media-icon{
text-align:;
}

#footer .social-media-icon a img{
width:10%;
}

#footer .social-media-icon a img:hover{
width:11%;
opacity:1;
}

#footer #google-map iframe{
margin-top:20px;
}

#footer .search-container{

}

#footer .nav-footer{
text-align:center;
}

#footer #copyrights-footer a img{
width:4%;
height:3%;
}

/*Footer*/


/************Other Pages CSS************8**/
#vision{
padding:30px;
}

#section{
padding:5px;
margin-bottom:20px;
}

.section-top{
margin-top:-10px;
}

/****Faculties****/
#faculties-detail{
padding:30px;
margin-left:-5px;
}


#faculties-detail .box{
width:100%;
margin-bottom:15px;
}

#faculties-detail .box .img-box img{
width:100%;
}

#faculties-detail .middle{
width:70%;
}

#faculties-detail .box .text-img {
padding: 10px;
margin-left: -13px;
margin-right: -23px;
}

/****faculties****/


/***Comittee Detail**/
#school-info #table-box{
width:80%;
margin-left:40px;
display:table;
border:1px solid #bebebe;
text-align:left;
}
/***Comittee Detail**/

/*****Promotion*****/
#school-info ul{
padding:20px;
}

#school-info ul li{
letter-spacing:0.5px;
word-spacing:2px;
}
/*****Promotion*****/

#school-info #img-annualday img{ margin-top:0px;}
#school-info #img-ceremony img{ margin-top:0px;}

}