/*==========================================================================================
	
Media CSS File
This file contains all styles for responsive layout

==========================================================================================*/


/*----------------------------------------------------*/
/*	1.	More than 1041px
/*----------------------------------------------------*/
@media only screen and (max-width: 1041px) {
	   
	#header.sticky .after {display:none;}
	
	#header li.center {display:none;}
	 
	
	#header{background-color:#252525;}
	.wrap {width:100%;}
	 
	/* mobile navigation menu */
	#navigation {left:100%;position:fixed;width:100%;top:60px;background-color:#252525;}
	#navigation.visible {left:0;}
	#navigation li {width:100%;float:left;}
	#navigation li a {padding:10px;text-align:center;color:#fff!important;}
	#navigation li.parent {display:none;}
	
	#nav-mobile {display:block;float:right;width:60px;height:60px;background: #252525 url(../img/sprite.png) no-repeat 21px -245px;cursor:pointer; margin-top: -50px;}
	#nav-mobile:hover {background-color:#252525;}
	 
	#navigation li a.active {background-color:#535353;color:#fff;}
	#navigation li a.active:hover {background-color:#fff;color:#000;}
	#navigation li a span.border {display:none!important;}
	#navigation li a:hover {background-color:#000!important;}
	
	.logoDesktop{
		display: none;
	} 
	#mobile{
		display: block;
		margin-top: 12px;
		margin-left: 10px;
	}
}