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

	br.notmax{
		display: block;
	}

	div.cont-inner{
		width:100%;
	}

	div.body{
		padding:0% 0px 73px 0px;
	}
	div.footer{
		padding:0% 2% 0% 2%;
	}


	div.cats-h {
	    font-size: 15px;
	    line-height: 15px;
	}
	div.cats-cont a {
	    font-size: 15px;
	    line-height: 17px;
	}

	div.footer p{

	}
	div.footer div.fcol-3 p{
		font-size: 14px;
		line-height: 19px;
		color:#717171;
	}


	div.contact-l{
		float:left;
		width: 50%;
	}
	div.contact-r{
		float:right;
		width: 50%;
	}

	div.main-text{
		padding:4% 4% 5% 4%;
	}
	div.cont-inner.withmen{
		padding:0px 4% 0px 4%;
	}

	div.s-box{
		margin-top:4%;
	}

	.checktd{
		font-size: 16px;
	}

}

@media only screen and (max-width: 1000px){
	a.checkbut{
		margin-top:15px;
	}

	div.fcol-1{
		width:241px;
		padding:26px 0px 7.8% 0px;
	}
	div.fcol-2{
		width:197px;
		padding:28px 0px 7.8% 0px;
	}
	div.fcol-4{
		width:210px;
		padding:28px 0px 7.8% 0px;
	}
	div.fcol-3{
		width:170px;
		padding:28px 0px 7.8% 0px;
	}
}


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

	p{
		font-size: 16px;
		line-height:22px;
		margin:0px 0px 13px 0px;
		letter-spacing: 0.01em;
	}

	div.bildspel{

	}
	div.img-caption{
		padding-top:6px;
		height:54px;
		width:100%;
		background-image: url(/im/img-caption-bg.png);
		background-repeat: repeat;
		position: absolute;
		margin-top:-54px;
		text-align: center;
		font-size: 17px;
		line-height: 20px;
	}
	div.img-caption strong{
		font-weight: 400;
		font-size: 18px;
		line-height: 21px;
	}


	div.bildspel{

	}
	div.img-caption{
		padding-top:10px;
		height:150px;
		margin-top:-150px;
		font-size: 55px;
		line-height: 60px;
	}
	div.img-caption strong{
		font-size: 60px;
		line-height: 65px;
	}


	div.bildspel{

	}
	div.img-caption{
		padding-top:10px;
		height:80px;
		margin-top:-80px;
		font-size: 23px;
		line-height: 28px;
	}
	div.img-caption strong{
		font-size: 26px;
		line-height: 31px;
	}
	.arrow-left{
		margin-top:-105px;
	}
	.arrow-right{
		margin-top:-105px;
	}

	div.s-cap{
		padding-top:9px;
		height:40px;
		margin-top:-40px;
		font-size: 19px;
		line-height: 22px;
	}

	div.fcol-1{
		width:211px;
		padding:26px 0px 7.8% 0px;
	}
	div.fcol-2{
		width:167px;
		padding:28px 0px 7.8% 0px;
	}
	div.fcol-4{
		width:210px;
		padding:28px 0px 7.8% 0px;
	}
	div.fcol-3{
		width:170px;
		padding:28px 0px 7.8% 0px;
	}

}

@media only screen and (max-width: 850px){
	.checktd{
		font-size: 14px;
	}
	.checktd.pris{
		width:110px;
		text-align: right;
	}
	.checktd.sum{
		width:110px;
		text-align: right;
	}
	br.midbr{
		display:initial;
	}
	div.info-l{
		width:140px;
	}
	div.info-l.s{
		width:140px;
	}
	div.info-r{
		float:left;
		width:350px;
		margin-bottom:10px;
	}
	input.tfield.chkout{
		width:300px;
	}
}

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

	div.fcol-1{
		width:191px;
		padding:26px 0px 0% 0px;
	}
	div.fcol-2{
		width:157px;
		padding:28px 0px 0% 0px;
	}
	div.fcol-4{
		width:210px;
		padding:28px 0px 0% 0px;
	}
	div.fcol-3{
		float:none;
		text-align: left;
		width:170px;
		padding:20px 0px 7.8% 0px;
	}
	br.on820{
		display: inline;
	}

}

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

	div.cats-h {
	    font-size: 14px;
	    line-height: 14px;
	}
	div.cats-cont a {
	    font-size: 14px;
	    line-height: 16px;
	}

	div.header div.main-menu a{
		margin-left:35px;
	}

	div.buybut-cont{
		padding-left:10px;
	}
	span.buybut{
		width: 100px;
	}
	span.buybut.added{
		background-position: 5px 6px;
	}

}


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

	div.header div.main-menu a{
		margin-left:28px;
	}

}




