/* ==========================================================================
   Media Queries
   ========================================================================== */

@media handheld, only screen and (max-width: 10000px) {

	body{
	}
	
	h2 { line-height: 1em; }
	.panel-accordion .accordion-toggle {
		font-weight: normal;
	}
	
	header .navbar .navbar-nav li a { padding: 0 .8em; }
	
	footer .topfoot .carousel-inner { margin: 40px; }

	footer .topfoot .carousel-inner .item > div {
		margin: 0 15px;
		width: 90px
	}

	.social li a{
		height: auto;
		line-height: 1;
		width: auto;
		padding: 16px;
		margin: 0;
	}

	footer .bottomfoot .social li a {
		height: auto;
		line-height: 1;
		width: auto;
		padding: 13px 10px;
		margin: 0;
	}
	
	footer .middlefoot .recent-news div {
		height: 66px;
		width: 74px;
	}

	footer .middlefoot ul.hours li { font-size: .8em; }

	.banner .caption h2 {
		font-size: 2em;
		line-height: 1em;
	}

	#home .nav-tabs { font-size: 12px; }
	
	#kontakt .nav-tabs { 
		min-width: 110px;
		width: 20%;
		max-width: 180px;
	}
	#kontakt .tab-content { 
		width: 80%; 
		padding: 0 15px;
	}
	
	.square-gallery {
		margin-left: 80px;
	}
	
	.square-gallery .square-tuple {
		height: 238px;
		width: 485px;
	}
	
	.square-gallery .square-tuple p { line-height: 1.2em }
	
	.square-gallery .square-tuple h3 { margin-top: 0; }
	
	.tab-content-float {
		float: left;
		width: 33%;
		padding-right: 15px;
	}

	.grid.magic-grid .element { width: 215px; }
	#trainers .grid.magic-grid .element { height: 360px; }
	#trainers .grid.magic-grid .element .text { margin: -90px 8px 0; }

	.post .content .post-img .foot { font-size: .75em; }
	.panel { padding: 5px; }
	.panel .panel-footer {
		margin: 20px -5px -5px -5px;
		text-align: center;
		padding: 10px 5px;
		font-size: .9em;
	}
	#store .store-item {
		height: 285px;
		margin: 5px;
		width: 225px;
		font-size: .8em;
	}
	
	.addcart { padding: 0 .5em; }
	#storeitem #img-store .carousel-inner { width: 410px; }
	#storeitem .data-item { width: 170px; }
	#storeitem #img-store.zoomed .carousel-inner { 	width: 585px; }
	
	#contacts #map #gmap_2{
		display: none;
	}
	
	#show_nyhetsbrev_form img{
		height: auto;
		width: 250px;
	}
	
}




