@media screen and (max-width: 769px){
/* CLUB TEST v1 */
html{
	overflow-x:hidden;
}

#body{
	width:100vw;
	transition:ease-out 0.4s;
	}

#km-profilemaintenance .km-field-wrapper{
		width:55% !important;
	}
		a#klubmodul{
			position:relative;
			bottom:0px;
		}
	.arrow-button{
	 content:"\f103";
	 color:white;
	 font-family: 'FontAwesome';
	 float:right;
	 height:60px;
	 line-height:60px !important;
	 position:relative;
	 width:0%;	
	 display:block;
	 text-indent:0 !important;
	 right:0%;
	 font-size:1.5em;
	}
	.arrow-button .fa{
		line-height:60px;
	}
	#shadow-box{
	display:none;
	background-color:rgba(50, 50, 50, 0.45);
	width:100%;
	float:right;
	height:100%;
	transition: ease 0.4s;
	position:fixed;
	right:0px;
	top:60px;
	}
	#shadow-box.after{
	display:block;

	}
	#shadow-box.shrink.after{
		top:40px;
	}
	
	#km-profilemaintenance .km-field-wrapper{
		width:100% !important;
		
	}
	
	#topmenu{position:fixed;
	z-index:999;
	background-color:transparent;
	top:60px;
	width:100%;
	left:-100%;
	}
	
		
	
	#topmenu-responsive{
		top:0px;
		position:relative;
		overflow-y:scroll;
		overflow-x:hidden;
		height:100vh;
		display:block;
		padding-bottom:60px;	
		width:80%;
		left:-80%;
		transition:ease-out 0.4s;
		background-color:#474b50;
		z-index:999999999;
	
	
	
}

#topmenu-responsive.after{
	top:0px;
	left:0%;
	transition:ease-out 0.4s;
	animation-name:shadow;
	anitmation-duration: 2s;
	
}
	
html.after{
	overflow:hidden;
}
	
		
	#menu{
		left:-40px;
		top:0px;
		margin:0;
		list-style-type:none;
		width:100%;
		background-color:rgb(71, 75, 80);
		position:relative;
		display:block;
	}
	#menu li{
	
		}
	

	#menu li a{
		margin-left:0px !important;
		font-size:16px !important;	
	}
	
	#menu li ul{
		list-style-type:none;
		display:none;
		background-color:#5c6b7d;
	}
	
	#menu li ul li ul{
		background-color:#7a7979;
		border-bottom: solid 1px #171717;
		border-top:solid 1px #727272;
	}
	
	#menu li ul:focus{
		display:block;
	}
	
	.hasdrop{
	width:100% !important;
}
	.hasdrop a{width:73%;
	}

	
	.hasdrop ul{
		padding-left:0 !important;
		text-indent: 10px;
	}
	.hasdrop ul li ul{
		text-indent:20px;
	}
	#menucon{
		width:100% !important;
		position:relative;
		left:-6px;
		text-indent:10px;
		top:0px !important;
		animation-name:responsive;
		display:block !important;
	
		
		
		}

		
	
.StaticMenuStyle a{
		width: 100% !important;}
		
	
#menu-mobile.shrink {
  height: 40px;
  transition:ease 0.4s;
}

#menu-mobile{
	display:block;
	left:0;
    width: 100%;
    background:#53d5ff no-repeat left 10px center;
    position: fixed;
    top: 0 !important;
    float: left;
	height:60px;
	z-index:999;
}

.show_left{
	display:none;
}

#banner{
		width:100%;
		position:relative;
		top:60px;
}
			
	#banner img{
		width:100%;
		left:0;
		margin:0;}
	#indhold{
		width:100%;}
	#footer{
		width:100%;;
		font-size:12px;
		position:relative;
		bottom:0;
		margin:0;
	}
	
	#wrapper{
		width:100%;;
		margin-bottom:-63px;
		
	}
	#usermenu{
		height:0px;
		position:fixed;
		left:0px;
		right:0px;
		float:right;
		z-index:9999 !important;
	}
	#content{
		top:60px;
		width:100%;
	}
	#klubmodul{
		margin-top:0px;
		top:0px;
		height:20px;
	}
	/*nyt responsive *//*
		#km-visinstruk{
		width:100%;
	}
	.km-card{
	width:100% !important;

}
.km-instruk-teams{
		width:40%;
	}
	.km-fullcard{
		max-width:768px;
	}
	#km-headerpwd, #km-headerlogin{
		width:40% !important;
	}
	#ctl00_ContentPlaceHolderBody_panelTimeLocationInstructorWaitinglist .km-ico{
		width:50% !important;
	}
	#km-profilemaintainenrollment .km-time{
		width:60% !important;
	}
	.km-comment-wrapper textarea{
		width:90% !important;
}
	.h1{
		font-size: 1em !important;
		
	}
	.h1, a.h1{
		color:#ffba53 !important;
	}
		*/



