/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla LLC. 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 LLC                      ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
.mobiletoptools {
	display:none!important;
}
/*select menu */
#mmenu_holder {
	display:none;
	width:95%;
	background:#000;
	padding:10px 0;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	position:relative;
	height:38px;
}
select#mmenu {
	margin:0 auto;
	cursor:pointer;
	display:block;
	width:100%;
	overflow: hidden;
	height:35px;
	padding:5px 0;
}
span#yjmm_selectid {
	position:absolute;
	display:block;
	left:0;
	width:99%;
	height:35px;
	padding:0;
	margin:0;
	line-height:35px;
	color: #fff;
	font-size:18px;
	font-weight:bold;
	border:1px solid #3A3A3A;
	color:#ccc;
	overflow: hidden;
	cursor:pointer;
	background:url(../images/mm_arrow.png) no-repeat right center;
}
select.yjstyled {
	position: relative;
	opacity: 0;
	z-index: 5;
}
@media screen and (max-width: 1500px) {
body,
html {
	overflow-x: hidden;
}
#topmenu_holder.dropped {
	width:auto!important;
	float: none!important;
	clear:both!important;
	margin:0 auto!important;
}
}
@media screen and (max-width: 980px) {
.top_menu {
	visibility:hidden!important;
	height:0!important;
	overflow:hidden!important;
}
.top_menu.showmenu {
	visibility:visible!important;
	height:auto!important;
	overflow:visible!important;
}
#logo {
	visibility:hidden;
}
#logo.lfloat {
	margin:0 auto!important;
	float:none!important;
	visibility:visible!important;
}
body,
html {
	overflow-x: hidden;
}
#header {
	overflow:hidden;
}
#header.dropped {
	overflow:hidden;
	height: auto!important;
}
#centertop,
#centerbottom,
#yjsgheadergrid,
#yjsg1,
#yjsg2,
#yjsg3,
#yjsg4,
#yjsg5,
#yjsg6,
#yjsg7,
#midblock,
#rightblock,
#leftblock,
#insetblock,
#insetsholder_2t,
#insetsholder_2b,
#insetsholder_3t,
#insetsholder_3b,
#footer,
#footmod,
#joomlacredit,
.validators,
.yjsgcp,
.yjsglogo {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
/* mods*/
.yjsgxhtml{
	width:50%!important;
}
.yjsgxhtml.last_mod,
.yjsgxhtml.only_mod{
	width:100%!important;
}
embed,
object {
	width: 100%!important;
	height: auto!important;
}
img {
	max-width: 100%!important;
}
.yjsglogo {
	position:static!important;
	display:block!important;
}
div.yjsg-newsitems .float-left {
	width:50%!important;
}
div.yjsg-newsitems .float-left.width100,
.last.float-left.width33,
.last.float-left.width20 {
	width:100%!important;
}
div.subCategory {
	height: auto!important;
}
}
@media screen and (max-width: 768px) {
.navContainer {
	width: 98%!important;
}
.subCategoryContainer,
.itemImageBlock,
.itemContainer,
.catItemImageBlock,
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
.itemToolbar ul li {
	padding:0 5px 0 0!important;
}
}
@media screen and (max-width: 640px) {
.userpages,#userpages {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
}
@media screen and (max-width: 480px) {
div.yjsg-newsitems .float-left,
.yjsgxhtml {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
textarea,
.inputbox {
	width: 100%!important;
	height: auto!important;
}
.itemToolbar,
.itemToolbar ul,
.itemToolbar ul li {
	display:block!important;
	clear:both!important;
	float:none!important;
	padding:0!important;
	text-align:left!important;
	border:none!important;
}
}
@media screen and (max-width: 320px) {
}
@media screen and (max-width: 240px) {
.navContainer {
	width: 95%!important;
}
}
/* 
	this is responsive css visible only in  ie7 / ie8
	if you need to add more properties just use one of the body
	class prefixes as our examples below. We added 480 just in case
	but we all know that there are no devices that small that use IE 7/8 :).
	
	body.yjresponsive 			= under 980px always present
	body.yjresponsive.yjrp980 	= specific for 980px and under
	body.yjresponsive.yjrp768 	= specific for 768px and under
	body.yjresponsive.yjrp480 	= specific for 480px and under
*/

body.yjresponsive,
html {
	overflow-x: hidden;
}
/*980*/
body.yjresponsive .top_menu {
	visibility:hidden!important;
	height:0!important;
	overflow:hidden!important;
}
body.yjresponsive .top_menu.showmenu {
	visibility:visible!important;
	height:auto!important;
	overflow:visible!important;
}
body.yjresponsive #logo {
	visibility:hidden;
}
body.yjresponsive #logo.lfloat {
	margin:0 auto!important;
	float:none!important;
	visibility:visible!important;
}
body.yjresponsive #header {
	overflow:hidden!important;
}
body.yjresponsive #header.dropped {
	overflow:hidden!important;
	height: auto!important;
}
body.yjresponsive #centertop,
body.yjresponsive #centerbottom,
body.yjresponsive #yjsgheadergrid,
body.yjresponsive #yjsg1,
body.yjresponsive #yjsg2,
body.yjresponsive #yjsg3,
body.yjresponsive #yjsg4,
body.yjresponsive #yjsg5,
body.yjresponsive #yjsg6,
body.yjresponsive #yjsg7,
body.yjresponsive #midblock,
body.yjresponsive #rightblock,
body.yjresponsive #leftblock,
body.yjresponsive #insetblock,
body.yjresponsive #insetsholder_2t,
body.yjresponsive #insetsholder_2b,
body.yjresponsive #insetsholder_3t,
body.yjresponsive #insetsholder_3b,
body.yjresponsive #footer,
body.yjresponsive #footmod,
body.yjresponsive #joomlacredit,
body.yjresponsive .validators,
body.yjresponsive .yjsgcp,
body.yjresponsive .yjsglogo {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
/* mods*/
body.yjresponsive .yjsgxhtml{
	width:50%!important;
}
body.yjresponsive .last_mod,
body.yjresponsive .only_mod{
	width:100%!important;
}
body.yjresponsive #logo {
	margin:0 auto!important;
	float:none!important;
}
body.yjresponsive embed,
body.yjresponsive object {
	width: 100%!important;
	height: auto!important;
}
body.yjresponsive .mobiletoptools {
	display:none!important;
}
body.yjresponsive img {
	max-width: 100%!important;
}
body.yjresponsive .yjsglogo {
	position:static!important;
	display:block!important;
}
body.yjresponsive.yjrp980 #yjsg1 {
}
body.yjresponsive.yjrp980 .yjsgxhtml {
	width:49%!important;
	float: left!important;
	clear:none!important;
}

