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


/* 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:280px!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, #sp-slide1,.hidden-phone{display:none}
	#sp-bottom .sp-block.separator .mod-block{border-right:none!important}
	#sp-bottom1, #sp-bottom2, #sp-bottom3{padding-bottom:15px!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}
	/*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;
	}
	/*k2*/
	div.itemViewBlog div.itemCommentsForm form input.inputbox{width:80px!important}
	div.itemCommentsForm form input.inputbox{width:115px!important}
	div.itemViewBlog div.itemCommentsForm form textarea.inputbox{width:280px!important}
	div.itemCommentsForm form textarea.inputbox{width:400px!important}
	
}