/* ---------- END ---------- */
		/*menu animation */
#nav-icon3 span{
	top:20px;
	display:block;
	background-color:#fff;
	width:40px;
	height:6px;
	position:absolute;
	z-index:9999999;
	left:10px;
	box-shadow:#333 0px 1px 0px;
	transition:ease 0.2s;
}
#nav-icon3.open span{
	box-shadow: 0 0 0;
}
#nav-icon3.shrink span{
	width:30px;
	height:4px;
}
#nav-icon3.open span{
	background-color:#e4413f;
}
#nav-icon3 span:nth-child(1) {
 
  	top:13px;
}
#nav-icon3.shrink span:nth-child(1){
	top:6px;
}
#nav-icon3.shrink span:nth-child(2),#nav-icon3.shrink span:nth-child(3){
	top:16px;
}
#nav-icon3.shrink span:nth-child(4){
	top:26px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 25px;
}

#nav-icon3 span:nth-child(4) {
  top: 37px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;

}
/* ---- */

#footer{
	margin-top:30px;
}
/* top menu */
.create_profile_link{
	display:none !important;
	
}
.menu.create_profile_link_responsive{
    text-align: center;
	font-size: 28px !important;
    position: absolute;
    float:right;
	right:60px;
    width: 60px !important;
    height: 60px;
	z-index:99999;
	display:block !important;
	border-left:1px solid;
	
	
}
.menu.create_profile_link_responsive.shrink{
	height:40px !important; 
	transition:ease 0.4s;
}
#leftmenu a:last-child{
	padding-bottom:60px;
	border-bottom:none;
}
#usermenu.shrink i:before{
	line-height:40px !important;
	transition:ease 0.4s;
	font-size:24px;
	
	
}

.fa-user-plus:before{
	line-height:65px;
	transition:ease 0.4s;
	
}

.fa-sign-in:before{
	line-height:65px;
	transition:ease 0.4s;
}
.show_hide{
	display:none;

}
.show_hide_responsive{
	font-size:2em !important;
	color:#fff;
	width:60px !important;
	height:60px;
	float:right;
	text-align:center;
	z-index:99999;
	display:block;
	border-left:1px solid;
	
}

.show_hide_responsive.shrink{
	height:40px !important;
	transition:ease 0.4s;
}
#topmenu-responsive.shrink{
	top:40px;
}
.show_hide2.shrink{
	height:40px;
	line-height:40px;
}
#loginbox2.shrink{
	top:40px;
}
/* burger menu */ 		
#menu li a{
	width:100%;
	line-height:40px !important;
	text-indent:20px;
}

#km-remember-to-log-in .fa-user, #km-remember-to-log-in .fa-unlock-alt{
	line-height:40px !important;
}
.arrow-button{
	position:relative;
}
.arrow-button .fa{
	line-height:40px; !important;
	text-indent: -40px;
}



#menucon a{
	height:40px;
	line-height:40px;
	background-color:#474b50;
	width:100% !important;
	color:white !important;
	font-size:16px;
	border-bottom: solid 1px #171717;
	border-top:solid 1px #727272;
	text-indent:27px;
	
}



/*CARDS */


.km-visluk-desc.km-monospace{
	border-bottom:2px solid #666!important;
	width:100% !important;
	text-align:center;
}
#km-visluk .km-date-ico, .km-visluk-date{
	width:100% !important;
	font-size:12px;
	text-align:center;
}

.km-guide:hover{
	height:auto !important;
}
.km-card-inner{
	margin:20px 10px !important;
}
#km-visinstruk{
	width:100%;
}

.km-card{
	width:100% !important;
	max-width:768px !important;
	overflow:hidden;

}
#km-headerloginknap i{
	line-height:40px !important;
}
#km-teamenrollment .km-card .km-time{
	width:100% !important;
}

.km-instruk-teams{
	width:40%;
}
	
.km-fullcard{
	max-width:768px;
}
	
#km-headerpwd, #km-headerlogin{
	width:40% !important;
}
.km-comment-wrapper textarea{
	width:90% !important;
}

.km-bg-yellow{
	height:100px !important;
	}
.km-instruk-teams{
	width:20%;}