/* ---------------------------------------------------------------------- */
/*	Version 1200px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (min-width: 1200px) {
	.square-gallery {
		margin-left: 80px;
	}
	.ml_80_min_w_1200{
		margin-left: 80px;
	}
	
}
@media handheld, only screen and (max-width: 1200px) {
	.square-gallery {
		margin-left: 0px;
	}
	.upcoming {
		margin-left: -15px;
		width: 970px;
		padding: 0px;
	}
}
@media handheld, only screen and (max-width: 1280px) {

	body{
		
	}
	
	h2 { line-height: 1em; }
	
	#palmis {
		left: -110px;
	}
	#logo {
		left: 50px;
	}
	
	header .navbar .navbar-nav li a { padding: 0 .8em; }
	
	footer .topfoot .carousel-inner { margin: 40px; }

	footer .topfoot .carousel-inner .item > div {
		margin: 0 15px;
		width: 90px
	}

	.social li a{
		height: auto;
		line-height: 1;
		width: auto;
		padding: 16px;
		margin: 0;
	}

	footer .bottomfoot .social li a {
		height: auto;
		line-height: 1;
		width: auto;
		padding: 13px 10px;
		margin: 0;
	}
	
	footer .middlefoot .recent-news div {
		height: 66px;
		width: 74px;
	}

	footer .middlefoot ul.hours li { font-size: .8em; }

	.banner .caption h2 {
		font-size: 2em;
		line-height: 1em;
	}

	#home .nav-tabs { font-size: 12px; }


	#sports-news .item > div { 	width: 205px; }
	
	#sports-news .item > div p {
		font-size: .8em;
		line-height: 1.4em;
	}

	
	.square-gallery .square-tuple {
		height: 238px;
		width: 485px;
	}
	
	.square-gallery .square-tuple p { line-height: 1.2em }
	
	.square-gallery .square-tuple h3 { margin-top: 0; }
	


	.grid.magic-grid .element { width: 215px; }
	#trainers .grid.magic-grid .element { height: 360px; }
	#trainers .grid.magic-grid .element .text { margin: -90px 8px 0; }

	.post .content .post-img .foot { font-size: .75em; }
	.panel { padding: 5px; }
	.panel .panel-footer {
		margin: 20px -5px -5px -5px;
		text-align: center;
		padding: 10px 5px;
		font-size: .9em;
	}
	#store .store-item {
		height: 285px;
		margin: 5px;
		width: 225px;
		font-size: .8em;
	}
	
	.addcart { padding: 0 .5em; }
	#storeitem #img-store .carousel-inner { width: 410px; }
	#storeitem .data-item { width: 170px; }
	#storeitem #img-store.zoomed .carousel-inner { 	width: 585px; }
	
	
	#show_nyhetsbrev_form img{
		width: 200px;
	}
	
	
	
}



/* ---------------------------------------------------------------------- */
/*	Version 992px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 992px) {
	
	h1, .h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 25px;
	}
	.panel-accordion .accordion-toggle {
		font-size: 22px;
		font-weight: normal;
	}
	
	#palmis {
		left: -70px;
	}
	#logo{
		left: 60px;
		top: 140px;
	}
	
	header .navbar .navbar-header { margin: 20px 0; }
	
	header .navbar { height: 80px; }
	header .navbar .navbar-nav li a {
		padding: 0 .5em;
		line-height: 110px;
		height:	80px;
		font-size: .8em;
	}
	header .navbar .navbar-nav li.active a {
		height:	80px;	
	}
	header .navbar .navbar-nav .dropdown ul {
		font-size: 1em;
	}
	header .navbar .navbar-nav .dropdown ul li a {
		height: 30px;
		line-height: 30px;
	}
	#sports-news .item > div { width: 230px; }
	#sports-news .carousel-inner { padding: 0 5em; }
	
	.square-gallery .square-tuple { 
		float: none;
		margin: 0 auto 1em;
	}
	
	.tab-content-float {
		float: none;
		width: auto;
		padding-right: none;
	}
	
	footer .bottomfoot p { text-align: center; }
	.social { text-align: center; }
	.social li { display: inline-block; float: none; margin-bottom: 5px;}

	footer .topfoot .carousel-inner .item div:first-child { margin-left: 15px; }

	footer .topfoot .carousel-inner .item div:last-child { margin-right: 15px; }

	#contacto #map {
		height: 280px;
		overflow: hidden;
	}
	#contacto #map #gmap{
		margin: -5px 0px;
	}
	
	#contacts #map {
		height: 100%;
	}
	
	#contacts #map #gmap{
		display: none;
	}
	#contacts #map #gmap_2{
		display: block;
	}
}



/* ---------------------------------------------------------------------- */
/*	Mobile Version 766px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 766px) {
	
	h1, .h1 {
		font-size: 25px;
	}
	h2 {
		font-size: 22px;
	}
	.panel-accordion .accordion-toggle {
		font-size: 18px;
		font-weight: normal;
	}

	#logo{
		top: 100px;
		left: 30px;
	}
	#palmis{
		display: none;
	}
	
	header .subbar {
		min-height: 160px;
	}
	
	img.pull-right{
		float: left!important;
		margin: 0px 0px 20px 0px;
	}
	
	#accordion_holder{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	#accordion_holder ul.accordion li.bg1{
	    background-image: url(../slider_images/bg1.jpg);
	    background-position: center -80px;
	    border-top-left-radius: 0px;
	    border-bottom-left-radius: 0px;
	}
	#accordion_holder ul.accordion li.bg6{
	    background-image: url(../slider_images/bg6.jpg);
	    background-position: center -85px;
	    border-top-right-radius: 0px;
	    border-bottom-right-radius: 0px;
	}
	#accordion_holder ul.accordion li {
		height: 200px;
	}
	#accordion_holder ul.accordion li .heading {
		margin-top: 160px;
	}
	#accordion_holder ul.accordion li .description h2 {
		font-size: 18px;
	}
	
	header .topbar .row > div:first-child {
		text-align: center;
	}
	
	header .navbar {
		height: 70px;
		border-radius: 0px;
	}
	
	header .navbar .navbar-header {
		margin-bottom: 0px;
	}
	
	header .navbar .navbar-toggle { margin-bottom: 5px; }
	
	header .navbar .navbar-nav{ 
		float: none; 
		margin-top: 0px;
	}

	header .navbar .navbar-nav li{ 
		background-color: #333; 
	}

	header .navbar .navbar-nav li a {
		height: 50px;
		line-height: 50px;
		color: #FFD302;
	}
	
	header .navbar .navbar-nav li.active a {
		height: 50px;
		line-height: 50px;
		color: #FFD302;
	}
	
	header .navbar .navbar-nav li.active ul.dropdown-menu a {
		background: none;
	}
	
	header .navbar .navbar-nav li.active ul.dropdown-menu a:hover {
		background: #222;
	}
	
	header .navbar .navbar-nav li.dropdown a {
		color: #FFD302;
	}
	
	header .navbar .navbar-nav .dropdown:hover a.dropdown-toggle{
		/*background: none;*/
		color: #FFE200;
	}
	
	header .navbar .navbar-nav .dropdown ul,
	header .navbar .navbar-nav .dropdown ul li {
		display: block;
		background: none;
		border: none;
		font-size: 1em;
	}
	header .navbar .navbar-nav .dropdown ul li a {
		width: auto;
		display: block;
	}
	header .navbar .navbar-nav .dropdown ul{
		box-shadow: none;
		position: relative;
		top: 0;
		float: none;
	}
	header .navbar .navbar-nav .dropdown ul li {
		text-transform: uppercase;
		padding-left: 20px;
		background: none;
	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{
		padding: 0 .5em;
	}
	
	header .subbar .breadcrumbs { text-align: left; }
	#contacts #map {
		margin: 0;
		height: 300px;
	}
	footer .middlefoot .container .row > div { margin-bottom: 60px; }
	#home .nav-tabs { padding: 0; }
	#bakgrunden .nav-tabs li .gym-icon {
		display: none;
	}

	
	.trainers-tabs .nav-tabs li a { padding: 0.6em 2em; }

	.trainers-tabs .nav-tabs li.active a,
	.trainers-tabs .nav-tabs li.active:hover a,
	.trainers-tabs .nav-tabs li:hover a {
		top: 0px;
		margin: 0;
		padding-bottom: .6em;
	}

	#sports-news .carousel-inner { padding: 0; }
	
	.upcoming {
		margin-left: auto;
		width: auto;
		padding: initial;
	}
	
	.upcoming h2 {
		font-size: 25px;
	}
	
	.square-gallery .square-tuple {
		height: auto;
		width: 90%;
	}
	.square-gallery .square-tuple img {
		float: none;
		width: 100%;
	}
	.square-gallery .square-tuple .text {
		float: none;
		position: static;
		width: 100%;
	}
	
	.square-gallery .square-tuple .text .arrow {
		display: none;
	}
	

	.post .date { float: none; height: auto; width: auto;}
	.post .date .day,
	.post .date .month,
	.post .date .comments { 
		display: inline-block;
		font-size: .8em;
		height: 30px;
		line-height: 30px;
		margin: 0 10px;
		padding-bottom: 0 5px;
		vertical-align: middle;
		width: auto;
		background: none;

	}
	.post .content { margin-left: 0px;}
	.post .content .post-img .foot span {
		display: block;
		width: 100%;
		float: none!important;
	}

	.form-comment .form-group {
		width: 100%;
		float: none!important;
	}

	#strainers #img-trainer { width: 100%; }

	h2 {
		position: static;
		clear: both;
	}

	#storeitem #img-store ol {
		height: 65px;
		width: 100%;
	}

	#storeitem #img-store .carousel-inner,
	#storeitem #img-store.zoomed .carousel-inner {
		width: 100%;
	}
	#img-store .zoom {  display: none; }

	#storeitem .data-item { width: 100%; }
	#storeitem .data-item form {
		float: left;
		width: 100%;
	}

	#storeitem .data-item form .form-group,
	#storeitem .data-item.zoomed form .form-group {
		width: 100%;
	}
	#storeitem .data-item form .form-group.qty {
		float: none;
		max-width: 100%; 
	}

	.grid.magic-grid .filters { text-align: center; }
	.grid.magic-grid .filters button.active { height: 35px; /*margin: 0 10px;*/ margin-bottom: 0px; padding-bottom: 5px; }

	.square-gallery .square-tuple .text .arrow.alt {
			float: none;
			display: none;
		}
	#home .nav-tabs li .gym-icon {
		display: none;
	}	
	.navbar-toggle {
		padding: 8px 6px;
		margin-right: 6px;
		margin-top: 13px;
	}
	.tabs-left .nav-tabs > li a {
		line-height: 1;
	}
	.tabs-left .tab-content p {
		font-size: 0.8em;
    	line-height: 1.4em;
	}
	
	.scrollup {
		bottom: 20px;
		right: 0px;
	}
	
}

