/*--------------------------------------------------------------------------------------------------
  Site: Rynos.se
  Detta CSS är en del av Askås Internetbutik.
  COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1998-2016. ALLA RÄTTIGHETER RESERVERADE.
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1460px) {
	.Fler .PT_Wrapper {width:18.5%;}
}
/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
	.header {padding:10px;}	
	#Faktablad, #wrapper .section #main {padding:10px 10px 0;}
	#breadcrumb {padding:0 10px;}
	.footer .FootUp {padding:40px 20px;}
	td, tr {text-overflow:ellipsis; white-space:normal;}
	html {-webkit-text-size-adjust:none;}
	.Sokknapp, .Laggikorgen_Antalsfalt, #bestallningsknapp {-webkit-appearance:none;}
}
/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 1050px) {
	.PT_Wrapper {width:32.1%;}
}
/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 978px) {
	.Fler .PT_Wrapper {width:17.5%;}
}
/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 850px) {
	/* GRID */
	.col {margin:1% 0 1% 0%;}
	[class*="span_"] {width:100%;}
		
	/* ARBETSYTA */
	#topbar {position:relative;}
	iframe {width:100%;}
	.header {padding:5px 0; border-bottom:1px solid #ddd;}
	.header-wrapper {z-index:55; position:fixed;}
	.toplist {height:35px; line-height:35px;}
	.topbar.content {padding:0 10px 0 0;}
	.navlist {border:none;}
	#wrapper {padding:81px 0 10px;}
	.logo {left:50%; margin:11px 0 0 -72px; padding:0; position:absolute; top:0; width:130px;}
	.logo img {max-width:130px;}
	.usp {bottom:-34px; text-align:center; width:100%;}
	.inloggning a.login, .inloggning, #kundvagn {margin:0;}
	.inloggningsruta {top:85px;}
	.inloggning.stang::after {display:none;}
	.mobilenav-icon {display:inline-block; cursor:pointer; float:left; padding:4px 15px 0 10px; color:#000;}
	.mobilenav-icon:after {font-family:"Font Awesome 5 Pro"; content:"\f0c9";}
	.stang::after {font-family:"Font Awesome 5 Pro"; content:"\f00d";}
	.Checkout, .sokrutan, .nav, .toppmeny, #LSS_Result #LSS_Close {display:none;}
	.footer {text-align:center; position:relative;}
	.footer-content {padding:10px 0px; margin:0px; border-top:1px solid #ddd; border-right:0px; min-height:50px;}
	.utvaldavarumarken {margin:0;}
	.utvaldavarumarken .span_1_of_8 {width:25%; padding:10px;}
	ul#Custom-menu li ul li {width:100%}
	h1.ArtgrpHeadline {font-size:1.5em !important;}
	ul#Custom-menu > li > a {font-size:25px; text-align:left;}
	.puffar .span_1_of_4 {width:49.2%;}
	.puffar .col {margin:1% 0 1% 1.6%;}
	.puffar .col:nth-child(odd) {margin-left:0;}
	.footer .span_1_of_4 {margin-bottom:20px;}
	.mobile {display:block !important;}
	.desktop {display:none !important;}
	
	/* ARTIKELGRUPP */
	.Egen_Infogad_HTML {width:100%;}
	.Artgrupp_header {margin:0 0 10px 0;}
	.Artgrupp_header .fa-sort {width:5%; margin-right:1%;}
	.Artgrupp_header .sortering {float:left; width:100%;}
	.Artgrp_Sorteringsordning {width:100%;}
	.ArtgrpHeadline {font-size:1.4em;}
	.Artgrp_VisaFler {margin:10px 0 0; text-align:left;}
	.Artgrupp_header b {width:30%; float:left; height:20px; line-height:20px; margin:0 0 5px }
	.Artgrupp_header span select {width:100%;}
	.Artgrp_VisaFlerArtiklar_Markerad, .Artgrp_VisaFler a {padding:8px; margin:0 0 5px;}
	#ListaOmArtiklarSaknas li a {font-size:20px; padding:0px; text-align:center; line-height:40px; height:40px;}
	.PT_Knappar table, .PT_Knappar .Knapp_Kop, .PT_Knappar a {width:100%;}
	.PT_Wrapper .PT_Bildruta {min-height:120px; line-height:inherit;}
	.PT_Wrapper .PT_Bildruta img {max-height:120px;}
	.PT_Wrapper {width:48.8%;}
	 #breadcrumb {display:none;}
	.PT_Wrapper .PT_Beskr {height:50px;}
	.PT_Wrapper .PT_Beskr a {font-size:14px;}
	.PT_Pris {height:45px; padding:5px 0 0; text-align:center;}
	.PT_Status {margin:5px 0;}
	.PT_Wrapper .PT_Pris, .PT_Wrapper .PT_Pris div, .PT_Wrapper .PT_Pris span {font-size:21px;}
	.PT_Pris span {display:inline-block;}
	.Fler .PT_Wrapper {width:47.2%;}
/* 	.Fler .PT_Wrapper:nth-child(4n+3) {display:none;}	 */
	.Lista .PT_Wrapper .PT_Beskr {height:75px;}
	.Lista .PT_Wrapper .PT_Status {margin:4px 0 0;}
	.lasmer::before {font-size:20px;}
	.Artgrupp_header .fa-sort {display:none;}
	.startartiklar .headlineStart {margin: 0 0 0 3px !important; width: -moz-calc(100% - 7px); width: -webkit-calc(100% - 7px); width: -o-calc(100% - 7px); width: calc(100% - 7px);}
	
	/* PRODUKTBESKRIVNING */ 
	#ArtikelnamnFalt {margin:10px 0px; font-size:2em;}
	#KundBetyg {text-align:center; float:none;}
	#Bildkolumn .owl-prev {float:left; margin-left:0;}
	#Bildkolumn .owl-next {float:right; margin-right:0;}
	.tabcontent iframe {width:100%; height:auto;}
	.PT_Wrapper.Lista .PT_Bildruta {min-height:90px;}
	.komplettera .PT_Wrapper {width:50%;}
		
	/* DIN SIDA */
	#minsidaDrop ul li ul li {padding:10px; margin:0; text-align:center; width:24%;}
	#minsidaDrop li span a::before {font-size:40px;}
	.login-btn div {text-align:center; width:100%;}
	.inloggning span {display:none;}
	
	/* MAGICZOOM */
	.MagicThumb-background {position:relative !important;}
	
	/* TEXTSTORLEKAR */
	h1 {font-size:1.9em;}
	.eight {font-size:10vw}
	.seven {font-size:9vw}
	.six {font-size:8vw}
	.five {font-size:7vw}
	.four {font-size:6vw}
	.three {font-size:5vw}
	.two {font-size:4vw}
	.soktoggle, .mobilenav-icon {font-size:20px}

	/* Egenskaper */
	.flexCmob{-webkit-box-orient:vertical; -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column;}
	.headline h3 {font-size:25px;}
}
/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 650px) {
	.puffarNedre .kolumn {width:100%;}
	
	.kolumn img {
/*
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
*/
}
	.kolumn1 {order:2;}
	.kolumn2 {order:3;}
	.kolumn3 {order:1;}
	
	.startpuff h2 {font-size:19px;}
	.startpuff h3 {font-size:16px;}
	.puffar .span_1_of_4 {min-height:430px;}
	.owl-next {right:0px !important;}
	.owl-prev {left:0px !important;}
	.Fler .PT_Wrapper {padding:10px 40px !important;}
	.flerprodukter .Fler .PT_Wrapper {padding:10px !important;}
	.flerprodukter .PT_Faktaruta {padding:0;}
	#owl-demo .owl-prev, #owl-demo .owl-next {top:22%;}
	.owl-prev, .owl-next {width:40px !important; height:40px !important; line-height:45px !important;}
	.owl-prev::before, .owl-next::before {font-size:18px !important;}
	.flerprodukter .PT_Wrapper_All {margin-top:-2px !important;}
	.flerprodukter {margin-top:-32px !important;}
	#owl-demo .owl-pagination {position:relative; margin-top:0; padding-bottom:0;}
	.owl-theme .owl-controls .owl-page span {background:#ddd !important;}
	#owl-demo3 .PT_Faktaruta {padding:5px 60px; text-align:center;}
	.puffarNedre .kolumn {order:1;}
	.textkolumn {order:2 !important;}
	.PT_Faktaruta {padding:5px 10px;}
}
/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 430px) {
	.Varum_Grupperad div {width:49%;}
	.utvaldavarumarken .span_1_of_8 {padding:5px;}
	.varumarken {justify-content:center;}
	.headlineStart h3 {font-size:18px;}
	.puffknapp br {display:none;}
	.puffknapp a {font-size:13px;}
	.puffar .span_1_of_4 {min-height:inherit;}
	.puffar p {display:none;}
	#Faktablad {padding:10px 20px 0;}
	.uspar img {max-width:120px; margin:20px auto; display:block;}
}