
/****** LAPTOPS + IPADS HORISONTALT ******/

@media only screen and (min-width: 960px) and (max-width: 1139px) {
	.site-branding, #content, footer.site-footer .site-info, .section { width: 960px !important; }
	#primary { width: 670px !important; }
	.stom-billede-sektion .stom-cols-6 {
		display: table;
		width: 47%;
		padding: 0;
	}
	div#mid-section a {
		color: #fff;
		text-decoration: none;
		background: none;
		padding: 5px 10px;
		text-transform: capitalize;
		font-size: 20px;
		border: 1px solid #fff;
	}
	.main-navigation {
		/* clear: both; */
		margin: 0;
		display: block;
		float: left;
		/* width: 100%; */
	}
	.site-branding #logo {
		padding: 0 0 20px 0;
	}
	footer.site-footer {
		/* background: #f5f5f5; */
		padding: 0;
		font-size: 0.9em;
	}
}



/****** IPADS - VERTIKALT ******/

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.site-branding, #content, footer.site-footer .site-info, .section {
		width: 100% !important;
		padding: 0 0% !important;
	}
	.stom-billede-sektion .stom-cols-6 {
		display: table;
		width: 47%;
		padding: 0;
	}
	.main-navigation {
		/* clear: both; */
		margin: 5px 0 0 0;
		display: block;
		float: left;
		/* width: 100%; */
	}
	#primary { width: 100% !important; padding: 0 !important; }

	.main-navigation {
		width: auto !important;
	}
	.contact-nu {
		float: left;
		padding: 10px 18px 0 0;
	}
	footer.site-footer {
		/* background: #f5f5f5; */
		padding: 0;
		font-size: 0.9em;
	}
	.main-navigation a {
		display: block;
		text-decoration: none;
		padding: 13px 16px;
		font-size: 16px;
		color: #676767;
		font-family: 'Arimo', sans-serif;
	}
}

/****** MINDRE END IPADS VERTIKALT ******/

@media only screen and (max-width: 767px) {
	.site-branding, #content, footer.site-footer .site-info, .section {width: 96% !important;padding: 0 2% !important;}
	#primary { width: 100% !important; padding: 0 !important; }
	footer.site-footer .site-info, footer.site-footer .site-info .copyright{
		text-align: center;
	}

	.stom-cols-11, .stom-cols-10, .stom-cols-9, .stom-cols-8, .stom-cols-7, .stom-cols-6, .stom-cols-5, .stom-cols-4, .stom-cols-3, .stom-cols-2, .stom-cols-1 {
		width: 100% !important;
		margin: 0 0 10px !important;
	}

	.last {
		margin-bottom: 0 !important;
	}
	h1 {
		font-size: 1.5em !important;
	}
	h2{
		font-size: 1.7em !important;
	}
	h3{
		font-size: 1.5em !important;
	}
	h4{
		font-size: 1.3em !important;
	}
	h5{
		font-size: 1.2em !important;
	}
	h6{
		font-size: 1.1em !important;
	}
	.section-wrap.footer-widget-area{
		padding: 0px 0 !important;
	}
}


/****** MINDRE TABLETS ******/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.main-navigation{ width: 100% !important;  }
	.stom-billede-sektion .stom-cols-6 {
		display: table;
		width: 47%;
		padding: 0;
	}
	div#section-middle .stom-picture {
		margin: 20px 0;
	}
	.stom-billede-sektion {
		padding: 0;
	}
	.stom-billede-sektion {
		padding: 0;
		margin: 0;
	}
	.phone {
		float: left;
		padding: 0 0 0 10px;
	}
	footer.site-footer {
		/* background: #f5f5f5; */
		padding: 0;
		font-size: 0.9em;
	}
	.mail {
		float: left;
		padding: 0;
	}
	.contact-nu {
		float: left;
		padding: 10px 18px;
	}
	.slider-tekst {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    top: 36%;
    font-size: 1.6em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
	#logo img {
		max-height: 200px;
		max-width: 250px;
		width: auto;
		height: auto;
	}
	.footer-widget-area .stom-cols-3 {
		width: 100% !important;
		margin-right: 4% !important;
		text-align: center;
		padding: 10px 0;
	}
	.footer-widget-area .stom-cols-3:nth-child(2n+2){
		margin-right: 0 !important;
	}
}


/****** MOBILER ******/

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.main-navigation{ width: 100% !important;  }
	.main-navigation ul {width:100%;}
	.stom-billede-sektion .stom-cols-6 {
		display: table;
		width: 47%;
		padding: 0;
	}
	.phone:before {
    font-family: dashicons;
    content: "\f525";
    position: relative;
    top: 4px;
    left: -5px;
    color: #010088;
    font-size: 18px;
}
	#tilbud {
		background: url(../images/wood.jpg);
		height: auto;
		margin: 20px 0 0 0;
	}
	div#section-middle .stom-picture {
		margin: 20px 0;
	}
	span.small-header {
		text-transform: uppercase;
		/* font-weight: bold; */
		font-family: 'Arimo', sans-serif;
		font-size: 26px;
	}
	#glarmester {
		background: url(../images/glar.jpg)no-repeat;
		font-family: 'Arimo', sans-serif;
		height: 270px;
		text-transform: uppercase;
		font-size: 22px;
		padding: 80px 0 0 0;
		text-align: center;
	}
	span.big-header {
		font-size: 25px;
		display: block;
		font-weight: bold;
		text-transform: uppercase;
		font-family: 'Arimo', sans-serif;
	}
	.section-wrap.stom-billede-sektion.picture-right.clear {
		height: auto;
	}
	.slider-tekst {
		position: absolute;
		left: 0;
		right: 0;
		width: auto;
		top: 36%;
		font-size: 1.6em;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.contact-nu {
		float: left;
		padding: 10px 0;
	}
	.phone {
		float:none;
	}
	.stom-billede-sektion {
		padding: 0;
		margin: 0;
	}
	.page-content, .entry-content, .entry-summary {
		margin: 0;
	}
	.hentry {
		margin: 0;
	}
	.mail {
		float: left;
		padding: 0;
	}
	#logo img {
		max-height: 200px;
		max-width: 200px;
		width: auto;
		height: auto;
	}
	footer.site-footer {
		/* background: #f5f5f5; */
		padding: 20px;
		font-size: 0.9em;
		text-align: center;
	}
	.kontakt {
		margin: 0 auto;
		display: block;
		text-align: center;
		width: auto;
	}
	#kontaktside form#kontakt {
	    width: auto;
	}
	#gform_submit_button_1{
		width: 100% !important; 
	}
}

