@media screen and (max-width: 1500px){
	#header-wrapper #topbar .menu li > a { padding-right: 25px; }
	#block-quicklink-block .links_div div { text-align: center; }

	.owl-item .overlay h1 { font-size: 44px; }
	.owl-item .overlay p { font-size: 24px; }
	.owl-item .overlay a { padding: 10px 50px; }
	.top-img { max-height: 400px; }
	.page-container { max-width: 1200px;}

	.grey-before { padding-left: 15px; font-size: 27px; }
	.region-subnav .menu { padding-left: 15px; }
	.owl-item img { height: 700px; max-width: unset; }
}

@media screen and (max-width: 1450px){
	.owl-item img { height: 700px; max-width: unset; }
}


@media screen and (max-width: 1380px){
	.owl-item img { height: 700px; max-width: unset; }
}
@media screen and (max-width: 1280px){
	#header-wrapper #topbar .menu li > a { font-size: 18px; }
	#header-wrapper #bottombar .link-wrapper > .row { padding: 15px 0; }

	.owl-item .overlay h1 { font-size: 40px; }
	.owl-item .overlay p { font-size: 20px; }
	.owl-item .overlay a { margin-top: 10px; }

	#block-quicklink-block .links_div div a i { font-size: 120px; }
	#block-quicklink-block .links_div div { text-align: center; }

	#block-ydelserogservice .field--name-body p { font-size: 24px; }
	#block-ydelserogservice .field--name-field-ydelser .p-overlay h2 { font-size: 18px; }
	#block-ydelserogservice .field--name-field-ydelser .p-overlay { font-size: 15px; top: -85px; }
	.page-container { max-width: 1024px; }
	footer .kontakt .write_btn { text-align: center; }
	
	.owl-item img { height: 600px; max-width: unset; }
}

@media screen and (max-width: 1200px){
	#header-wrapper #topbar .menu li > a { font-size: 17px; padding-right: 20px; }
	#header-wrapper #topbar .search-wrapper form > div button, #header-wrapper #topbar .login-wrapper button, .socialmedia a { width: 35px; height: 35px; }
	.socialmedia a { line-height: 35px; }
	#header-wrapper #topbar .search-wrapper form > div input[type="search"], #header-wrapper #topbar .login-wrapper .field--name-field-link a { width: 152px; font-size: 14px; }
	#header-wrapper #secondaryMenu ul > li > a, #header-wrapper #secondaryMenu .footer-wrapper ul > li > a { padding-left: 0; }

	#header-wrapper #bottombar .link-wrapper .menu li a { font-size: 15px; padding: 11px 15px; }

	.owl-item .overlay h1 { font-size: 30px; }
	.owl-item .overlay p { font-size: 17px; }
	.owl-item .overlay a { margin-top: 10px; padding: 7px 35px; }

	#block-ydelserogservice .field--name-field-ydelser .field__item { padding: 0 5px; }
	#block-ydelserogservice .field--name-field-ydelser .p-overlay h2 { font-size: 16px; }
	#block-ydelserogservice .field--name-field-ydelser .p-overlay { font-size: 12px; top: -80px; }

	.page-container { margin-left: 15px; margin-right: 30px; }

	footer .kontakt { margin-left: -15px; }
	
	.owl-item img { height: 600px; max-width: unset; }
}

