
	@media (min-width: 1025px) {

		

		/*

		 * 1. Position elements to be stuck in the media query as we don't want ... 

		 *

		 */

		

		.stuck { /* 1 */

			position: fixed !important;

			top: 0;

			width: 100% !important;

			z-index: 2000;

		}

		

		#header.stuck { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95) !important; }



	}

	
		

	/* Menu basics */



	.sf-menu, 

	.sf-menu * {

		padding: 0;

		margin: 0;

		list-style: none;

	}

	

	.sf-menu li {

		position: relative;

		white-space: nowrap;

	}

	

	.sf-menu ul {

		position: absolute;

		display: none;

		z-index: 99;

		top: 100%;

		left: 0;

	}

	

	.sf-menu > li { float: left; }

	

	.sf-menu li:hover > ul,

	.sf-menu li.sfHover > ul { display: block; }

	

	.sf-menu a {

		position: relative;

		display: block;

	}

	

	.sf-menu ul ul {

		top: 0;

		left: 100%;

	}

	

	/* Menu skin */

	

	.sf-menu { float: right; }

	

	.sf-menu a {

		padding: 10px 15px;

		border-bottom: 1px solid rgba(129, 218, 216, 0.25);  

		color: #fff;

		font-family: 'Open Sans', Arial, sans-serif;

		font-size: 11px;

		text-transform: uppercase;  

	}



	.sf-menu > li > a {

		padding: 42px 15px;

		border: none;

		font-size: 13px;

		border-bottom: 1px solid #efefef;

		margin-bottom: -1px;

		color: #7b7b7b;

	}



	.sf-menu ul a { color: #fff;  }



	.sf-menu li {

		-webkit-transition: background 0.2s;

			 -o-transition: background 0.2s;

				transition: background 0.2s;

	}

	

	.sf-menu > li { margin-left: 15px; }

	

	.sf-menu li:hover,

	.sf-menu li.sfHover {

		position: relative;  

		text-decoration: none;	

	}



	.sf-menu li:hover a,

	.sf-menu li.sfHover a {

		/*color: #333;*/

		text-decoration: none;

	}

	

	.sf-menu > li:hover > a,

	.sf-menu > li.sfHover > a {

	color: #0961af;

	}

	

	.sf-menu > li.current > a {

	color: #0961af;

	border-bottom: 1px solid #2e87d6;

	background-color: rgba(158,226,245,0.3);

	}

	

	/**

 	 * 1. allow long menu items to determine submenu width

 	 */

	

	.sf-menu ul {

		min-width: 200px; /* 1 */ 		

	}

	

	.sf-menu ul li a {

		background-color: rgba(0,0,0, 0.6);

	}

	

	.sf-menu ul li a i {

		margin-right: 15px;

		font-size: 14px;

	}



	/* Menu arrows */

	

	.sf-arrows .sf-with-ul { padding-right: 30px; }

	

	/* Bottom facing arrows */

	

	.sf-arrows .sf-with-ul:after {

		position: absolute;

		top: 50%;

		right: 10px;

		width: 0;

		height: 0;

		border: 5px solid transparent;

		border-top-color: rgba(0, 0, 0, 0.5);

		margin-top: -13px;

		content: "";

	}

	

	/* Right facing arrows */

	

	.sf-arrows ul .sf-with-ul:after {

		margin-top: -5px;

		margin-right: -3px;

		border-color: transparent;

		border-left-color: rgba(0, 0, 0, 0.5);

	}

	

	/* Mobile Menu  */

			

	#mobile-menu {

		z-index: 20;

	}

	

	#mobile-menu li {	

		display: block;

		margin: 0;
		width:100%;
	}

		

	#mobile-menu > li > ul, 

	#mobile-menu > li > ul > li > ul {

		display: none;

		margin-left: 0;

	}


#mobile-menu li a:hover,#mobile-menu li a.active {
	background:#fcb842;
	color:#FFF;
}


	#mobile-menu li a {

	color:#FFF;
	display:block;
  font-family: 'univers',Verdana,Geneva,sans-serif;
    font-size: 12.5px;
	padding:10px;
	border-bottom:1px dotted #fcb842;
	margin-left:10px;
	margin-right:10px;
	transition:all;
	transition-duration:0.6s;
	transition-delay:0.1s;
	transition-property:all;
	transition-timing-function:ease;
	}
	#mobile-menu .active a {
    color: #4F87AA;
}

	#mobile-menu li a i { margin-right: 15px; }

	

	#mobile-menu ul a { padding-left: 45px; }

	

	#mobile-menu ul li ul a  { padding-left: 65px; }

	

	#mobile-menu .mobile-menu-submenu-arrow {

		position: absolute;

		top: 0;

		right: 0;

		width: 70px;

		height: 100%;

		color: #fff;

		font-size:20px;

		line-height: 50px;

		text-align: center;

		cursor: pointer;

	}
	
	

	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #f3f3f3;
	color:#000;
	 }

	

	#mobile-menu li a:hover {}

	

	#mobile-menu { display: none; }

	

	/* Mobile menu trigger  */

				

	#mobile-menu-trigger { 
		width:40px;
		height:40px;		
		float: left;
		color:#fcb842;
		display: none;
		font-size: 36px;  

	}

	
/*   #Responsive

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

   

/* #Large Display

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

   	

	@media (min-width: 1400px) {

		

		#wrap {}

		

		/* Portfolio */

		

		.portfolio-strip li,

		.portfolio-items.masonry li { width: 20%; }

		

		.portfolio-strip li:last-child { display: block; }

		

	}



/* #Smaller then 1024px width

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

	

	@media (max-width: 1024px) {



		#wrap {}

		

		#header {}

		

		#content {}

		

		#footer {}

		

	#mobile-menu { display: none; }

	}



/* #Tablet (Portrait)

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



@media (min-width: 768px) and (max-width: 900px) {

	
.mainMenu{
	background:none;	
	height:0;
}
	
#menu { display: none; }
#mobile-menu { 
	display: block;

}

#mobile-menu-trigger { 

	display: block;

	margin-top: 30px;
	margin-left:20px;

}	

aside.content {
	width:100%;
}
aside.content #evrYouTube .detail_pg{
	width:70%;
}

}
/* #Mobile (Portrait and Landscape )

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

	

	@media (max-width: 768px) {

	


		#menu { display: none; }

		

		#mobile-menu-trigger { 

			position: absolute;

			top: -8px;

			right: 20px;

			display: block;

			padding: 10px;

		}



	}

	

/* #Mobile ( Landscape )

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



	@media only screen and (min-width: 480px) and (max-width: 700px) {

	.search1{display:block;}

		

		/* Portfolio */

		
