/*======================================================================*\
|| #################################################################### ||
|| # 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 screen and (max-width: 980px) {
#default_video {
	width: 100%!important;
}
.yjnewsflashu_in img {
	max-width: inherit!important;
}
}
/* YJIS 3 */
@media only screen and (min-width: 220px) and (max-width: 1199px) {
#YJSlide_outer, #YJSlide_inner, .YJSlide_slide {
	width: 100%!important;
}
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
.YJSlide_intro {
	max-width: 100%!important;
	width: 45%!important;
}
.YJSlide_slide img {
	max-width: none!important;
	width: auto!important;
}
.read_big {
	margin: 15px 0 0 0;
}
}
@media only screen and (min-width: 220px) and (max-width: 980px) {
.YJSlide_slide .YJSlide_intro {
	display: none;
}
.slidearrows, .slidearrows.slideRight {
	left: 30px;
	right: auto;
}
.slidearrows.slideRight {
	left: 50px;
}
}
/* yj newsflash ultimate*/
@media only screen and (min-width: 220px) and (max-width: 980px) {
.yjnewsflashu div.imageholder, .yjnewsflashu a.itemimage, .yjnewsflashu a.itemimage img {
	width: 100%!important;
	height: auto!important;
	box-sizing: border-box;
}
}
@media screen and (max-width: 320px) {
.imageholder {
	width: 93%!important;
	height: auto!important;
}
.itemimage {
	width: 100%!important;
}
}
@media only screen and (min-width: 220px) and (max-width: 980px) {
.banner {
	text-align: center;
}
}
@media only screen and (min-width: 220px) and (max-width: 980px) {
#user6.yjsgxhtml, #user7.yjsgxhtml, #user11.yjsgxhtml, #user12.yjsgxhtml {
	width: 100%!important;
}
}