@media (max-width: 300px) {
	ul.m-l-2 {
		left: 0%;
	}

	.vu-video {
		width: 100%;
		height: 112px;
	}

	.head-title {
		font-size: 16px;
	}

	.right-sb {
		margin: 0px;
	}

	.page-body {
		margin-top: 75px !important;
	}

	.menu-banner {
		height: 100px;
	}

}

@media (min-width: 301px) and (max-width: 680px) {
	ul.m-l-2 {
		left: 0%;
	}

	.vu-video {
		width: 100%;
		height: 200px !important;
	}

	.head-title {
		font-size: 16px;
	}

	.right-sb {
		margin: 0px;
	}

	.page-body {
		margin-top: 75px !important;
	}

	.menu-banner {
		height: 120px;
	}

}

@media (min-width: 681px) and (max-width: 767px) {


	.menu-banner {
		height: 130px;
	}

}

@media (min-width: 768px) {
	ul.m-l-2 {
		left: -120%;

	}

	.vu-video {
		width: 100%;
		height: 200px !important;
	}

	.head-title {
		font-size: 18px;
	}

	.right-sb {
		margin-left: 15px;
	}

	.page-body {
		max-width: 1200px;
		margin: auto;
	}

	.menu-banner {
		height: 150px;
	}


}

@media (min-width: 900px) {
	ul.m-l-2 {
		left: -120%;

	}

	.head-title {
		font-size: 18px;
	}

	.right-sb {
		margin-left: 15px;
	}

	.page-body {
		max-width: 1200px;
		margin: auto;
	}

	.menu-banner {
		height: 180px;
	}
}

@media (min-width: 1024px) {
	ul.m-l-2 {
		left: 100%;

	}

	.page-body {
		max-width: 1200px;
		margin: auto;
	}

	.menu-banner {
		height: 250px;
	}
}

@media (min-width: 1200px) {
	.menu-banner {
		height: 350px;
	}
}

.right-sb {
	margin-left: 15px;
}

.head-title {
	font-size: 18px;
}


.nav-link {
	font-size: 17px;
	font-family: roboto;
}



.page-body {
	min-height: 230px;
}


#nt-cr-container {
	text-align: center;
	border: 1px solid #d8d8d8;
	padding: 5px 10px;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
}

.complaint {
	height: 80px;
	float: right;
	margin-top: 20px;
	margin-right: 15px;
}


#nt-cr-container i {
	font-size: 16px;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#nt-cr-container i:hover {
	color: #333;
}

#nt-cr li {
	color: #4e4e4e;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
	height: 62px;
	padding: 2px 0px;
	line-height: 20px;
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid #2c8162;
	font-weight: 500;
}

#nt-cr li:hover {
	background: #fff;
}

#nt-cr a {
	transition: all 0.2s ease-in-out;
	font-size: 13px;
	font-weight: 600
}

#nt-cr a:hover {
	color: #c44d2d;
}

#nt-cr i {
	color: #c44d2d;
}

#nt-ida-container {
	text-align: center;
	border: 1px solid #d8d8d8;
	padding: 5px 10px;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
}

#nt-ida-container i {
	font-size: 16px;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#nt-ida-container i:hover {
	color: #333;
}

#nt-ida li {
	color: #4e4e4e;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
	height: 62px;
	padding: 2px 0px;
	line-height: 20px;
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid #2c8162;
	font-weight: 500;
}

#nt-ida li:hover {
	background: #fff;
}

#nt-ida a {
	transition: all 0.2s ease-in-out;
	font-size: 13px;
	font-weight: 600
}

#nt-ida a:hover {
	color: #c44d2d;
}

#nt-ida i {
	color: #c44d2d;
}

#nt-sclr-container {
	text-align: center;
	border: 1px solid #d8d8d8;
	padding: 5px 10px;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
}

#nt-sclr-container i {
	font-size: 16px;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#nt-sclr-container i:hover {
	color: #333;
}

#nt-sclr li {
	color: #4e4e4e;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
	height: 62px;
	padding: 2px 0px;
	line-height: 20px;
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid #2c8162;
	font-weight: 500;
}

#nt-sclr li:hover {
	background: #fff;
}

#nt-sclr a {
	transition: all 0.2s ease-in-out;
	font-size: 13px;
	font-weight: 600
}

