@media screen and (max-width: 750px) {

body {
	-webkit-text-size-adjust: 100%;
	font-size: 1em !important;
	}	
	
.top-logo, .search-icon {
	display: none;
}

.avbryt-prov {
	background: #de4747 !important;
	text-align: center;
	display: inline-block !important;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 10px;
	clear: both;
	margin-top: 0.5em;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 2.5px rgba(0, 0, 0, 0.18);
}

.resp-pop-menu {
	width: 100%;
	height: 35px;
	display: block;
	background: url(https://cdn.korkortonline.se/images/site/korkortonline-logo-white-stretch.svg) left no-repeat;
	background-position: 10px;
	background-size : auto 13px;
	font-size: 13px;
	
}

.resp-pop-menu-text {
	float: right;
	color: #fff;
	margin: 0.8em 10px 0 0;
	}

.logga-in, .skapa-konto {
	display: none !important;
}

.lang-select-top {
	margin: 0em 0.2em 0 0;
	padding: 0.5em 0.7em 0.8em 0.7em;
	}
	
.lang-select-top {
	margin-right: 0;
	}

.hide-pop-menu {
	display: none;
}

.hide-pop-menu+.show-resp {
	display: none;
}
	
input {
	font-size:1em;
	}
	
.pop-menu { 
	text-align:center;
	margin:0 auto;
	}
	
.pop-menu {
	background-color: #3a71a7;
	}
	
#body-wrap {
	margin: 0 auto;
	width: auto;
	min-width: 320px;
	background-color: #ffffff;
	overflow:auto;
	padding-bottom: 0.4em;
	border-bottom: 1px solid #e8e8e8;
	}
	
#body-wrap-inner {
	margin: 0 10px 0 10px;
	width:auto;
	}	

#body-wrap-inner-wide {
	margin: 0 auto;
	width:auto;
	padding:0;
	}
	
#body-wrap-inner-medium {
	padding-left:1em;
	padding-right:1em;
	}
	
.boxspace {
	margin: 0 auto;
	width:auto;
	}

p {
	max-width: none;
	}


/* Topp */

	
.colmask {
	position: relative;
	clear: none;
	float: inherit;
	width: auto;
	overflow: hidden;
	margin: 1em 0 0 0;
	}
		
.colmask img {	
	max-width:none;
	height: auto;
	}
		
	
.sub-menu-inne  {
	text-align:left;
	padding: 0;
	overflow: hidden;
	}

.sub-menu-inne strong, .sub-menu-inne a, .sub-menu-inne .name {
	width:100%;
	display: block;
	line-height: 2.95em;
	padding: 0 1.5em 0 1em;
	border: none;
	float:none;
	background-color: #5b8fc1;
	border-bottom: 1px solid #70a2d3;
	}

.sub-menu-inne .name {
	text-align: center;
	padding-left: 0;
	font-size: 0.9em;
	}
	
.sub-menu-inne a:hover {
	text-decoration: none;
	}
		
.sub-inne-right {
	position: relative;
	top: auto;
	right: auto;
	}
.sub-menu-inne .sub-inne-right a {
	margin: 0;
	border-bottom: 0;
	}
		
.sub-inne-right-email {
	display:none;
	}

.rbs, .klickbar {
	border-radius: 0;
    box-shadow: none;
    
	}

#statistik .provyta .img img {
	margin-left:1em;
	}
	
#statistik .provyta .img img.klickbar, #statistik .provyta .img img.klickbar-left, .img img.klickbar {
	margin-left:0;
	}

.img img {
	max-width: 92%;
	height: auto;
	}
	
.img .klickbar {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-bottom: 0.9em !important;
	}
	
.provyta .klickbar-vm {
	max-width: 220px;
	max-height: 220px;
	margin-bottom: 0.9em !important;
	}

.img  {
	text-align: center !important;
	margin: 0 auto !important;
	width: 100% !important;
	}
