ul.topLink1 { list-style:none; margin:0; padding:0 }
ul.topLink1 li { float: left; padding:0; margin:0; color:#fff; font-size: 12px; opacity:0.8; font-family:'Abel', sans-serif }
ul.topLink1 li a { color: #ceebe6; font-size: 13px; padding: 10px 5px; display: inline-block; transition:ease-in-out 300ms; text-decoration:none; opacity:0.8; font-family:'Abel', sans-serif }
ul.topLink1 li a:hover { color:#42d9c0 }
ul.topLink1 li a:after { content: ''; display: block; color:#fff; border-bottom: 1px solid #fff; width: 0; -webkit-transition: 0.5s ease; transition: 0.5s ease }
ul.topLink1 li a:hover:after { width: 100%; color:#fff }


.dektop { display:none}
nav.topLink { width: auto; float: right }
nav.topLink ul { display: table; float: right; list-style:none; margin:0; padding:0; color:#42d9c0; font-family:'Abel', sans-serif }
nav.topLink ul li { float: left; padding:0; margin:0 }
nav.topLink ul li:last-child { padding-right: 0px; }
nav.topLink ul li a { color: #ceebe6; font-size: 13px; padding: 10px 5px; display: inline-block; transition:ease-in-out 300ms; text-decoration:none; opacity:0.8 }
nav.topLink ul li a:hover { color:#fff }
nav.topLink ul li a:after { content: ''; display: block; color:#fff; border-bottom: 1px solid #fff; width: 0; -webkit-transition: 0.5s ease; transition: 0.5s ease }
nav.topLink ul li a:hover:after { width: 100%; color:#fff }

.toggle-menu ul { display: table; width: 20px }
.toggle-menu ul li { width: 100%; height: 2px; background-color: #004439; margin-bottom: 4px }
.toggle-menu ul li:last-child { margin-bottom: 0px; }
input[type=checkbox], label { display: none; }
nav.topLink ul li i { display:none }

@media only screen and (max-width: 1440px) { }
@media only screen and (max-width: 980px) {
input[type=checkbox] {
position: absolute;
top: -9999px;
left: -9999px;
background: none;
}
input[type=checkbox]:fous {
background:none;
}
label {
float: right;
padding: 5px 0px;
display: inline-block;
cursor: pointer;
}
input[type=checkbox]:checked ~ nav.topLink { display: block; }
nav.topLink {
display: none;
position: absolute;
right: 0px;
top: 53px;
background-color: #004439;
padding: 0px;
z-index: 99;
}
nav.topLink ul { width: auto; }
nav.topLink ul li {
float: none;
padding: 0px;
width: 100%;
display: table;
}
nav.topLink ul li a {
color: #FFF;
font-size: 12px;
padding: 10px 20px;
display: block;
border-bottom: 1px solid rgba(225,225,225,0.1);
}
}
@media only screen and (max-width: 568px) { }
@media only screen and (max-width: 480px) { }
@media only screen and (max-width: 360px) { label { padding: 5px 0px; }nav.topLink { top: 47px; } }
@media only screen and (max-width: 320px) { }



 
.navbar-brand { display:none }

.top_links{font-size:13px; margin: 0; padding:0; text-align:left; float:right; font-family:'Abel', sans-serif/*border-bottom:1px solid #002147;*/; line-height:18px}
.top_links li {display:inline-block; margin:0; padding:0}
.top_links li a {color:#fff; text-decoration:none; transition:300ms ease-in-out; padding:0 3px; margin:0}
.top_links li a span { font-size:15px; transition:300ms ease-in-out; color:#FFF }
.top_links li a:hover {color:#fff; text-decoration:underline}
.float_control {float:right}
@media(max-width:500px){
.navbar-brand { display: block }
.top_links{text-align:center !important; font-size:13px; float:none; margin-top:0}
.moblie_view1{width:100% !important; float:none; clear:both}
.moblie_view2{width:100% !important; float:none; clear:both}
.float_control{float:none}
}
@media(max-width:700px){
.top_links li{text-align:center !important}
.tablet_view1{width:70%; float:left; clear:none}
.tablet_view2{width:30%; float:left; clear:none}
}
 
.top_links_app { font-size:13px; margin:20px 0 0 0; padding:0; float:right; font-family:Roboto; text-align:right }
.top_links_app li { padding:0; margin:0 0 5px 0; list-style:none; display:block }
.top_links_app li a { color:#0FF; text-decoration:none; transition:300ms ease-in-out; padding:0 7px; text-align:center; margin:0; display:inline-block }
.top_links_app li a span { color:#FF0; transition:300ms ease-in-out }
.top_links_app li a span:hover { color:#fff; text-decoration:underline }
.top_links_app li a:hover { color:#fff; text-decoration:underline }

.top_links_app li a span blink { font-size:18px; color:#FF0; transition:300ms ease-in-out; }
.top_links_app li a span blink:hover { color:#fff }

@media(max-width:500px){
.top_links_app {text-align:center !important; font-size:13px; margin:5px 0 0 0 !important; float:none}
.top_links_app li a span { font-size:13px; color:#CF0; text-align:center !important; }
}
@media(max-width:700px){
.hidden-xs { display:none}
.top_links_app {text-align:center !important; font-size:13px; margin:15px 0 0 0 !important; float:none}
.top_links_app li {text-align:center !important; clear:both; float:none; display:inline-block; margin:0 }
.top_links_app li a { border: none; text-align:center !important; }
.top_links_app li a span { font-size:13px; color:#CF0; text-align:center !important; }
}
 
@media only screen and (max-width: 481px) and (min-width: 100px){
.logo_adj1 {text-align:center; padding:0; margin-bottom:4px}
.college_name {font-family:'Abel', sans-serif; font-size:24px; color:#ffcc00; padding:0; margin: 0; text-align:center; text-transform:uppercase}
.main_logo {width:58px}
.main_logo_text { font-size:13px; color:#e5e5e5; padding:0; margin:0; font-family:poppins; text-align:center }
.marquee {background:#f5f5f5; padding:5px; text-align:center; color:#C00; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:12px; font-weight:bold; line-height:17px}
}
@media only screen and (max-width: 767px) and (min-width: 482px){
.logo_adj1 {text-align:center !important; padding:0 5px 0 5px }
.logo_title_adj { margin:0 }
.college_name{font-family:'Abel', sans-serif; font-size:32px; color:#ffcc00; padding:0; margin:0 0 5px 0; text-align:center}
.main_logo{width:67px}
.main_logo_text{ font-size:13px; color:#e5e5e5; line-height:19px; padding:0; margin:-10px 0 0 0; font-family:'Abel', sans-serif; text-align:center }
.hidden_tab{display: ; visibility: }
.marquee {background:#f5f5f5; padding:5px; text-align:center; color:#C00; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:12px; font-weight:bold; line-height:17px}
}
@media only screen and (min-width: 768px){
.logo_adj1{text-align:right; padding:12px 5px 10px 0}
.logo_title_adj{margin:0}
.college_name{font-family:'Abel', sans-serif; font-size:39px; color:#ffcc00; padding:0; margin:0; text-transform:uppercase; font-weight:bold; text-shadow:1px 1px 1px #000}
.main_logo{width:72px}
.main_logo_text{font-size:16px; color:#e5e5e5; line-height:19px; padding:0; margin:-10px 0 0 0; font-family:'Abel', sans-serif}
.marquee {background:#f5f5f5; padding:5px; text-align:center; color:#C00; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:12px; font-weight:bold; line-height:17px}
}