/*-----------------------------------------------------------------------------------------
  Detta CSS Šr en del av AskŒs Webbverktyg.
  COPYRIGHT (c) ASKS INTERNET- & REKLAMBYR AB 1998-2025. ALLA R€TTIGHETER RESERVERADE.  
-----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------
                               TABLET - maxbredd: 1200px
-----------------------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	td, tr {text-overflow:ellipsis; white-space:normal;}	
	html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
	img, iframe {max-width:100%; height:auto;}
	
	#wrapper {padding:10px;}
	.sokrutan {display:none;}
	#footer-wrapper {padding:0 10px;}

	/*----------------------------------------------
  	  Typografi
	----------------------------------------------*/
	.eight {font-size:8vw;}
	.seven {font-size:12vw;}
	.six {font-size:18vw;}
	.five {font-size:7vw;}
	.four {font-size:7vw;}
	.three {font-size:6vw;}
	.two {font-size:4vw;}
	.two.long {font-size:2vw !important;}
}

/*----------------------------------------------------------------------------------------
                                  Maxbredd: 750px
-----------------------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
	/*----------------------------------------------
	  Grid
	----------------------------------------------*/
	.span_1_of_1{width:100%}.span_2_of_2{width:100%}.span_1_of_2{width:100%}.span_3_of_3{width:100%}
	.span_2_of_3{width:100%}.span_1_of_3{width:100%}.span_4_of_4{width:100%}.span_3_of_4{width:100%}
	.span_2_of_4{width:100%}.span_1_of_4{width:100%}.span_5_of_5{width:100%}.span_4_of_5{width:100%}
	.span_3_of_5{width:100%}.span_2_of_5{width:100%}.span_1_of_5{width:100%}.span_6_of_6{width:100%}
	.span_5_of_6{width:100%}.span_4_of_6{width:100%}.span_3_of_6{width:100%}.span_2_of_6{width:100%}
	.span_1_of_6{width:100%}.span_7_of_7{width:100%}.span_6_of_7{width:100%}.span_5_of_7{width:100%}
	.span_4_of_7{width:100%}.span_3_of_7{width:100%}.span_2_of_7{width:100%}.span_1_of_7{width:100%}
	.span_8_of_8{width:100%}.span_7_of_8{width:100%}.span_6_of_8{width:100%}.span_5_of_8{width:100%}
	.span_4_of_8{width:100%}.span_3_of_8{width:100%}.span_2_of_8{width:100%}.span_1_of_8{width:100%}
	.span_9_of_9{width:100%}.span_8_of_9{width:100%}.span_7_of_9{width:100%}.span_6_of_9{width:100%}
	.span_5_of_9{width:100%}.span_4_of_9{width:100%}.span_3_of_9{width:100%}.span_2_of_9{width:100%}
	.span_1_of_9{width:100%}.span_10_of_10{width:100%}.span_9_of_10{width:100%}.span_8_of_10{width:100%}
	.span_7_of_10{width:100%}.span_6_of_10{width:100}.span_5_of_10{width:100%}.span_4_of_10{width:100%}
	.span_3_of_10{width:100%}.span_2_of_10{width:100%}.span_1_of_10{width:100%}.span_11_of_11{width:100%}
	.span_10_of_11{width:100%}.span_9_of_11{width:100%}.span_8_of_11{width:100%}.span_7_of_11{width:100%}
	.span_6_of_11{width:100%}.span_5_of_11{width:100%}.span_4_of_11{width:100%}.span_3_of_11{width:100%}
	.span_2_of_11{width:100%}.span_1_of_11{width:100%}.span_12_of_12{width:100%}.span_11_of_12{width:100%}
	.span_10_of_12{width:100%}.span_9_of_12{width:100%}.span_8_of_12{width:100%}.span_7_of_12{width:100%}
	.span_6_of_12{width:100%}.span_5_of_12{width:100%}.span_4_of_12{width:100%}.span_3_of_12{width:100%}
	.span_2_of_12{width:100%}.span_1_of_12{width:100%}
	.col {margin:0;}
	
	/*----------------------------------------------
	  Arbetsyta
	----------------------------------------------*/
	#main {padding-top: 40px;}
	.nomobile, #nav6Meny, .sokrutan, .meny, .header.scroll .logo, .soktoggle {display:none;}
	.soktoggle {display:none !important;}
	.logo {left:44%; margin:11px 0 0 -57px !important; padding: 0; position:absolute; top:-5px; width:170px;}
	.sokrutan {box-shadow:none; display:none; position:relative; right:0; left:0; top:0; float:left;}
	.sokruta {font-size:15px; height:35px;}
	.sokknapp {height:35px; line-height:39px;}
	.meny {float:left; width:100%;}
	.startwrapper {padding:20px 10px;}
	.header .section, #footer .section {padding:0 10px;}
	.header.scroll .section {position:relative;}
	.header.scroll {border:none;}
	.header.scroll {background:none; box-shadow:none;}
	.header.scroll .navtoggle {top:3px; text-shadow:1px 2px 2px #222;}
	.header.scroll .navtoggle i {color:#fff;}
	#footer .section .col {text-align:center; margin:0 0 20px 0;}	
	#FotoGalleri a {flex-basis: 100%; max-width: 100%; margin: 0 0 1em !important;}
	
	/*----------------------------------------------
	  Responsiv meny
	----------------------------------------------*/
	.navtoggle {cursor:pointer; display:block !important; float:left; margin:7px 0 5px 0;}
	.navtoggle i {font-size:30px; color:#222;}
	
	#bodywrapper.active {width:100%; min-height:100%; position:fixed; left:0;}
	.mobilenav.active {width:100%; height:100%; left:0; top:44px; overflow-x:hidden; overflow-y:scroll; position:fixed; display:block !important; z-index:100; background:rgba(0, 0, 0, 0.92); padding:10px;}
	.mobilenav.active .meny {margin:0 !important; display:block !important;}
	.mobilenav.active .sokrutan {width:100%; margin:20px 0px; display:block !important;}
	.mobilenav.active .sokruta {width:81.5%; -webkit-appearance:none;}
	.mobilenav.active .sokknapp {width:18%;}
	
	.mobilenav.active #nav6Meny {display:block;}
	#nav6Meny .active {display:block !important;}
	.fa-chevron-down {float:right; color:#fff;}
	i.fa-chevron-down {padding:2px 0 2px 10px;}
	.martin {display:none !important;}
	
	/* NIV 1 */
	.mobilenav.active #nav6Meny ul {width:100%; padding:8px 0; border-bottom:1px solid #333;}
	.mobilenav.active #nav6Meny ul li {margin:0 5px 0 0; position:relative; border:none;}
	.mobilenav.active #nav6Meny ul li a {color:#fff !important; display:block; margin:0; padding:3px 0; float:left; width:80%; line-height:30px;}
	.mobilenav.active #nav6Meny ul li a p {color:#fff;}
	.mobilenav.active #nav6Meny ul li a h3 {font-size:16px !important; margin:0; color:#fff;}
	.mobilenav.active #nav6Meny ul li a:hover {background:transparent;}
	
	/* NIV 2 */
	.mobilenav.active #nav6Meny ul li ul {background:none; padding:0 0 0 10px; position:relative; width:100%; border:none;}
	.mobilenav.active #nav6Meny ul li ul li {width:100%; text-transform: none;}
	.mobilenav.active #nav6Meny ul li ul li a {color:#7c7c7c !important; font-size:14px !important; padding:5px 0px !important; margin:0 !important;}
	.mobilenav.active #nav6Meny ul li ul li a:hover {color:#fff !important;}
	
	/* NIV 3 */
	.mobilenav.active #nav6Meny ul ul ul {display:block; position:relative; left:0; border-bottom:none;}
	
	/* NIV 4 */
	.mobilenav.active #nav6Meny ul ul ul ul {display:block; position:relative; left:0; border-bottom:none;}
	
	/*----------------------------------------------
	  Typografi
	----------------------------------------------*/
	.eight {font-size:8vw;}
	.seven {font-size:14vw;}
	.six {font-size:12vw;}
	.five {font-size:7vw;}
	.four {font-size:9vw;}
	.three {font-size:9vw;}
	.two {font-size:10vw;}
	.two.long {font-size:4vw !important;}
	i.fa-chevron-down {font-size:23px;}
}
/*----------------------------------------------------------------------------------------
                                  …vriga bredder
-----------------------------------------------------------------------------------------*/
@media all and (max-width:450px) and (min-width:200px) {
	h1 {font-size:2em;}
	h2 {font-size:1.5em;}
	h3 {font-size:1.2em;}
	h4 {font-size:1em;}
	input, textarea {max-width:100%;}
	.owl-controls {display:none !important;}
}
/*------------------------------------------*/