/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
 
@media only screen and (min-width: 979px) and (max-width: 1199px) {
	body,
	html {
	overflow-x: hidden;
	}
}
@media screen and (max-width: 980px) {
	.top_menu_poz_navbar,
	#mmenu_holder{
		width:280px!important;
		margin-top:20px;
		margin-bottom:10px;
	}
	#default_video{
		width:100%!important;
	}
	#topmenu_holder{
	 background:none!important;
	}
	
	.yjsquare.banner .yjsquare_in{
		float:none!important;
		margin:0 auto!important;
		text-align:center;
		width:468px!important;
	}
.yjsquare h2.module_title {
	line-height:45px!important;
}
}
/* YJNS 10*/
@media screen and (max-width: 959px) {
	#YJT_container10{
		width:100%!important;
	}
	/* right */
	#navigator_outer10{
		width:40%!important;
	}
	#navigator_outer10 .inner{
		width:100%!important;
	}
	/* left */
	#YJT_container10 #slides{
		width:60%!important;
	}
	#YJT_container10 .slide{
		width:100%!important;
	}
	#YJT_container10 .slide_info{
		width:90%!important;
	}
	.slide_info p.slide_intro{
		height:80px!important;
		overflow:hidden!important;
	}
}

/* youdeveloper slider */
@media only screen and (min-width: 220px) and (max-width: 980px) {
#Youdeveloperslider,
#Youdeveloperslider .slide,
#Youdeveloperslider .elements{
	width:98%!important;
}
#Youdeveloperslider .intro{
	width:60%!important;
}
#Youdeveloperslider .introimage{
	width:40%!important;
}
#Youdeveloperslider .intro .title{
	line-height:50px!important;
}
}
@media screen and (max-width: 780px) {
	#Youdeveloperslider .intro{
		display:none!important;
	}
#Youdeveloperslider .introimage{
	width:100%!important;
	float:none!important;
	text-align:center;
}
}
@media screen and (max-width: 468px) {
	.yjsquare.banner .yjsquare_in{
		width:100%!important;
	}
}