/*======================================================================*\
|| #################################################################### ||
|| # 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: 980px) {
.top_menu_poz_navbar, #mmenu_holder {
	max-width: 280px;
	margin: 20px auto;
}
#default_video {
	width: 100%!important;
}
}
@media only screen and (min-width: 240px) and (max-width: 1400px) {
#centerbottom, #centertop, #header, #yjsg1, #yjsg2, #yjsg3, #yjsg4, #yjsg5, #yjsg6, #yjsg7, #footer, #joomlacredit, .yjsgsitew, .bimageslider .YJIS_outer, .bimageslider .YJIS_inner, .bimageslider .YJS_slidesholder, .bimageslider .thumbContainer, .bimageslider .YJSlide_slide a.popbox, .bimageslider .YJSlide_slide img {
	max-width: 100%!important;
	width: 100%!important;
}
.top_menu, .top_menu_poz_navbar, .top_menu_poz.navpills {
	max-width: 100%!important;
}
}

/* YJ Pop Login */
@media only screen and (min-width: 240px) and (max-width: 981px) {
#yjsgheadergrid {
	padding: 25px 0;
}
.bpoplogin {
	margin: 0 auto;
	float: none;
}
}
/* Mijo shop menu */
@media only screen and (min-width: 240px) and (max-width: 981px) {
.bmijoshopmenu {
	margin: 10px auto;
	float: none;
}
.bmijoshopmenu ul {
	display: table;
	margin: 0 auto;
}
}
@media only screen and (min-width: 240px) and (max-width:  480px) {
.bmijoshopmenu ul li {
	float: none;
	border: none;
	padding: 10px 0;
	text-align: center;
}
}
/* Mijo cart */
@media only screen and (min-width: 240px) and (max-width: 981px) {
#header {
	overflow: visible!important;
}
.bcart {
	float: none;
}
.bcart #header_oc {
	padding: 15px;
	background: #f7f7f7;
	border: 1px solid #e2e2e2;
}
.bcart #header_oc #cart .content_oc {
	left: -150px;
	right: auto;
}
}
@media only screen and (min-width: 240px) and (max-width:435px) {
.bcart #header_oc #cart {
	top: auto;
	margin: 0 auto;
	position: relative;
	border: none;
}
.bcart #header_oc #cart .content_oc {
	border-radius: 0;
	min-width: 300px;
	position: absolute;
	top: 40px;
	right: 0;
	padding: 20px;
	min-height: 0;
	box-shadow: none;
}
}
/* YJ Image Slider */
@media only screen and (min-width: 240px) and (max-width: 981px) {
.bimageslider .YJSlide_intro {
	top: 12%;
}
.bimageslider .YJSlide_intro_in {
	width: 50%;
}
.bimageslider h4 {
	font-size: 200%;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.bimageslider .YJSlide_intro {
	display: none;
}
}

/* Brandon custom */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.brandon_custom {
	width: 100%;
	margin: 0 auto 50px auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.brandon_custom {
	width: 100%;
	margin: 0 auto 50px auto;
	float: none;
	padding: 0;
	text-align: center;
}
.brandon_custom h4 {
	width: 100%;
}
.brandon_custom img {
	float: none;
	margin: 0 auto;
}
}

/* QR and Shop from chair, discount */
@media only screen and (min-width: 240px) and (max-width: 1250px) {
#user1, #user2 {
	width: 100%!important;
}
#user1.yjsgxhtml.first_mod, #user2.yjsgxhtml.lastModule {
	padding: 25px 0;
	box-shadow: none;
}
.bqrcode {
	text-align: center;
}
.brandon_custom2 {
	float: left;
	width: 50%;
	text-align: center;
}
.brandon_custom2 img {
	float: none;
	margin: 0 auto 20px auto;
}
.brandon_custom2 p {
	padding: 0 15px;
}
.brandon_custom2 .template_button3 {
	margin: 0 auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.brandon_custom2 {
	float: none;
	width: 100%;
	margin: 0 auto 40px auto!important;
}
}

