/*---------------------------------------------------------------
# Package - Helix Framework  
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2013 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
-----------------------------------------------------------------*/
 
/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 959px) { 
	.sp-wrap {width:728px!important;}
	#hornav ul.level-0 > li.menu-item > a.menu-item, #sublevel ul.level-1 > li.menu-item > a.menu-item{padding: 8px 14px !important}
	.banneritem img{width:100%;}
	.sp-slide-desc{width:270px !important}
}
 
/* Phones portrait and landscape  */
@media only screen and ( max-width: 767px ) {
	.sp-wrap {width:580px!important}
	#sp-leftcol, #sp-rightcol,#sp-inset1, #sp-inset2, #sp-maincol, #inner_content, .item {width:100%!important;margin:0!important}
	.sp-block .first, .sp-block .last, .sp-block .single,
	.item .first, .item .last, .item .single	{margin:0!important}
	.item-inner {padding:10px 0!important}
	a#logo {width:100%!important;background-position:50% 50%!important}
	#hornav,#sp-search,#powered-by,#sp-footer-nav {display:none!important}
	#sp-footer {text-align:center}
	#sp-footer .cp {float:none!important}
	span.designed_by {display:block}
	select.select-menu {width:100%}
	#sp-mmenu {display:block!important;margin:0 10px}
	
	.sp-slide-desc{width:90% !important}
	h2.sp-slide-title, h2.sp-slide-title a{font-size:12px !important; padding: 0 !important; width:65%;}
	.banneritem img{width:100%;}
	
	#top-menu a{padding:0 3px !important}
	#sp-right .module_text, #sp-right1 .module_text, #sp-right-mid .module_text{display:none}
	#sp-bottom .separator .mod-block {border-right:none !important}
	#sp-bottom .sp-block{width:50% !important}
	.sptabs, #banner, #addons{display:none}
	#addons{margin-top:10px}
}
/* Mobile */
@media only screen and ( max-width: 480px ) {
	.sp-wrap {min-width:280px!important; width:95%!important}
	/* Slides */
	.sp-slide-desc{width:230px !important}
	p.sp-slide-intro, a.sp-slide-morein{display:none}
	h2.sp-slide-title, h2.sp-slide-title a{line-height:18px;}
	#top-menu{display:none}
}