/****** BURGER MENU ******/
@media screen and (max-width: 668px) {

	#site-navigation.main-navigation {
		width:100%;
		top:0;
		margin-top:0;
		float: none;
		z-index:1000;
	}

	#site-navigation.main-navigation ul {
		background:#fff;
		width:100%;
	}

	.main-navigation ul ul {
		position:static;
		display:none;
		box-shadow:none !important;
	}

	#site-navigation.main-navigation ul ul a {
		width:auto;
		padding-left: 40px;
	}

	#site-navigation.main-navigation ul li {
		background:#fff;
		clear:both;
		float:left;
		width:100%;
		display:block;
		border-bottom:1px solid #f2f2f2;
	}

	#site-navigation.main-navigation .current_page_item > a, 
	#site-navigation.main-navigation .current-menu-item > a 
	{
		background: #f5f5f5 !important;
		color: #2C3F46;
	}

	#site-navigation.main-navigation .current_page_ancestor > a, 
	#site-navigation.main-navigation .current-menu-ancestor > a {
		background: #2C3F46 !important;
		color: #fff;
	}

	#site-navigation.main-navigation ul li.current-menu-parent.menu-item-has-children > a:after {
		color:#fff;
	}

	#site-navigation.main-navigation ul li.menu-item-has-children {
		position:relative;
	}

	#site-navigation.main-navigation ul li.menu-item-has-children.focus > a:after {
		display:none;
	}


	#site-navigation.main-navigation ul li.menu-item-has-children > a:after {
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 10%;
	    height: 100%;
	    font-family: dashicons;
	    background: rgba(255,255,255,0.1);
	    color: #222;
	    content: "\f132";
	    text-align: center;
	    line-height: 3.3;
	    display: block;
	        z-index: 9999999;
	}

	#site-navigation.main-navigation .menu-toggle:before {
		font-family:dashicons;
		content: "\f333";
		font-size: 35px;
		position:absolute;
		right: 70px;
		top: 0;
		height: 40px;
		line-height: 40px;
		font-weight: 400;
		z-index: 0;
	}

	#site-navigation.main-navigation .menu-toggle {
		margin: 0;
		padding: 11px 12px 11px 50px;
		float: right;
		color: #2C3F46;
		background: none;
		font-size: 1.2em;
		/* text-shadow: 1px 1px 1px #7D7D7D; */
		line-height: 1em;
		text-transform: uppercase;
		position: absolute;
		margin-top: -20px;
		height: 40px;
		display: block;
		width: 110px;
		box-shadow: none;
		right: 0;
		font-weight: 600;
	}

}


@media only screen and (min-width: 320px) and (max-width: 959px) {
	.fixed {
		display: none !important;
	}
	aside { display: none !important; }
	.popup-content{
		margin: 100px 5% !important;
		width: auto !important;
	}
	/* ---------- Responsive tables ---------- */
	body:not(.woocommerce-checkout) table:not(.variations) {
		width: 100% !important;
		height: auto !important;
		display: block;
		overflow-x: scroll;
	}
	body:not(.woocommerce-checkout) table:not(.variations)::-webkit-scrollbar {
	    -webkit-appearance: none;
	    height: 5px;
	}
	body:not(.woocommerce-checkout) table:not(.variations)::-webkit-scrollbar-thumb {
	    border-radius: 2px;
	    background-color: rgba(0,0,0,.2);
	    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.2);
	}
	
	body:not(.woocommerce-checkout) table:not(.variations) tbody {
		display: block;
		width: 750px;
	}
	
	body:not(.woocommerce-checkout) td {
		padding: 4px;
	}
}



/****** KUN WOOCOMMERCE ******/

/****** FJERNER PRODUKT-HOVER PÅ ALT UNDER DESKTOP-STØRRELSE ******/

@media only screen and (max-width: 1139px) {
	.woocommerce ul.products li.product:hover a.button{ display: none !important; }
}


/****** WOO-ICONS FIXED I BUNDEN ******/

@media screen and (max-width: 699px) { 
	div#woo-icons {
		position:fixed;
		bottom:0;
		top:inherit;
		z-index:99;
		width:100%;
		background:#fff;
		background: rgba(255,255,255,1);
		padding:7px;
		box-sizing:border-box;
		border-top: 1px solid #2C3F46;
		min-height: 50px;
	}

	#woo-icons .woo-search {
		right:140px;
	}

	#woo-icons .woo-search input.search-field {
		font-size:11px;
		height: 30px;
	}

	.woo-search input.search-field:focus {
		width:160px;
	}

	#woo-icons ul.konto-inds {
		right: 60px;
	}

	#woo-icons ul.site-header-cart {
		right:5px;
	}


	#woo-icons ul.site-header-cart li {
		min-width: 60px;
	}
	footer.site-footer {
		padding-bottom: 0;
	}


}
