@media (min-width: 100px) {
	.toggle-me {
        display: block;
        margin: 0 auto;
        text-align: center;
	}
	.toggle-menu {
		padding-right: 5px;
	}
	.filterMenuContainer {
		margin-right: 0;
	}
	#filterWrapper {
		margin: 0 10px;
	}
	.splash {
		max-height: 100%;
	}
	.splash .join {
		position: relative;
		top:0;
		left: 0;
	}
	.yogastudio ul{
		margin: 0;
		padding: 0 0 0 10px;
	}
	.join-us .medlem {
		font-size: 1.6rem;
	}
	.toggle-search {
		top:0px;
	}
	nav.menu-head {
		display: none;
		margin-top: 10px;
	}
	nav.menu-head ul li {
		display: block;
		text-align: center;
	}
    nav.menu-head ul li ul.sub-menu,
    nav.menu-head ul li ul.sub-menu li ul.sub-menu {
        position: relative;
        right:auto;
    }
    .item-leveltime {
		position: relative;
		bottom:auto;
	}
	.splash-content {
    	position: relative;
    }
     .watch {
    	width: 100%;
    	font-size: 1rem;
    	height: auto;
    }
    .featured-intro {
    	padding:40px 10px 60px 10px;
    }
}




@media (min-width: 580px) {
	.item-leveltime {
		position: absolute;
		bottom:0;
	}
	.splash .join {
		position: absolute;
		top:10%;
		left: 10%;
	}
	.splash {
		max-height: 60vh;
	}
	.splash-content {
    	position: absolute;
    }
    .watch {
    	font-size: 1.7rem;
    }
    .featured-intro {
    	padding:40px 10px 60px 40px;
    }
}
@media (min-width: 769px) {
	.filterMenuContainer {
		margin-right: 25px;
	}
	#filterWrapper {
		margin: 0;
	}
}	
@media (min-width: 860px) {
	.toggle-me {
		display: none;
	}
	.toggle-search {
		top:10px;
	}
    nav.menu-head ul li ul.sub-menu,
    nav.menu-head ul li ul.sub-menu li ul.sub-menu {
        position: absolute;
    }
    nav.menu-head ul li ul.sub-menu li ul.sub-menu {
        right:-50px;
    }
    
}


@media (max-width: 768px) {
	table.res-tab,
	table.res-tab thead,
	table.res-tab tbody,
	table.res-tab th,
	table.res-tab td,
	table.res-tab tr {
		display: block;
	}
	table.res-tab thead tr, table.res-tab thead {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.res-tab tr {
		border: 1px solid #ccc;
	}
	table.res-tab td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}
	table.res-tab td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	table.res-tab td:before {
		content: attr(data-title);
	}

    /*header login*/
    .headerLogin {text-align:left;}

    /*filter*/
    #filterWrapper {display:none;}
    .mobHeading {display:block;}
    .pcHeading {display:none;}


    .laererlisteTxt {padding-right: 0;}
.laererlisteImg{ text-align:left;}

}
@media (max-width: 700px) {
	.teacher-head h2 {
    	font-size: 1.6rem;
    }
}

@media (max-width: 1000px) {
	.splash-image {
		padding: 0;
	}
	.intro {
		margin-bottom: 10px;
	}
}
@media (max-width: 768px) {
	.splash-image {
		padding: 10px;
	}
}