/*======================================================================*\
|| #################################################################### ||
|| # 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;
}
body,  html {
	overflow-x: hidden;
}
}
@media only screen and (max-width: 1199px) {
#header, #header_in, #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 {
	width: 230px!important;
	margin-top: 10px;
	margin-bottom: 10px;
}
#default_video {
	width: 100%!important;
}
}

/* TEMPLATE SPECIFIC*/
@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: 220px) and (max-width: 980px) {
#YJSlide_outer, #YJSlide_inner, .YJSlide_slide {
	width: 100%!important;
	min-height: 800px!important;
}
.YJSlide_slide {
	text-align: center;
}
.yris .YJSlide_slide .YJSlide_intro {
	display: block;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	height: auto;
	width: 100%;
	text-align: center;
}
.introContent a.youresponse_rm {
	float: none;
}
}
@media only screen and (min-width: 220px) and (max-width: 480px) {
#YJSlide_outer, #YJSlide_inner, .YJSlide_slide {
	width: 100%!important;
	min-height: 1100px!important;
}
}
@media screen and (max-width: 980px) {
#centertop {
	width: 90%!important;
}
#k2Container .catItemView, #k2Container.itemView, #k2Container.tagView, #k2Container.genericView, #k2Container.userView {
	margin-right: 0;
}
.yris #YJS_left, .yris #YJS_right {
	left: 0!important;
	right: auto!important;
	top: 10%!important;
}
.yris #YJS_right {
	right: 0!important;
	left: auto!important;
}
#yy_container, #yy_slider, .yy_slideitems {
	width: 100%!important;
}
.yrys .yy_container .linkForward, .yrys .yy_container .linkBackward {
	right: 42%!important;
}
.yrys .yy_container .linkBackward {
	right: auto!important;
	left: 42%!important;
}
div.yjme_item {
	float: none!important;
	width: 100%!important;
	clear: both!important;
}
}
 @media screen and (max-width: 768px) {
/* yjme*/
.yrme .yjme_item div.yjme_item {
	float: none!important;
	width: 100%!important;
	clear: both!important;
	max-width: 100%!important;
	height: auto!important;
}
.yjsquare_in img {
	float: none!important;
	max-width: 100%!important;
	clear: both!important;
	display: block!important;
	margin: 0 auto!important;
	height: auto!important;
}
div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage {
	width: 100%!important;
}
}
@media screen and (max-width: 480px) {
.yris #YJS_left, .yris #YJS_right {
	top: 5%!important;
}
}
 @media screen and (max-width: 320px) {
.yrme .imageholder {
	float: none!important;
	clear: both!important;
	margin: 0 auto!important;
}
.yrme .imageholder, .yrme .item_image {
	width: 100%!important;
	height: auto!important;
}
.yrme a.item_readmore {
	display: none!important;
}
.yrme a.item_title {
	text-align: center!important;
	margin-top: 20px!important;
}
}
@media screen and (max-width: 240px) {
#centertop {
	width: 100%!important;
}
.holder_padding {
	margin: 0 10px!important;
}
}
div.subCategory {
	height: auto!important;
}