/* Mobile */
@media only screen and (max-width: 700px){

	.nomob{
		display:none;
	}
	br.mobmid{
		display: initial;
	}
	div.mobile-menu, div.mobile-head{
		display:block;
	}
	div.onlymob{
		display: block;
	}

	div.header{
		height:auto;
		border-bottom:none;
	}
	div.logo {
	    float: none;
	    width: 100%;
	    text-align: center;
	    padding-top:10px;
	    padding-bottom:10px;
	}

	div.header div.toplinks, div.header div.main-menu{
		display: none;
	}
	div.checkbut-outer{
		display: none;
	}
	div.checkbut-outer.mobile{
		display: block;
		position: absolute;
		margin-top:-53px;
		right:0px;
	}
	div.checkbut-outer{
		width: auto;
	}
	a.checkbut{
		position: static;
		font-size: 16px;
		line-height: 16px;
		height: 30px;
		background-size: 30px;
		padding:7px 10px 0px 40px;
	}


	div.header div.htop-l{
		float:none;
		width:100%;
		padding:0px;
	}
	div.header div.htop-r{
		float:none;
		width:100%;
		padding-top:0px;
	}

	div.mobile-menu{
		margin-top:26px;
		background-color: #333;
		font-size: 20px;
		line-height: 25px;
		font-family: 'Lora', sans-serif;
	}
	div.l-menu{
		display: none;
	}
	div.mobile-head{
		color:#fff;
		background-image: url(/im/menu-but.png);
		background-repeat: no-repeat;
		background-position: 10px 12px;
		padding:13px 10px 10px 49px;
		height: 46px;
		cursor: pointer;
		font-size: 20px;
		line-height: 20px;
	}
	div.mobile-head:hover{
		background-image: url(/im/menu-but-h.png);
	}
	div.mobile-body{
		display: none;
		background-color: #fff;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #eaeaea;
	}

	div.mobile-body a{
		display: block;
		color:#333;
		text-decoration: none;
		border-bottom:1px solid #333;
		padding:15px 30px 15px 10px;
		background-image: url(/im/arr-right.png);
	    background-position: right center;
	    background-repeat: no-repeat;
	    font-size: 18px;
	}
	div.mobile-body a.f{
		border-top:none;
	}
	div.mobile-body a:hover, div.mobile-body a.m{
		color:#fff;
		background-color: #333;
		background-image: url(/im/arr-right-mob.png);
	}
	div.mobile-body a.subopener:hover{
		color:#333;
		background-color: #fff;
		background-image: url(/im/arr-right.png);
	}

	div.mobile-body div.mobile-submenu a{
		padding-left:45px;
	}

	div.mobile-submenu{
		display: none;
	}

	div.mobile-body span{
		display: block;
		color:#fff;
	    font-family: 'Lato', Arial, sans-serif;
	    font-weight: 400;
		font-size: 18px;
		line-height: 18px;
	    padding:20px 10px 5px 10px;
	    background-color: #a9c788;
	}

	div.search-cont{
		float: none;
		width: 100%;
		max-width: 240px;
		padding:0px 9px 0px 0px;
		margin: 0 auto;
	}
	input.sbut {
	    background-size: auto;
    }

	div.body{
		padding:0% 0px 73px 0px;
	}
	div.footer{
		padding:0% 4% 0% 4%;
	}

	div.main {
	    float: none;
	    width: 100%;
	    padding-top: 25px;
	}



	div.fcol-1{
		float:none;
		width:100%;
		padding:30px 0% 0% 0%;
	}
	div.fcol-2{
		float:none;
		width:100%;
		padding:25px 0% 0% 0%;
	}
	div.fcol-3{
		float:none;
		width:100%;
		text-align: left;
		padding:25px 0% 40px 0%;
	}
	div.footer p{
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 0px;
	}
	div.footer div.fcol-3 p{
		font-size: 14px;
		line-height: 19px;
		color:#717171;
	}
	div.footer div.fcol-3 a{
		color:#717171;
		text-decoration: none;
	}
	div.footer div.fcol-3 a:hover{
		text-decoration: underline;
	}

	div.prod-l{
		float:none;
		width: 100%;
		padding-right: 0%;
	}
	div.prod-r{
		float:none;
		width: 100%;
		margin-top:10px;
	}

	div.contact-l{
		float:none;
		width: 100%;
	}
	div.contact-r{
		float:none;
		width: 100%;
	}

	div.bildspel{

	}
	div.img-caption{
		padding-top:10px;
		height:130px;
		margin-top:-130px;
		font-size: 50px;
		line-height: 55px;
	}
	div.img-caption strong{
		font-size: 50px;
		line-height: 55px;
	}

	.arrow-left{
		margin-top:-110px;
	}
	.arrow-right{
		margin-top:-110px;
	}


	div.s-cap{
		padding-top:7px;
		height:34px;
		margin-top:-34px;
		font-size: 16px;
		line-height: 19px;
	}


	a.prod-small{
		display: block;
		float:left;
		width:48%;
		margin-left:4%;
		max-width: 223px;
		border:1px solid #bfbfbf;
		padding:15px 15px 12px 15px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-top:31px;
		font-size: 14px;
		cursor: pointer;
		box-sizing: border-box;
		text-decoration: none;
	}
	a.prod-small.f, a.prod-small.t{
		margin-left:0%;
	}
	a.prod-small.l{
		float:left;
		margin-left:4%;
	}
	a.prod-small div.img{

	}
	a.prod-small div.txt{
		padding:5px 0px 0px 3px;
		line-height: 20px;
		word-wrap: break-word;
	}

	br.midbr{
		display:none;
	}
	div.info-l{
		float:none;
		width:100%;
	}
	div.info-l.s{
		width:100%;
	}
	div.info-r{
		float:none;
		width:100%;
	}
	input.tfield.chkout{
		width:100%;
	}

	div.ord.info-l.s{
	    width: 33%;
	    float:left;
	}
	div.ord.info-r{
	    width: 67%;
	    float:left;   
	}

	div.caption{
		margin-right:15px;
		padding:10px 10px 10px 10px;
		max-width: 150px;
		font-size: 0.8em;
	}

	div.buybut-cont{
		padding-left:15px;
	}
	span.buybut{
		width: 120px;
	}
	span.buybut.added{
		background-position: 9px 6px;
	}

	div.paym-l.villk{
		width:10%;
		padding-left:0px;
	}
	div.paym-r.villk{
		width:90%;
	}

	div.bread-crumbs{
		margin-bottom:16px;
	}

	div.cookie-info{
		position: fixed;
		bottom:0px;
		width:100%;
		background-color: #ddd;
		z-index: 9998;
		text-align: center;
		padding: 10px 5px 8px 5px;
		font-size: 14px;
	}

	div.cookie-info div{
		display:inline-block;
		margin-right: 10px;
		width:120px;
		font-size: 14px;
	}
	div.cookie-info span{
		display: block;
		margin-bottom: 10px;
	}

	div.tbltbl{
		display: block;
	}
	div.tbltr{
		display: block;
	}
	div.tbltd{
		display: block;
	    padding: 0px 0px 10px 0px;
	}

}


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

	.checktable, .checktable.total{
		display: block;
		padding: 0px;
	    margin: 0px;
	    width: 100%;
	    border: none;
	}
	.checktr{
		display: block;
	    border: 1px solid #ccc;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin-top:20px;
		padding:10px;
	}
	.checktr.total{
	    border: none;
		margin-top:0px;
		padding:10px;
	}
	.checktd{
		display: block;
		border: none;
		width: 100%;
		padding: 5px 10px 5px 10px;
		font-size: 16px;
	}


	br.checkbr{
		display: initial;
	}
	.checktr.head{
		display: none;
	}
	.checktd label{
		display: block;
		font-weight: 400;
	}

	.checktd.ben{
		text-align: left;
	}
	.checktd.pris{
		width:100%;
		text-align: left;
	}
	.checktd.ant{
		width:100%;
		padding-left:10px;
		text-align: left;
	}
	.checktd.sum{
		width:100%;
		text-align: left;
	}
	.checktd.rem, .checktd.rem-tot{
		width:100%;
		text-align: right;
	}
	.checktd.rem{
		position: absolute;
		right: 30px;
		width: auto;
		margin-top:-35px;
	}
	.checktd.rem-tot{
		border-top:none;
	}

	.checktd.str{
		display: none;
	}
	.checktd.tot{
		font-weight: 400;
	    width: 100%;
	    text-align: right;
	    border-top:none;
	}
	.checktd.tot label{
		display: inline;
	}
	.checktd.tot label.thin{
		font-weight: 300;
	}
	.checktd.rem-tot{
		display: none;
	}

	div.checkout-white-cont{
		margin-left:10px;
		margin-right:10px;
		width: calc(100% - 20px);
		word-break: break-all;
	}

}


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

	div.s-box{
		position: relative;
		float: none;
		margin:0 auto;
		width:100%;
		margin-top:25px;
		letter-spacing: 0.01em;		
	}
	div.s-box img{
		width:100%;
	}
	div.s-box.f{
		margin:0 auto;
		margin-top:25px;
	}
	div.s-box.l{
		float: none;
		margin:0 auto;
		margin-top:25px;
	}
	div.s-cap{
		padding-top:11px;
		height:47px;
		width:100%;
		background-image: url(/im/img-caption-bg.png);
		background-repeat: repeat;
		position: absolute;
		margin-top:-47px;
		text-align: center;
		font-size: 21px;
		line-height: 24px;
	}

	div.klarna-desc.forts{
		font-size: 18px;
	}

}


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

	div.img-caption{
		padding-top:10px;
		height:150px;
		margin-top:-150px;
		font-size: 60px;
		line-height: 65px;
	}
	div.img-caption strong{
		font-size: 60px;
		line-height: 65px;
	}
	.arrow-left{
		margin-top:-120px;
	}
	.arrow-right{
		margin-top:-120px;
	}

	div.caption{
		margin-right:10px;
		padding:5px 5px 7px 5px;
		max-width: 120px;
		font-size: 0.7em;
	}
	div.caption img{
		margin-bottom:5px;
	}

}