@font-face {
    font-family: 'Roboto-Regular';
    src: url(../../fonts/Roboto-Regular.eot) format('woeotff'), url(../../fonts/Roboto-Regular.ttf) format('truetype'), url(../../fonts/Roboto-Regular.svg) format('svg');
    font-weight: 400;
    font-style: normal;
}

body, html {
	font-family: 'Roboto-Regular';
	height: 100%;
}
a:hover {color: #005cb5;}
.padding-5 {padding: 5px;}
.padding-10 {padding: 10px;}
.padding-15 {padding: 15px;}
.padding-20 {padding: 20px;}
.padding-25 {padding: 25px;}
.margin-5 {margin: 5px;}
.margin-10 {margin: 10px;}
.margin-15 {margin: 15px;}
.margin-20 {margin: 20px;}
.margin-25 {margin: 25px;}
.margintop-5 {margin-top: 5px;}
.margintop-10 {margin-top: 10px;}
.margintop-15 {margin-top: 15px;}
.margintop-20 {margin-top: 20px;}
.margintop-25 {margin-top: 25px;}
.bg-yellow {background-color: #ffae00;}
.bg-yellow1 {background-color: #ff8400;}
.bg-yellow2 {background-color: #ff6000;}
.bg-purple {background-color: #3a4b82;}
.bg-drblue {background-color: #2d5875;}
.bg-ltblue {background-color: #7dbace;}
.bg-ltpink {background-color: #d8889b;}
.bg-white {background-color: #FFFFFF;}
.bg-facebook {background-color: #334a7f;}
.bg-twitter {background-color: #339cc3;}
.bg-youtube {background-color: #cf3427;}

.bg-instagram {background-color: #4061a6;}
.text-white {color: #FFF;}
.circle-box {border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.border-gray {border: solid 5px #ebebeb;}
.text-overflow {  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
/* Navigation */
.sams-logo {float: left;    margin-top:0px;}
#menu {
	padding: 0px;
	transition: all 0.8s;
}
#menu.navbar-default {
	background-color: rgba(248, 248, 248, 0);
	border-color: rgba(231, 231, 231, 0);
}
#menu a.navbar-brand {
	text-transform: uppercase;
	font-size: 22px;
	color: #fff;
	font-weight: 600;
	/*background-image: url(../img/logo-icon.png);
	background-position: left center;
	background-repeat: no-repeat;*/
	height: inherit;
	padding: 5px 0px 5px 15px;
	    margin-right: 15px;
}
#menu .navbar-right {margin-top: 10px;}
#menu.navbar-default .navbar-nav > li > a {
	color: #ffffff;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: 500;
}
#menu.navbar-default .navbar-nav > li > a:hover {
	color: #f38181;
}
.on {
	background-color: rgba(45, 88, 117, 0.9) !important;
	padding: 0 !important;
}
.on .social-box {display: none;}
.on .navbar-brand .sams-logo{width: 60%;}
#menu.on .navbar-right {
    margin-top: 8px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff !important;
	background-color: transparent;
}
.navbar-toggle {
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #ffa60c;
	border-color: #ffa60c;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}
.social-box {text-align: right;    padding-top: 8px;}
.social-box a{width: 35px; height: 35px; margin: 0 5px; line-height: 35px; color: #FFF; font-size: 20px; display: inline-block; text-align: center;}

#navbar3{ float:right;}

/*Header */
header {
	background-size: cover;
	color: #cfcfcf;
	position: relative;
	height: 100%;
}
header.iti-banner {background: url(../img/ITI-banner.jpg) no-repeat top center;}


header .banner-text {
	color: #ffffff;
	font-size: 180%;
	margin-bottom: 60px;
	letter-spacing: 2px;
}
.intro-text {
	position: relative;
	padding-right: 0;
	padding-left: 0;
}
#homepage .intro-text h2 {top:30%; left:-13%;}
.iti-banner .intro-text h2 {left: -17%;}
.intro-text h2 {
	width: 100%;
	text-align: center;
	top:62%;
	left: -20%;
	font-size: 220%;
	color: #fff;
	font-weight: 500;
	line-height: 46px;
}
#homepage .intro-text p { top:40%;}
.intro-text p { top:75%; width: 100%;}
.intro-text .brand {
	font-size: 100%;
	font-weight: 700;
	color: #ffc30c;
	margin-left:15px;
}

/*--Banner Slider*/
.banner-portlet {margin-top: -25.4%; }
#homepage .anim-slider {height: 750px;}
.anim-slider {
    list-style-type: none;
	position: relative;
    overflow: hidden;
    text-align: center;
	top: 0;
	left: 0;
	width: 100%;
	padding:0;
    margin:0;
	height: 580px;
}

/********Slides**********/

.anim-slide .first-banner { background-size:100% 100%; position: absolute;
	width: 100%;
	/*height: 100%;*/
    top: 0;
    left: 0;}
.anim-slide	.second-banner {background-size:100% 100%; position: absolute;
	width: 100%;
	height: 100%;
    top: 0;
    left: 0;}




.anim-slide * {
	position: absolute;
    opacity: 0;
}

/*****Current Slide******/

.anim-slide-this {
    z-index: 1000;
} 

.anim-slide-this * {
    opacity: 1;
}
nav.anim-arrows>span {
	position: absolute;
	top: 40%; 
	z-index: 2000;
	opacity: 0;
	@include transition(opacity, 0.4s, ease-in);
}

nav.anim-arrows>span.anim-arrows-prev,
nav.anim-arrows>span.anim-arrows-next {
	position: absolute;
	width: 40px;
	height: 40px;
	font-size: 28px;
	top:44%;
	@include border-radius(50%);
	@include shadow(0, 0, 2px, #2d3e50);
  	-webkit-transition: -webkit-box-shadow .4s ease, background-color .4s ease;
  	-moz-transition: -moz-box-shadow .4s ease, background-color .4s ease;
  	-ms-transition: -ms-box-shadow .4s ease, background-color .4s ease;
  	-o-transition: -o-box-shadow .4s ease, background-color .4s ease;
  	transition: box-shadow .4s ease, background-color .4s ease;
}

nav.anim-arrows>span.anim-arrows-prev:after,
nav.anim-arrows>span.anim-arrows-next:after {
	display: block;
	font: 20px "controls";
	text-align: center;
	line-height: 42px;
	color: #2d3e50;
	@include transition(color, 0.4s, ease);
}

nav.anim-arrows>span.anim-arrows-prev {
	left: 1%;
}

nav.anim-arrows>span.anim-arrows-next {
  right: 1%;
}
.anim-slider:hover>nav.anim-arrows>span {
    opacity:1;
	cursor: pointer;
}

.anim-slider:hover>nav.anim-arrows>span:hover {
    opacity:1;
	cursor: pointer;
	background-color: rgba(255,255,255,0.8);
	color: #0075D5;
	@include shadow (0, 0, 3px, $blue-color);
  	-webkit-animation: pulse 1s alternate infinite ease-in-out !important;
  	-moz-animation: pulse 1s alternate infinite ease-in-out !important;
  	-ms-animation: pulse 1s alternate infinite ease-in-out !important;
  	-o-animation: pulse 1s alternate infinite ease-in-out !important;
  	animation: pulse 1s alternate infinite ease-in-out !important;
  }
nav.anim-arrows>span.anim-arrows-next:hover:after {
	color: #1bbc9d;
	@include animation(nextArrow, 0.3s, forwards);
}

nav.anim-arrows>span.anim-arrows-prev:hover:after {
	color: #1bbc9d;
	@include animation(prevArrow, 0.3s, forwards);
}


.banner-box.inner-design .anim-dots{ display:none;}
/********Dots************/
#homepage .anim-dots {bottom: 42%;}
.anim-dots {
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 4%;
	z-index: 1000;
}
.anim-dots span {
			display: inline-block;
			position: relative;
			width: 14px;
			height: 14px;
			border-radius: 100%;
			margin:3px 3px 3px 3px;
			cursor: pointer;
			background-color: #FFF;
		border: solid 1px rgb(255, 166, 12)}

.anim-dots span.anim-dots-this:after {
				content: '';
				width: 15px;
				height: 15px;
				position: absolute;
				top: -1px;
				left: -1px;
				background: #ffa60c;
				border-radius: 100%;
			}

.row-nospace {margin-left: 0; margin-right: 0;}
.row-nospace .col-lg-1, .row-nospace .col-lg-10, .row-nospace .col-lg-11, .row-nospace .col-lg-12, .row-nospace .col-lg-2, .row-nospace .col-lg-3, .row-nospace .col-lg-4, .row-nospace .col-lg-5, .row-nospace .col-lg-6, .row-nospace .col-lg-7, .row-nospace .col-lg-8, .row-nospace .col-lg-9, .row-nospace .col-md-1, .row-nospace .col-md-10, .row-nospace .col-md-11, .row-nospace .col-md-12, .row-nospace .col-md-2, .row-nospace .col-md-3, .row-nospace .col-md-4, .row-nospace .col-md-5, .row-nospace .col-md-6, .row-nospace .col-md-7, .row-nospace .col-md-8, .row-nospace .col-md-9, .row-nospace .col-sm-1, .row-nospace .col-sm-10, .row-nospace .col-sm-11, .row-nospace .col-sm-12, .row-nospace .col-sm-2, .row-nospace .col-sm-3, .row-nospace .col-sm-4, .row-nospace .col-sm-5, .row-nospace .col-sm-6, .row-nospace .col-sm-7, .row-nospace .col-sm-8, .row-nospace .col-sm-9, .row-nospace .col-xs-1, .row-nospace .col-xs-10, .row-nospace .col-xs-11, .row-nospace .col-xs-12, .row-nospace .col-xs-2, .row-nospace .col-xs-3, .row-nospace .col-xs-4, .row-nospace .col-xs-5, .row-nospace .col-xs-6, .row-nospace .col-xs-7, .row-nospace .col-xs-8, .row-nospace .col-xs-9 { padding-left: 0; padding-right: 0;}
.content-desc.homePage{ margin-top:50px;}

.header-icon {position: absolute; top: -14px; left: -105px; z-index: 1;}
.div-content {min-height: 240px;}
#homepage .div-content { text-align:justify;}
.playstore-img { margin-top:15px;}
.imgbox img {width: 100%;}
#about-section {padding: 50px 0;background: #fff;}

/*--------------------------diploma---------------------------*/
 .nav-custom{height:115px;background: #fff;}
.diploma .navbar{ margin-bottom:0px;}
header.juniorBanner{background: url(../img/Banner.jpg) no-repeat top center; height:200px;    position: relative;}
header.InnerBanner{background: url(../img/bed-inrbanner.jpg) no-repeat top center; height:200px;    position: relative;}


.header .logo>span{
    display:inline-block;
     vertical-align: middle;
}
 .header .logo{
     font-size:1.7em;
     
         color: #bd020f;
}
 .header .logo>span>img{
    width:100%;
}
 .header .logo>span>small{
    display:block;
     text-transform:none;
        font-size: 16px;
     margin-top:8px;
}
h1.logo{ margin:0px;}




.buttonHolder{margin: 25px auto;}
.buttonHolder a{ text-decoration:none; color:#000;}
.button {
	align-self: center;
	border: none;
	padding: .375em;
	width:100%;
	height: 120px;
	-webkit-box-shadow: 0px 0px 5px 0px rgb(183, 183, 183);
	-moz-box-shadow: 0px 0px 5px 0px rgb(183, 183, 183);
	box-shadow: 0px 0px 5px 0px rgb(183, 183, 183);
	/* box-shadow: 0 0.375em 0.5em -0.125em #e0e0e0, inset 0 -0.25em 0.5em -0.125em #bbb; */
	/* background: linear-gradient(#c5c5c5, #ffffff)  content-box, linear-gradient(#fdfdfd, #c4c4c4); */
	font-size: 1.5em;
	cursor: pointer;
	display:block;
	margin: 0 auto;
	}
.button span.img{display: block;text-align: center;padding-top: 15px;width: 75px;height: 75px;background: #ffffff;border-radius:  50%;margin: 0 auto;border: 1px solid #eaeaea;margin-top: -40px;}
.digree .button span.img{margin-top: 18px;}
.digree .button {padding: 0px; height:150px; margin-top: 25px;}
.digree .button span.txt{ background-color: rgba(0, 0, 0, 0.4);padding: 5px;font-size: 20px;line-height: 27px;margin-top:20px;}

.button span.img img{width: 40px;}

.buttonHolder a{ text-decoration:none;}
.button span.txt{display: block;text-align: center;padding-top: 10px;font-size: 23px;line-height: 27px;}
a span.txt:hover{ text-decoration:none;}
a.bgbox1:hover{ text-decoration:none;}
a.bgbox2:hover{ text-decoration:none;}
a.bgbox3:hover{ text-decoration:none;}
a.bgbox4:hover{ text-decoration:none;}
.chse a:hover{ text-decoration:none;}
.faqBG a:hover{ text-decoration:none;}
.cq a:hover{ text-decoration:none;}
table th{ background:#e4e4e4;}

.box{padding:15px;border: 1px solid #efefef;margin:20px 0px;height: 340px;background: #ffffff;border-radius: 5px; position:relative;}
.box h2{ margin: 0px 0px 15px 0px; padding:0px 0px 10px 0px; border-bottom:2px solid #ececec;}
.junior-home .box ul{ margin:0px; padding:0px;}
.date{ float:left; margin-right:15px;    width: 70px; border:1px solid #b7b7b7;}
.large-number{ display:block; text-align:center; background:#f1f1f1; font-size:20px; color:#000; font-weight:bold;}
.small-number{ display:block; text-align:center; font-size:15px;background:#0a5284;color:#fff;}
.date-text{ padding-top:6px;}
.junior-home .box ul li{ padding-bottom: 10px; border-bottom: 1px dashed #b7b7b7; margin-bottom: 10px;}
.junior-home .footer ul{ margin:0px; padding:0px;}
.junior-home .box ul li:last-child{ border-bottom:none;}
.box .btn{ border-radius:0px;}
.junior-home .box.rit ul{ margin-left:15px;}
.box.rit .list-item li:before {
    content: "\f111";
    font-family: FontAwesome;
    display: inline-block;
    color: #095181;
    margin-left: -1.0em;
    width: 1.0em;
    font-size: 10px;
    font-size: 10px;
}
.text-rt{ float:right;width: 97%;}
.footer ul li{ float:left; padding-right:7px;}
.inner-content-text .list-item-li-default ul{margin: 0px; padding: 0px 0px 0px 25px;}
.junior-home .inner-content-text .list-item-li-default li {
    border-bottom: 0px;
    padding: 5px 0px 5px 20px;
}


.junior-home .inner-content-text .list-item-li-default li:before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    color: #616161;
    margin-left: -1.6em;
    width: 1.5em;
    font-size: 120%;
}
.inner-content-text h2 {
    font-size: 190%;
    color: #19669d;
    line-height: 30px;
    margin-bottom: 50px;
    margin-bottom: 10px;
    margin-top: 0;
    border-bottom: 1px dashed #bfc3c7;
    padding-bottom: 13px;
}

.brdcomb{ background-color: rgb(153, 50, 47); padding:10px 0px;position: ; width: 100%;bottom: 0px;}
.brdcomb h2{ margin:0px;}
.inner-content-text { margin-top:0px;}
.box-li{ padding: 0px 15px 15px 25px;}
.box-li.mdle{background: #e7f5ff;}
.box-li.lst{background: #d3edff;}
.box-li li a{ color:#123;font-size: 17px;}
.box-li li a:hover{ color:#ff3e01; text-decoration:none;}

ul.list-item {list-style-type: none;margin-left: 0px;}
.list-item li{padding:10px 0px 10px 20px; border-bottom:#dadada dashed 1px;}
.list-item li span {color:#6e3714;}
.list-item li a {color:#3c3b3b; font-size:16px;}
.list-item li a:hover {color:#ce8200; text-decoration:none;}
.list-item li:before { content: "\f111"; font-family: FontAwesome; display: inline-block; color:#de9f17; margin-left: -1.6em; width: 1.5em; font-size: 90%; }
.list-item li:last-child {border-bottom:none;}
a.btn-pose{ position:absolute;right: 16px;    bottom: 16px;}
.announce{ font-size:16px;}
/*Footer Section*/

.box-bed{width: 1050px;margin:0 auto;margin-top: -25px;}
#footer-section {
	padding: 10px 0;
	background: -webkit-linear-gradient(legacy-direction(120deg), #2f3c43 0%, #2f3c43 35%, #c8c8c8 35%, #c8c8c8 100%);
    background: linear-gradient(120deg, #2f3c43 0%, #2f3c43 35%, #c8c8c8 35%, #c8c8c8 100%);    margin-top: 5px;
}
.mobi-app h3 {font-size: 20px;display: block; float: left; margin: 5px 10px 0 0; text-align: right;}
.mobi-app h3 span {font-size: 15px; display: block;}
.mobi-app img {display: block; float: left; width: 40%;}
.footer{padding:2px 0; color:#FFF; font-size:90%; max-width:1000px; margin:auto;}
.footer p{line-height:1.9em;}
.footer a {border-right: solid 1px #FFF;color:#FFFFFF; padding: 0px 5px; line-height: 12px;text-decoration:none;}
.footer a:first-child {padding-left: 0;}
.footer a:hover{color:#EFEFEF; text-decoration: underline;}

.socialIcons{padding-top:7px; float:right;}
.socialIcons span {line-height: 30px;}
.socialIcons a{display:block; width:29px; height:29px; float:right; -moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;}
.socialIcons a:last-child{margin-right:0;}
.socialIcons a.youtuebe-ico{background:#cf3427 ; margin:0 5px 0 5px; color: #FFF; text-align: center; line-height: 30px;}
.socialIcons a.facebook-ico{background:#3a589b ; margin:0 5px 0 5px; color: #FFF; text-align: center; line-height: 30px;}
.socialIcons a.twitter-ico{background:#598dca; color: #FFF; text-align: center; line-height: 30px;}
.socialIcons a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#copy {color: #FFF; font-weight: 400; font-size: 12px;}

.InnerBanner h3{ margin-top:0px;padding-top: 50px;position: absolute;left: 7%;font-size: 30px;color: #030404;}
span.inrbanr-ico{ float:right;padding-top: 10px;padding-right: 35px;}
.InnerBanner h3 span{ display:block;}
ul.bredcomb-ul{ margin:0; padding:0;}
ul.bredcomb-ul li{float:left;list-style-type:none;padding-right:10px;color: #fff;border-right: 1px solid #fff;line-height: 14px;padding-left: 10px;}
ul.bredcomb-ul li a{ color:#fff;}
ul.bredcomb-ul li:last-child{ border-right:none;}
.inner-content-text{padding:15px;-webkit-box-shadow: 0px 2px 5px 0px rgb(212, 212, 212);-moz-box-shadow: 0px 2px 5px 0px rgb(212, 212, 212);box-shadow: 0px 2px 5px 0px rgb(212, 212, 212);    background: #fff;}
.coln{position: absolute;left: 0;font-weight: bold;top:0px;}
.confrm-lble .coln{top:5px;}
.confrm-lble {background: #ffe9c2;padding: 15px 15px 0px 15px;border: 1px solid #f3d8a7;}
.confrm-lble .form-group{ margin-bottom:0px;}
.junior-home.diploma ul.table-result{ padding:0px; float:right;margin: 5px;}
.junior-home.diploma ul.table-result li{ list-style-type:none;}

/*------------------Junior Home page CSS by Pramod---------------------------------------*/
body.junior-home{ background-color:#f7f7f7;}
/*.junior-home header {margin-bottom: 30px;}*/
.junior-home .anim-slide .first-banner {height: 100%;}
.junior-home header .banner-text {margin-bottom: 15px;}
.junior-home ul{ margin:0px; padding:0px 0px 0px 0px;}
.junior-home ul.box-list li{float:left;list-style-type:none;padding-right: 55px;}
.junior-home ul.box-list li:last-child{ padding-right:0px;}

.junior-home li{list-style-type: none;}
.slide-boxces { margin-top:-12%;}
.slide-boxces ul{ margin:0px; padding:0px;}
.junior-home #menu.navbar-default .navbar-nav > li > a {font-size: 17px; padding-top:10px; padding-bottom:10px;}
.slide-boxces ul li{ float: left; list-style-type: none; margin-right:10px;margin-left:10px;  padding: 0 15px; width: 23%;}
.slide-boxces ul li:hover{/*transition-duration: 0.7s;border-right:5px solid #4fc7f1;*/}
.slide-boxces_right .logo-tittle:hover{ color:#fff;}
.slide-boxces ul li.li-min-height{ min-height:76px;}
.slide-boxces_left{ width:20%; float:left;    padding: 18px 0px 10px 0px;}
.slide-boxces_right{ width:76%; float:right;padding:5px 0px 5px 0px;}
.slide-boxces_left img{ max-width:100%;}
.slide-boxces_right .logo-tittle { font-size:17px; color:#fff;    text-align: left;}
.slide-boxces_right .logo-tittle.single { padding-top: 20px;padding-bottom: 20px;}
.slide-boxces_right .logo-tittle.single-a { padding-top: 7px;padding-bottom: 8px;}
.slide-boxces_right span{ font-size:13px; color:#4fc7ef;}
.junior-home .education_text h2 { margin-top:5px; font-weight:bold; color:#2f5972; margin-bottom:15px;}
.junior-home .education_text h2:hover {color:#ffa60c;}
.junior-home .education_text a:hover{ text-decoration:none; }
.orange{ background-color:#dbaa27;}
.sky{background-color:#3598d1;}
.green{background-color:#89c03e;}
.purple{background-color:#9a51ba;}
.red{background-color:#ea5954;}
ul.banner_link li{float:left;padding-right: 10px;border-right: 1px solid #fff;padding-left: 10px;line-height: 15px;}
ul.banner_link li:last-child{ border-right:0px;}
ul.banner_link li a{ color:#fff; font-size:26px;}
ul.banner_link li a:hover{ text-decoration:none; color:#c1c1c1;}
.education_row{ margin-bottom:30px;}
.education_text{ background-color:#fff; padding: 15px;}
.education_bg img{ max-width:100%;}
.education_text li{ padding:10px 0px; border-bottom:1px dashed #d8d8d8;}
.education_text li:last-child{ border-bottom:none;}
/*.education_text .btn-default { color: #2b5772; background-color: #fff; border-color: #d7d7d7;}*/
.education_text .btn-default:hover {/*color: #2b5772;  background-color: #e6e6e6;  border-color: #adadad;*/}
/*.education_text .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c;}
.education_text .btn{padding: 10px 25px;    margin-top: 10px;}*/
.education_text li a{ font-size:14px;}
.education_text li a:hover{ color:#123; text-decoration:none;}
.clasification_bg { background-color:#ff7701; padding:10px;}
.clasification_bg h2{ border-left:4px solid #fff;}
.clasification_bg span{ margin-left:10px;}
.clasification_bg span.classi{ font-weight:bold;}
.college-detail-bg{ background: url(../img/banner-junior-detail.jpg); padding:55px 0px;    background-size: cover;}
.clasification_bg_yellow .round-boxes{ width:250px; height:250px; border-radius:100%; background-color:#fff;     padding: 0px 20px;   display: block; text-align: center;font-size: 20px;}
.detailed{ width:50%; margin:0 auto;    margin-bottom: 5em;}
.college-detail-bg .detailed .btn,  .detailed .btn { font-size:26px; text-align:left; border:3px solid #fff; border-radius:4px; padding:10px 10px;}
.college-detail-bg .detailed .btn-danger, .detailed .btn-danger { background-color: rgba(100, 127, 170, 0.52); color:#fff; text-align:center;}
.detailed img{ width:60px; margin-right:35px;}
.college-detail-bg .btn{ font-size:24px; padding:6px 50px;border: 3px solid #fff; border-radius: 4px;}
.college-detail-bg .btn-warning {color: #000; background-color: #ffa902;}
.college-detail-bg .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning { color: #000; background-color: #e49c10;}

.college-detail-bg .btn-danger {color: #000; background-color: #ff9702;}
.college-detail-bg .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger { color: #000; background-color: #e69725;}

.college-detail-bg .btn-primary {color: #000; background-color: #ff7f02;}
.college-detail-bg .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { color: #000; background-color: #e47a12;}
a.bgbox1{ background:#e0b135; color:#fff;}
a.bgbox2{ background:#93b73f; color:#fff;}
a.bgbox3{ background:#ea7066; color:#fff;}
a.bgbox4{ background:#6daac3; color:#fff;}

a.button.bgbox1  span.img{border: 5px solid #e0b135;}
a.button.bgbox2  span.img{border: 5px solid #93b73f;}
a.button.bgbox3  span.img{border: 5px solid #ea7066;}
a.button.bgbox4  span.img{border: 5px solid #6daac3;}

.digree a.button.bgbox1  span.img{border: 5px solid #ffc018;}
.digree a.button.bgbox2 span.img {border: 5px solid #9dce2c;}
.digree a.button.bgbox3 span.img {border: 5px solid #e65447;}
.digree a.button.bgbox4 span.img {border: 5px solid #74c4e4;}

a.bgbox1.hvr-shutter-out-horizontal:before {background: #d6a628;}
a.bgbox2.hvr-shutter-out-horizontal:before {background: #83a92b;}
a.bgbox3.hvr-shutter-out-horizontal:before {background: #cc4e44;}
a.bgbox4.hvr-shutter-out-horizontal:before {background: #48829a;}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.backbutton{ float:right;}
.backbutton.btn-group-sm>.btn, .btn-sm {padding: 2px 12px;font-size: 20px;line-height: 1.5;}
.backbutton.btn-success { color: #fff;background-color: #023754;border-color: #023754;}
.backbutton.btn-success:hover { color: #fff;background-color: #03527d;border-color: #03527d;}
.junior-home ul.icon-list{ float:right;    margin-bottom: 10px;}
.junior-home ul.icon-list li{ float:left; padding-right:5px;}
.junior-home ul.icon-list li:last-child{ padding-right:0px;}
table th a{ color:#0037b9;}
.margin-top-15{ margin-top:15px;}
table tr.paging a{padding: 3px 10px;}

/*.active{ background: #023754;color: #fff !important;padding: 5px 10px;}*/
.active{ background: #023754;color: #fff !important;}/*degreereportinner.aspx pagination alignment issue resolved*/

.slider-BED{ position:relative;}
span.adtional{display: block;font-size: 19px;}
.detailed .hvr-sweep-to-right:before {background: #47628e;}
.round-boxes img{ display: block; margin: 0 auto;padding-top: 50px; max-width: 100%;}
.clasification_bg_yellow a:hover{ text-decoration:none;}
.round-boxes span{line-height: 24px;  display: block; margin-top: 12px;}
.chse{ background:url(../img/chse.jpg) no-repeat; background-size:cover; max-width:100%; padding:15px;height:125px;    margin:0px 0px 25px 0px;}
.faqBG{ background:url(../img/faq-bg.jpg) no-repeat; background-size:cover; max-width:100%; padding:15px;height:125px;    margin:0px 0px 25px 0px;}
.eAdmissionBG{ background:url(../img/eAdmissionBG.jpg) no-repeat; background-size:cover; max-width:100%; padding:15px;height:125px;    margin:0px 0px 25px 0px;}
.junior-home .intro-text h2 {top: 35%;    left: -11%;}
.junior-home .intro-text p { top: 50%; width: 100%;}
.junior-home .anim-dots { bottom: 35%;}
.width-slider{ width:22%;}
.calndr-width-slider{ width:30%;}
.calndr-width-slider-right{ width:65%;}
.calndr-width{ width:13%;}
.chse span.chse-bold{ display: block; color: #fff;font-size: 40px;} 
.chse span.chse-text{color: #fff;font-size: 30px;}
.faqBG span.chse-bold{ display: block; color: #fff;font-size: 30px;} 
.faqBG span.chse-text{color: #fff;font-size: 20px; line-height: 20px;}
.faqBG span.breakText{ display:block;}
.eAdmissionBG span.chse-bold{ display: block; color: #fff;font-size: 30px;} 
.eAdmissionBG span.chse-text{color: #fff;font-size: 30px; line-height: 36px;}
.lo-btn {position: absolute;right: 0;left: 0;bottom: 75px;}
.lo-btn .btn{ width:13%; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);   border-radius: 0px;}
.lo-btn .btn-primary:hover {color: #fff;  background-color: #d2a01b;  border-color: #d2a01b;}
.logbtn.btn{    width: 40%;font-size: 15px;line-height: 23px;display: inline-block;}

/* Radial Out */
.clasification {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;

}
.clasification:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #dedede;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
      
}
.clasification:hover, .clasification:focus, .clasification:active {
    color: #337ab7; text-decoration: none;
}
.clasification:hover:before, .clasification:focus:before, .clasification:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
.bg-white.clasification:before {background: #f3f3f3;}
.bg-ltpink.clasification:before {background: #e89aad;}
.bg-ltblue.clasification:before {background: #81cae2;}
#inner #about-section{ padding:0px 0px;} 
#inner #about-section h2 {margin-bottom: 18px;}
.inner-content-text p{ text-align:justify;}
img.playstore{ margin-top:15px;}

#inner #aboutiti-section{ background:#fff;}

@media only screen and (max-width: 1680px) {
#homepage .anim-slider {height: 650px;}	
#homepage .inner-design .anim-slider {
    height: 299px;
}
.anim-slider {height: 520px;}
.inner-design .anim-slider {height: 299px;}	
.portlet-seciton {
    background: -webkit-linear-gradient(legacy-direction(90deg), #ffae00 0%, #ffae00 33%, #ff8400 33%, #ff8400 50%, #ff6000 50%, #ff6000 66%, #2d5875 66%, #2d5875 100%);
    background: linear-gradient(90deg, #ffae00 0%, #ffae00 33%, #ff8400 33%, #ff8400 50%, #ff6000 50%, #ff6000 66%, #2d5875 66%, #2d5875 100%);
  }
  .junior-home .intro-text h2 {top: 35%;    left: -13%;}
.envelop-img {bottom: -77px;width: 200px;}
.board-img {top: 26%;width: 180px;}	
#homepage .intro-text h2 {left:-15%;}
.iti-banner .intro-text h2 { left: -16%;}
}


@media only screen and (max-width: 1600px) {
.banner-portlet {margin-top: -21%;}
.imgbox {height: 150px; overflow: hidden;}		
.portlet-seciton {
    background: -webkit-linear-gradient(legacy-direction(90deg), #ffae00 0%, #ffae00 32%, #ff8400 32%, #ff8400 50%, #ff6000 50%, #ff6000 67%, #2d5875 67%, #2d5875 100%);
    background: linear-gradient(90deg, #ffae00 0%, #ffae00 32%, #ff8400 32%, #ff8400 50%, #ff6000 50%, #ff6000 67%, #2d5875 67%, #2d5875 100%);
  }
.envelop-img {width: 170px;}
.board-img {width: 170px;}	
}
@media only screen and (max-width: 1440px) {
	.intro-text h2 {left: -20%;}	
.portlet-seciton {
    background: -webkit-linear-gradient(legacy-direction(90deg), #ffae00 0%, #ffae00 30%, #ff8400 30%, #ff8400 50%, #ff6000 50%, #ff6000 69%, #2d5875 69%, #2d5875 100%);
    background: linear-gradient(90deg, #ffae00 0%, #ffae00 30%, #ff8400 30%, #ff8400 50%, #ff6000 50%, #ff6000 69%, #2d5875 69%, #2d5875 100%);
  }
.envelop-img {width: 120px; bottom: -50px;}
.board-img {width: 150px;}	

.logbtn.btn {width: 45%;font-size: 14px;line-height: 13px;display: inline-block;}

}

@media only screen and (max-width: 1366px) {
#homepage .anim-slider {height: 540px;}
#homepage .inner-design .anim-slider {height: 255px;}
.inner-design #about-section { padding: 0px 0; background: #fff;}	
#homepage .intro-text p {top:44%;}	
.anim-slider {height: 450px;}
.iti-banner .anim-slider {height: 370px;}
.iti-banner .intro-text p {top:72%;}
#homepage .anim-dots { bottom: 44%;}
.banner-portlet {margin-top: -18.5%;}
.intro-text	h2 { font-size: 135%;}
.iti-banner .intro-text	h2 {top: 55%;}
	header .banner-text {font-size: 145%;}	
.imgbox {height: 100px; overflow: hidden;}
.portlet-seciton {
    background: -webkit-linear-gradient(legacy-direction(90deg), #ffae00 0%, #ffae00 30%, #ff8400 30%, #ff8400 50%, #ff6000 50%, #ff6000 69%, #2d5875 69%, #2d5875 100%);
    background: linear-gradient(90deg, #ffae00 0%, #ffae00 30%, #ff8400 30%, #ff8400 50%, #ff6000 50%, #ff6000 69%, #2d5875 69%, #2d5875 100%);
  }
.envelop-img {width: 100px; bottom: -40px;}
.board-img {width: 115px; top:34%;}	
.header-icon {left: -80px;width: 74px;}
 .slide-boxces_right .logo-tittle {font-size: 17px;}
 .inner-design .anim-slider {height: 255px;}
 .junior-home .intro-text h2 {left: -12%; font-size: 180%;}
 #homepage .intro-text h2 { left: -11%;}
 #homepage .banner-portlet { margin-top: -16.5%;}	
 .Degree .button-bg { top: 38%;}
 #menu {padding: 0px;transition: all 0.8s;}
 .junior-home #menu.navbar-default .navbar-nav > li > a {font-size: 14px;padding-top: 4px;padding-bottom: 4px;}
 .social-box a { width: 25px; height: 25px; line-height: 25px;font-size: 15px;}

 .sams-logo { width: 100%;}
 .slider-BED{height: 300px;overflow: hidden;}
 .button { height: 100px;}
 .button span.txt {padding-top: 5px; font-size: 18px; line-height: 30px;}
 .buttonHolder {margin: 0px auto;}
 .box-bed { margin-top: 0px;}
 
}

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

.header-icon,.board-img,.envelop-img {display: none;}
.portlet-seciton {
    background: -webkit-linear-gradient(legacy-direction(90deg), #ffae00 0%, #ffae00 27%, #ff8400 27%, #ff8400 50%, #ff6000 50%, #ff6000 71%, #2d5875 71%, #2d5875 100%);
    background: linear-gradient(90deg, #ffae00 0%, #ffae00 27%, #ff8400 27%, #ff8400 50%, #ff6000 50%, #ff6000 71%, #2d5875 71%, #2d5875 100%);
  }	
}
@media only screen and (max-width: 1152px) {
#homepage .anim-slider {height: 530px;}	
#homepage .intro-text h2 {left: -16%; top:26%; font-size: 150%;}
#homepage .intro-text p {top: 38%;}
#homepage .anim-dots {bottom: 42%;}
.intro-text .brand {font-size: 130%;}	
.slide-boxces {margin-top: -11.1%;}	
.banner-portlet {margin-top: -27.4%;}
.date-section {width: 13%;}
.mobi-app h3 {margin-top: 0;}
.clasification_bg_yellow .round-boxes {  width: 210px; height: 210px;}	
.slide-boxces ul li {  padding: 0 4px;margin-right: 0px;}
.slide-boxces_right .logo-tittle {font-size: 14px;}	
.slide-boxces_left {padding: 18px 0px 10px 5px;}
.slide-boxces ul li.li-min-height {
    min-height: 74px;
}
.Degree .college-detail-bg .detailed .btn, .detailed .btn {
    font-size: 16px;
    padding: 10px 10px;
}
}
@media only screen and (max-width: 1024px) {
#homepage .anim-slider {height: 478px;}		
.slide-boxces {margin-top: -18%;}
.intro-text	h2 {left: -20%;}
.intro-text .brand {font-size: 108%;}
.facebook-portlet {width: 440px; overflow: auto;}
#aboutiti-section h2 {font-size: 160%;}
.banner-portlet {margin-top: -20%;}
.banner-portlet h2 {font-size: 22px; margin-top: 10px;}
.banner-portlet p {font-size: 14px;}
.blanck-portlet {min-height: 246px;}
.online-link h3 {font-size: 18px;}
.junior-home .round-boxes span {font-size: 20px;}
.junior-home .clasification_bg_yellow .round-boxes img{padding-top: 30px;}	
.iti-banner .anim-slider { height: 320px;}
.varticalnewsticker li .eservice-section .iconbox { width: 45px; height: 45px;}
.varticalnewsticker li .eservice-section .content p {font-size: 14px;}
.junior-home .intro-text h2 { left: -17%;}
#homepage .banner-portlet {  margin-top: -18.5%;}
.portlet-content h2.border-h2 {width: 80%;}
.button-bg { width: 30%;}
 header.juniorBanner {
    background-size: contain;
}
}


@media only screen and (max-width: 800px) {
	.notice-list {height: 50px;}
	.notice-content {font-size: 100%;}
	.date-section span {font-size: 90%;}
	.div-content {min-height: 252px;}
	#footer-section  {text-align: center; background: #2d5875; color: #FFF;}
	.footerlink {margin-bottom: 20px; border-bottom: solid 1px #5b7ca4;padding-bottom: 10px;}
	#report-section .college-rpt {padding: 25px 0 20px 0;}
	.iti-banner .intro-text h2 {font-size:108%;}
	.junior-home .intro-text h2 { left: -16%; font-size: 156%;}
	#homepage .anim-dots {bottom: 35%;}
	.detailed {width: 30%;}
	.college-detail-bg .btn {padding: 6px 35px;}
	.portlet-content h2.border-h2 { width: 94%; font-size:17px;}
    .Degree .junior-home header { margin-bottom: 0px;}
    .college-detail-bg .detailed .btn, .detailed .btn {font-size: 12px;}
   
}

@media only screen and (max-width: 768px) {
.intro-text .brand {    font-size: 96%;}	
#homepage .intro-text h2 {	left: -20%;    top: 35%;}
#homepage .intro-text p { top: 48%;}
#homepage .banner-portlet { margin-top: -22.5%;}
#menu .navbar-right { margin-top: 12px; margin-right:0px;}
header .banner-text {font-size: 110%;}	
.clasification_bg_yellow .round-boxes {width: 250px; height: 250px; margin: 0 auto;    margin-bottom: 25px;}
.clasification_bg_yellow { padding: 25px 0px;}
.clasification_bg {padding: 0px;}
.clasification_bg h2 { margin-bottom: 20px;}
.slide-boxces ul li.li-min-height {min-height: 70px;}
.slide-boxces ul li { margin-right: 0px;}
.slide-boxces_right .logo-tittle.single {padding-top: 18px;padding-bottom: 2px;}
.education_bg img { width: 100%;}
.faqBG span.breakText { display: inline-block;}
/*.clasification_bg_yellow .round-boxes {  height: 150px;  width: 150px;    padding: 5px;}
.clasification_bg_yellow .round-boxes { font-size: 16px;}
.junior-home .round-boxes span {font-size: 15px;    line-height: 18px;}*/
.junior-home .clasification_bg_yellow .round-boxes img { padding-top: 50px;}
.junior-home .intro-text .brand { font-size: 88%;}
.junior-home .slide-boxces { margin-top: -23%;    margin-bottom: 72px;}
.junior-home .anim-dots {bottom: 38%;}
.junior-home header {  margin-bottom: -70px;}
#bottom-section h2{ font-size:22px;}
#bottom-section h4{ font-size:17px;}
.mobi-app img { float: left; width: 20%; margin-left: 10%;}
.faq-link {background-size: cover; margin-bottom:10px;}
.eadmission-link {background-size: cover;margin-bottom:10px;}
.mobapp-link {background-size: cover;}
.blanck-portlet {min-height: auto;}
.varticalnewsticker li .eservice-section .iconbox { max-width: 100%;height: auto;}
.varticalnewsticker li .eservice-section .content { width: 87%;}
.slide-boxces ul li { margin-left: 3px;width: 24%;}
.button-bg { width: 75%; top: 40%;}
.Degree header.juniorBanner {margin-bottom: 0px;}

  
  
}

@media only screen and (max-width: 640px) {
#menu {padding: 0;}	
#menu.navbar-default { background-color: rgba(42, 67, 97, 0.9);}
#menu li{    border-bottom: 1px solid #45658c;}
#menu li:last-child{    border-bottom: 0px}
#menu li a:hover{background: #4e667f; color:#fff !important;}
#menu .navbar-right {margin-top: 0px;}
.social-box {display:none;}
.anim-slider {height: 300px !important;}
.intro-text .brand {white-space: nowrap;}
#homepage .intro-text h2 {left: -24%;}
#homepage .intro-text p {top: 55%;}
#homepage .anim-dots {bottom: 34%;}
.banner-portlet {margin-top: 0;}
.anim-dots {bottom: 5%;}
.intro-text	h2 {font-size: 120%; width: 100%; left: -21%; top: 45%;}
.intro-text p {top: 75%; font-size: 110%;}
.imgbox {height: auto;}
.banner-portlet a{margin: 20px 5% 0 5%;}
.div-content {min-height: inherit;}
#about-section h2 {margin-bottom: 30px; margin-top: 30px;font-size: 200%;}
.portlet-seciton {background:#244660; }
#report-section .college-rpt {border: solid 1px #1B3B4D;}
#report-section .col-xs-6:nth-child(1n) .college-rpt {background-color: #ffae00 ;}
#report-section .col-xs-6:nth-child(1n) .college-rpt{background-color: #ff8400 ;}
#report-section .col-xs-6:nth-child(1n) .college-rpt{background-color: #ff6000 ;}
#report-section .col-xs-6:nth-child(1n) .college-rpt{background-color: #2d5875 ;}
.junior-home .slide-boxces ul li {width: 46%; margin-bottom: 18px;margin-right: 18px;}
.junior-home .slide-boxces { margin-top: -13%;    margin-left: 0%;    margin-bottom: 0px;}
.navbar-brand>img { max-width: 50%;}
.junior-home .intro-text h2 { top: 30%;}
.junior-home header { margin-bottom: 12px;}
.junior-home .anim-dots {bottom: 30%;}
#about-section { padding: 0px 0px 18px 0px;} 
.iti-banner .intro-text h2 {left: -23%;}
.junior-home .intro-text h2 { left: -20%; font-size: 156%;}
#homepage .banner-portlet { margin-top: -12.5%;}	
#homepage .anim-dots {bottom: 22%;}	
.slide-boxces ul li.li-min-height { min-height: 75px;}
.calndr-width-slider {  width: 16%;}
.calndr-width-slider-right {width: 77%;}
.slide-boxces_right {padding: 10px 0px 5px 0px;}
.junior-home .detailed { width: 100%;margin: 0 auto;}
.college-detail-bg .btn { display: block;   margin-bottom: 10px;}
.button-bg { width: 80%;top: 23%;}
 .Degree .detailed { width: 89%;margin: 20px 0 10px 1%;}
.junior-home.Degree .slide-boxces {margin-top: 4%;}
.Degree .button-bg { top: 28%;}
.junior-home.Degree .slide-boxces {
    margin-top: 4%;
}



}

@media only screen and (max-width: 480px){
.slide-boxces ul li.li-min-height { min-height: 72px;}
.slide-boxces ul li {width: 48%;}
 ul.banner_link li a {font-size: 16px;}
 .junior-home .slide-boxces ul li { width: 47%; margin-bottom: 10px;}
 .junior-home .intro-text h2 { top: 18%;}
 .junior-home .intro-text p { top: 43%;  width: 100%;}
 .anim-slider { height: 200px !important;}
.intro-text p { top: 72%;} 
 .junior-home .slide-boxces { margin-top: 5%;}
 #homepage .anim-dots {  bottom: 10%;}
#homepage .intro-text p { top: 60%;} 
#homepage .intro-text h2 {left: -30%;top: 30%;} 
.iti-banner .intro-text	h2 { font-size: 108%; left: -32%; top: 42%;}
.junior-home .anim-dots { bottom: 8%;}
.junior-home .intro-text h2 {  top: 30%;left: -30%;}
.junior-home .intro-text p { top: 60%;}
#homepage .banner-portlet { margin-top: -7.5%;}
.calndr-width-slider { width: 20%;}
.calndr-width-slider-right { width: 78%;}
.college-detail-bg .detailed .btn {font-size: 22px;}
.Degree .button-bg {
    top: 18%;
}

}

@media only screen and (max-width: 360px){
    ul.banner_link li a {font-size: 12px;}
   .intro-text .brand { font-size: 120%;}
   .navbar-brand{width: 75%;}
   .junior-home .intro-text h2 {top: 22%; font-size: 90%;left: -25%;}
  .junior-home .intro-text p { top: 48%;font-size: 75%;left: 0px;} 
  .junior-home .anim-dots { bottom: 23%;}
  .junior-home .slide-boxces ul li { width: 98%;  margin-bottom: 10px;}
  .junior-home .anim-slider { height: 232px !important;}
  .junior-home .slide-boxces { margin-top: -13%;}
  .intro-text	h2 { font-size: 106%; left: -32%;    top: 25%;}
  .intro-text p { top: 58%;}
  .anim-slider { height: 167px !important;}
  #homepage .anim-dots { bottom: 7%;}
 #homepage .intro-text h2 {left: -35%; font-size:100%;    top: 14%;} 
 .section-title h2 {font-size: 173%;} 
 .notice-list {  height: 65px;}
.imgbox { height: 140px;} 
#homepage .intro-text h2 { top: 24%;}
#homepage .intro-text p {top: 57%;  line-height: 16px;}
.iti-banner .intro-text	h2 {  font-size: 66%; left: -32%;top: 26%;}
.intro-text p {    font-size: 90%;}
.iti-banner .intro-text p { top: 58%;}
.slide-boxces_right .logo-tittle.single {padding-top: 25px;}
.detailed img {margin-right: 20px;width: 35px;}
.college-detail-bg .detailed .btn { font-size: 16px;}
.college-detail-bg .detailed .btn, .detailed .btn { font-size: 13px;}
}

@media only screen and (max-width: 320px){
.junior-home .intro-text .brand { font-size: 78%;}
.junior-home .anim-slider { height: 205px !important;}
#homepage .intro-text h2 { left: -34%;}
.intro-text .brand { font-size: 95%;}
.iti-banner .intro-text	h2 { left: -29%;}
}