/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/
/* Phone Devices Resizing */
@media all and (max-width:750px) {
	.sp-wrap{min-width:320px!important;width:95%!important}
	
	body {font-size:100%!important}
	body.bg {background:#000 url(../images/mobile/bg.png)!important}
	#header {background:#000 url(../images/mobile/header_bg.png)!important;border:1px solid #222;box-shadow:0 1px 0 0 #000;}
	
	a#logo {width:120px!important;height:50px!important;background: url(../images/mobile/logo.png) no-repeat 10px 50%!important;margin:0!important}
	.sp-inner {padding:0!important}
	.mod-block {padding:10px 0!important}
	
	.img-intro-left,.img-intro-right,
	#k2Container.listing div.itemImageBlock,#k2Container.listing div.catItemImageBlock,
	#k2Container.listing span.itemImage	{width:100%!important;float:none!important;margin-left:0!important;margin-right:0!important}
	
	.img-intro-left img,.img-intro-right img,
	.itemImage img,span.catItemImage img{
		width:100%!important;
		padding:0!important;
		margin:0 0 10px!important;
		border:0!important;
		display:block;
	}
	
	.header_b,#members-area,#sp-search,#hornav,
	#sp-toppos,#sp-slides,#sp-ticker,#sp-userpos,#sp-feature-grid-middle,
	#sp-feature-top,
	.module_none,
	.blog_info{display:none}
	
	.header_l,.header_r {background:none!important;padding:0!important}
	
	#sp-leftcol, #sp-rightcol, #sp-maincol ,#sp-inset1, #sp-inset2, #inner_content,
	.ns2-column,#sp-feature-grid-middle .sp-block {width:100%!important}
	
	.sp-block .first,.sp-block .last,.sp-block .single,
	#sp-maincol > div#inner_content > div.sp-inner {margin:0!important}
	#sp-maincol > div#inner_content > div.sp-inner {padding:10px!important}
	
	.items_mask {width:100%!important}
	
	#sp-mobile-area {display:block!important;float:right}	
	
	a#mobile-menu,
	a#mobile-search,
	a#mobile-login{background-color:#161616;background-repeat:no-repeat;background-position:50% 50%;border-color:#313132 #000 #000 #313132; border-width:1px; border-style:solid;float:left;display:block;margin:10px 10px 0 0;padding:2px 10px; font-size:12px; font-weight:700; color:#8b8b8b; text-shadow: 0 1px #000; border-radius:3px}
	
	a#mobile-search {background-image: url(../images/mobile/search_icon.png);text-indent:-999em;width:14px;}
	a#mobile-login {background-image: url(../images/mobile/user_icon.png);text-indent:-999em;width:14px;}
	
	#mobile-menu-container,
	#mobile-search-container,
	#mobile-login-container {position:absolute;left:0;top:0;width:100%;background:#000;z-index:33}
	
	.sp-minner {padding:20px 10px!important;}
	h3.mheader {background:#161616;display:block;margin:0;padding:10px;}
	select.select-menu {width:98%}
	.sp-close {width:24px;height:24px;position:absolute; top:10px; right:10px; background: url(../images/mobile/close.png) no-repeat}
	
	/*footer*/
	.footer-top,#powered-by,#topofpage {display:none!important}
	.sp-footer-l {margin:0!important}
	#sp-footer,.sp-footer-l,.sp-footer-r {background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
	#sp-footer .sp-inner {padding:0!important}
	#sp-footer-nav {padding-top:0!important}
	
	/*K2*/
	.subCategoryContainer,.itemContainer,
	div.userItemView	{width:100%!important}
	#k2Container.listing div.itemImageBlock {float:none!important}
	
	#k2Container.listing.itemView .ItemLinks {background-image:none!important}
	
	/*Virtumart*/
	.width50,.width33 {width:100%!important}
	
	/*Kunena*/
	#Kunena {min-width:100%!important}
	
	/*jomsocial*/
	#community-wrap {min-width:298px!important}
	#community-wrap .cLayout .cMain,#community-wrap .cLayout .cSidebar {width:100%!important;margin:0!important;padding:0!important;float:none!important;display:block}
	body #community-wrap div.greybox {display:none!important}
}