#km-profilemaintainenrollment .km-time{
	width:60% !important;
}
#km-eventenrollment .km-time{
	width:75% !important;
}
#km-eventenrollment .km-deadline{
	width:75% !important;
}
#km-eventoverview .km-card .km-deadline{
	width:75% !important;
}
	
	
#ctl00_ContentPlaceHolderBody_panelTimeLocationInstructorWaitinglist .km-ico{
	width:50% !important;
}
ctl00_ContentPlaceHolderBody_repEvent_ctl01_panelShowParticipants .km-participants.km-open-in-card.km-bico.km-bg-blue-fade.fullwidth{
	width:95%;
}
	
.km-title.km-blue::before{
	display:block;
}
a.tilmeld.km-tilmeld.fullwidth.km-bg-yellow{
	height:50px !important;
}
.km-tilmeld{
	width:93% !important;
}

.km-ekstra-price-item, .km-ekstra-field-item{
	width:88%;
}
#km-forum #km-create-thred{
	width:100% !important;
}
#km-easysignup .km-field-wrapper{
	width:100% !important;
}

	}
	@media screen and (min-width:321px) and (max-width: 530px){
/* afstemning */ 
#form{
	font-size: 10px !important;
	width:65% !important;
}
/* CLUB TEST V1 */

km-totop{right:0px;}
	#banner{
		width:100%;
		min-width:321px;
		}
			
	#indhold img{
		max-width:100%;
		}
	#indhold{
		width:100%;}

	
	#wrapper{
		width:100%;;
		margin-bottom:-63px;
		overflow:hidden;
		z-index:99;
		
	}
	#wrapper.after{
		left:70%;
		transition:ease-out;
		overflow:hidden !important;
			
	}
	#logininfo{
		width:100%;
	}
    #footer{
		width:100%;;
		font-size:10px;
		position:relative;
		bottom:0;
		margin:0;
		margin-top:30px;
	}
	#klubmodul{
		margin-top:0px;
		top:20px;
		height:10px;
		position:absolute !important;
		right:0;
		
	}
	
/*login-box */ 
	#loginbox, #loginbox2{
		max-width: 100%;
	}
	#ctl00_txtUsername{
		width:80%;
	}
	#ctl00_txtPassword{
		width:80%;
	}
	#ctl00_ImgLogin{
		width:100px;
		 
	}
	#ctl00_ContentPlaceHolderBody_panelExtraFields.km-there-can-be-only-one{
		width:100% !important;
	}
	#loginbox #logininfo a, #loginbox #logininfo span{
		width:100px;
		
	}
	#loginbottom{
		width:0;
	}
	/*Opret profil*/
	#.km-fullcard{
		max-width:100%!important;
	}
	#km-profilemaintenance .km-field-wrapper > .km-ekstra-field-item > .h3, #km-profilemaintainrental .km-ekstra-field-item > .h3{
		font-size: 12px;
	}
	.km-ekstra-price-item, .km-ekstra-field-item{
		width:65% !important;
		min-height:30px !important;
		height:35px !important;
		
	}
	.txtFelt, .txtFeltNumber, .datepicker, .dataTables_filter input{
		height:15px !important;
		top:-5px;
	}
	#km-profilemaintenance .km-field-wrapper{
		width:51% !important;
	}
	.km-guide{
		font-size:15px;
	}
	/*login-box */ 
	#loginbox, #loginbox2{
		max-width:530px;
		min-width:321px;
		width:100%;
	}/*
	#ctl00_txtUsername{
		width:182px;
	}
	#ctl00_txtPassword{
		width:182px;
	}
	*/
	#ctl00_ImgLogin{
		width:150px;
		left:311px;
		position:relative;
		
	}
	#loginbox #logininfo a, #loginbox #logininfo span{
		width:150px;
	}
	
	/*Opret profil*/
	#.km-fullcard{
		max-width:320px;
	}
	#km-profilemaintenance .km-field-wrapper > .km-ekstra-field-item > .h3, #km-profilemaintainrental .km-ekstra-field-item > .h3{
		font-size: 12px;
	}
	.km-ekstra-price-item, .km-ekstra-field-item{
		width:75%;
	}
	#km-profilemaintenance .km-field-wrapper{
		width:100% !important;
	}
	/* til nyt responive *//*
	#km-visinstruk{
		width:100%;
	}
	.km-card{
	width:100% !important;
	}
	.km-instruk-teams{
		width:40%;
	}
	.km-fullcard{
		max-width:530px;
	}
	.km-card-header-txt{
		font-size:16px;
	}
	
	.km-comment-wrapper textarea{
		width:90% !important;
		font-size:8px !important;
	}

*/

