/*======================================================================*\
|| #################################################################### ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
/*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: 1040px) and (max-width: 1199px) {
	body,
	p,
	img,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		transition:all .3s linear;
		-o-transition:all .3s linear;
		-moz-transition:all .3s linear;
		-webkit-transition:all .3s linear;
	}
	#header,
	#header_in,
	#centertop,
	#centerbottom,
	#yjsg1,
	#yjsg2,
	#yjsg3,
	#yjsg4,
	#yjsg5,
	#yjsg6,
	#yjsg7,
	#footer,
	#joomlacredit,
	.yjsgsitew{
		width:1000px!important;
	}
	.top_menu,
	.top_menu_poz_navbar,
	.top_menu_poz.navpills {
		width:1000px!important;
	}
}
 @media only screen and (min-width: 981px) and (max-width: 1039px) {
	#header,
	#header_in,
	#centertop,
	#centerbottom,
	#yjsg1,
	#yjsg2,
	#yjsg3,
	#yjsg4,
	#yjsg5,
	#yjsg6,
	#yjsg7,
	#footer,
	#joomlacredit,
	.yjsgsitew {
		width:980px!important;
	}
	.top_menu,
	.top_menu_poz_navbar,
	.top_menu_poz.navpills {
		width:980px!important;
	}
}
 @media screen and (max-width: 980px) {
	.top_menu_poz_navbar {
		width:100%!important;
	}
	.topmodpoz_navbar #mmenu_holder {
		display:none!important;
	}
	.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,
	.yjsgsitew{
		width:auto!important;
		float: none!important;
		clear:both!important;
	}
	/* mods*/
	.yjsgxhtml {
		width:50%!important;
	}
	/* 3rd mod in group of 4*/
	.yjsgclearrow{
		clear:left!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) {
	body {
		padding-right:0!important;
		padding-left:0!important;
	}
	.yjsg-split,
	.yjsg-split-in {
		width:100%!important;
		float:none;
		clear:both;
		margin-left:0;
		margin-right:0;
		padding-left:0!important;
		padding-right:0!important;
	}
	.yjsg-split  .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) {
	body {
		font-size:80%!important;
	}
	h1 {
		font-size: 2em;
		line-height: 1.7em!important;
	}
	h2 {
		font-size: 1.8em;
		line-height: 1.7em!important;
	}
	h3 {
		font-size: 1.5em;
		line-height: 1.7em!important;
	}
	h4 {
		font-size: 1.3em;
		line-height: 1.7em!important;
	}
	h5 {
		font-size: 1.2em;
		line-height: 1.7em!important;
	}
	h6 {
		font-size: 1.1em;
		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;
	}
	.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: 90%!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) {
	.contact.component textarea,
	.contact.component input {
		width:95%!important;
	}
	#recaptcha_area {
		width:95%!important;
	}
	#recaptcha_area {
		width:95%!important;
	}
	#recaptcha_image {
		width:100% !important;
		height:auto !important
	}
	#recaptcha_area input {
		width:180px!important;
	}
	#recaptcha_logo {
		display:none!important;
	}
}
@media screen and (max-width: 240px) {
	.navContainer {
		width: 95%!important;
	}
}


/* Navbar from Bootstrap v2.2.2  */
@media (max-width: 979px) {
	.navbar-fixed-top,
	.navbar-fixed-bottom {
		position: static;
	}
	.navbar-fixed-top {
		margin-bottom: 20px;
	}
	.navbar-fixed-bottom {
		margin-top: 20px;
	}
	.navbar-fixed-top .navbar-inner,
	 .navbar-fixed-bottom .navbar-inner {
		padding: 5px;
	}
	.navbar .container {
		width: auto;
		padding: 0;
	}
	.navbar .brand {
		padding-right: 10px;
		padding-left: 10px;
		margin: 0 0 0 -5px;
	}
	.nav-collapse {
		clear: both;
	}
	.nav-collapse .nav {
		float: none;
		margin: 0 0 10px;
	}
	.nav-collapse .nav > li {
		float: none;
	}
	.nav-collapse .nav > li > a {
		margin-bottom: 2px;
	}
	.nav-collapse .nav > .divider-vertical {
		display: none;
	}
	.nav-collapse .nav .nav-header {
		color: #777777;
		text-shadow: none;
	}
	.nav-collapse .nav > li > a,
	 .nav-collapse .dropdown-menu a {
		padding: 9px 15px;
		font-weight: bold;
		color: #777777;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.nav-collapse .btn {
		padding: 4px 10px 4px;
		font-weight: normal;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.nav-collapse .dropdown-menu li + li a {
		margin-bottom: 2px;
	}
	.nav-collapse .nav > li > a:hover,
	 .nav-collapse .dropdown-menu a:hover {
		background-color: #f2f2f2;
	}
	.navbar-inverse .nav-collapse .nav > li > a,
	 .navbar-inverse .nav-collapse .dropdown-menu a {
		color: #999999;
	}
	.navbar-inverse .nav-collapse .nav > li > a:hover,
	 .navbar-inverse .nav-collapse .dropdown-menu a:hover {
		background-color: #111111;
	}
	.nav-collapse.in .btn-group {
		padding: 0;
		margin-top: 5px;
	}
	.nav-collapse .dropdown-menu {
		position: static;
		top: auto;
		left: auto;
		display: none;
		float: none;
		max-width: none;
		padding: 0;
		margin: 0 15px;
		background-color: transparent;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.nav-collapse .open > .dropdown-menu {
		display: block;
	}
	.nav-collapse .dropdown-menu:before,
	 .nav-collapse .dropdown-menu:after {
		display: none;
	}
	.nav-collapse .dropdown-menu .divider {
		display: none;
	}
	.nav-collapse .nav > li > .dropdown-menu:before,
	 .nav-collapse .nav > li > .dropdown-menu:after {
		display: none;
	}
	.nav-collapse .navbar-form,
	 .nav-collapse .navbar-search {
		float: none;
		padding: 10px 15px;
		margin: 10px 0;
		border-top: 1px solid #f2f2f2;
		border-bottom: 1px solid #f2f2f2;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-inverse .nav-collapse .navbar-form,
	 .navbar-inverse .nav-collapse .navbar-search {
		border-top-color: #111111;
		border-bottom-color: #111111;
	}
	.navbar .nav-collapse .nav.pull-right {
		float: none;
		margin-left: 0;
	}
	.nav-collapse,
	 .nav-collapse.collapse {
		height: 0;
		overflow: hidden;
	}
	.navbar .btn-navbar {
		display: block;
	}
	.navbar-static .navbar-inner {
		padding-right: 10px;
		padding-left: 10px;
	}
	.nav-collapse.in.collapse {
		padding-top:20px!important;
		height:auto!important;
	}
}
@media (min-width: 980px) {
	.nav-collapse.collapse {
		height: auto !important;
		overflow: visible !important;
	}
}