#nt-sclr a:hover {
	color: #c44d2d;
}

#nt-sclr i {
	color: #c44d2d;
}

#nt-adm-container {
	text-align: center;
	border: 1px solid #d8d8d8;
	padding: 5px 10px;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
}

#nt-adm-container i {
	font-size: 16px;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#nt-adm-container i:hover {
	color: #333;
}

#nt-adm li {
	color: #4e4e4e;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
	height: 62px;
	padding: 2px 0px;
	line-height: 20px;
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid #2c8162;
	font-weight: 500;
}

#nt-adm li:hover {
	background: #fff;
}

#nt-adm a {
	transition: all 0.2s ease-in-out;
	font-size: 13px;
	font-weight: 600
}

#nt-adm a:hover {
	color: #c44d2d;
}

#nt-adm i {
	color: #c44d2d;
}

#nt-er-container {
	text-align: center;
	border: 1px solid #d8d8d8;
	padding: 5px 10px;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
}

#nt-er-container i {
	font-size: 16px;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#nt-er-container i:hover {
	color: #333;
}

#nt-er li {
	color: #4e4e4e;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
	height: 62px;
	padding: 2px 0px;
	line-height: 20px;
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid #2c8162;
	font-weight: 500;
}

#nt-er li:hover {
	background: #fff;
}

#nt-er a {
	transition: all 0.2s ease-in-out;
	font-size: 13px;
	font-weight: 600
}

#nt-er a:hover {
	color: #c44d2d;
}

#nt-er i {
	color: #c44d2d;
}

#nt-res-container {
	text-align: center;
	border: 1px solid #d8d8d8;
	padding: 5px 10px;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
}

#nt-res-container i {
	font-size: 16px;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#nt-res-container i:hover {
	color: #333;
}

#nt-res li {
	color: #4e4e4e;
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
	height: 62px;
	padding: 2px 0px;
	line-height: 20px;
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid #2c8162;
	font-weight: 500;
}

#nt-res li:hover {
	background: #fff;
}

#nt-res a {
	transition: all 0.2s ease-in-out;
	font-size: 13px;
	font-weight: 600
}

#nt-res a:hover {
	color: #c44d2d;
}

#nt-res i {
	color: #c44d2d;
}

.event-card {
	background: #DDDDDD;
	background: rgba(221, 221, 221, 1);
	min-height: 217px;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.75);
}

div.event-card:hover {
	background: #cccccc;
	background: linear-gradient(45deg, #cccccc44 10%, #cccccc77 50%, #c44d2d55 100%);
	box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.75);
	transition: background .5s;
}

.event-card-thumb {
	border-bottom: 5px solid blue;
	padding: 5px;
}

.event-thumb {
	width: 100%;
}

.featured-video {
	margin-top: 10px;
}

.vu-video {
	width: 100%;
	height: 300px;
}


.dark-nav {
	background-color: #333;


}

.menuzord-menu>li>a {

	color: white;
	font-family: roboto;
	display: inline-block;
	font-size: 17px;
	line-height: 1.42857143;
	outline: 0;
	padding: 3px 8px;
	text-decoration: none;
	font-weight: 700;
	webkit-tap-highlight-color: transparent;
	text-transform: capitalize;
	/*border-bottom: 2px solid #333;*/
	background-color: transparent;

}

.vu-gradient div h2 {
	margin: 0px;
}

.vu-gradient div h3 {
	margin: 0px;
	/*margin-top: 3px;*/
	color: #c44d2d !important;
}

.vu-gradient div h4 {
	margin: 0px;
	/*margin-top: 3px;*/
	color: #c44d2d !important;
}

.vu-student-portal {
	/*background-color: #c44d2d;*/
	animation: flipInY 1s 1;
}

.vu-student-portal>li>a {

	color: #fff;
	font-family: roboto;
	display: inline-block;
	font-size: 17px;
	line-height: 1.42857143;
	outline: 0;
	padding: 0px 8px;
	text-decoration: none;
	font-weight: 700;
	webkit-tap-highlight-color: transparent;
	text-transform: uppercase;
	/*border-bottom: 2px solid #333;*/

}

