/*---------------------------------------------------------------
# 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
-----------------------------------------------------------------*/


/* Large desktop */
@media (min-width: 1200px) {

}
 
/* Tablet landscape and desktop */
@media (min-width: 960px) and (max-width: 1199px) { 

}
 
/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 959px) { 
	.sp-wrap {width:728px!important}
	#sp-banner img{width:425px}
	
	/*Slides and K2 Img*/
	#sp-slide1 .sp-slide-desc{height:120px!important;}
	.sp-slide-content img, span.itemImage img, a.subCategoryImage img{width:100%!important}
	.hidden-tab{display:none}
	/*k2*/
	div.itemViewBlog div.itemCommentsForm form input.inputbox{width:90px!important}
	div.itemCommentsForm form input.inputbox{width:125px!important}
	div.itemCommentsForm form textarea.inputbox{width:415px!important}
	div.itemViewBlog div.itemCommentsForm form textarea.inputbox{width:300px!important}
}
 
/* Phones portrait and landscape  */
@media only screen and ( max-width: 767px ) {
	.sp-wrap {min-width:480px !important;width:95%!important}
	#sp-leftcol, #sp-rightcol,#sp-inset1, #sp-inset2, #sp-maincol, #inner_content, .sp-block, .item {width:100%!important;margin:0!important}
	a#logo {display:block!important;background-size:contain!important;width:200px!important;height:84px!important}
	#hornav,#sp-search,#powered-by,#sp-footer-nav {display:none!important}
	#sp-footer {text-align:center}
	#sp-footer .cp {float:none!important}
	#sp-banner, .module_text, .module_facebook,.hidden-phone{display:none}
	#sp-bottom .sp-block.separator .mod-block{border-right:none!important}
	#sp-bottom3{display: none}
	#sp-bottom .sp-block{width:33% !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}
	.mod-wrapper-flat{min-height:0!important}
	.sp-slide-content img{width:100%!important}
	span.designed_by {display:block}
	
	h2.sp-slide-title {font-size: 20px !important;line-height: 18px !important;}
	#sp-feature .sp-block, #sp-content .sp-block{width:50% !important}
	#sp-login{left: auto !important; right: 0;}

	#sp-inset1,
	#sp-rightcol{display: none!important;}
		
	/*Menu and K2 Image*/
	select.select-menu, span.itemImage img, a.subCategoryImage img{width:100%!important}
	#sp-mmenu {
		display: block!important;
		float:right;
		margin-top:30px;
		background:rgba(0,0,0,.2) url(../images/mmenu-bg.png) no-repeat 50%;
		width:32px;height:27px;
		position:relative;
		border-radius:4px;
	}
	#sp-mmenu:hover {background-color:rgba(0,0,0,.4)}
	#sp-mmenu select.select-menu {
		width: 32px;
		height: 27px;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		z-index:1;
		cursor:pointer;
	}
}


@media only screen and ( max-width: 480px ) {
	.sp-wrap {min-width:280px!important; width:95%!important}
	/* Slides */
	#sp-top-menu a {padding: 0 10px 0 0 !important}
	#members-area a{padding: 0 5px 0 22px !important}

	#sp-bottom .sp-block{width:50% !important}
	#sp-bottom4{display: none;}
	
	.catItemBlogView, .itemViewBlog{padding-left:0 !important}
	.catItemBlogView .catItemInfo, .itemViewBlog .catItemInfo{display:none}

}