@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300);
body{
    font-family: 'Quicksand', sans-serif;
}
.gal-container{
	padding: 12px;
}
.gal-item{
	overflow: hidden;
	padding: 3px;
}
.gal-item .box{
	height: 350px;
	overflow: hidden;
}
.box img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item a:focus{
	outline: none;
}
.gal-item a:after{
	content:"\e003";
	font-family: 'Glyphicons Halflings';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after{
	opacity: 1;
}
.modal-open .gal-container .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
	padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
	outline: none;
}
.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container .modal-dialogue{
	width: 80%;
}
.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
@media (min-width: 768px) {
.gal-container .modal-dialog {
    width: 55%;
    margin: 50 auto;
}
}
@media (max-width: 768px) {
    .gal-container .modal-content{
        height:250px;
    }
}
/* Footer Style */
i.red{
    color:#BC0213;
}
.gal-container{
    padding-top :75px;
    padding-bottom:75px;
}
footer{
    font-family: 'Quicksand', sans-serif;
}
footer a,footer a:hover{
    color: #88C425;
}
/*-- slider-up-arrow --*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 6%;
    right: 3%;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border: none;
    text-indent: 100%;
    background: url("../images/arrow.png") no-repeat 0px 0px;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-o-transform: scale(0.85);
	-ms-transform: scale(0.85);
    transform: scale(0.85);
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	transition:.5s all;
}
#toTop:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
    transform: scale(1);
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	transform: scale(1);
}
/*-- //slider-up-arrow --*/
/*-- contact --*/
.agile_contact_grid_left{
	background:#0ea2a7;
    text-align: center;
}
.agile_contact_grid_left i{
    font-size: 3em !important;
    color: #fff;
    line-height: 2.8em;
    padding: 0px;
    margin: 0px 3px;
}
.agile_contact_grid_right {
    background: #1bb4b9;
    padding: 1em;
}
.agile_contact_grid_right h4 {
    font-size: 1.3em;
    color: rgba(255, 255, 255, 0.58);
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 4px;
}
.agile_contact_grid_right p{
	color:#fff;
	line-height:2em;
	font-size:16px;
}
.agile_contact_grid_left,.agile_contact_grid_right{
	min-height:136px;
}
.agile_contact_grid_right p span{
	display:block;
}
.agile_contact_grid_right p a{
	color:#fff;
	text-decoration:none;
}
.agileits_w3layouts_left {
    background: #efa200 !important;
}
.agileits_w3layouts_right {
    background: #f5b120 !important;
}
.agile_contact_grid_right p a:hover{
	color:#212121;
}
/*-- form-effect --*/
.input {
	position: relative;
    z-index: 1;
    display: inline-block;
    margin: 2em 0 0em;
    width: 100%;
    vertical-align: top;
}

.input__field {
    border: none;
    color: #999;
    font-weight: bold;
    -webkit-appearance: none;
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
    font-weight: bold;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 1.55em 1em;
    width: 100%;
}
/* Akira */

.input__field--akira {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
	padding: 0 1em;
	width: 100%;
	color:#212121;
	height: 100%;
	background: transparent;
}

.input__label--akira {
	padding: 0;
    width: 100%;
    background: none;
    color: #212121;
    cursor: text;
    border: 3px solid #dfdfdf;
    margin: 0;
}