body.yjresponsive.yjrp980 .yjsgxhtml.last_mod,
body.yjresponsive.yjrp980 .yjsgxhtml.only_mod {
	width:100%!important;
}
body.yjresponsive div.yjsg-newsitems .float-left {
	width:50%!important;
}
body.yjresponsive div.yjsg-newsitems .float-left.width100,
body.yjresponsive .last.float-left.width33,
body.yjresponsive .last.float-left.width20 {
	width:100%!important;
}
/* 768*/
body.yjresponsive.yjrp768 .subCategoryContainer,
body.yjresponsive.yjrp768 .itemImageBlock,
body.yjresponsive.yjrp768 .itemContainer,
body.yjresponsive.yjrp768 .catItemImageBlock,
body.yjresponsive.yjrp768 .userpages {
	width:auto!important;
	float: none!important;
	clear:both!important;
}
/*480*/
body.yjresponsive.yjrp480 .yjsgxhtml,
body.yjresponsive.yjrp480 div.yjsg-newsitems .float-left {
	width:100%!important;
	float:none!important;
	clear:none!important;
}
body.yjresponsive.yjrp480 textarea,
body.yjresponsive.yjrp480 .inputbox {
	width: 100%!important;
	height: auto!important;
}

/***BUSINESSREPORT RESPONE***/
@media screen and (max-width: 1200px) {
 #centertop,
 #centerbottom,
 #yjsg1,
 #yjsg2,
 #yjsg3,
 #yjsg4,
 #yjsg5,
 #yjsg6,
 #yjsg7,
 #footer,
 #joomlacredit {
  width:100%!important;
 }
