.de-navbar-left{
		overflow:visible;
	}		
	.de-navbar-left header {
		background: transparent;
		display: block;		
		left: 0;	  
		position: relative;
		width: 100%;
		border-bottom: solid 0px rgba(0,0,0,0.0);
	}		
	.de-navbar-left #de-sidebar {
		padding: 30px 20px 30px 20px;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		background-color: #18191b;
	}
	.de-navbar-left header h1.logo {
		display: inline-block;
		height: auto;
		float: none;
		font-family: "Oswald", sans-serif;
		font-size: 60px;
		color: white;
		font-weight: 400;
		line-height:60px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s; 
	}
	.de-navbar-left header h1.logo .logo-2{
		display:none;
	}
	.de-navbar-left header nav {
		float:right;
	}
	.de-navbar-left header nav a {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s; 
	}
	.de-navbar-left header nav a:hover {
		color: #555; 
	}	
	.de-navbar-left{
		background:#151618 ;
	}	
	.de-navbar-left h1.logo{
		padding:40px;
		text-align:center;
		width:100%;
	}		
	.de-navbar-left header .mainmenu{
		float:none;
		margin:0;
		padding:0;
	}		
	.de-navbar-left header .mainmenu > li{
		display:block !important;
		margin:0;
		float:none;
		text-align:center;
		font-family:"Dosis";
		letter-spacing:5px;
		font-size:14px;
		padding:0;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom:solid 1px rgba(255,255,255,.1);
	}	
	.de-navbar-left header .mainmenu > li > a{
		padding:0;
		opacity:.5;
	}	
	.de-navbar-left header .mainmenu > li > a.mPS2id-highlight {opacity: 1;}
	.de-navbar-left header .mainmenu > li a:hover{
		opacity:1;
	}
	.de-navbar-left header .mainmenu > li >a:after{
		content:none;
	}
	.de-navbar-left header nav{
		float:none !important;
	}
	.de-navbar-left #subheader {
		padding-bottom: 120px;
	}

	.logged-in.admin-bar header.side-header {top:0px;}