.vu-student-portal>li>a:hover {
	color: #333 !important;
	background-color: #fff;
	/*border-bottom: 2px solid #c44d2d;*/
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.75);
	margin-top: 1px;
}

.menuzord-menu>li.active>a,
.menuzord-menu>li:hover>a {
	color: #fff !important;
	background-color: #c44d2d;
	/*border-bottom: 2px solid #c44d2d;*/
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.75);
	/*margin-top: 1px;*/
}


.portal-dropdown {
	padding: 15px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 1);
	background-color: #ddd !important;
	margin: 0px;

}

.modal-dialog {

	width: 600px;
	margin: 30px auto !important;

}

.red-gradient {
	background: rgb(204, 0, 0);
	background: linear-gradient(90deg, rgba(204, 0, 0, 1) 0%, rgba(212, 12, 12, 1) 42%, rgba(148, 0, 0, 1) 100%);
	margin-top: 15px;
	box-shadow: 0px 2px 2px rgb(204, 0, 0);
}

.dark-gradient {
	/*background: rgb(0,0,0);*/
	background: linear-gradient(90deg, #333333 0%, #111111 42%, #111111 58%, #333333 100%);
	margin-top: 15px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
	transition-duration: 1s;
}


.vu-gradient {
	/*background: rgb(204,0,0);*/
	/*background: linear-gradient(90deg, #c44d2d 0%, #b33c1c 50%, #c44d2d 100%);*/
	/*margin-top: 20px;*/
	box-shadow: 0px 2px 0px rgb(204, 0, 0);
	margin-left: 0px;
	margin-right: 0px;
}



.cameraContents .camera_caption span {
	background-color: #c44d2ddd;
}


.menuzord-menu ul.dropdown li a {
	background-color: #333;
	color: #fff;
}

.menuzord-menu ul.dropdown li a:hover {
	background-color: #c44d2d;
	color: #fff;
}

.menuzord-responsive .menuzord-menu ul.dropdown {
	background-color: #333;
}

.menuzord-menu {
	padding: 0px;
}

.notice-hover {
	margin-top: 10px;
	background-color: #fff;
	background-size: 0% 100%;
	border: none;
	border-radius: 6px;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	outline: none;
	padding: 10px 30px;
	text-align: center;
	text-decoration: none;
	transition: background-color .5s;
	/*width:100%;*/
}

.notice-hover:hover {
	background-color: #c44d2d;
	background-image: linear-gradient(90deg, #ffffff00 0%, #ffffff00 40%, #ffffffff 100%);
	background-repeat: no-repeat;
	background-size: 200% 100%;
	transition: background-size 2s, background-color 1s;
}

.notice-grad {
	background: linear-gradient(316deg, #c44d2d, #ffffff);
	background-size: 400% 400%;

	-webkit-animation: notice-grad 2s ease infinite;
	-moz-animation: notice-grad 2s ease infinite;
	animation: notice-grad 5s ease infinite;
}



@-webkit-keyframes notice-grad {
	0% {
		background-position: 0% 39%
	}

	50% {
		background-position: 100% 62%
	}

	100% {
		background-position: 0% 39%
	}
}

@-moz-keyframes notice-grad {
	0% {
		background-position: 0% 39%
	}

	50% {
		background-position: 100% 62%
	}

	100% {
		background-position: 0% 39%
	}
}

@keyframes notice-grad {
	0% {
		background-position: 0% 39%
	}

	50% {
		background-position: 100% 62%
	}

	100% {
		background-position: 0% 39%
	}
}

.apply_btn {
	/* left: 2% !important; */
	right: 2%;
	bottom: 18% !important;
	/* background-color: #196aab !important; */
	/* border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px; */
	border-radius: 2px;
	box-shadow: 0 0px 3px 2px #000055;
	font-size: 3vh;
	transition: 0.5s;
	/* animation: mymove 1s infinite; */
	animation: animate 1s linear infinite;
}

.apply_btn:hover {
	background-color: #0005 !important;
	border: 1px solid #cff83a;
	/* border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px; */
	border-radius: 3px;
	box-shadow: 0 0px 3px 2px #cff83a;
	color: #cff83a;
	transition: 0.5s;

}

.apply_btn::before,
.apply_btn::after {
	position: absolute;
	top: -40px;
	left: -40px;
	background: linear-gradient(45deg, red, blue, green, yellow, #e11d74, black, #ffff00, #aa0000);
	background-size: 400%;
	width: calc(100% + 40px);
	height: calc(100% + 40px);
	z-index: -1;
	animation: animate 25s linear infinite;

}

@keyframes mymove {
	0% {
		background-color: #196aab;
	}

	50% {
		background-color: #499de1;
	}

	100% {
		background-color: #196aab;
	}
}

@keyframes animate {
	0% {
		background-position: 0 0;
		background-color: #196aab;
		box-shadow: 0 0px 3px 3px #cff83a;
	}

	50% {
		background-position: 400% 0;
		background-color: #499de1;
		box-shadow: 0 0px 3px 2px #000055;
	}

	100% {
		background-position: 0 0;
		background-color: #196aab;
		box-shadow: 0 0px 3px 3px #cff83a;
	}
}

.archive-btn {
	background-color: #dc8305;
	border-color: #dc8305;
	color: white;
}

.archive-btn:hover {
	background-color: #0f0f0f;
	border-color: #0f0f0f;
	color: white;
}

.quick-info ul li {
	font-size: 1.6rem;
}

.quick-info button {
	font-size: 1.8rem !important;
}

.apply-now-grad {
	background: linear-gradient(45deg, #c44d2d 20%, #ffffff 80%);
	background-size: 400% 400%;

	-webkit-animation: apply-now-grad 2s ease infinite;
	-moz-animation: apply-now-grad 2s ease infinite;
	animation: apply-now-grad .5s ease infinite;
}



@-webkit-keyframes apply-now-grad {
	0% {
		background-position: 0% 39%
	}

	50% {
		background-position: 100% 62%
	}

	100% {
		background-position: 0% 39%
	}
}

@-moz-keyframes apply-now-grad {
	0% {
		background-position: 0% 39%
	}

	50% {
		background-position: 100% 62%
	}

	100% {
		background-position: 0% 39%
	}
}

@keyframes apply-now-grad {
	0% {
		background-position: 0% 39%
	}

	50% {
		background-position: 100% 62%
	}

	100% {
		background-position: 0% 39%
	}
}



.vu-tuition-fees {
	border: none;
	box-shadow: 1px 3px 5px rgba(196, 77, 45, 0.85);
	background-color: #fff;
	background-image: linear-gradient(90deg, #ffffffff 0%, #c44d2d44 40%, #c44d2d88 100%);
	transition: background-color .5s;

}

.vu-tuition-fees:hover {
	border: none;
	box-shadow: 1px 3px 10px rgba(196, 77, 45, 0.85);
	background-color: #ddd;
	transition: background-color .5s;
}

.show-all-btn {
	background-color: transparent;
	width: 200px;
	/*border-left: 2px solid #333;*/
}

.show-all-btn:hover {
	background-color: #333;
	width: 100%;
	transition: background-color 1s;
	transition: width 1s;
}

.show-all-btn:hover>h3 {
	color: white !important;
	transition: color 1s;
}

.show-all-btn:hover>h3>i {
	color: white !important;
	transition: color 1s;
}

.show-all-btn:hover>h4>i {
	color: white !important;
	transition: color 1s;
}

.show-all-btn>h3 {
	line-height: 30px;
	color: #c44d2d;
}

.show-all-btn:hover>h4 {
	color: white !important;
	transition: color 1s;
}

.show-all-btn>h4 {
	line-height: 25px;
	color: #c44d2d;
}






@media only screen and (max-width: 530px) {
	.section-title>h2 {
		font-size: 19px;
	}

	.show-all-btn>h3 {
		font-size: 15px;
		line-height: 19px;
	}

	.right-sb {
		margin-left: 0px;
	}
}

.vu-news-event:hover {
	box-shadow: 0px 0px 10px rgba(196, 77, 45, 0.85);
}

.modal-option {
	box-shadow: 0px 0px 5px rgba(196, 77, 45, 0.45);
}

.modal-option {
	box-shadow: 0px 0px 10px rgba(196, 77, 45, 0.85);
}

.more>a {
	font-size: 15px;
}

.nav-link {
	font-family: roboto;
	font-size: 17px !important;
}


.dept-head-hover {
	box-shadow: 0px 0px 5px #0008;
	transition: box-shadow .5s;
	/*width:100%;*/
}

.dept-head-hover:hover {
	box-shadow: 0px 0px 10px #c44d2dff;
	transition: box-shadow 2s, background-color .5s;
}


.vu-marquee li a {
	font-size: 16px;
	font-weight: 700;
}

.event-ul {
	padding: 5px;
	padding-top: 0px;
}

.event-ul li {
	border-bottom: 2px solid #c44d2d;
	padding-top: 5px;
}

.event-image {
	/*object-fit: contain;*/
}

.event-title {
	padding-left: 0px;
	padding-right: 0px;
}

.vu-btn {
	padding: 6px 15px !important;
}

.pagination-btn {
	margin: 5px;
	;
}

.menu-message {
	font-size: 15px;
}



.emp-sort-education {
	margin-top: 5px;
	text-align: justify;
}

.emp-sort-education p {
	font-size: 15px;
	margin-bottom: 10px;
}

.emp-sort-education ul li {
	margin-left: 15px;
	list-style-type: square;
	font-size: 14px;
	margin-bottom: 5px;
}

.content-body {
	margin-bottom: 10px;
}

.content-body ul {
	margin-left: 15px;
	line-height: 20px;
}

.content-body ul li {
	list-style-type: square;
}

@media (max-width: 600px) {
	.bcrumb {
		font-size: 12px;
	}
}

@media (min-width: 601px) {
	.bcrumb {
		font-size: 18px;
	}
}


.btn-vu-blue {
	color: white;
	background-color: #196aab;
	border-color: #063550;
}

.btn-vu-blue.active {
	color: white;
	background-color: #063550;
	border-color: #063550;
}

.btn-vu-blue:hover {
	color: white;
	background-color: #063550;
	border-color: #063550;
}

.menu-card {
	min-height: 150px;
}

@media only screen and (max-width: 680px) {

	.menu-card {
		min-height: 230px;
	}

}



.hotlink-animate {
	animation: gradient 1s ease infinite;
}

.hotlink-alert {
	min-height: 60px;
	height: 60px;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	/* border-top-right-radius: 20px;
		border-bottom-left-radius: 20px; */
	background-color: white !important;
	color: rgb(0, 0, 0) !important;
	font-size: 18px;
	line-height: 20px;
	transition: 0.5s;
	box-shadow: 0px 0px 5px 0.5px #c44d2d;
}



.hotlink-alert:hover {
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	/* border-top-left-radius: 20px;
		border-bottom-right-radius: 20px; */
	background-color: #c44d2d !important;
	color: rgb(255, 255, 255) !important;
	transition: 0.5s;

}

.applybtn-alert {
	min-height: 60px;
	height: 60px;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	/* border-top-right-radius: 20px;
		border-bottom-left-radius: 20px; */
	background-color: #c44d2d !important;
	color: white !important;
	font-size: 18px;
	line-height: 20px;
	transition: 0.5s;
	box-shadow: 0px 0px 5px 0.5px #c44d2d;
}



.applybtn-alert:hover {
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	/* border-top-left-radius: 20px;
		border-bottom-right-radius: 20px; */
	background-color: #ffffff00 !important;
	color: black !important;
	transition: 0.5s;

}

.alert-flex {
	display: flex;
	justify-content: center;
	text-align: center;
	flex-direction: column;
}

@keyframes gradient {
	0% {
		background: linear-gradient(#ee7752, #23d5ab);
	}

	10% {
		background: linear-gradient(#ee7777, #23d5ff);
	}

	20% {
		background: linear-gradient(#ee7752, #23d5ab);
	}

	30% {
		background: linear-gradient(#ee7752, #23d5ab);
	}

	40% {
		background: linear-gradient(#ee7752, #23d5ab);
	}

	50% {
		background: linear-gradient(#ee7752, #23d5ab);
	}

	60% {
		background: linear-gradient(#ee7752, #23d5ab);
	}

	70% {
		background: linear-gradient(#ee7752, #23d5ab);
	}

	80% {
		background: linear-gradient(#ee7752, #23d5ab);
	}

	90% {
		background: linear-gradient(#ee7752, #23d5ab);
	}

	100% {
		background: linear-gradient(#ee7752, #23d5ab);
	}
}