.bym .yy_container,.bym .yy_slider,
.bym .yy_slider .yy_slideitems,
.bym .yy_slider .yy_slideitems_in{
	height:100px!important;
	width:100%!important;
}
.bls #defaultfeedLiveSearch{
	width:70%!important;
}
.blm #modlgn_username.inputbox{
	width:85%!important;
}
}
@media only screen and (min-width: 981px) and (max-width: 1200px) {
.bym2 .yy_container,.bym2 .yy_slider,
.bym2 .yy_slider .yy_slideitems,
.bym2 .yy_slider .yy_slideitems_in{
	height:560px!important;
	width:auto!important;
}
.bis {
    margin:0 10px 0 0!important;
}
}
@media screen and (max-width: 1000px) {
#top1,#top2{
	width:100%!important;
}
.bis {
    margin:0 auto 10px auto!important;
}
}
@media screen and (max-width: 980px) {
.socials_holder{
	display:table!important;
	float:none!important;
	margin:0 auto!important;
}
#user16,#user17,#user18,#user19{
	width:25%!important;
}
.bsubscribe .subscribe_button{
	right:2%!important;
    top:10px;
}
.bls #defaultfeedLiveSearch{
	width:190px!important;
}
.bls .button{
	float:left!important;
}
.blm,.bls{
	margin:0!important;
}
}
@media screen and (max-width: 768px) {
#user1,#user2{
	width:100%!important;
}
#adv1,#adv2{
	width:100%!important;
}
.bme {
    margin:15px 0!important;
}
.bym2{
    margin:15px 0!important;
}
.bym{
	margin:0!important;
}
.bsubscribe .subscribe_button{
	right:3%!important;
    top:10px;
}
}
@media screen and (max-width: 640px) {
.bis .YJSlide_intro{
	display:none;
}
.bis .navContainer {
	left:0!important;
	top:0!important;
	background:#000;
}
}
@media screen and (max-width: 500px) {
.blm #modlgn_username.inputbox, 
.blm #modlgn_passwd.inputbox{
	height:35px!important;
	width:85%!important;	
}
}
@media screen and (max-width: 480px) {
.bme .yjme_item div.imageholder{
	width:100%!important;
	margin:0 auto!important;
	clear:both!important;
}
.bme .yjme_item a.item_image{
	margin:0 auto!important;
}
.bme .yjme_item a.item_title{
	float:left!important;
	clear:both!important;
	width:100%!important;
	text-align:center!important;
	padding:25px 0!important;
}
.bme .yjme_item p.item_intro{
	text-align:center!important;
}
.bme .yjme_item div.item_details{
    left:41%!important;
	right:auto!important;
    bottom:0%!important;
	top:auto!important;
}
}
@media screen and (max-width: 420px) {
.bym .yy_container,.bym .yy_slider,
.bym .yy_slider .yy_slideitems,
.bym .yy_slider .yy_slideitems_in{
	height:150px!important;
}
}
@media screen and (max-width: 350px) {
.bme.bme2 .item_cdate,
.bme.bme2 .yjme_item a.item_readmore{
    left:0!important;
	right:auto!important;
    bottom:0!important;
	top:auto!important;
	height:40px!important;
    width:50%!important;
	line-height:20px!important;
}
.bme.bme2 .yjme_item a.item_readmore{
    left:auto!important;
	right:0!important;
	height:42px!important;
}
.bme.bme2 .yjme_item_in{
	padding:0 0 40px 0!important;
}
.bym2 .yjme_item div.imageholder{
	width:100%!important;
	margin:0 auto!important;
	clear:both!important;
}
.yjme_item a.item_image{
	margin:0 auto!important;
}
.bym2 .yjme_item a.item_title{
	float:left!important;
	clear:both!important;
	width:100%!important;
	text-align:center!important;
}
.bym2 .yy_slideitems_in p{
	text-align:center!important;
}
.yy_container,.yy_slider,
.yy_slider .yy_slideitems,
.yy_slider .yy_slideitems_in{
	height:900px!important;
	width:100%!important;
}
}
@media screen and (max-width:335px) {
.bsubscribe .inputbox_email{
	width:95%!important;
}
}
/***BOTTOM GRIDS**/
@media screen and (max-width: 790px) {
#user16,#user17,#user18,#user19{
	width:100%!important;
}
ul.blist{
	display:table!important;
	margin:0 auto!important;
}
.bottom_grids_footer h4{
	text-align:center;
}
.bcustom{
	margin-left:50px!important;
}
.bcustom p{
	text-align:center;
}
a.breadmore{
	margin:0 auto!important;
}
}

@media screen and (max-width: 640px) {
 body {
  font-size:80%!important;
 }
 h1 {
  font-size:2em!important;
  line-height: 1.7em!important;
 }
 h2 {
  font-size: 1.8em!important;
  line-height: 1.7em!important;
 }
 h3 {
  font-size: 1.5em!important;
  line-height: 1.7em!important;
 }
 h4 {
  font-size: 1.3em!important;
  line-height: 1.7em!important;
 }
 h5 {
  font-size: 1.2em!important;
  line-height: 1.7em!important;
 }
 h6 {
  font-size: 1.1em!important;
  line-height: 1.7em!important;
 }
 h1 small {
  font-size: 20px;
 }
 h2 small {
  font-size: 15px;
 }
 h3 small {
  font-size: 12px;
 }
 h4 small {
  font-size: 12px;
 }
}
@media screen and (max-width: 480px) {
.bym .yy_container .linkForward,
.bym .yy_container .linkBackward{
	right:25px!important;
	left:auto!important;
	bottom:-15px!important;
	top:auto!important;	
}
.bym .yy_container .linkForward{
	right:0!important;
}
.bis .YJSlide_intro_in h2{
	padding:0!important;
}
}
@media screen and (max-width: 385px) {
.bym2 .yy_container,.bym2 .yy_slider,
.bym2 .yy_slider .yy_slideitems,
.bym2 .yy_slider .yy_slideitems_in{
	height:730px!important;
}
.bym2 .yy_container .linkForward,
.bym2 .yy_container .linkBackward{
	right:25px!important;
	left:auto!important;
}
.bym2 .yy_container .linkForward{
	right:0!important;
}
}