@media handheld, only screen and (max-width: 640px) {
	#bakgrunden #kontakt .nav-tabs li .gym-icon {
		display: block;
	}
	#kontakt .tabs-left .nav-tabs > li a {
		line-height: 60px;
	}
	#kontakt .nav-tabs { 
		min-width: none;
		width: 100%;
		max-width: none;
	}
	#kontakt .tab-content { 
		width: 100%; 
		padding: 0 15px;
	}
	
	
	#bakgrunden #dansresa .nav-tabs li .gym-icon {
		display: block;
	}
	#dansresa .tabs-left .nav-tabs > li a {
		line-height: 60px;
	}
	#dansresa .nav-tabs { 
		min-width: none;
		width: 100%;
		max-width: none !important;
	}
	#dansresa .tab-content { 
		width: 100%; 
		padding: 0px 0px;
		border-left: none;
		min-height: none;
	}
	#dansresa .tab-pane { 
		padding: 20px 0px;
	}
	
	#bakgrunden #home .nav-tabs li .gym-icon {
		display: block;
	}
	#home .tabs-left .nav-tabs > li a {
		line-height: 60px;
	}
	#home .nav-tabs { 
		min-width: none;
		width: 100%;
		max-width: none !important;
	}
	#home .tab-content { 
		width: 100%; 
		padding: 0px 0px;
		border-left: none;
		min-height: none;
	}
	#home .tab-pane { 
		padding: 20px 0px;
	}
	
}

