/*Responsive mobile menu css*/
.mobile-menu{
  display: none;
}

.excel-formulas h2{
	padding:10px 20px;
	font-size:30px;
}

.figure-box{
	text-align:center;
}
 
.figure-box img{
	box-shadow:0 0 8px rgba(0,0,0,.3);
	padding:10px;
	margin:10px 0;
	max-width:100%;
}
.image-panel {
    text-align: center;
}
.image-panel img{
	box-shadow:0 0 8px rgba(0,0,0,.3);
	padding:10px;
	margin:10px 0;
	max-width:100%;
}
.width-100{
	width:100% !important;
}

.startcoursebtn{
	width:auto;
}

.topbar {
    margin-top: 1px !important;
}
.sidebar {

    top: 100px !important;
}
@media ( max-width: 1199px ) {
.menubar .menubox {
    float: right;
}
.menubar .logobox {
    float: left;
}
.mega-nav > li > a{height: auto;line-height: normal;padding: 8px 14px;font-size: 12px;}

}


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

	#menu-wrapper{
		display: none;
	}
	.topbar{
		margin-top: 1px;
	}
	.mobile-menu {
		display: block !important;
	}
	.mega-nav > li {
	    display: block;
	    float: left;
	    width: 100%;
	}
	.mega-nav > li:first-child > a {
	    z-index: 9999;
	    border-radius: none;
	    border-left: none;
	    background: none;
	    color: #000;
	    animation: none;
	}
}


@media (  max-width: 767px ) {
.nav-column p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    height: auto;
    padding: 10px;
    border-radius: 6px;
    line-height: 1.6rem;
    color: white;
}
.mega-nav .nav-column h3 {
    margin: -15px 0 10px 0;
    line-height: 17px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #372f2b;
    text-transform: uppercase;
}
.mega-nav .nav-column {
    float: left;
    width: 25%;
    padding: 3.8% 1% 1% 1%;
}	
.mega-nav > li > div{
	z-index: 99999;
    top: 30px !important;
    left: 58% !important;
    width: 80vw !important;
}
.menubar {
	position: relative;
}
.menubar .logobox {
    float: left;
}
.menubar .menubox {
    float: right;position: static;
    margin-top: 20px;
}
.menubar #menu-wrapper {
    position: absolute;
    top: 61px;
    left: 0;
    right: 0;
    background-color: #FFF;
} 
.mega-nav > li a:hover {
    background-color: #DDD;
}  

}