/*======================================================================*\
|| #################################################################### ||
|| # 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: 981px) and (max-width: 1199px) {
.top_menu,
.top_menu_poz_navbar,
.top_menu_poz.navpills {
	width: auto!important;
}
}
@media screen and (max-width: 980px) {
	.top_menu_poz_navbar,
	#mmenu_holder{
		width:280px!important;
		margin-top:10px;
		margin-bottom:40px;
		display: block!important;
	}
	#default_video{
		width:100%!important;
	}
}

@media screen and (max-width: 780px) {
.offer .yjme_holder .yjme_item{
	width:50%!important;
}
}

@media screen and (max-width: 620px) {
.offer .yjme_holder .yjme_item{
	width:100%!important;
}
}

/* youdeveloper slider */
@media only screen and (min-width: 220px) and (max-width: 1199px) {
#Youdeveloperslider,
#Youdeveloperslider .slide,
#Youdeveloperslider .elements{
	width:100%!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;
}
}
/* plans and pricing */
@media screen and (max-width: 780px) {
	.yjplanxtdended{
		position:relative;
	}
	.yjplanextdholder{
		width:100%!important;
		margin-bottom:70px!important;
	}
}