@media handheld, only screen and (max-width: 462px) {
	.panel-accordion .accordion-toggle {
		font-size: 16px;
		font-weight: normal;
	}
	
	#accordion_holder ul.accordion li {
		height: 100px;
	}
	#accordion_holder ul.accordion li .heading {
		margin-top: 58px;
	}
	#accordion_holder ul.accordion li .description {
		height: 75px;
	}
	
	#accordion_holder ul.accordion li.bg1 {
		background-position: center -150px;
	}
	#accordion_holder ul.accordion li.bg2 {
		background-position: center -155px;
	}
	#accordion_holder ul.accordion li.bg3 {
		background-position: center -180px;
	}
	#accordion_holder ul.accordion li.bg4 {
		background-position: center -110px;
	}
	#accordion_holder ul.accordion li.bg5 {
		background-position: center -117px;
	}
	#accordion_holder ul.accordion li.bg6 {
		background-position: center -105px;
	}
	
	.post .content .post-img { 
		height: 120px; 
	}
	
	#contacto #map {
		height: 190px;
		overflow: hidden;
	}
	#contacto #map #gmap{
		margin: 0px 0px;
	}
	
}

@media handheld, only screen and (max-width: 320px) {
	
	#logo{
		top: 100px;
		left: 50px;
		width: 70%;
	}
	
	.navbar-brand {
		width: 80%;
	}
	header .subbar {
		min-height: 160px;
	}
	
	header .subbar .bannercontainer{
		display: none;
	}
	
	#contacto #map {
		height: 124px;
		overflow: hidden;
	}
	
}

