@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,700);
/*
		font-family: 'Noto Serif', serif;
*/
/*===========================Gallery=======================================*/

.grid {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
.nvr-pf-box{
	border: 0px !important;
	position: relative;
	overflow: hidden;
	transition: background-color ease-out 0.25s, border ease-out 0.25s;
	-moz-transition: background-color ease-out 0.25s, border ease-out 0.25s;
	-webkit-transition: background-color ease-out 0.25s, border ease-out 0.25s;
	-o-transition: background-color ease-out 0.25s, border ease-out 0.25s;
}
.nvr-pf-img:before {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-o-transition: opacity 0.35s, transform 0.35s;
	-moz-transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	-o-transform: scale(1.12);
	transform: scale(1.12);
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.nvr-pf-img::before {
	width: -moz-calc(100% - 16px);
	width: -webkit-calc(100% - 16px);
	width: calc(100% - 16px);
	height: -moz-calc(100% - 16px);
	height: -webkit-calc(100% - 16px);
	height: calc(100% - 16px);
	margin: 8px;
	text-align: center;
	background-color: rgba(255,255,255,0.9);
	-webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	-moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	-o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	-ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
	position: absolute;
	top: 0;
	opacity: 0;
	border-radius: 0;
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	content: '';
}
.nvr-pf-box:hover .nvr-pf-img::before {
	opacity: 0.8;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.nvr-pf-box:hover .nvr-pf-img a.img_gotospot{
	opacity: 0.9;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
}
.nvr-pf-img figure img{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-moz-transition: opacity 0.35s, -webkit-transform 0.35s;
	-o-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	-o-transform: scale(1.12);
	transform: scale(1.12);
	transition: .3s cubic-bezier(1,0,.5,1);
	-webkit-transition: .3s cubic-bezier(1,0,.5,1);
	-moz-transition: .3s cubic-bezier(1,0,.5,1);
	-o-transition: .3s cubic-bezier(1,0,.5,1);
	-ms-transition: .3s cubic-bezier(1,0,.5,1);
}
.nvr-pf-box:hover .nvr-pf-img figure img{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	filter: grayscale(100%);
	filter: gray;
	-webkit-filter: grayscale(100%);
}
.nvr-pf-box:hover .nvr-pf-text {
	opacity:1;
}
.nvr-pf-text h2.nvr-pf-title, .nvr-pf-img a.img_gotospot {
	color: #000;
	-webkit-transition: all 0.1s 0 ease-out;
	-moz-transition: all 0.1s 0 ease-out;
	-o-transition: all 0.1s 0 ease-out;
	-ms-transition: all 0.1s 0 ease-out;
	transition: all 0.1s 0 ease-out;
	opacity: 0;
	top: 28px;
	position: relative;
	margin: 6px 30px 0 30px;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	padding: 6px 0 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.nvr-pf-img a.img_gotospot {
	line-height: 25px;
	color: #8E5C04;
	margin: 4px 10px 0 15px;
	text-align: center;
	text-decoration: none;
}
.nvr-pf-img {
  position: relative;
  display: block;
  overflow: hidden;
  opacity: 0.999;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.nvr-pf-box:hover .nvr-pf-img a.img_gotospot {
	opacity: 1;
	top: 0;
	-webkit-transition: all 0.25s 0.3s ease-out;
	-moz-transition: all 0.25s 0.3s ease-out;
	-o-transition: all 0.25s 0.3s ease-out;
	-ms-transition: all 0.25s 0.3s ease-out;
	transition: all 0.25s 0.3s ease-out;
}
.nvr-pf-box:hover .nvr-pf-text h2.nvr-pf-title {	
	opacity: 1;
	top: 0;
	-webkit-transition: all 0.25s 0.2s ease-out;
	-moz-transition: all 0.25s 0.2s ease-out;
	-o-transition: all 0.25s 0.2s ease-out;
	-ms-transition: all 0.25s 0.2s ease-out;
	transition: all 0.25s 0.2s ease-out;
}
.nvr-pf-img .nvr-pf-text {
	position: absolute;
	bottom: 44%;
	text-align: center;
	width: 100%;
	border-width: 0px;
	left: 0px;
	z-index: 99999999999;
	margin-bottom: 0px;
	opacity: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: opacity ease-out 0.5s;
	-moz-transition: opacity ease-out 0.5s;
	-webkit-transition: opacity ease-out 0.5s;
	-o-transition: opacity ease-out 0.5s;
	backface-visibility: hidden;
}
.nvr-pf-img a.img_gotospot i.fa.fa-camera-retro {
	font-size: 48px;
	position: relative;
	top: 6px;
	left: 0;
	color: #8E5C04;
}
.nvr-pf-img a.img_gotospot.g_list {
	left: 36%;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	width: 100%;
	text-align: center;
	cursor: pointer;
}/*
.gallery{padding-right: 0px !important;padding-left: 0px !important;}*/

.blueimp-gallery>.slides>.slide img.poup{  background: white;
  padding: 10px 50px 63px 50px;
  border-radius: 15px 15px 0 0;}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/*===========================Gallery=======================================*/

@charset "UTF-8";.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{position:absolute;top:0;right:0;bottom:0;left:0;-moz-backface-visibility:hidden}

.blueimp-gallery>.slides>.slide>.slide-content{margin: 3% auto;width:auto;height:auto;max-width:100%;max-height:100%;opacity:1;}

.blueimp-gallery{position:fixed;z-index:9999999999999;overflow:hidden;background:rgba(0,0,0,.6);opacity:0;display:none;direction:ltr;-ms-touch-action:none;touch-action:none;}

.blueimp-gallery-carousel{position:relative;z-index:auto;margin:1em auto;padding-bottom:56.25%;box-shadow:0 0 10px #000;-ms-touch-action:pan-y;touch-action:pan-y}

.blueimp-gallery-display{display:block;opacity:1}

.blueimp-gallery>.slides{position:relative;height:100%;overflow:hidden}

.blueimp-gallery-carousel>.slides{position:absolute}.blueimp-gallery>.slides>.slide{position:relative;float:left;height:100%;text-align:center;cursor: -webkit-grab;-webkit-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(0.645,.045,.355,1);transition-timing-function:cubic-bezier(0.645,.045,.355,1)}

.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear}

.blueimp-gallery>.slides>.slide-loading{background:url(../images/loading.gif) center no-repeat;background-size:64px 64px}

.blueimp-gallery>.slides>.slide-loading>.slide-content{opacity:0}

.blueimp-gallery>.slides>.slide-error{background:url(../images/error.png) center no-repeat}

.blueimp-gallery>.slides>.slide-error>.slide-content{display:none}

.blueimp-gallery>.prev,.blueimp-gallery>.next{
	position: absolute;
	width: 38px;
	height: 38px;
	background: transparent;
	border: 2px solid transparent;
	text-indent: -9999em;
	pointer-events: auto;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -38px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	overflow: visible;
	cursor: pointer;
	background: transparent;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
}

.blueimp-gallery>.prev{
	left: 6rem;
	border-bottom-color: white;
	border-left-color: white;
}
.blueimp-gallery>.prev:hover{
	background: transparent;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: -5px;
	margin-right: 0;
}
.blueimp-gallery>.next{
	box-shadow: none;
	right: 3rem;
	border-top-color: white;
	border-right-color: white;
}
.blueimp-gallery>.next:hover{
	background: transparent;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right: -5px;
}
.blueimp-gallery>.prev{
font-size:90px;}
.blueimp-gallery>.next{left:auto;right:40px;font-size:90px;}

.blueimp-gallery>.close,.blueimp-gallery>.title{position:absolute;top:15px;left:15px;margin:0 40px 0 0;font-size:20px;line-height:30px;color:#fff;text-shadow:0 0 2px #000;opacity:.8;display:none}

.blueimp-gallery>.close{padding:15px;right:15px;left:auto;margin:-15px;font-size:30px;text-decoration:none;cursor:pointer}

.blueimp-gallery>.play-pause{position:absolute;right:15px;bottom:15px;width:15px;height:15px;background:url(../images/play-pause.png) 0 0 no-repeat;cursor:pointer;opacity:.5;display:none}

.blueimp-gallery-playing>.play-pause{background-position:-15px 0}

.blueimp-gallery>.prev:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>

.close:hover,.blueimp-gallery>.title:hover,.blueimp-gallery>.play-pause:hover{color:#fff;opacity:1}

.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.title,.blueimp-gallery-controls>.play-pause{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}

.blueimp-gallery-single>.prev,.blueimp-gallery-left>.prev,.blueimp-gallery-single>.next,.blueimp-gallery-right>.next,.blueimp-gallery-single>.play-pause{display:none}

.blueimp-gallery>.slides>.slide>.slide-content,.blueimp-gallery>.prev,.blueimp-gallery>.next,.blueimp-gallery>.close,.blueimp-gallery>.play-pause{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

@charset "UTF-8";.blueimp-gallery>.indicator{position:absolute;top:auto;right:15px;bottom:15px;left:15px;margin:0 40px;padding:0;list-style:none;text-align:center;line-height:10px;display:none}

.blueimp-gallery>.indicator>li{display:inline-block;width:9px;height:9px;margin:6px 3px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid transparent;background:#ccc;background:rgba(255,255,255,.25)center no-repeat;border-radius:5px;box-shadow:0 0 2px #000;opacity:.5;cursor:pointer}

.blueimp-gallery>.indicator>li:hover,.blueimp-gallery>.indicator>.active{background-color:#fff;border-color:#fff;opacity:1}

.blueimp-gallery-controls>.indicator{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}

.blueimp-gallery-single>.indicator{display:none}.blueimp-gallery>.indicator{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*+html .blueimp-gallery>.indicator>li{display:inline}

@charset "UTF-8";.blueimp-gallery>.slides>.slide>.video-content>img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;-moz-backface-visibility:hidden}

.blueimp-gallery>.slides>.slide>.video-content>a:hover{opacity:1}.blueimp-gallery>.slides>.slide>.video-playing>a,.blueimp-gallery>.slides>.slide>.video-playing>img{display:none}.blueimp-gallery>.slides>.slide>.video-content>video{display:none}.blueimp-gallery>.slides>.slide>.video-playing>video{display:block}.blueimp-gallery>.slides>.slide>.video-loading>a{background:url(../images/loading.gif) center no-repeat;background-size:64px 64px}body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a{background-image:url(../images/video-play.svg)}*+html .blueimp-gallery>.slides>.slide>.video-content{height:100%}*+html .blueimp-gallery>.slides>.slide>.video-content>a{left:50%;margin-left:-64px}
								/*=================Gallery================*/
.dropup {
  position: absolute;
  right: 3px;
  top: 23px;
  display: none;
}
button.points {
  padding: 3px;
  background-color: transparent;
  border: none;
}
button.points svg {
  width: 10px;
  height: 35px;
  fill: #fff;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease;
}
svg:not(:root) {
  overflow: hidden;
}
.dropup .social_icons {
	position: fixed;
	z-index: 99999999;
	top: -1000%;
	right: 30px;
	max-width: 180px;
	margin: 0;
	padding: 0;
	background-color: #f5f5f5;
	-webkit-transform: translate3d(0,0,0);
	-webkit-overflow-scrolling: touch;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	-webkit-transition: -webkit-transform .25s ease, top 0s ease .5s, opacity .2s ease 0s;
	-moz-transition: -moz-transform .25s ease, top 0s ease .5s, opacity .2s ease 0s;
	-ms-transition: -ms-transform .25s ease, top 0s ease .5s, opacity .2s ease 0s;
	transition: transform .25s ease, top 0s ease .5s, opacity .2s ease 0s;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
ul.social_icons li {
  float: none;
  display: block;
  padding-left: 3px;
  border-bottom: 1px solid #E5E5E5;
  padding: 5px;
}
.dropup:hover .social_icons {
	top: 16px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .25s ease, top 0s ease 0s, opacity .2s ease 0s;
	-moz-transition: -moz-transform .25s ease, top 0s ease 0s, opacity .2s ease 0s;
	-ms-transition: -ms-transform .25s ease, top 0s ease 0s, opacity .2s ease 0s;
	transition: transform .25s ease, top 0s ease 0s, opacity .2s ease 0s;
}
.dropup:hover button.points svg {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-right: 7px;
}
ul.social_icons li a {
	text-decoration: none;
	color: #010101;
	padding: 0 5px;
}
ul.social_icons li a i{
	margin-right: 5px;
	width: 20px;
}
ul.social_icons li:last-child {
  background-color: #F1AE21;
  border-color: #A36E00;
}

/*==================== Style New =============*/
h1.apply_online {
    font-size: 30px;
    text-align: center;
    font-family: roboto;
    padding: 40px;
    color: #1c486f;
}
.candidate_registration {
	background: #f7f7f7;
	margin-top: 20px;
	box-shadow: 0px 0px 20px #c1c1c1;
	margin-bottom: 40px;
	/* position: relative;
    left: 15vh; */
}
.icon img {
    margin: 30px auto;
    display: table;
    /*background: #FFFFFF; */
    border-radius: 100%;
    padding: 10px;
}
.icon p {
    color: #000;
    font-size: 19px;
    text-align: center;
	padding: 10px;
}
.new_login_bg {
    background: #1c486f;
    height: 280px;
}

a.New_Applicants {
    padding: 15px 145px;
    float: left;
    text-transform: capitalize;
    color: #ffffff;
    font-size: 22px;
    margin: 30px 0px;
    text-align: center;
}

p.New_Applicants {
   /* padding: 85px 60px 0px 60px;
     float: left; */
    text-transform: capitalize;
    color: #000000;
    font-size: 16px;
    /* margin: 30px 0px; */
	margin: 20px 20px 0px 32px;
    text-align: center;
}
a.Up_Applicants {
    padding: 15px 144px;
    float: left;
    text-transform: capitalize;
    color: #ffffff;
    font-size: 22px;
    margin: 30px 0px;
    text-align: center;
}
a.Up_Applicants_down {
    /* padding: 4px 70px; */
	padding: 0px 105px;
	float: left;
	text-transform: capitalize;
	color: #ffffff;
	font-size: 16px;
	margin: 7px 0px;
	text-align: center;
}
.viewDiv{
	border: 1px solid #305080;
	background-color: #376dba;
	color: #FFFFFF !important;
	padding: 2px 20px;
}
/* Newly added -----sonu starts */

li a.Up_Applicants_down_li {
	/*padding: 0px 105px;
	float: left; */
	text-transform: capitalize;
	color: #ffffff;
	font-size: 16px;
	margin: 7px 0px;
	text-align: center;
}

li i {
 padding:12px; 
}

/* newly added to align top bar icons home, btech admissions, staff login starts */

li a i {
/* padding:12px; */
padding:0px;
}

/* ends */

.down_div{
text-align: center;
 background-color:#5e95e8;
 padding:10px;
 width:100%; 
 font-size: 17px;
}

/* Newly added -----sonu ends */


a.Candidate_Applicants {
    padding: 15px 60px;
    line-height: 30px;
    margin: 20px;
    float: left;
    color: #ffffff;
    font-size: 16px;
}

p.Candidate_Applicants {
    padding: 83px 60px 0px 60px;
    line-height: 30px;
    margin: 20px 20px 0px 32px;
    float: left;
    color: #ffffff;
    font-size: 16px;
	text-align: center;
}
a.Login_Here {
    background: #215F92;
    margin-top: 40px;
    color: #FFFFFF;
    font-size: 18px;
    margin: 0px auto;
    display: table;
    padding: 10px 20px;
    text-align: center;
}
a.Login_Here:hover {
    background: #FFFFFF;
    color: #215F92;
}
a.Login_index {
 	background: #26699F;
	color: #FFFFFF;
	font-size: 16px;
	margin: 25px auto;
	text-align: center;
	padding: 75px 10px;
	height: 220px;
	width: 220px;
 	border-radius: 50%;
	display: inline-block;
	line-height: 30px;
}
a.Login_index:hover {
   /* background: #FFFFFF;
    color: #215F92;*/
    background: #8EBBDF;
    color: #215F92;
    text-decoration: none;

}
a.Login_index span{
	font-size: 22px;
	font-weight: bold;
}
.forms.register{
	width: 85% !important;
}
.forms {
    position: relative;
     width: 65%; 
    margin: 20px auto;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    padding: 0px 15px;
    margin-top: 30px;
    background: #fff;
	box-shadow: 0px 0px 20px #215f92;
	border: 1px solid #bbb;
    margin-bottom: 35px;
}
.forms h3 {
    font-size: 22px;
    margin-bottom: 10px;
    background: #1c486f;
	color:#FFFFFF;
    padding: 20px;
    text-align: center;
}
.forms input.submit:hover{
    color: #FFFFFF !important;
    border-color: #FFFFFF;
    background: #1c486f;
    transition: .5s ease;
    cursor: pointer;
}
.forms input.submit {
   /* width: 20%; */
    background: #215F92;
    color: #FFFFFF;
    border: 0px solid #FFFFFF;
    font-family: roboto,sans-serif;
    font-weight: 500;
    border-radius: 0px;
    margin: 30px auto;
    font-size: 16px;
    padding: 10px;
    display: table;
    text-transform: uppercase;
}
.b_tech_login {
    margin-top: 16px;
}

.right p {
    font-size: 14px;
	font-family: roboto,sans-serif;
    font-weight: 400;
    color: #666;
/*	text-align: center;
*/	margin-top: 10px;
}
.left p {
	font-size: 14px;
	color:#666;
	margin-top: 10px;
}
.alert.alert-danger p, .alert.alert-success p{
    text-align: center;
}
.alert.alert-danger, .alert.alert-success  {
    font-size: 12px;
    font-family: robot,sans-serif;
    margin: 25px 0 0 0;
    font-weight: 500;
}
.alert.alert-success, .alert.alert-success p{
	color: #23b90d;
}
.alert.alert-danger, .alert.alert-danger p{
	color: #f2220b;
}

a.logout {
	font-size: 22px !important;
	float: left !important;
	width: 92% !important;
	display: table !important;
	text-align: right;
}
.b_tech p {
    /* float: left; */
    font-family: roboto,sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 15px;
    /* width: 100%; */
}
.b_tech_pay_left {
    text-align: right;
    font-family: roboto,sans-serif;
    color: #666;
    font-size: 14px;
}
.b_tech_pay {
    text-align: left;
    font-family: roboto,sans-serif;
    color: #666;
    font-size: 14px;
}
p.same_as {
    font-family: roboto,sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 15px;
	float: right;
}
h4.shatt {
    font-size: 18px;
    font-weight: 500;
    font-family: roboto,sans-serif;
/*    border: 1px solid #f4f5f7;
    background: #f4f5f7;*/
    color: #1c486f;
    text-align: center;
    padding: 0px;
    margin: 15px 0px 0px 0px;
}
table.marks {
    margin: 15px 10px;
    border: 1px solid #b7b5b5;
    padding: 15px 10px;
    color: #666;
    line-height: 30px;
    font-size: 13px;
    font-family: roboto,sans-serif;
    font-weight: 500;
    width: 98%;
}
table.marks td {  
	border: 1px solid #b7b5b5;
}

/*==================== Style New =============*/

@media only screen and (max-width:620px){
	.table-responsive {overflow: hidden;overflow-x: scroll;}
	.staff_img img {
		max-width: 100px;
	}
	form.contact-form{
		padding-right: 0px;
	}
	.address {
	margin-top: 50px;
	}
	.hidden_xs {display: none;}
	.menu_container {
		padding: 0 4px;
		margin: 0px;
		width: 100%;
	}
	.logo {
		left: 0;
		width: 100%;
		padding: 0 15px;
	}
	.logo img.hiddn_large {
		max-width: 90%;
		margin: 0px auto;
		display: block;
	}
	.top_butns {
		top: -14px;
		width: 100%;
		padding: 0 15px;
		left: -50px;
	}
	.top_butns a.top_button, a.top_button_links {
		font-size: 15px;
		width: 48%;
		height: 40px;
		padding: 8px 10px;
		margin: 0;
	}
	.slider-content h2, .slider-content h3 {
		font-size: 18px;
		padding: 2px 10px;
	}
	.slider-content{
		left: 12%;
	}
	section.home_intro {
		margin: 20px 0;
	}
	.news_main {
		margin-top: 40px;
	}
	section.parallax span.box{float: none;margin: 0px auto;}
	section.parallax_course {padding: 30px 0;}
	section.parallax_course p {min-width: 0;width: 100%;text-align: left;font-size: 14px;font-weight: 500;}
	section.partners{padding-bottom: 10px;}
	section.partners h3 {padding: 10px 0;}
	footer{padding: 0px 0;    width: 100%;}
	footer h3 {margin-bottom: 10px;margin-top: 25px;}
	footer ul.links {margin-bottom: 20px;display: inline-block;width: 100%;}
	footer#copyrights p {font-size: 14px;text-align: center;}
	.swiper-button-next, .swiper-button-prev {opacity: 0.6;display: none;}
	section.inside_banner {background-size: cover;background-attachment: initial;background-position: 0 0;min-height: 216px;}
	.staffs .col-xs-6 {margin-bottom: 20px;}
	.breadcrumbs .page_parents li:nth-child(2n+4) {display: none;}
	section.inner_conent {margin: 30px 0;}
	ul.features {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;  margin: 20px 5px;}
	ul.features li{position: relative;}
	ul.features li:before{position: absolute;left: -4px;top: 8px;font-size: 10px;}
	.staffs .col-xs-6 {padding: 0 5px;}
	.breadcrumbs {display: none;}
	.course { width: 100%;}
	.syllabus h4 a:before{display:none;}
	.syllabus h4 a:after{display:none;}
	.syllabus h4 a{padding: 5px 10px;border-radius: 5px;font-size: 14px;line-height: 19px;}
	.syllabus p a {padding-left: 0;font-size: 14px;font-weight: 400;text-transform: none;line-height: 22px;}
	.name {text-align: center;font-size: 16px;}
	.designation, .status {font-size: 13px;}
	.staff_dts{min-height: 250px;margin-bottom: 15px;}
	.dropup{display:block;}
}
/*==================== Style For below 5.5 Phones =============*/
@media only screen and (max-width:650px) and (min-width: 415px){
	.top_butns {top: 0;width: 75%;padding: 0 15px;margin: 0px auto;display: block;}
	.top_butns a.top_button, a.top_button_links{width:213px;font-size: 18px;    padding: 10px 10px;}
	.top_butns a.top_button span {right: 0;position: absolute;top: 0;padding:10px;}
	a.top_button_links:after{background-size: 20px; right: 15px;}
}
@media only screen and (max-width:760px) and (min-width: 620px){
	.hidden_xs{display:none;}
	.menu_container {padding: 0 10px;margin-top: 0px;}
	.top_butns{top:0;}
	.dropup{display:block;}
	h1.apply_online {
		font-size: 20px!important;
		padding-top: 70px!important;
	}
	.candidate_registration {
		left: 0px !important;
	}
	.new_login_bg {
		height: 180px!important;
	}
	a.Login_Here {
		font-size: 14px!important;
		margin: 0px auto;
		display: table;
		padding: 7px 20px!important;
	}
	a.New_Applicants,a.Login_Here {
		width: 100%!important;
	}
}
@media only screen and (max-width:320px){
	div#popupContact {
		width: 90%;
	}
	p{
		font-size: 13px;
	}
}
@media only screen and (max-width:800px) and (min-width: 410px){
	div#popupContact {
		width: 90%;
	}
	p{
		font-size: 14px;
	}
	input{
		 font-size: 14px;
	}
	.border {
		margin: 20px 10px;
		width: 100%;
	}
}
@media only screen and (max-width:410px) and (min-width: 320px){
	.breadcrumbs .page_parents li a{font-size: 14px;}
	.top_butns a.top_button, a.top_button_links{
		width: 65%;
		display: block;
		margin: 10px auto;
		display: none;
	}
	.right_box.register {
    float: left;
    margin: 11px 50px;
    display: none;
	}
	.top_butns a.top_button span {
		margin: 0;
		top: 0px;
		position: absolute;
		padding: 9px 15px;
	}
	a.top_button_links:after {
		right: 10px;
	}
	.border {
		margin: 20px 10px;
		width: 100%;
	}
	section.parallax_course p span{height: 100%;}
	header .row {
		width: 100%;
		margin: 0;
	}
	section.inside_banner {
    background-size: cover;}
	
	button#popup {
		top: 0px;
		position: relative;
		left: 30%;
	}
	div#popupContact {
		width: 90%;
	}
	p{
		font-size: 14px;
	}
}
@media only screen and (max-width:380px) and (min-width: 320px){
	.slider-content h2, .slider-content h3 {font-size: 16px;padding: 2px 10px;}
	.staff_img img {max-width: 80px;}
	section.inside_banner {min-height: 166px;}
	section.parallax h3, section.parallax_course h4, section.home_intro h3 {font-size: 18px;}
	section.parallax p {font-size: 14px;}
	.top_butns a.top_button, a.top_button_links {/* width: 80%; */}
	.name {font-size: 14px;padding: 5px 2px;    text-align: center;}
	.staff_dts {padding-bottom: 10px;min-height: 240px;margin-bottom: 15px;}
	.designation, .status{font-size: 12px;}
	
}
@media only screen and (max-width:767px) and (min-width: 620px){
	.logo img.hidden_xs, .logo img.four_c.hidden_xs {display: none;}
}
@media only screen and (max-width:990px) and (min-width: 768px){
	.hidden_tab{display: none;}
	.dropup, nav.main_menu {display: none;}
	.menu_container{padding: 0 15px;    margin-top: 0;}
	section.home_scroll_news .container {width: 96%;padding: 10px 0;margin-top: -78px;}
	.news_h2 h3 {font-size: 18px;}
	section.parallax_course .container {width: 100%;}
	section.parallax_course p{min-width:0px;width: 100%;text-align:left;}
	.slider-content{top: 30%;}
	.news_h2{width:17%;}
	.news_content{width: 83%;}
	.hiddn_large { display: none;}
	footer ul.links li a{height: 45px;line-height: 45px;text-align: center;width: 45px;}
	.pradeepjv-main-menu-button-wrapper.pradeepjvMenu.hiddn_large{    display: block;}
	.name{font-size: 16px;text-align: center;padding: 5px;}
	.designation, .status{font-size: 14px;}
	.course{width: 100%;}
	ul.tabs-menu {margin: 20px 0 0 0;}
	.dropup{display:block;}

	.candidate_registration {
		position: relative;
		left: 0px!important;
	}
}
@media only screen and (max-width:890px) and (min-width: 768px){
	.hiddn_large { display: block;}
	.top_butns{top: 35px;}
	section.parallax_course p{font-size: 16px;}
	.hiddn_large, .topArea{display:none;}
}
@media only screen and (max-width:832px) and (min-width: 768px){
	.top_butns{top: 0px;}
}
@media only screen and (max-width:1100px) and (min-width: 990px){
	.syllabus h4 a{    font-size: 13px;    padding-right: 111px;}
	.name{text-align: center;
    padding: 3px;font-size: 16px;}
	.designation, .status{font-size: 13px;}
}
@media only screen and (max-width:1200px) and (min-width: 990px){
	.logo{left:0;}
	nav.main_menu ul{width: 97%;}
	.news_h2{width: 16%}
	.news_content {width: 84%;}
}

@media only screen and (max-width:1500px) and (min-width: 990px){
	nav.main_menu ul li a{
		padding: 5px 13px;
	}
	.swiper-slide {
		max-height: 430px !important;
	}
	.top_butns {
		position: relative;
		top: 27px;
		left: 162px;
	}
	.logo img {
		width: 80%;
	}
	.topArea ul li a {
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		padding: 4px 20px !important;
		font-size: 15px;
	}
	.news_h2 h3 {
		font-size: 18px;
	}
	a.track:before {
		position: absolute;
		top: -39px;
	}
	li.color-background a {
		padding: 0px 0 0px 5px !important;
	}
	.topArea ul:before {
		position: absolute;
		top: -14px;
	}
	li.color-background:after {
		position: absolute;
		top: -22px;
	}
}
@media only screen and (max-width:1200px) and (min-width: 1150px){
	nav.main_menu ul{width: 92%;}
}
@media only screen and (max-width:1300px) and (min-width: 1150px){
	nav.main_menu ul{width: 92%;}
}
@media only screen and (max-width:1500px) and (min-width: 1250px){
	.swiper-slide {
		-webkit-flex-shrink: 0;
		-ms-flex: 0 0 auto;
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		max-height: 425px !important;
		overflow: hidden;
	}
}

ul.newsticker{width: 1000% !important;}
ul#student_notice li a{
	color: #222;
}
/*==================== Style For below 5.5 Phones =============*/


.login_div{
margin-left:140px;
}

@media only screen and (max-width: 760px) and (min-width: 320px){
a.New_Applicants {
    padding: 15px 89px;
}

a.Up_Applicants{
padding: 15px 89px;
}

.forms{
width:100%;
}

.login_div{
margin-left:0px;
}

}

#log-out-btn {
    float: right !important;
    padding: 10px 16px !important;
    font-size: 18px !important;
    border-radius: 6px !important;
    background-color: #c42e49 !important;
    border-color: #c42e49 !important;
    color: #fff !important;
}

span.pay-now{
	padding: 5px;
    background-color: #5bc0de;
    color: #fff;
    border-radius: 6px;
}

a.pay-now{
	padding: 5px;
    background-color: #5bc0de;
    color: #fff !important;
    border-radius: 6px;
    text-decoration: none !important;
}

a.pay-now:hover{
	color: #000 !important;
}