/* Joobstrap Joomla Framework *bootstrap-responsive_extend.php* v0.91  - 07.March 2013 - http://www.pixelsparadise.com */

/* Released under a commercial license. This file IS copyright protected and NOT released under the MIT license. Please respect the designers rights! */
/* You can edit it but it is not allowed to offer it for download or resell it */


/* Layout changes on mobile layout. Mobile layout is used on mobile phone displays with a max device width of 568px (that includes iPhone4 and 5), on tablets in portrait mode with a max device width up to 1024 (includes iPads with retina display) and on normal desktop screens with a max width of 767px (includes screen resolutions of 800x600 and lower or screens with 1024x768 and pivot function)*/

@media (max-device-width: 568px)/*For mobiles up to iPhone5*/,(max-device-width: 1024px) and (orientation:portrait)/*For Tablets up to iPad3*/, (max-width: 979px)/*For low res desktop screens with a resolution below 1024x768*/ {
 	 body {padding: 0px;}
  	.navbar .container {width: auto;padding: 0;}
  	.navbar .brand {padding-right: 10px;padding-left: 10px;margin: 0 0 0 -5px;}
    [class*="span"],
  	.uneditable-input[class*="span"],
  	.row-fluid [class*="span"] {display: block;float: none;width: 100%;padding-left:5%;padding-right:5%;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  	.span12,
  	.row-fluid .span12 {width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  	.row-fluid [class*="offset"]:first-child {margin-left: 0;}
  	body, p, blockquote, blockquote p,  .lead, .navbar .nav > li > a, .credits_area_wrapper, .credits_area_wrapper p {font-size: 1.4em !important; line-height:1.6em !important;text-align:center;}
	.credits_area_wrapper, .credits_area_wrapper p, small, .small, .btn   {font-size: 1.1em !important; line-height:1.3em !important;text-align:center;}
	h1,h2,h3,h4,h5,h6 {font-weight:800 !important;}
	h1 {font-size: 63.5px;}
	h2 {font-size: 44.5px;}
	h3 {font-size: 32.5px;}
	h4 {font-size: 27.5px;}
	h5 {font-size: 18px;}
	h6 {font-size: 13.5px;}
	.container-fluid {padding:20px 5% !important;}
	.sourrounding_wrapper.logo_area_wrapper {position:relative;margin-top:0px;opacity:1;z-index:1000;}
	.sourrounding_all {padding-top:0px;}
	a.brand {width:100%; text-align:center;}
	.brand ing {float:none;display:block;width:100%;}
	.brand h1 {font-size:2em !important;float:none; display:block; width:100%;}
	.navbar .nav > li {float:left; display:block; width:100%;}
	.navbar .nav > li > a:after {display:none;}
	.credits_area_wrapper #back-top {color:#fff !important;position:fixed;border-radius:6px;padding:5px; bottom:5px; opacity:1; color:#fff;right:5px;z-index:100; display:block; background-color:#000;text-shadow:none;}
	#back-top a:link {padding:100px; display:block;}
	.dropdown-menu {width:100%; z-index:100; position:relative;float:left;}
	.dropdown-menu li a{padding:20px 0; display:block; width:100%;}
	a { -webkit-transition: none; -moz-transition: none;-o-transition: none; transition: none;}
	li.active.dropdown ul.dropdown-menu {display:block;}
	li.dropdown:hover ul {display:none;}
}