/* LOGOGOGOGOGOGOGOGOGOGO*/


@media handheld, only screen and (max-width: 10000px) {

	#bakgrunden{
		background: url(../img/2560.jpg) no-repeat top left;
		background-color: #ffe200;
		position: absolute;
		z-index: 0; /*z-index: -100;*/
		width: 100%;
		height: auto;
	}
	
	#palmis{
		position: absolute;
		top: -10px;
		left: 0px;
		width: 37%;
		z-index: 1200;
	}
	
	#logo {
	position: absolute;
	top: 170px;
	left: 41px;
	width: 41%;
	z-index: 999;
	}
}


@media handheld, only screen and (max-width: 1920px) {

	#bakgrunden{
		background: url(../img/1920.jpg) no-repeat top left;
		background-color: #ffe200;
		position: absolute;
		z-index: 0; /*z-index: -100;*/
		width: 100%;
		height: auto;
	}
	
	#palmis{
		position: absolute;
		top: -10px;
		left: 0px;
		width: 37%;
		z-index: 1200;
	}
	
	#logo {
	position: absolute;
	top: 170px;
	left: 41px;
	width: 41%;
	z-index: 999;
	}
}

@media handheld, only screen and (max-width: 1680px) {

	#bakgrunden{
		background: url(../img/1680.jpg) no-repeat top left;
		background-color: #ffe200;
		position: absolute;
		z-index: 0; /*z-index: -100;*/
		width: 100%;
		height: auto;
	}
	#palmis{
		position: absolute;
		top: -20px;
		left: 0px;
		width: 36%;
		z-index: 1200;
	}
	#logo {
	position: absolute;
	top: 130px;
	left: 41px;
	width: 41%;
	z-index: 999;
	}
}

@media handheld, only screen and (max-width: 1350px) {

	#bakgrunden{
		background: url(../img/1350.jpg) no-repeat top left;
		background-color: #ffe200;
		position: absolute;
		z-index: 0; /*z-index: -100;*/
		width: 100%;
		height: auto;
	}
	#palmis{
		position: absolute;
		top: -30px;
		left: 0px;
		width: 33%;
		z-index: 1200;
	}
}



@media handheld, only screen and (max-width: 1280px) {

	#bakgrunden{
		background: url(../img/1280.jpg) no-repeat top left;
		background-color: #ffe200;
		position: absolute;
		z-index: 0; /*z-index: -100;*/
		width: 100%;
		height: auto;
	}
	#palmis{
		position: absolute;
		top: -2px;
		left: 0px;
		width: 35%;
		z-index: 1200;
	}
}

@media handheld, only screen and (max-width: 1200px) {

	#bakgrunden{
		background: url(../img/1200.jpg) no-repeat top left;
		background-color: #ffe200;
		position: absolute;
		z-index: 0; /*z-index: -100;*/
		width: 100%;
		height: auto;
		background-size: 1200px auto;
	}
	#palmis{
		position: absolute;
		top: -2px;
		left: -100px;
		width: 32%;
		z-index: 1200;
	}
	#logo {
	top: 124px;
	}
}

@media handheld, only screen and (max-width: 995px) {

	#bakgrunden{
		background: url(../img/1200.jpg) no-repeat top left;
		background-color: #ffe200;
		position: absolute;
		z-index: 0; /*z-index: -100;*/
		width: 100%;
		height: auto;
		background-size: 995px auto;
	}
	#palmis{
		position: absolute;
		top: -2px;
		left: 0px;
		width: 32%;
		z-index: 1200;
		display: none;
	}
	
	#logo {
	width: 38%;
	}
}

@media handheld, only screen and (max-width: 770px) {

	#bakgrunden{
		background: url(../img/1200.jpg) no-repeat top left;
		background-color: #ffe200;
		position: absolute;
		z-index: 0; /*z-index: -100;*/
		width: 100%;
		height: auto;
		background-size: 770px auto;
	}
	#palmis{
		position: absolute;
		top: -2px;
		left: -100px;
		width: 32%;
		z-index: 1200;
	}
	.livehelp{
		display: none;
	}
	#logo {
	position: absolute;
	top: 96px;
	left: 4px;
	width: 44%;
	z-index: 999;
	}
	
}