/* YJ Mijo module */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.bmijo .yj_mijo_product {
	width: 50%;
	margin: 0 auto 20px auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 560px) {
.bmijo .yj_mijo_product {
	width: 100%;
	margin: 0 auto 20px auto;
}
}
@media only screen and (min-width: 240px) and (max-width: 320px) {
.bmijo .yj_mijop_title {
	font-size: 120%;
	line-height: 28px;
	bottom: 50%;
}
.bmijo .yj_mijop_price {
	font-size: 100%;
	width: 80px;
	padding: 0;
	bottom: 35%;
}
button.yj_mijo_button {
	font-size: 11px;
	margin: 0 2px!important;
}
}

/* YJ Module Engine */
@media only screen and (min-width: 240px) and (max-width: 1250px) {
.bengine .yjme_item div.imageholder, .bengine .yjme_item a.item_image, .bengine .yjme_item a.item_image img {
	width: 100%!important;
	height: auto!important;
}
}
@media only screen and (min-width: 980px) and (max-width: 1250px) {
.bengine .yj_hover_title {
	font-size: 100%;
	line-height: 20px;
}
.bengine .yj_hover_title span {
	font-size: 80%;
}
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
.bengine .yjme_item {
	width: 100%;
	float: none;
	margin: 0 auto 20px auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.bengine .yj_hover_holder {
	display: none;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.bengine .yjme_item_in {
	padding: 0;
}
.bengine .yj_hover_title {
	font-size: 100%;
	line-height: 20px;
}
.bengine .yj_hover_title span {
	font-size: 80%;
}
}
@media only screen and (min-width: 240px) and (max-width: 360px) {
.bengine .yj_hover_holder {
	display: none;
}
}
/* Quotes */
@media only screen and (min-width: 240px) and (max-width: 540px) {
.bcustomers .quote_holder {
	width: 100%;
	padding: 0;
	margin: 15px auto;
}
.bcustomers .quote_holder:last-child {
	padding: 0;
}
}

/* Brands */
@media only screen and (min-width: 1100px) and (max-width: 1200px) {
.bbrands p {
	width: 40%;
}
}
@media only screen and (min-width: 240px) and (max-width: 1100px) {
.bbrands {
	text-align: center;
}
.bbrands p {
	width: 100%;
}
.bbrands img {
	float: none!important;
	margin: 20px auto 0 auto;
}
}

/* Footer banners */
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.banner_holder h4 {
	font-size: 120%;
}
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.banner_holder {
	width: 100%!important;
	margin: 0 auto 20px auto!important;
}
.banner_holder.first {
	padding: 0 10px;
}
.banner_holder img {
	width: 100%;
}
.banner_holder h4 {
	font-size: 150%;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.banner_holder h4 {
	font-size: 100%;
}
.banner_holder h4 span {
	font-size: 80%;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.banner_holder h4 {
	display: none;
}
}
/* Footer links */
@media only screen and (min-width: 240px) and (max-width: 860px) {
.bfooterlinks .list_holder {
	width: 33%;
	margin: 0 auto 20px auto;
	text-align: center;
}
}
@media only screen and (min-width: 240px) and (max-width:480px) {
.bfooterlinks .list_holder {
	width: 50%;
}
}
@media only screen and (min-width: 240px) and (max-width:320px) {
.bfooterlinks .list_holder {
	width: 100%;
}
}

/* K2 */
@media only screen and (min-width: 240px) and (max-width:980px) {
#k2Container.itemListView, #k2Container.itemView, #k2Container.tagView, #k2Container.userView, #k2Container.latestView, #k2Container.genericView {
	margin: 0;
}
}
@media only screen and (min-width: 240px) and (max-width:768px) {
div.subCategory {
	margin: 0 auto 50px auto;
}
}

/* Mijo shop */
/* Home categories */
@media only screen and (min-width: 240px) and (max-width:640px) {
.mijohome_cat > div.mijohome_cat_in {
	width: 100%;
}
}
/* Featured articles */
@media only screen and (min-width: 240px) and (max-width:768px) {
div.box-product.mijo_featured {
	margin: 0 -10px;
}
.mijo_featured > div.mijo_featured_in {
	width: 50%;
}
}
@media only screen and (min-width: 240px) and (max-width:480px) {
.mijo_featured > div.mijo_featured_in {
	width: 100%;
}
}
/* Categories */
/*category info*/
@media only screen and (min-width: 240px) and (max-width:480px) {
.category-info .image {
	margin: 0 auto 20px auto;
	float: none;
}
.category-info .image img {
	width: 100%;
}
}
@media only screen and (min-width: 240px) and (max-width:768px) {
.box-product > div.box-subcat-in {
	width: 50%;
}
}
@media only screen and (min-width: 240px) and (max-width:480px) {
.box-product > div.box-subcat-in {
	width: 100%;
}
}
/* Product grid and list view */
@media only screen and (min-width: 240px) and (max-width:768px) {
.product-grid {
	margin: 0 -10px;
}
.product-grid > div {
	width: 50%;
}
}
@media only screen and (min-width: 240px) and (max-width:480px) {
.product-grid > div {
	width: 100%;
}
}
/*product list*/
@media only screen and (min-width: 240px) and (max-width:1080px) {
.product-list .description {
	width: auto;
}
.product-list .price {
	float: none;
	text-align: left;
	margin: 20px 0;
}
.product-list .wishlist, .product-list .compare {
	float: left;
	margin: 0 10px 0 0;
}
}
@media only screen and (min-width: 240px) and (max-width:700px) {
.product-list .image_out {
	width: 50%;
	float: none;
	margin: 0 auto;
}
.product-list .image img {
	padding: 0;
	border: none;
	width: 100%;
}
.product-list .name, .product-list .description {
	display: block;
	text-align: center;
	margin: 15px 0;
}
.product-list .price, .product-list .rating {
	text-align: center;
}
.product-list .template_button3 {
	margin: 15px auto!important;
}
.product-list .wishlist, .product-list .compare {
	float: none;
	margin: 15px auto;
}
}
@media only screen and (min-width: 240px) and (max-width:480px) {
.product-list .image_out {
	width: 100%;
	padding: 0;
	border: none;
}
}
@media only screen and (min-width: 240px) and (max-width:350px) {
.product-list .name {
	font-size: 60%;
}
}
/* header */
@media only screen and (min-width: 240px) and (max-width:1250px) {
#header_oc .links {
	display: none;
}
}
@media only screen and (min-width: 240px) and (max-width:540px) {
#header_oc #currency {
	display: none;
}
#header_oc #search_oc {
	left: 20px;
}
}
@media only screen and (min-width: 240px) and (max-width:435px) {
#header_oc {
	height: 130px;
}
#header_oc #search_oc {
	left: 20px;
	width: 80%;
}
#header_oc #cart {
	top: 40px;
	margin: 15px auto;
	position: relative;
	border: 1px solid #e2e2e2;
}
#header_oc #cart .content_oc {
	min-width: 274px;
	left: -108px;
	padding: 0px;
	width: 50%;
	overflow: hidden;
}
}
@media only screen and (min-width: 240px) and (max-width:295px) {
#header_oc #search_oc {
	width: 70%;
}
}
@media only screen and (min-width: 240px) and (max-width:980px) {
#container_oc {
	margin-right: 0;
	width: 100%;
}
}
/*filter*/
@media only screen and (min-width: 240px) and (max-width:1300px) {
.product-filter .sort select, .product-filter .limit select {
	width: 80px;
}
}
@media only screen and (min-width: 240px) and (max-width:768px) {
.product-filter .display, .product-compare, .product-filter .sort, .product-filter .limit {
	float: left;
	margin: 0 0 10px 0;
}
}
/*product info*/
@media only screen and (min-width: 240px) and (max-width:768px) {
.product-info > .left {
	width: 50%!important;
	float: none;
	margin: 0 auto 20px auto;
}
.product-info > .right {
	width: 100%!important;
}
.product-info .image {
	width: 100%;
	margin: 0 auto;
}
.product-info .image img {
	width: 100%;
}
.product-info .box-heading .mijoshop_heading_h1, .product-info .description, .product-info .price, .product-info .cart {
	text-align: center;
}
.product-info .cart div {
	float: none;
}
.product-info .cart .template_button3 {
	margin: 15px auto!important;
}
}
@media only screen and (min-width: 240px) and (max-width:540px) {
.product-info > .left {
	width: 100%!important;
	border: none;
	padding: 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 410px) {
.product-info .image-additional a {
	float: none;
	margin: 10px auto;
}
}
/*product compare*/
@media only screen and (min-width: 240px) and (max-width:395px) {
.product-compare {
	padding: 10px 0;
}
.product-filter {
	overflow: hidden;
}
.product-filter .sort select, .product-filter .limit select {
	width: 100%;
}
.product-filter .sort, .product-filter .limit {
	display: block;
	clear: both;
	margin: 20px 0;
}
}