/* -------- END ----------- */
/* Afstemning */
#form1{
	width:70%;
	font-size:12px;
}
/* CARDS */
#km-ekstra-fields .km-customfield-checkbox .km-custom-fake-label:before{
	margin-left:-40px;
}
.km-ekstra-field-item.km-bg-blue-fade.km-item-full-row{
	width:80% !important;
}
#km-forum #km-create-thred{
	width:100% !important;
}
#kalender .km-ico:before{
	display:none;
}
#ctl00_ContentPlaceHolderBody_lblEventName{
	font-size:15px;
}
km-cmsonly, td{
	
	font-size:12px !important;
	width:80px !important;
}
.km-ico:before{
	width:30px !important;
	height:30px !important;
	line-height:30px !important;
	font-size:20px !important;
}
#kalender .km-ico span{
	line-height:15px !important;
}
#ctl00_ContentPlaceHolderBody_repEvent_ctl02_panelShowParticipants{
	width:93% !important;
}
.km-instruk-decs-read-more.km-bico km-bg-blue-fade.km-open-in-card.fullwidth{
	width:93% !important;
}
#kalender #km-cal-agenda table{
	font-size:10px;
}
#kalender #km-cal-agenda table .km-ico-inner{
	padding:0 !important;
}
#km-visinstruk{
	width:100%;
}
.km-price-wrapper{
	width:93% !important;
}
	
.km-card{
	width:100% !important;
	max-width:500px !important;
	min-width:250px !important;
}
#km-headerloginknap{
	font-size:22px !important;
}
.km-header-right{
	font-size:12px;
}

a.tilmeld.km-tilmeld.fullwidth.km-bg-green{
	width:93% !important;
}
.km-card .km-shop-img{
	width:250px !important;
}
	
.km-instruk-teams{
	width:40%;
}
a.tilmeld.km-tilmeld.fullwidth.km-bg-yellow{
	height:50px !important;
	width:93% !important;
}

.km-fullcard{
	max-width:530px !important;
	min-width:321px !important;
	width:100% !important;
}
#km-search{
	width:80%;
}
#km-search:after{
	width:80% !important;
}
#ctl00_ContentPlaceHolderBody_txtEmail{
	width:50%;
}
#ctl00_ContentPlaceHolderBody_lblUsername{
	width:75% !important;;
}
#ctl00_ContentPlaceHolderBody_panelExtraPrices, #ctl00_ContentPlaceHolderBody_panelExtraFields{
	width:100% !important;
}
#ctl00_ContentPlaceHolderBody_repEvent_ctl01_panelShowParticipants{width:95% !important;
}

#km-headerpwd, #km-headerlogin{
	font-size:11px !important;
}
#bookinginfo_wrapper #km-search{
	left:7%;
}
.km-comment-wrapper textarea{
	width:90% !important;
	font-size:8px !important;
}
#km-eventenrollment .km-time{
	width:75% !important;
}
#km-eventenrollment .km-deadline{
	width:75% !important;
}
.km-comment-wrapper textarea{
	width:90% !important;
	font-size:8px !important;
	right:30px;
	top:10px;
}
.km-ekstra-price-item, .km-ekstra-field-item{
	margin: 3px 0 !important;
}
.h1, a.h1{
	color:#ffba53 !important;
	font-size: 1em !important;
	font-weight:300 !important;	
}
.h3{
	font-size: 0.9em !important;
}
.km-visluk-desc.km-monospace{
	border-bottom:2px solid #666!important;
	width:100% !important;
}
#km-visluk .km-date-ico, .km-visluk-date{
	width:100% !important;
}
#km-profilemaintainbooking #bookinginfo{
	font-size: 8px;

	}
#km-profilemaintainbooking #km-quicklinks div{
	width:100% !important;	
}
#ctl00_ContentPlaceHolderBody_panelEventFullyBooked span{
	font-size:12px !important;
}
#km-search:before{
	margin-top:6px !important;
	}
	