/* Provyta */


.provyta {
	margin: 0;
	}
	
.fraga {
	font-weight: bold;
	margin: 0;
	padding: 0 1em 1em 1em;
	border-bottom:1px solid #e8e8e8;
	max-width: none;
	font-size:1em;
	}

.fraga-markerad {
	background-color: #c1e2fe;
	padding: 0.1em;
	margin-right: 0.5em;
	}
	
.nasta, .sista-fragan  {
	display: block;
	width: 94%;
	margin: 2.7em 0 3em 3% !important;
	font-size:1.3em !important;
	}

.hlbutton input[type=submit] {
	min-width: 9em;
	font-size:1.5em;
	padding:0.7em;
	}
	
.foregaende {
	display: block;
	width: 94%;
	margin: 0 0 1em 3%;
	font-size:1.3em !important;
	}
	
.big-button {
	width: 100%;
	font-size:1.3em !important;
	}

.antal-kvar {
	margin: 1.5em 0 0.3em 0;
	display: block;
	clear:both;
	}

#readspeaker_button1 img {
	margin-bottom:0.3em;
	}
	
.provyta .img, .provyta .img-stor {
	background-color: #fff;
	padding-left: 0;
	text-align:left;
	margin-bottom:1em;
	}

.provyta .img-stor img {
	width: 520px;
	}

td.np {
	margin: 0 auto !important;
	text-align: center !important
	}
		
.provyta .img-forklaring {
	float: none;
	background-color: #fff;
	padding-left: 1.3em;
	margin-bottom: 2em;
	}
	
.provyta .alt {
	display: block;
	margin:0;
	padding: 1.2em 1em 1.2em 1em;
	border-bottom:1px solid #e8e8e8;;
	}

.provyta .alt input {
	margin: 0;
	}	

.spara {
	margin-left: 1em;
	}
	
.kontroller {
	position: relative;
	clear: both;
	overflow: hidden;
	width: 100%;
	padding: 1.3em 0 1.3em 1em;
	}

.provyta-colright, .provyta-colmid, .provyta-colleft {
	float: left;
	width: 100%;
	position: relative;
	}
	
.provyta-col1, .provyta-col2, .provyta-col3 {
	float: left;
	position: relative;
	padding: 0;
	overflow: hidden;
	}

.provyta-botten .provyta-colmid {
	right: 33%;
	}
	
.provyta-botten .provyta-colleft {
	right: 34%;
	}

.provyta-botten .provyta-col1 {
	width: 34%;
	left: 100%;
	text-align: center;
	}
	
.provyta-botten .provyta-col2 {
	width: 33%;
	left: 33%;
	}

.provyta-botten .provyta-col2 img {
	margin: 0.2em 0 0 0;
	float: left;
	}
	
.provyta-botten .provyta-col3 {
	width: 33%;
	left: 67%;
	text-align: right;
	}
		
.provyta-botten .provyta-col1 input {
	margin-right:0.5em;
	margin-bottom:0.5em;
	font-size:1em;
	}
	
.provyta-botten .provyta-col3 input {
	margin-right:2em;
	font-size:1em;
	}
	
.provyta .mark, #statistik .provyta .mark {
	margin: 0.2em 0.2em 0 0;
	float: left;
	border-radius: 0;
	}
	
.start-kontroller {
	position: relative;
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
	margin: 0 0 10px 0;
	}
	
.start-kontroller-inner {
	float: left;
	width: 100%;
	position: relative;
	right: auto;
	margin-bottom: 0;
	}

.start-kontroller-left {
	width: 100%;
	left: 0%;
	}

.start-kontroller-right {
	width: auto;
	left: auto;
	}
	
.start-kontroller-left {
	padding: 0;	
	}
	
.start-kontroller-left, .start-kontroller-right {
	float: left;
	position: relative;
	overflow: hidden;
	}

.start-kontroller-padding-right {
	padding-right: 0;
	}
	