.input__label--akira::before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transform: scale3d(0.97, 0.9, 0);
    transform: scale3d(0.97, 0.9, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.input__label-content--akira {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__field--akira:focus + .input__label--akira::before,
.input--filled .input__label--akira::before {
	-webkit-transform: scale3d(.995, 0.96, 1);
	transform: scale3d(.995, 0.96, 1);
}

.input__field--akira:focus + .input__label--akira,
.input--filled .input__label--akira {
	cursor: default;
	pointer-events: none;
}

.input__field--akira:focus + .input__label--akira .input__label-content--akira,
.input--filled .input__label-content--akira {
	-webkit-transform: translate3d(0, -3.5em, 0);
	transform: translate3d(0, -3.5em, 0);
}
/*-- //form-effect --*/
.w3_agileits_contact_right1{
	float:left;
	width:100%;
}
.w3_agileits_contact_right1 textarea {
    border: 3px solid #dfdfdf;
    outline: none;
    resize: none;
    width: 100%;
    font-size: 1em;
    color: #212121;
    font-weight: bold;
    padding: 1em;
    min-height: 14em;
    margin-bottom: 9px;
}
.w3_agileits_contact_right1 textarea::-webkit-input-placeholder{
	color:#212121 !important;
}
.w3_agileits_contact_right {
    margin: 2em 0 0;
}

.w3_agileits_contact_right2 input[type="submit"] {
    border: none;
    outline: none;
    width: 49%;
    background-color: #f5b120;
    display: inline-block;
    padding: 0.8em;
    font-size: 19px;
    color: #fff;
}
.w3_agileits_contact_right2 input[type="submit"]:hover {
    background-color: #1bb4b9;
}
.w3_agileits_contact_right2>.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    border-radius: 0px;
    height: 55px;
    width: 50%;
    font-size: 19px;
    margin-top: -7px;
    padding: 13px 0px;
}
/*-- //contact --*/
/*-- map --*/
.map-agileits iframe {
    width: 100%;
    height: 350px;
    border: none;
    outline: none;
}
/*-- //map --*/
/*-- top-header --*/
*{
    margin: 0px;
    padding: 0px;
}
.top-header{
    background: #fffcd7;
    min-height: 100px;
}
.logo>img{
    width: 70%;
    height: 100px;
}
.brochure{
    padding: 20px;
}
.brochure>.btn-success{
    background: #0a0b68;
    display: inline-block;
    height: 50px;
    font-size: 30px;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    border: none;
    box-shadow: 0 3px #999;
    font-family: 'Playfair Display', serif;
}
.apply{
    padding: 20px;
}
.apply>.btn-warning{
    background: #25720b;
    display: inline-block;
    height: 50px;
    font-size: 22px;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    border: none;
    box-shadow: 0 3px #999;
    font-family: 'Playfair Display', serif;
}
/*-- header --*/
.header{
    height: 50px;
    background: #fff;
}
.navbar-nav>li {
    float: inherit;
    padding-left: 20px;
}
.navbar-inverse {
    background-color: #fff;
    border: none;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active >a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #25720b;
    font-size: 20px;
    font-weight: 400px;
    font-family: 'Playfair Display', serif;
}
.navbar-inverse .navbar-nav>li>a {
    color: #000;
    font-size: 20px;
    font-weight: 400px;
    font-family: 'Playfair Display', serif;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #25720b;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #25720b;
}
.dropdown-menu {
    min-width: 216px;
    font-size: 22px;
    text-align: left;
    font-family: 'Playfair Display', serif;
    color: #fff;
    background-color: #25720b;
}
/*-- breadcrumb --*/
.bread{
    background-color: #0d3365;
    height: 50px;
}
.bread>ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #0d3365;
}
.bread>ul.breadcrumb li {
    display: inline;
    font-size: 21px;
    color: #fff;
    font-family: 'Playfair Display', serif;
}
.bread>ul.breadcrumb li+li:before {
    padding: 8px;
    color: #fff;
    content: "/\00a0";
}
.bread>ul.breadcrumb li a {
    color: #25720b;
    text-decoration: none;
    font-family: 'Playfair Display', serif;
}
.bread>ul.breadcrumb li a:hover {
    color: #fff;
    text-decoration: none;
}
/*-- slider --*/
.carousel-control.right,.carousel-control.left{
    background-image: none;
}
.slider>.carousel>.carousel-inner>.item{
    height: auto;
}
.slider{
padding-right: 0px;
padding-left: 0px;
}
.slider>.carousel>.carousel-inner>.item>.carousel-caption>p{
    background: rgba(225,225,225,0.7);
    color: #a7091e;
    font-size: 30px;
    font-weight: 400px;
    margin-left: 10%;
    width: 80%;
    min-height: 50px;
}
/*-- home about --*/
.abt-left>h1{
    text-align: center;
    font-family: 'Playfair Display', serif;
    color: #a7091e;
}
.abt-left>h2{
    text-align: left;
    font-family: 'Playfair Display', serif;
    color: #124f76;
    font-size: 22px;
}
.abt-left>p{
    text-align: justify;
    font-family: 'Playfair Display', serif;
    color: #8C816F;
    font-size: 18px;
    height:232px;
    overflow: hidden;
}
.abt-left>.btn{
    background: #a7091e;
    position: relative;
    left: 36%;
}
.abt-right>iframe{
    width: 100%;
    height: 400px;
    position: relative;
    left: 30px;
    padding-right: 0px;
    padding-left: 0px;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
/*-- speaks --*/
.hall-of-fame{
        background: url(../img/hall-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    height: 100%;
    width: 23%;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-perspective: 1300px;
    perspective: 1300px;
    overflow: hidden;
    margin-left: 22px;
}
.management{
        background: url(../img/Edu_padagmBg.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    height: 100%;
    width: 23%;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-perspective: 1300px;
    perspective: 1300px;
    overflow: hidden;
    margin-left: 22px;
}
.alumini{
        background: url(../img/News_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    height: 100%;
    width: 23%;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-perspective: 1300px;
    perspective: 1300px;
    overflow: hidden;
    margin-left: 22px;
}
.notice-board{
        background: url(../img/news.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    height: 100%;
    width: 23%;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-perspective: 1300px;
    perspective: 1300px;
    overflow: hidden;
    margin-left: 22px;
}
.notice-board>marquee>ul{
    width: 90%;
}
.notice-board>marquee>ul>li>.date{text-align: right;}
.notice-board>marquee>ul>li{
    list-style: none;
}
.notice-board>marquee>ul>li>h5{
    color: #fff;
    font-weight:400;
    font-size: 15px;
    text-align: center !important;
    line-height: 22px;
    font-family: "Lucida Handwriting";
}
.notice-board>marquee>ul>li>p{
    color: #fff;
    text-align: justify;
    font-family: "Segoe Script";
}
.notice-board>marquee>ul>li>.img-responsive{
    margin: 0 auto;
    width: 150px;
    height: 100px;
}
.notice-board>marquee{
    position: relative;
    top: 26px;
    overflow: hidden;
    height: 235px;
}
/*-- hall of fame --*/
.hall-of-fame>h4,.management>h4,.alumini>h4,.notice-board>h4{
    color: #fff;
    text-align: center;
    font-family:'Lobster';
    position: relative;
    top: 30px;
}
.border{
    background:#fff;
    min-height: 2px;
    width: 50%;
    position: relative;
    top: 25px;
    left: 23%;
}
.hall-of-fame>marquee>ul{
    width: 90%;
}
.hall-of-fame>marquee>ul>li{
    list-style: none;
}
.hall-of-fame>marquee>ul>li>h5{
    color: #fff;
    font-weight:400;
    font-size: 22px;
    text-align: center;
    font-family: "Lucida Handwriting";
}
.hall-of-fame>marquee>ul>li>p{
    color: #fff;
    text-align: justify;
    font-family: "Segoe Script";
}
.hall-of-fame>marquee>ul>li>.img-responsive{
    margin: 0 auto;
    width: 150px;
    height: 100px;
}
.hall-of-fame>marquee{
    position: relative;
    top: 26px;
    overflow: hidden;
    height: 253px;
}
.test{
    padding:20px;
}
.test>.img-responsive{
    background: url(../img/images.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    margin: 0 auto;
    height: 102px;
    width: 110px;
}
.test>h3{
    color: #fff;
    font-weight: 400;
    font-family: "Lucida Handwriting";
    text-align: center;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.test>.desc,.test>.desc>p{
    color: #fff;
    font-family: "Segoe Script";
    text-align: justify;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.test>.btn-primary,.test>.btn-warning{
position: relative;
left: 26%;
top: 10px;
}
/*-- sections --*/
.section{
    background: url(../img/section-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-perspective: 1300px;
    perspective: 1300px;
    overflow: hidden;
    margin-top: 20px;
    padding: 25px;
}
/*-- left section --*/
.left-section{
    background: #fff;
    min-height: 450px;
}
.left-section>h3{
    color: #0d3365;
    text-align: center;
    font-family:'Lobster';
}
.blog-img>.img-thumbnail{
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    height: 100px;
    width: 100%;
}
.blog-text{
    color: #eb7124;
    font-size: 20px;
    font-family: "Times New Roman";
}
.date{
    text-align: right;
    color: #0d3365;
    font-weight: 400px;
    font-size: 18px;
}
.blog-c{
    margin-top: 20px;
}
/*-- right section --*/
.right-section{
    background: #0d3365;
    height: 450px;
    margin-left: 20px;
    width: 48%;
}
.right-section>h3{
    color: #fff;
    text-align: center;
    font-family:'Lobster';
}
.cloud9-item{
        height: 200px;
        width: 50%;
    }
/*-- footer --*/
.footer{
    background: url(../img/footer-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-perspective: 1300px;
    perspective: 1300px;
    overflow: hidden;
}
.overlay{
    background: rgba(0,0,0,0.5);
    min-height: 400px;
}
.social{
    padding: 10px;
}
.social>h5,.downloads>h5,.quik-contact>h5{
    color: #fff;
    text-align: center;
    font-family: "Times New Roman";
    font-size: 30px;
    font-weight: 400;
}
.social>a,.social>a:hover{
    text-decoration: none;
    color: #fff;
}
.fa {
  padding: 20px;
  font-size: 40px;
  text-align: center;
  text-decoration: none;
  margin:20px 25px;
  border-radius: 4px;
  width: 80px;
  height: 80px;
}
.fa:hover {
    opacity: 0.7;
}
.fa-instagram {
  background: #fb3958;
  color: white;
}
.fa-facebook {
  background: #3B5998;
  color: white;
}
.fa-twitter {
  background: #55ACEE;
  color: white;
}
.downloads>ul{
    list-style: none;
    text-align: left;
    margin-left: 20%;
    font-family: "Times New Roman";
}
.downloads>ul>li>a,.downloads>ul>li>a:hover{
    text-decoration: none;
    color: #fff;
    font-size: 20px;
}
/* footer Contact */
.quik-contact{
    padding: 20px;
}
.contact{
    border-left: 2px solid #fff;
    padding: 20px;
}
.contact>form>input[type=text]{
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

.contact>form>input[type=submit] {
    background-color: #0d3365;
    color: white;
    padding: 12px 20px;
    border: none;
    cursor: pointer;
    font-weight: 400;
    font-size: 20px;
    border-radius: 0px;
}

.contact>form>input[type=submit]:hover {
    background-color: #0d76b9;
}
.powered{
    border-top: 2px solid #fff;
}
.powered>p{
    color: #fff;
    font-family: "Times New Roman";
    font-size: 18px;
    font-weight: 400;
    text-align: right;
}
.powered>p>a,.powered>p>a:hover{
    color: #f00;
    font-family: "Times New Roman";
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}
/*-- Aout start --*/
.abt>h1{
    text-align: center;
    font-family: 'Playfair Display', serif;
    color: #a7091e;
}
.abt>h2,.abt>spain{
    text-align: left;
    font-family: 'Playfair Display', serif;
    color: #124f76;
    font-size: 22px;
}
.abt>p{
    text-align: justify;
    font-family: 'Playfair Display', serif;
    color: #8C816F;
    font-size: 18px;
    height:auto;
    overflow: hidden;
}

/*-- media --*/
@media screen and (max-width: 320px) {
.bread {
    margin-top: 3%;
}
.item{
    max-height: 180px;
}
.slider {
    margin-top: 12px;
}
.logo > img {
    width: 100%;
    height: 63px;
}
.brochure > .btn-success {
    height: 45px;
    font-size: 24px;
    font-weight: 400;
}
    .apply > .btn-warning{
        font-size: 18px;
    }
    .navbar-inverse .navbar-toggle {
    border-color: #032cf4;
    background: #1882ce;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    height: 50px;
    font-family: 'Playfair Display', serif;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 5px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 8px;
}
    .abt-right{
    padding-right: 0px;
    padding-left: 0px;
    }
.abt-right > iframe {
    width: 100%;
    height: 172px;
    position: relative;
    left: 0px;
    top: 5px;
}
.navbar-nav {
    margin: 7.5px -15px;
    z-index: 1000;
    position: absolute;
    background: #0d3365;
}
.slider > .carousel > .carousel-inner > .item > .carousel-caption > p {
    font-size: 13px;
    font-weight: 400px;
    margin-left: 0px;
    min-height: 14px;
    position: relative;
    top: 46px;
}
.abt-left > h1 {
    font-size: 20px;
}
.abt-left > h2 {
    font-size: 15px;
}
.abt-left > p {
    font-size: 11px;
    min-height: 300px;
}
.hall-of-fame,.management,.alumini,.notice-board {
    width: 100%;
    margin-left: 0px;
    margin-top: 10px;
    }
.right-section {
    height: 200px;
    margin-left: 1px;
    width: 100%;
}
#showcase {
  width: 100% !important;
  height: 180px !important;
  margin-top: -10px !important;
  visibility: hidden;
}
    .cloud9-item{
        margin-top: 0px;
        height: 69px;
        width: 71%;
    }
.social>h5, .downloads>h5, .quik-contact>h5 {
    font-size: 20px;
}
.fa {
    padding: 12px;
    font-size: 32px;
    margin: 20px 11px;
    border-radius: 4px;
    width: 56px;
    height: 56px;
}

}

@media (max-width: 480px) {
    .bread {
    margin-top: 3%;
}
.slider>.carousel>.carousel-inner>.item{
    height: 30vh;
}
.slider {
    margin-top: 12px;
}
}

@media screen and (max-width: 640px) {
    .logo > img {
    width: 100%;
    height: 63px;
}
.brochure > .btn-success {
    height: 45px;
    font-size: 24px;
    font-weight: 400;
}
    .apply > .btn-warning{
        font-size: 18px;
    }
    .navbar-inverse .navbar-toggle {
    border-color: #032cf4;
    background: #1882ce;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    height: 50px;
    font-family: 'Playfair Display', serif;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 5px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 8px;
}
.abt-right > iframe {
    width: 100%;
    height: 172px;
    position: relative;
    left: 0px;
    top: 5px;
}
.navbar-nav {
    margin: 7.5px -15px;
    z-index: 1000;
    position: absolute;
    background: #0d3365;
}
.slider > .carousel > .carousel-inner > .item > .carousel-caption > p {
    font-size: 13px;
    font-weight: 400px;
    margin-left: 0px;
    min-height: 14px;
    position: relative;
    top: 46px;
}
.abt-left > h1 {
    font-size: 20px;
}
.abt-left > h2 {
    font-size: 15px;
}
.abt-left > p {
    font-size: 11px;
}
.hall-of-fame,.management,.alumini,.notice-board {
    width: 100%;
    margin-left: 0px;
    margin-top: 10px;
    }
.right-section {
    height: 200px;
    margin-left: 1px;
    width: 100%;
}
#showcase {
  width: 100% !important;
  height: 180px !important;
  margin-top: -10px !important;
  visibility: hidden;
}
    .cloud9-item{
        margin-top: 0px;
        height: 69px;
        width: 71%;
    }
.social>h5, .downloads>h5, .quik-contact>h5 {
    font-size: 20px;
}
.fa {
    padding: 12px;
    font-size: 32px;
    margin: 20px 11px;
    border-radius: 4px;
    width: 56px;
    height: 56px;
}
}

@media screen and (max-width: 800px) {
  
}