 /*======================================================================*\
|| #################################################################### ||
|| # 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: 1420px) {
div.yjsgsitew {
	max-width: 1200px;
}
}
@media screen and (max-width: 1420px) {
.radvert2 img:last-child {
	width: 57%;
}
.radvert2 img:first-child {
	width: 40%;
}
}
@media screen and (max-width: 1220px) {
div.yjsgsitew {
	max-width: 100%;
}
div.subCategoryContainer {
	width: 50%!important;
}
div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {
	width: 100%!important;
	height: auto!important;
}
}
@media screen and (max-width: 1170px) {
.yjsgsfx-rticker.yjsgxhtml {
	width: 50%!important;
}
.rticker #titles_holder {
	width: 350px!important;
}
.rticker #yj_nt2 {
	width: 60%!important;
}
.yjsgsfx-rphonesubscribe.yjsgxhtml {
	width: 50%!important;
}
}
@media screen and (max-width: 1024px) {
.rsmallmenu ul.defaultmenu.inline li {
	margin: 0 5px 0 0;
}
}
@media screen and (max-width: 980px) {
.gridsfx-rticker {
	margin: 0!important;
}
.yjsgsfx-rticker.yjsgxhtml, .yjsgsfx-rphonesubscribe.yjsgxhtml {
	width: 100%!important;
}
.yjsgsfx-rphonesubscribe.yjsgxhtml {
	padding: 0;
}
.centertop_out:before {
	height: 50%;
}
#header {
	padding: 0;
}
.rsmallmenu, .rlivesearch, .rpoplogin, .rmenutrigger {
	float: none;
	margin: 0 auto;
	display: table;
	clear: both;
}
.rpoplogin, .rmenutrigger, .rmenutrigger a {
	width: 100%;
}
.yjsg-offc-btn.site-offc {
	display: none!important;
}
.yjsgsfx-rengine.adv1, .yjsgsfx-rmediaslider.yjsgxhtml {
	width: 100%!important;
	margin-bottom: 30px;
}
.yjsgsfx-rmediaslider.user1 {
	padding-right: 0;
}
.rengine.user1 .yjme_item div.imageholder, .rengine.user1 .yjme_item a.item_image, .rengine.user1 .yjme_item a.item_image img {
	width: 100%!important;
}
.rengine.user1 .yjme_item:first-child div.imageholder, .rengine.user1 .yjme_item:first-child a.item_image, .rengine.user1 .yjme_item:first-child a.item_image img {
	width: auto!important;
}
.yjsgsfx-rengine.user2 {
	width: 100%!important;
}
.radvert img {
	width: 80%;
}
.yjsgsfx-rtweets.yjsgxhtml {
	padding-left: 15px;
}
}
@media screen and (max-width: 768px) {
.rmediaslider .yjmediaslider div.main-nav {
	bottom: auto;
}
}
@media screen and (max-width: 720px) {
.rphonesubscribe .yjsg-row .yjsg-col-2-5 span {
	float: none;
	margin: 0 auto 5px 0;
	height: auto;
	line-height: normal;
	display: block;
}
.rphonesubscribe .yjsg-row .yjsg-col-2-5, .rphonesubscribe .yjsg-row .yjsg-col-3-5 {
	height: auto;
	line-height: normal;
	padding: 20px 0;
}
.rengine.user1 .yjme_item {
	width: 100%;
}
.rengine.user1 .yjme_item div.imageholder, .rengine.user1 .yjme_item a.item_image, .rengine.user1 .yjme_item a.item_image img {
	width: 100%!important;
	height: auto!important;
}
.rengine .main_category, .rcontact {
	margin-bottom: 20px;
}
.rcontact .yjsg-row {
	margin: 0;
}
.rphonesubscribe .yjsg-row .yjsg-col-2-5 {
	border: none;
	border-bottom: 1px solid #dddddd;
}
}
@media screen and (max-width: 660px) {
.rticker #yj_nt2 {
    width: 65%!important;
}
}
@media screen and (max-width: 620px) {
.yjmediaslider .slide .slide-details .description {
	display: block;
}
.rengine.adv1 .yjme_item .item_category {
	float: none;
	margin: 0 0 10px 0;
}
.rticker #titles_holder {
	height: auto!important;
	width: 100%!important;
}
.rticker #title_title {
	float: none;
	display: table;
	margin: 10px auto;
	padding: 10px 0;
	height: auto;
	line-height: normal!important;
}
.rticker #yj_nt2 {
	text-align: left;
	margin: 0 auto;
	float: none;
    width: 70%!important
}
.rticker .title_nav {
	float: none;
	margin: 0 auto;
	height: auto;
}
}
@media screen and (max-width: 560px) {
div.subCategoryContainer {
	width: 100%!important;
}
}
@media screen and (max-width: 520px) {
.subscribe-block, .rpoplogin #login_pop, .rpoplogin #reg_pop {
	width: 100%;
	left: 0!important;
	right: 0!important;
}
}
@media screen and (max-width: 480px) {
.rmediaslider.adv2 .yjmediaslider .slide .slide-details .slide-title, .rmediaslider.user1 .yjmediaslider .slide .slide-details .slide-title {
	font-size: 100%;
}
.rengine.adv2 .yjme_item {
	width: 100%;
}
.radvert2 img:last-child, .radvert2 img:first-child {
	width: 100%;
	margin-bottom: 10px;
}
}
@media screen and (max-width: 420px) {
.rmediaslider.adv2 .yjmediaslider .slide .slide-details, .rmediaslider.user1 .yjmediaslider .slide .slide-details {
	display: none;
}
.rengine.user1 .yjme_item .yj_holder {
	position: relative;
	padding: 30px 0 0 0;
}
.rengine.user1 .yjme_item a.item_title {
	color: #2a2a2a;
}
.rengine.user1 .yjme_item div.item_details, .rengine.user1 .yjme_item div.item_details a {
	color: #999;
}
.rengine.user2 .yjme_item div.imageholder, .rengine.user2 .yjme_item div.imageholder a.item_image, .rengine.user2 .yjme_item div.imageholder a.item_image img, .rengine.bottom .yjme_item div.imageholder, .rengine.bottom .yjme_item div.imageholder a.item_image, .rengine.bottom .yjme_item div.imageholder a.item_image img {
	width: 100%!important;
	height: auto!important;
	margin: 0 auto 5px 0;
	float: none!important;
}
}
@media screen and (max-width: 380px) {
ul.defaultmenu.inline li {
	display: table;
	margin: 0 auto;
	text-align: center;
}
}
@media screen and (max-width: 380px) {
.yjmediaslider .slide .slide-details .description {
	display: none;
}
}
