/*======================================================================*\
|| #################################################################### ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
@import url("custom_responsive.css");        /*custom responsive for your template*/
.mobiletoptools {
	display:none!important;
}
/*select menu */
#mmenu_holder {
	display:none;
	width:100%;
	background:#000;
	padding: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;
	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 only screen and (min-width: 981px) and (max-width: 1199px) {
  #header,
  #header_in,
  #centertop,
  #centerbottom,
  #yjsg1,
  #yjsg2,
  #yjsg3,
  #yjsg4,
  #yjsg5,
  #yjsg6,
  #yjsg7,
  #footer,
  #joomlacredit {
	  width:1000px!important;
	  margin:0 auto!important;
  }
}



@media screen and (max-width: 980px) {
  .top_menu,.top_menu_poz {
	  visibility:hidden!important;
	  height:0!important;
	  overflow:hidden!important;
  }
  .top_menu.showmenu,.top_menu_poz.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,
  #header_in,
  #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;
}

#go_right,#go_left{
	width:100%;
	clear:both;
	position:static!important;
}
#go_right .affix,.yjsg-example-sidebar {
	position:static!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;
}
.yjsg-example #myCarousel{
	width:100%;
	margin:0 auto;
}
}
@media screen and (max-width: 320px) {
}
@media screen and (max-width: 240px) {
.navContainer {
	width: 95%!important;
}
}