/*======================================================================*\
|| #################################################################### ||
|| # 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:inherit!important;
}
}
@media screen and (max-width: 980px) {
.top_menu_poz_navbar,
 #mmenu_holder {
	width:280px!important;
	margin-top:10px;
	margin-bottom:10px;
}
#topmenu_holder {
	background:none!important;
}
#default_video {
	width:100%!important;
}
.forceright320 {
	float:none!important;
	margin:0 auto!important;
}
.yhls .yjsquare_in {
	float:none!important;
	margin:0 auto!important;
}
.yhls .yj_inputbox {
	float: none!important;
	margin: 0 auto!important;
}
}
@media screen and (max-width: 980px) {
.yjsquare.yhme2 .yjme_item {
	width:100%!important;
}
}
@media screen and (max-width: 720px) {
.yjsquare.yhme4 .yjme_item {
	width:50%!important;
}
}
/* youyork module slider */
@media screen and (max-width: 980px) {
div#yy_container.yy_container,
.yy_slider,
.yy_slider .yy_slideitems,
.yy_slider .yy_slideitems_in {
	width:100%!important;
}
img.resp {
	max-width:inherit!important;
}
.yy_slider .yjme_holder {
	display:block;
	overflow:hidden!important;
	width:92%!important
}
}
@media screen and (max-width: 620px) {
.yy_slider .yjme_holder {
	display:block;
	overflow:hidden!important;
	width:89%!important
}
}
@media screen and (max-width: 480px) {
.yy_slider .yjme_holder {
	display:block;
	overflow:hidden!important;
	width:85%!important
}
}
@media screen and (max-width: 320px) {
.yy_slider .yjme_holder {
	display:block;
	overflow:hidden!important;
	width:80%!important
}
}