/**
 * PRI Blog - Free Responsive Joomla! Blog Template
 * @author Devpri - http://www.devpri.com
 * @copyright Copyright (c) 2013 Devpri
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 
 
 * Helix Framework Credit
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 2001 - 2013 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 */

.responsive {

	@media (max-width:767px) {
		&.bg {
			padding-left: 0;
			padding-right: 0;
		}
		 .container {
			padding:0 10px;
			max-width:480px;
			min-width:280px;
		}
		
		#sp-feature-wrapper {
			padding:20px 0;
			#feature {
				h1{
					font-size:200%;
					line-height:200%;
				}
				p{
					font-size:100%;
				}
				.btn{
					.btn-mini();
					margin-bottom:5px;
				}
			}
		}		
		
	}

	@media (max-width: 979px) {
	#sp-header-wrapper{
		[class*="span"] {
				width:auto;
				float:left;
				&#sp-menu{
					float:right;
				}
			}
		}
	}
}
@media (min-width: 979px) {
#sp-header-wrapper{
	height:80px;
	padding:20px 0;
	transition:all 500ms ease;
	.logo-wrapper{
		.logo{
			padding: 15px 0;
			transition:all 500ms ease;
		}
	}
	#sp-main-menu{
			transition:all 500ms ease;
			padding:15px 0;
		}
	}
	.fixed {
	height:50px !important;
	transition:all 500ms ease;
	.logo-wrapper{
		.logo{
			padding:0 !important;
			transition:all 500ms ease;
		}
	}
	#sp-main-menu{
			padding:0 !important;
			transition:all 500ms ease;
		}
}
}