.nav-tree{position:relative;margin-bottom:40px}
.nav-tree ul{margin-bottom:0;list-style:none}
.nav-tree>ul{margin:-8px 0}
.nav-tree li{position:relative}
.nav-tree li a{display:block;padding:16px 0;color:#000;font-size:15px;font-weight:300;letter-spacing:2px;font-family:Poppins,sans-serif;border-bottom:1px solid #000; text-decoration: none; }
.nav-tree li i{font-size:14px;width:16px;text-align:center}
.nav-tree li i:not(.icon-angle-down){margin-right:8px;position:relative;top:6px;right:9px}
.nav-tree li a i.icon-angle-down{width:auto;content:url(../images/down-icon.png);font-size:12px;float:right;margin-left:2px;position:relative;top:6px;right:18px}
.nav-tree li.active>a,.nav-tree li.current>a,.nav-tree li:hover>a{color:#d98600!important}
.nav-tree ul ul{display:none}
.nav-tree li.current>ul{display:block}
.nav-tree ul ul a{font-size:15px;padding:11px 0;letter-spacing:1px;font-family:Lato,sans-serif}
.nav-tree ul ul a i.icon-angle-down{font-size:12px;content:url(../images/down-icon.png);position:relative;top:8px}
.nav-tree ul ul a{padding-left:20px}
.nav-tree ul ul ul a{padding-left:28px}
.nav-tree ul ul ul ul a{padding-left:60px}
.nav-tree ul ul ul ul ul a{padding-left:80px}
.side-panel-wrap{background:url(../images/side-bar-bg.jpg);padding:66px 0 53px 65px; left:0;width: 100%; height: 112vh;}
.toggl-menu-side { display:none; }
#dismiss { display:none; }
.satsidemenuItem:hover {
  font-size: 16px;
  color: #333333;
  cursor: pointer;
  transition: .15s;
  border-bottom: 1px solid #333333;
  position: relative;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  padding-right: 15px;
  padding-left: 14px;
  color: #D98600;
}



@media screen and (min-width:280px) and (max-width:388px) {

}
@media screen and (min-width:389px) and (max-width:476px) {

}
@media screen and (min-width:477px) and (max-width:575px) {
	#sidebar { width: 71% !important; }
}
@media screen and (min-width:576px) and (max-width:767px) {
	#sidebar { width: 52% !important; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	#sidebar { width: 40% !important; }
}
@media screen and (min-width:992px) and (max-width:1150px) {

}
@media screen and (min-width:1150px) and (max-width:1240px) {
	
}
@media screen and (min-width:1241px) and (max-width:1340px) {
	
}
@media screen and (min-width:1341px) and (max-width:1399px) {
	
}
@media screen and (min-width:1400px) and (max-width:1499px) {

}
@media screen and (min-width:1500px) and (max-width:1599px) {
	
}
@media screen and (min-width:1600px) and (max-width:1699px) {
	
}
@media screen and (min-width:1700px) and (max-width:1799px) {

}
@media screen and (min-width:1800px) and (max-width:1899px) {
	
}
@media screen and (min-width:1900px) and (max-width:1999px) {

}
@media screen and (min-width:2000px) and (max-width:2999px) {

}


@media screen and (min-width:280px) and (max-width:991px) {
	#sidebar{width:91%;position:fixed;top:0;left:-415px;height:100vh;z-index:999;background: url(../images/side-bar-bg.jpg);color:#fff;transition:all .3s; overflow-y:scroll !important; box-shadow:3px 3px 3px #0003}
	#sidebar.active{left:0}
	#dismiss{width:35px;height:35px;line-height:35px;text-align:center;background:#0C4D8B;position:absolute;top:106px;right:10px;cursor:pointer;z-index: 1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
	#dismiss:hover{background:#fff;color:#0C4D8B}
	.overlay{display:none;position:fixed;width:100vw;height:100vh;background:#000000b3;z-index:998;opacity:0;transition:all .5s ease-in-out}
	.overlay.active{display:block;opacity:1}
	#sidebar .sidebar-header{padding:20px;background:#6d7fcc}
	.dropdown-toggle::after{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}
	.side-panel-wrap { padding:66px 0 53px 0; left: 0; width: 100%; position: relative; top: 96px; }
	.nav-tree li a { padding:16px 13px; }
	.toggl-menu-side { background:#0C4D8B; color: #fff; border:1px solid #0C4D8B; border-radius:0; text-transform: uppercase; letter-spacing: 1px; position: absolute; right: 36px; }
	.toggl-menu-side { display:inherit; }
	#dismiss { display:inherit; }
	.satsidemenuItem { padding-left: 15px; }
}
@media screen and (min-width:991px) and (max-width:1200px) {
	.side-panel-wrap { width:100%; padding: 66px 13px 53px; }
	.toggl-menu-side { display:none; }
	#dismiss { display:none; }
	 .admissionInfo { width: 50%; position: absolute; margin:0px auto; bottom: 0; padding:103px 0 0; }

}
@media screen and (min-width:1201px) and (max-width:1300px) {
	.side-panel-wrap { width:100%; padding: 66px 13px 53px; }
	.toggl-menu-side { display:none; }
	#dismiss { display:none; }
}
@media screen and (min-width:1301px) and (max-width:1599px) {
	.side-panel-wrap { width:100%; padding: 66px 13px 53px; }
	.toggl-menu-side { display:none; }
	#dismiss { display:none; }
}


@media screen and (min-width:1500px) and (max-width:1599px) {
	
}
@media screen and (min-width:1600px) and (max-width:1699px) {
	
}
@media screen and (min-width:1700px) and (max-width:1799px) {
	.side-panel-wrap { height: 140vh; }
	.side-panel-wrap { background-size: cover; }
}
@media screen and (min-width:1800px) and (max-width:1899px) {
	.side-panel-wrap { height: 132vh; }
	.side-panel-wrap { background-size: cover; }
}
@media screen and (min-width:1900px) and (max-width:1999px) {
	.side-panel-wrap { height: 132vh; }
	.side-panel-wrap { background-size: cover; }

}
@media screen and (min-width:2000px) and (max-width:2999px) {
	.side-panel-wrap { height: 132vh; }
	.side-panel-wrap { background-size: cover; }
}




