/*---------------------------------------------------------------
# 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: 960px) and (max-width: 1199px) {
	.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 (min-width: 768px) and (max-width: 959px) {
		.sp-wrap {width:95%!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:630px !important}
		.nssp2.ns2-testimonials .ns2-image{right:95px!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}
		#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-smart-slider-extreme .nivo-controlNav, .sp-smart-slider-extreme a.sp-extreme-readon {
			display: none !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}
}