.start-kontroller h2 {
	margin-top: 0;
	}

.start-kontroller .hr {
	margin: 1.5em 0 1.5em 0;
	}
	
.right-info {
	padding-left: 0em;
	padding: 0 1em 0.8em 1em;
	background-color: #f3f3f3; 
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	margin-top:2em;
	}
	
.right-info img {
	margin-right: 0.3em;
	}
	
	
.statistik-info {
	max-width: 100%;
	text-align: left;
	margin: 0.5em 0 0 0;
	font-style: italic;
	}

h1 {
	font-size: 1.4em;
	}

h2 {
	font-size: 1.2em;
	}
		
.start-kontroller h2 {
	margin-left: 0;
	font-size: 1.4em;
	}

.radera-allt {
	margin:1em 1em 1em 0;
	}

a:link.radera, .navlinks a:link {
	font-size: 1.2em;
	padding: 0 0.8em 0 0.8em;
	}

.navlinks a:link, .navlinks strong {
	font-size: 1.2em;
	padding: 0.3em 0.5em 0.3em 0.5em;
	}

.show-resp {
	display: inline;
	}	
	
#meddelanden .med {
	margin: 0 2em 1.5em 0;
	width: auto;
	}
	
#meddelanden .svar {
	margin-left: 2em;
	margin-right:0;
	}

.installningar-width {
	width: 100%;
	}
	
.start-kontroller input, .start-kontroller select, .medium-button input {
	font-size:1em;
	}

.statistik-top-box {
	font-size: 0.9em;
	}
	
.statistik-top-box tr {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	}
	
.statistik-top-box td {
	float:none;
	text-align: left;
	border:0;
	}

.statistik-top-box table td:first-child {
	clear:both;
	background: #f3f3f3;
	
	}
	
.statistik-top-box table td, .statistik-top-box table tr {
	background-color: #f3f3f3;
	border:0;
	}
	
.width100 {
	width: auto;
	}
	
td.resp-padding {
	padding-bottom: 0;
	padding-top: 0;
	}
	
.registrera {
	width: auto;
	margin: 0 4px 1em 4px;
	font-size: 1em;
	padding:1em;
	}

.registrera h2 {
	font-size: 1.1em;
	}

.registrera-forlang {
	min-width: auto;
	}
		
.betalsatt li {
	display: block;
	width: 100%;
	}

.betalsatt li:first-child {
	margin-bottom: 1em;
	}
	
.betala-kort {
	width:100px;
	}
	
.betala-internetbank {
	width:180px;
	}

.pay-logo {
	position:relative;
	bottom:auto;
	right:auto;
	display:block;
	margin-top:1em;
	text-align:center;
	}

.message-box {
	padding: 0.3em;
	}

.green-box, .red-box {
	display:block;
	}

.forklaring-text {
	margin: 1.3em 1em 0 1em;
	}

.forklaring-text img, .forklaringsruta img {
	max-width: 100%;
	height: auto;
	}

.hr-resp {
	display:none;
	}
	
#statistik .provyta img {
	margin: 0 0 1em 0;
	}

#popup-content {
	margin: 1em 0 0 0;
	}

h2.reg {
	margin: 1.4em 0 1.5em 0;
	text-align: center;
	font-size: 1.3em;
	}
	
.villkor-margin {
	margin: 1em;
	}

.villkor {
	display:block;
	margin-left:0;
	}
	
.tid-kvar {
	display:block;
	margin:0.4em 0 0.3em 0;
	}	
	
.betala {
	text-align:center;
	margin:0 auto;
	line-height:2em;
	}
	
.reg-email-box {
	width: 93%;
	max-width: 93%;
	}

dl dd input {
	width: 60%;
	}
	
.betala input {
	display: block;
	margin:0 auto;
	margin-bottom:0.5em;
	}
	
.betala-knapp {
	margin-right: 0;
	}
	
}