@media screen and (max-width: 1023px){
	
	
	body { position: relative; right: 0; transition: transform .5s ease-in; overflow: hidden visible; }
	body.show_mm { transition: transform .5s ease-out; -webkit-transform: translateX(-250px); transform: translateX(-250px); }
	body .layout-container div.top-img { display: none; }
	#blueIdeaWrapper-large, #blueIdeaWrapper-medium, #blueIdeaWrapper-small { position: unset; }
	header img { max-height: 70px; }
	#header-wrapper { position: relative; }
	#header-wrapper #topbar { height: 100px; }
	#header-wrapper #secondaryMenu.md-hidden, #header-wrapper .d-md-none { display: none !important; }
	#header-wrapper .d-m-block { display: inline-block !important; }
	#header-wrapper .d-m-flex { display: flex !important; }

	#block-quicklink-block .links_div, #block-ydelserogservice .field--name-field-ydelser { flex-wrap: wrap; }
	#block-quicklink-block .links_div div { flex-grow: 1; padding: 0px 100px; }
	#block-ydelserogservice .field--name-field-ydelser .field__item { margin-bottom: 15px; padding: 0 15px; flex-basis: calc(100%/2); }
	#block-ydelserogservice .field--name-field-ydelser .field__item img { height: 400px; }
	#block-ydelserogservice .field--name-field-ydelser .p-overlay { width: 100%; left: 0; }

	footer .info.row.container, .region.region-footer-l.row { flex-direction: column; }
	.region.region-footer-l.row > div { margin: 30px 0; }

	header .b-menu { width: 250px; background-color: #fff; position: absolute; right: -250px; top: 0; }
	header .b_menu_btn:after { content: ""; width: 30px; height: 4px; background-color: #000; position: absolute; box-shadow: 0 10px 0, 0 19px 0; top: 4px; left: 0; }
	
	header .b_group {
		position: absolute;
	
		width:110px;
		right:0px;
	}
	header .b_menu_btn { width: 30px; height: 30px; top: 18px; outline: none; position: relative; background-color: #fff; vertical-align: middle; cursor: pointer; left: 15px; }
	header .b_portal_btn { width: 30px; height: 30px; top: 18px; outline: none; position: relative; background-color: #EEE; vertical-align: middle; cursor: pointer; left: 15px; }
	header .b_search_btn { width: 30px; height: 30px; top: 18px; outline: none; position: relative; background-color: #EEE; vertical-align: middle; cursor: pointer; left: 15px; }


	.owl-item .overlay { max-width: 90%; top: 50px; }
	
	.owl-item img { height: 500px; max-width: unset; }

	.col-12.bm-top { background-color: #e3e3e3; padding: 15px 20px; }
	.col-12.bm-top div.col-12 { margin-bottom: 6px; }
	#header-wrapper #topbar .menu { width: 250px; height: auto; }
	#header-wrapper #topbar .bm-black .menu li { display: block; width: 100%; text-align: left; background-color: #000; }
	#header-wrapper #topbar .bm-blank .menu li:hover { background-color: #2b2b2b; cursor:pointer; }
	#header-wrapper #topbar .bm-black .menu li a { padding: 10px 20px; color: #fff; text-transform: uppercase; font-size: 20px; }
	#header-wrapper #topbar .bm-black .menu li>ul>li a{ font-size: 19px; padding-top: 5px; padding-bottom: 5px; margin-left: 10px; }
	#header-wrapper #topbar .bm-black .menu li>ul>li>ul>li a { margin-left: 20px; font-size: 18px;}
	#header-wrapper #topbar .bm-grey .menu li { display: block; text-align: left; }
	#header-wrapper #topbar .bm-grey .menu li a { padding: 10px 20px; font-size: 20px; }
	#header-wrapper #topbar .bm-grey .menu li>ul>li a{ font-size: 19px; padding-top: 5px; padding-bottom: 5px; margin-left: 10px; }
	#header-wrapper #topbar .bm-grey .menu li>ul>li>ul>li a { margin-left: 20px; font-size: 18px;}

	#header-wrapper #topbar .bm-top .search-wrapper form > div input[type="search"],
	#header-wrapper #topbar .bm-top .login-wrapper .field--name-field-link a { width: 172px; position: unset; font-size: unset; max-height: 30px; min-height: 30px; padding: 4px 10px; display: inline-block; vertical-align: top; }
	#header-wrapper #topbar .bm-top .search-wrapper form > div input[type="search"] { padding-left: 5px; }
	#header-wrapper #topbar .bm-top div.form-item.js-form-type-search { font-size: 0; }
	#header-wrapper #topbar .bm-top .login-wrapper { top: unset; margin-top: unset; }
	#header-wrapper #topbar .bm-top .search-wrapper form > div button, #header-wrapper #topbar .bm-top .login-wrapper button { height: 30px; width: 30px; background-color: #fff; }
	#header-wrapper #topbar .bm-grey .to_front { font-size: 20px; padding: 10px 5px; display: inline-block; }

	#header-wrapper #topbar .bm-grey .menu li:hover > a { color: unset; }
	.show_mm .mobileclicklay { position: absolute; left: 0; top: 0; height: 100vh; width: 100vw; background-color: transparent; z-index: 10; cursor: pointer; }

	.vand .grey-before.grey-top::before, .vand .grey-before.grey-top { background-color: transparent; }
	.navigation { display: none; }
	.layout-content, div.layout-container div.p_content { flex: 0 0 100%; max-width: 100%; }
	.layout-content nav ol { padding-left: 10px; }

	.socialmedia a { margin: 30px 10px; margin-left: 10px; display: inline-block; height: 45px; width: 45px; line-height: 45px; font-size: 35px; }
	.socialmedia a.f { margin-left: 20px; }

}

@media screen and (max-width: 978px){
	#block-quicklink-block .links_div div { padding: 0 75px; }

	#blueIdeaWrapper-large .material-icons { font-size: 23px; top: unset; margin-right: 10px; }
	#blueIdeaWrapper-large .row > div:last-child i { margin-left: 5px; color: #fff; }
	#blueIdeaWrapper-large .row > div { font-size: 15px; line-height: 26px; }
	
	.owl-item img { height: 500px; max-width: unset; }
}

@media screen and (max-width: 768px){
	#block-quicklink-block .links_div div { padding: 15px 150px; }
	#blueIdeaWrapper-large .row > div:last-child .close_blue { color: transparent; }

	#blueIdeaWrapper-large .material-icons { font-size: 20px; top: 2px; margin-right: 5px; }
	#blueIdeaWrapper-large .row > div:last-child i { margin-left: 5px; }
	#blueIdeaWrapper-large .row > div { font-size: 12px; }
	.small-hide { display: none; }

	#block-ydelserogservice .field--name-field-ydelser .field__item { flex-basis: calc(100%/1); }

	.owl-item img { height: 300px; max-width: unset; }
	.owl-item .overlay { width: 75%; left: 25px; }

	.extra_footer>div:last-of-type{ background: linear-gradient(90deg, transparent, grey, transparent); }
	.extra_footer>div:first-of-type{ background: linear-gradient(90deg, transparent, darkgrey, transparent); }

	#block-views-block-faq-block-1>div>div>h3 { width: 46.5%; }

	#block-views-block-faq-block-1>div>div>h3 i { font-size: 90px; }
	#block-views-block-faq-block-1>div>div>h3:hover, #block-views-block-faq-block-1 h3.selected  { background-color: #000; color: #fff; }

	#block-views-block-faq-block-1>div>div>h3:nth-of-type(3n+3) { margin-right: 15px; }
	#block-views-block-faq-block-1>div>div>h3:nth-of-type(1), #block-views-block-faq-block-1>div>div>h3:nth-of-type(4){ margin-left: 15px; }

	#block-views-block-faq-block-1>div>div>h3:nth-of-type(2n+1) { margin-left: 0; }
	#block-views-block-faq-block-1>div>div>h3:nth-of-type(2n+2) { margin-right: 0; }
}

@media screen and (max-width: 576px){
	.owl-item img { height: 430px;}
	 

	#block-views-block-faq-block-1>div>div>h3 { width: 100%; }
	#block-views-block-faq-block-1 > div > div > h3:nth-of-type(n) { margin-left: 0; margin-right: 0; }
}

@media screen and (max-width: 676px){
	#block-blok-omrade-2,
	#block-blok-kundeservice-footer-2 {
		display:none;
	}
	
	#block-skrivtilos .write_btn {
		display:none;
	}
}