#km-bookingshowparticipants .km-tilmeldte{
	width:100% !important;
	font-size:22px;
}
#km-bookingshowparticipants .km-time, #km-bookingshowparticipants .km-place{
	font-size:22px;
	width:100% !important;
}
#km-bookingshowparticipants .km-user{
	font-size:22px;
}
#ctl00_ContentPlaceHolderBody_panelNotOK{
	font-size:10px;
}
#km-eventenrollmentshow .km-time{
	width:100% !important;
}
#ctl00_ContentPlaceHolderBody_SubmitButton{
	font-size:12px !important;
}
	}

	@media screen and (max-width: 320px){
		
/* CLUB TEST V1 */ 
km-totop{right:0px;}
	.txtFelt, .txtFeltNumber, .datepicker, .dataTables_filter input{
		height:20px !important;
	}
	#banner{
		max-width:320px;
		}
			
	#banner img{
		max-width:320px;}
	#indhold{
		max-width:320px;}
	#footer{
		max-width:320px;
		font-size:10px;
		position:relative;
		bottom:0px;
		margin-top:30px;
	}
	.km-ekstra-price-item, .km-ekstra-field-item{
		width:140% !important;
		min-height:30px !important;
		height:40px !important;
	}
	#klubmodul{
	margin-top:-40px;
	}
	#wrapper{
		max-width:320px;
	}
	

	/*login-box */ 
	#loginbox, #loginbox2{
		max-width:320px;
	}
	#ctl00_txtUsername{
		width:150px;
	}
	#ctl00_txtPassword{
		width:150px;
	}
	#ctl00_ImgLogin{
		width:100px;
		margin-right:66px;
	}
	#loginbox #logininfo a, #loginbox #logininfo span{
		width:100px;
	}
	
	/*Opret profil*/
	#.km-fullcard{
		max-width:320px !important;
	}
	#km-profilemaintenance .km-field-wrapper > .km-ekstra-field-item > .h3, #km-profilemaintainrental .km-ekstra-field-item > .h3{
		font-size: 12px;
	}
	.km-ekstra-price-item, .km-ekstra-field-item{
		width:76% !important;
	}
	#km-profilemaintenance .km-field-wrapper{
		width:100% !important;
	}
	.km-guide{
		font-size:12px;
	}
	
	/*style til alle *//*
	
	#km-visinstruk{
		width:100%;
	}
	.km-card{
	width:100% !important;
}
	.km-instruk-teams{
		width:40%;
	}
	.km-fullcard{
		max-width:320px;
	}
	#km-headerpwd, #km-headerlogin{
		width:40%;
	}*/



/* ------- END ----------*/
#km-eventenrollmentshow .km-time{
width:100% !important;
}
.km-ekstra-field-item .txtFelt, .km-ekstra-price-item .txtFelt{
	width:70% !important;
}
#km-glemtlogin .km-title:before{
	right:0px !important;
}
#km-forum #km-create-thred{
	width:100% !important;
}
#ctl00_ContentPlaceHolderBody_SubmitButton{
	font-size:12px !important;
}
#ctl00_ContentPlaceHolderBody_panelNotOK{
	font-size:10px;
}
#ctl00_ContentPlaceHolderBody_panelExtraPrices, #ctl00_ContentPlaceHolderBody_panelExtraFields{
	width:100%  !important;
}
#km-forum-table{
	font-size:12px !important;
}
.h1.km-stop.km-card-header.km-bg-red{
	font-size:11px !important;
}
#km-headerpwd, #km-headerlogin{
	font-size:11px !important;
}
.km-header-right{
	font-size:12px;
}
#ctl00_ContentPlaceHolderBody_lblEventName{
	font-size:12px;
}
#km-profilemaintainbooking #bookinginfo{
	font-size: 8px;

	}
#km-profilemaintainbooking #km-quicklinks div{
	width:100% !important;	
}
#km-visinstruk{
		width:100%;
}
.km-instruk-decs-read-more{
	max-width: 250px;
    width: 100%;
}
.km-card{
	width:100% !important;
	max-width:320px !important;
	min-width:200px !important;
}
.tilmeld km-tilmeld km-bg-green fullwidth{
	width:200px; !important;
	}
.km-card .km-shop-img{
	width:250px !important;
	}

.km-instruk-teams{
	width:40%;
}
#ctl00_ContentPlaceHolderBody_repEvent_ctl01_panelShowParticipants{width:95% !important;
}	
.km-fullcard{
	max-width:320px;
}
#km-headerpwd, #km-headerlogin{
	width:40%;
}
.km-comment-wrapper textarea{
	width:90% !important;
	font-size:8px !important;
	right:30px;
}
#km-eventenrollment .km-time{
	width:75% !important;
}
#km-eventenrollment .km-deadline{
	width:75% !important;
}
a.tilmeld.km-tilmeld.fullwidth.km-bg-yellow{
	height:50px !important;
}
a.tilmeld.km-tilmeld.fullwidth.km-bg-yellow{
	height:50px !important;
	width:95% !important;
}
.km-price.km-bico.km-bg-blue-fade.fullwidth{
	width:263px !important;
}
.km-ekstra-price-item.km-bg-blue-fade{
	width:75% !important;
}
.h1, a.h1{
	color:#ffba53 !important;
	font-size: 0.9em !important;
	font-weight:300 !important;	
}
.h3{
	font-size: 0.9em !important;
	

}

	}