/* ================================================== */
/* navigation */
/* ================================================== */
	.mainmenu {
		font-family:"Raleway", Arial, Helvetica, sans-serif;
		float: right;
		font-size:11px;
		font-weight:400;
		letter-spacing:3px;
		text-transform:uppercase;
	}	
	
	.mainmenu ul {
		float: right;
		margin: 0px 0px;
		padding: 0px 0px;
		height: 30px;
	}
	
	.mainmenu li {
		margin: 0px 0px;
		padding: 0px 0px;
		float: left;
		display: inline;
		list-style: none;
		position: relative;
	}
		
	.mainmenu li a {
		display: block;
		padding: 25px 0px 25px 20px;
		line-height: 35px;
		text-decoration: none;
		color:#fff;
		text-align:center;
		outline:none;
	}
	.mainmenu li a:after { float:right; position:relative; font-family:"FontAwesome"; content:"\f111"; font-size:6px; margin-left:20px; margin-top:0px; color:#FAB702; }
	.mainmenu li:last-child a:after{display:none;}
	.mainmenu li li {
		font-size: 10px;
		font-weight: normal; 
		border-bottom: solid 1px #333;
		padding-top:0px;
		padding-bottom:0px;
		text-align: center;
	}
	
	.mainmenu li li:last-child {
		border-bottom: none;
	}
	
	.mainmenu li li a {
		padding: 10px 10px 10px 10px;
		background: #222327;
		border-top: none;
		color: #ccc;
		width:220px;
		border-left:none;
		text-align:left;
	}
	
	.mainmenu li li a:hover{
		color:#111;
	}
	
	.mainmenu li li a:after {
		content:none !important;
	}
	
	.mainmenu li li li a {
		padding: 2px 15px 2px 15px;
		background: #222327;
	}
	
	.mainmenu li li a:hover {
		color:#111;
		background: #EFC502;
	}
	
	.mainmenu li ul {
		width: 220px;
		height: auto;
		position: absolute;
		top: 0px;
		left: 100%;
		z-index: 10;
		display: none;
	}
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		background-color: #EFC502;
		color: #ccc;		
	}
	.mainmenu li li {
		display: block;
		float: none;
	}
	
	.mainmenu li:hover > ul {
		display: block;		
	}
	
	.mainmenu li ul ul {
		left: 100%;
		top: 0px;
	}
	
	.mainmenu li:hover > ul {
		color: #1a8b49;
	}
	
	.mainmenu select {
		padding: 10px;
		height: 36px;
		font-size: 14px;
		border: none;
		background: #ff4200;
		color:#eceff3;
	}
	
	.mainmenu select option {
		padding: 10px;
	}
	
	/* menu toggle for mobile */
	#menu-btn{
		display:none;
		float:right;
		margin-top:5px;
		width:36px;
		height:36px;
		background:#333;
		padding:6px;
		text-align:center;
		cursor:pointer;
	}	
	#menu-btn:before{
		font-family:FontAwesome;
		content: "\f0c9";
		font-size:24px;
		color:#eceff3;
	}	
	#menu-btn:hover{
		background:#fff;
	}	
	#menu-btn:hover:before{
		color:#222;
	}

	header.side-header .social-icons-2{
        margin:0 auto;
        margin-top:50px !important;
        float:none;
        text-align:center;
    }
    
    header.side-header .social-icons-2 a{
        display:inline-block;
        margin:0 2px 0 2px;
        background:#555;
        width:36px;
        height:36px;
        padding-top:5px;
        display:inline-block;
        text-align:center;
        border-radius:20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;   
        opacity: 0.5;     
        color: #fff;
    }
    
    header.side-header .social-icons-2 a:hover{
        background-color: #EFC502;
        color: #111;
    }
    header.side-header .social-icons-2 a i {
        float: none;
        margin: 0px;
        padding: 0px;
    }
    
    #de-sidebar{
        padding:0px;
    }
	.container {max-width: 100%;}
	.no-padding, section.no-padding {
		padding: 0;
	}
	.de-navbar-left section, .de-navbar-left #content {
	  padding: 70px;
	}
	.container-fluid {
		margin: 0;
		padding: 0;
	}
	.de-navbar-left .container-fluid .container {
	  width: 100% !important;
	}
	.de-navbar-left section.no-padding {padding: 0;}
	.de-navbar-left footer.footer-side-nav {padding: 0px;}
	.de-navbar-left footer.footer-side-nav .mainfooter {
	    padding: 70px 70px 0px;
	}
	.de-navbar-left footer.footer-side-nav .subfooter {
		padding: 30px 70px 20px;
	}
	/* ================================================== */
	/* R E S P O N S I V E */
	/* ================================================== */
	@media(min-width:980px) and (max-width: 1199px) {	
		header .mainmenu a{
			padding-left:5px;
			padding-right:5px;
		}		
		.mainmenu li a:after{
			margin-left:15px;
		}	
	}
	
	
	@media only screen and (max-width: 992px) {	
		#menu-btn{
			display:block;
			position:relative;
			float:right;
		}

		#de-sidebar{
			position:absolute !important;
			width:100%;
			right:1px;
		}		
		.de-navbar-left header nav {padding-left: 30px;padding-right: 30px;}
		.de-navbar-left header {width: 100%;padding: 0px;}
		header.side-header {
			position:absolute !important;
			display:block;
			height:60px;
			top:0;
			background:#000;
		}
		
		header.side-header .mainmenu{
			position:static;
			background:#000;
			margin:0;
			top:60px;
			left:0;
			width:100%;
		}
		.de-navbar-left header .mainmenu > li {padding-bottom: 0px;}
		.mainmenu li ul, .mainmenu li ul ul {left: 0px;background-color: transparent;}
		header.side-header h1.logo .logo{
			display:none;
		}
		
		header.side-header h1.logo .logo-2{
			display:inline-block;
			position:absolute;
			height:30px;
			top:15px;
			left:40px;
		}
		
		header.side-header #menu-btn{
			position:absolute;
			top:8px;
			right:30px;
			height:0;
			z-index:2000;
			height:35px;
		}
		
		
		header.side-header .mainmenu li{
			display:block;
			text-align: left;
			float: left;
		}
		
		header.side-header .mainmenu a{
			display:block;
			text-align:left;
		}
		
		header.side-header .mainmenu a:hover{
			background:none !important;
		}
		
		header.side-header .mainmenu a:hover{
			background:none !important;
		}
		
		header.side-header .social-icons-2{
			display:none;
		}
		
		#subheader,.de-navbar-left  #subheader{
			padding:0;
			margin:0;
		}
		#subheader h1{
			margin:80px 0 45px 0;
		}
		#subheader span{
			display:none;
		}
		#subheader .crumb{
			display:none;
		}
		
		.de-navbar-left  #subheader{
			padding-top:70px;
		}
		
		.slider_text h1 {
			font-size: 32px;
		}
		
		.slider_text .description {
			display: none;
		}
		h1.logo{
			margin-top:-15px;
		}
		h1.logo, h1.logo .inner {
			vertical-align:middle;
			height:auto;
		}
		
		nav{
			width:100%;
		}
		
		.mainmenu{
			display:none;
			float:none;
			z-index:200;
			width:100%;
			margin:0;
			padding:0;
		}
		
		.mainmenu a{
			text-align:left;
			padding-top:10px !important;
			padding-bottom:10px !important;			

		}
		.de-navbar-left header .mainmenu > li > a {padding-left: 20px !important;}
		.mainmenu a:hover{
			background:#111 !important;
		}
		
		.mainmenu li ul{
			display:block;
			position:inherit;
			margin:0;
			width:100%;
		}
		
		.mainmenu li{
			border-bottom:solid 1px #333;
			margin:0;
			width:100%;
			display:block;
			letter-spacing:3px;
		}
		
		.mainmenu li a:after{
			display:none;
		}
		
		.mainmenu li:last-child{
			margin-bottom:30px;
		}
		
		.mainmenu li ul{
			border-top:solid 1px #333;
			top:auto;
		}
		
		.mainmenu li ul a{
			width:100%;
			background:none;
			border:none;
		}
		
		.mainmenu li ul li{
			border:none;
			padding-left: 40px !important;
		}
		
		.mainmenu li ul li a{
			display:block;
			border-left:solid 1px #333;
			border-bottom:solid 1px #333;
		}
		
		.mainmenu li ul li:last-child{
			border-bottom:none;
			margin:0;
		}
		
		.mainmenu li ul li:last-child a{
			border-bottom:none;
		}
		.mainmenu li a{
			color:#eceff3;
		}
		
		.mainmenu  li li a{
			font-size:10px;
		}
		
		.mainmenu  li li a:hover{
			color:#fff;
		}
		.mainmenu li li li a{background-color: transparent;}
		.de-navbar-left #de-sidebar{height: auto;}
	}
	.container-3 .de-team-list {
		width: 33.3333%;
		float: left;
		position: relative;
	}
	/* -------------------------------------------------- 
	design for 320px
	/* -------------------------------------------------- */
	@media only screen and (max-width: 767px) {
		.container-3 .de-team-list {width: 100%;}
		body{overflow-x: hidden;}
		.de_tab .de_nav li {
			display: block;
			width: 100%;
		}
		#de-sidebar{
			width:100%;
			display:block;
			position:relative;	
		}
		.de-navbar-left section {padding: 60px 0px;}	
	}