/*---------------------------------------------------------------
# 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: 1360px) {
    #inner_content{padding-bottom:4%;}
    div#sp-mobilemenu{display:none;}
	div#sp-right{width:97%;}
	.sp-wrap{width:100%;}
	div#newLogo{padding-top:2%;}
	div#avs_gallery {
    padding-left: 2%;}
	a.login.link{
		position:absolute;
		right:5%;
		font-size:1.3em ! important;
	}

} 
 
/* Tablet landscape and desktop */
@media (min-width: 960px) and (max-width: 1359px) { 
	.sp-wrap {width:1024px!important}
	.hidden-tablet {
		/*display:none!important*/
	}
    div#action_description{width:58% ! important;padding-bottom:1% ! important;}
	div#sp-mobilemenu{display:none;}
	.allissues{margin-left:9%;} 
	div#newLogo{padding-top:1.4% ! important;width:23% ! important;}
	#hornav-wrapper{margin-top:22px ! important;}
	a.login.link{
		position:absolute;
		right:7% ! important;
		top:24% ! important;
	}
	#hornav ul.level-0 > li.menu-item, #sublevel ul.level-1 > li.menu-item{margin:0px -3px ! important;}
	.row-fluid .span6{width:100% ! important;}
}
 
/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 959px) { 
	.sp-wrap {width:728px!important}
	#sp-leftcol,#sp-rightcol,#sp-inset1, #sp-inset2, #sp-maincol, #inner_content, .sp-block, .item {width:100%!important;margin:0!important}
	#sp-left{margin-top:6px}
	.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:108!important;background-position:50% 50%!important;margin-bottom:20px!important;margin-left:35px!important}
	a.login_link{position:absolute;top:24%;right:14%;}
	#hornav{display:none!important}
	#sp-bottom3{margin-top:20px!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;
		float:left;
		margin-top:10px;
		margin-right:80px;
		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 select.select-menu {
		width: 32px;
		height: 27px;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		z-index:1;
		cursor:pointer;
	}
	#sp-mmenu:hover {background-color:rgba(0,0,0,.4)}
	.cp span.designed_by{float:none!important}
	#topofpage{margin-top:-132px!important}
	#sp-inset1 .sp-inner{width:100%!important;border-right:none!important}
	#sp-inset1 .sp-inner .ns2-image, div.subCategoryContainer, div#itemListLeading, div#itemListPrimary{width:100%!important}
    div#action_description{width:100% ! important;}
	div#sp-newlogo{left:14% ! important;}
	div#newLogo{width:55% ! important; padding-top:3% ! important;}
	.allissues{margin-left:9%;}
}
  
/* 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}
	#sp-left{margin-top:6px}
	.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:108!important;background-position:50% 50%!important;margin-bottom:20px!important;margin-left:35px!important}
	a.login_link{position:absolute;top:22%;right:20%;}
	#hornav, #sp-search,#powered-by,#sp-footer-nav, #sp-bottom1, #sp-bottom2{display:none!important}
	#sp-bottom3{margin-top:20px!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;
		float:right;
		margin-top:10px;
		margin-right:80px;
		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 select.select-menu {
		width: 32px;
		height: 27px;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		z-index:1;
		cursor:pointer; 
	}
	#sp-mmenu:hover {background-color:rgba(0,0,0,.4)}
	.cp span.designed_by{float:none!important}
	#sp-inset1 .sp-inner{width:100%!important;border-right:none!important}
	#sp-inset1 .sp-inner .ns2-image, div.subCategoryContainer, div#itemListLeading, div#itemListPrimary{width:100%!important}
	
	.module.socialMedia {display: none;} 
	.module.events{display: none;}
	div#action_description{width:100% ! important;}
	#inner_content{padding-bottom:4%;}
	div#sp-newlogo{left:14% ! important;}
	div#newLogo{width:58% ! important; padding-top:2% ! important;}
	.allissues{margin-left:9%;}
}