/*======================================================================*\
|| #################################################################### ||
|| # 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: 240px) and (max-width: 1200px) {
#header, #header_in, #centertop, #centerbottom, #yjsg1, #yjsg2, #yjsg3, #yjsg4, #yjsg5, #yjsg6, #yjsg7, #footer, #joomlacredit, .yjsgsitew {
	width: 100%!important;
}
}
@media screen and (max-width: 980px) {
.top_menu_poz_navbar, #mmenu_holder {
	margin-top: 10px;
	margin-bottom: 10px;
}
#default_video {
	width: 100%!important;
}
#firsnav, #smallmenu {
	display: none!important;
}
div.yjnewsflashu_in.youscene2 div.imageholder {
	float: none!important;
	clear: both!important;
	margin-bottom: 10px!important;
}
}
/* Youscene slider */
@media only screen and (min-width: 240px) and (max-width: 1200px) {
#YJYSC_container, #slides, #YJYSC_container #slides div.slide {
	width: 100%!important;
}
#YJYSC_container .long_desc {
	display: none!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
#adv1.yjsgxhtml, #adv2.yjsgxhtml {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
#user1.yjsgxhtml, #user2.yjsgxhtml, #user3.yjsgxhtml {
	width: 33%!important;
}
.yjnewsflashu_in.youscene1 div.imageholder, .yjnewsflashu a.itemimage, .yjnewsflashu a.itemimage img {
	width: 100%!important;
	height: auto!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
#user1.yjsgxhtml, #user2.yjsgxhtml, #user3.yjsgxhtml {
	width: 100%!important;
}
.yjnewsflashu div.imageholder, .yjnewsflashu a.itemimage, .yjnewsflashu a.itemimage img {
	width: 100%!important;
	height: auto!important;
}
}