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

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width:768px) and (max-width: 979px) { 
	.sp-wrap {width:920px!important}
	.sp-smart-slider-extreme .nivo-controlNav {top:30px!important}
	#hornav ul.level-0 > li.menu-item > a.menu-item, #sublevel ul.level-1 > li.menu-item > a.menu-item {padding-left:10px!important;padding-right:10px!important}
	#sp-user-top ul.tabs_container li.tab {padding:0 40px!important}
	#jform_contact_message{width:450px!important}
	.k2SearchBlock input.inputbox, .mod-search input.inputbox{width:160px!important}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	.sp-wrap {width:95%!important}
	.sp-smart-slider-extreme .nivo-controlNav,
	.sp-smart-slider-extreme a.sp-extreme-readon {display:none!important}
	#header {margin-top:0!important}
	a#logo {display:block!important;background-size:contain!important}
	#sp-slide-grid {margin-top:0!important}
	.sp-smart-slider-extreme {min-height:100px!important}
	#sp-mmenu {
		display: block!important;
		float:right;
		margin-top:45px;
		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;
	}
	
	.hornav_left, .hornav_right,
	#sp-pageinfo{display:none!important}		
	.sp-block, .sp-col4 {width:50%!important;margin:0!important;padding:0!important}

	#sp-bottom .sp-block, .item, .sp-col2,
	#sp-slide-grid .sp-block,
	.contact-info,
	.contactus-form{width:100%!important;margin:0!important}
	#jform_contact_message{width:420px!important}
	#sp-slide-grid .sp-inner {padding:0!important}
	.k2SearchBlock input.inputbox, .mod-search input.inputbox{width:100px!important}
			
	.sp-block .first {margin-left:0!important}
	.sp-block .last {margin-right:0!important}
	.sp-block .single {margin-left:0!important;margin-right:0!important}	
	#sp-userpos {margin:0 -10px}	
	.blog_portfolio .item {width:50%!important}
	/*Tab*/
	.tabs_mask, ul.tabs_container li span {height: 50px!important;line-height: 10px!important;}	
	#sp-user-top ul.tabs_container li.tab {padding:0 10px!important}
	ul.tabs_container li span {background-image:none!important}
	
	/*Testimonial*/
	.nssp2.ns2-testimonials p.ns2-introtext{width:535px!important}
	.nssp2.ns2-testimonials .ns2-image{right:95px!important}

} 
 
/* Landscape phones and down */
@media (max-width: 480px) {
	.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}
	#header {margin-top:0!important}
	a#logo {display:block!important;background-size:contain!important}
	#sp-slide-grid {margin-top:0!important}
	.sp-smart-slider-extreme {min-height:100px!important}
	#sp-mmenu {
		display: block!important;
		float:right;
		margin-top:45px;
		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;
	}
	
	.hornav_left, .hornav_right,
	#sp-pageinfo,#sp-slide-bottom{display:none!important}
	.sp-block, .item, .sp-col2, .sp-col4,
	.contact-info,
	.contactus-form	{width:100%!important;margin:0!important}
	#jform_contact_emailmsg, #jform_contact_email, #jform_contact_name{width:250px!important}
	#jform_contact_message{width:280px!important}
	.k2SearchBlock input.inputbox, .mod-search input.inputbox{width:305px!important}
	#sp-slide-grid .sp-inner {padding:0!important}	
	.sp-block .first {margin-left:0!important}
	.sp-block .last {margin-right:0!important}
	.sp-block .single {margin-left:0!important;margin-right:0!important}	
	#sp-userpos {margin:0 -10px}	
	.blog_portfolio .item {width:50%!important}
	/*Tab*/
	.tabs_mask, ul.tabs_container li span {height: 50px!important;line-height: 10px!important;}	
	#sp-user-top ul.tabs_container li.tab {padding:0!important}
	ul.tabs_container li span {width:50px;text-indent:-9999em;}	
	/*Testimonial*/
	.nssp2.ns2-testimonials p.ns2-introtext{text-align:center}
	.nssp2.ns2-testimonials .ns2-image{display:none!important}
	.nssp2.ns2-testimonials h4, .nssp2.ns2-testimonials h5{text-align:center}
}