@media handheld, only screen and (max-width: 600px) {

	#bakgrunden{
		background: url(../img/1200.jpg) no-repeat top left;
		background-color: #ffe200;
		position: absolute;
		z-index: 0; /*z-index: -100;*/
		width: 100%;
		height: auto;
		background-size: 600px auto;
	}
}


@media handheld, only screen and (max-width: 513px) {

	.ml_80_min_w_1200{
		margin: 0px auto;
		width: 215px;
	}
}

@media handheld, only screen and (max-width: 500px) {

	#bakgrunden{
		background: url(../img/1200.jpg) no-repeat top left;
		background-color: #ffe200;
		position: absolute;
		z-index: 0; /*z-index: -100;*/
		width: 100%;
		height: auto;
		background-size: 500px auto;
	}
	#logo{
		position: absolute;
		top: 80px;
		left: -3px;
		width: 52%;
		z-index: 999;
	}
}

@media handheld, only screen and (max-width: 450px) {

	#bakgrunden{
		background: url(../img/450.jpg) no-repeat top left;
		background-color: #ffe200;
		position: absolute;
		z-index: 0; /*z-index: -100;*/
		width: 100%;
		height: auto;
	}
	
	.livehelp{
		display: none;
	}
	header .subbar{
		min-height: 137px;
	}
	.bannercontainer {
		display: none;
	}
	#logo{
		position: absolute;
		top: 53px;
		left: 93px;
		width: 54%;
		z-index: 999;
	}
	
	.grid.magic-grid .filters button {
		width: 100%;
	}
	.grid.magic-grid .filters a {
		width: 100%;
		display: block;
	}
	
}

@media handheld, only screen and (max-width: 375px) {

	#bakgrunden{
		background: url(../img/450.jpg) no-repeat top left;
		background-color: #ffe200;
		position: absolute;
		z-index: 0; /*z-index: -100;*/
		width: 100%;
		height: auto;
		overflow-x: hidden;
	}
	
	.livehelp{
		display: none;
	}
	header .subbar{
		min-height: 137px;
	}
	.bannercontainer {
		display: none;
	}
	#logo{
		position: absolute;
		top: 45px;
		left: 15px;
		width: 79%;
		z-index: 999;
	}
	
	.egen_container{
		border-radius: 0px;
	}
	
	#club img.pull-right {
		float: none!important;
		margin: 0px auto;
		margin-left: -20px;
	}
	
}

@media (max-width: 480px) {

     .modal {
         height: 500px; /* Set a default max height of the modal (adjusted later)*/
         position: fixed; /* Display modal in the centre of your screen */
         overflow-y: scroll; /*  Ensure that the modal is scroll-able */
         -webkit-overflow-scrolling: touch; /* Avoid having to use 2 finger scroll on iOS    */
     }
     .modal.fade.in{
         top: 5px; /* Use more screen real estate */
     }
     .modal-body{
         /* Increase the max height of the modal body to try & avoid both it,
          * and the modal container having scroll bars which results in odd behavior */ 
         max-height: 2400px; 
     }   
 }

 /* Now adjust the height so it handles various screen sizes & orientations */
 /* You could make this as granular as you like, or have it more granular at common screen sizes
  * but it should start at the height we set on .modal (i.e. 500px) & work down */
 @media (max-width: 480px) and (max-height: 1024px){.modal{ height: 950px}}
 @media (max-width: 480px) and (max-height: 800px){.modal{ height: 790px}}
 @media (max-width: 480px) and (max-height: 700px){.modal{ height: 690px}}
 @media (max-width: 480px) and (max-height: 600px){.modal{ height: 590px}}
 @media (max-width: 480px) and (max-height: 500px){.modal{ height: 490px}}
 @media (max-width: 480px) and (max-height: 450px){.modal{ height: 440px}}
 @media (max-width: 480px) and (max-height: 400px){.modal{ height: 390px}}
 @media (max-width: 480px) and (max-height: 350px){.modal{ height: 340px}}
 @media (max-width: 480px) and (max-height: 300px){.modal{ height: 290px}}
 @media (max-width: 480px) and (max-height: 250px){.modal{ height: 240px}}
 @media (max-width: 480px) and (max-height: 200px){.modal{ height: 190px}}