@media only screen and (min-width: 768px) { 

	#mobilenav, .meanmenu-reveal, #phone-action-button {
		display: none !important;
	}
	
}


/*** Tablet 768 - 1024++ ***/
@media only screen and (max-width: 1024px) {

	/*** Here we go - scale down ***/
	a#madeingermany {
	    right: 15px;
	    top: 15px;
	}
	div#head1 h1 {
		font-size: 18px;
	}
	.colspan.triple {
	    width: 266px;
    	    margin-right: 15px;
	}
	.colspan.double {
	    margin-right: 20px;
	    width: 405px;
	}
	.hoverbox {
		max-height: 154px;
	}
	img.teaserimg {
		width: 100% !important;
	}
	#footer-phone {
		font-size: 2.6em;
		line-height: 1.15;
	}
	
}

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

	div#head1 h1 {
		font-size: 16px;
	}
	.colspan.double {
	    width: 352px;
	}
	.colspan.triple {
    	width: 231px;
	}
	.hoverbox {
		max-height: 134px;
	}
	#footer-phone {
		font-size: 2.25em;
		line-height: 1.35;
	}
}

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


	.colspan.double {
	    width: 320px;
	}
	.colspan.triple {
    	width: 210px;
	}
	.hoverbox {
		max-height: 122px;
	}
}

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

	
	#shop-sidebar #logo-shop {
		background: url('/img/logo_shoplink_horizontal_bg.png') no-repeat center center;
	}
	#shop-sidebar {
		position: relative;
		display: block;
		//display: none;
		right: auto;
		bottom: auto;
		margin: 16px -8px 0 -8px;
		background: #fff;
	}
	.colspan.double {
		width: 100%;
	}
	.colspan.triple {
    	    width: 186px;
	}
	.hoverbox {
		max-height: 108px;
	}
	.label-field {
		width: 30%;
		font-size: 1.1em;
	}
	.input-field {
		width: 65%;
	}
	.colspan.double img {
	    max-width: 100% !important;
	}

	#header {
	    background: #fff;
	    border-bottom: 1px solid #c0ce2c;
	    height: 50px;
	    z-index: 100000;
	    box-shadow: none;
	}
	button.hamburger {
	    position: absolute;
	    right: 10px;
	    outline: none;
	}
	#header-logo {
	    margin: 8px auto 0 !important;
	}

	.mean-bar {
	    float: none !important;
	    position: absolute !important;
	    top: 17px !important;
	    height: 0px !important;
	    min-height: 0px !important;
	    padding: 0px !important;
	    z-index: 99999 !important;
	}
	.mean-bar .wrapper-flex {
	    display: block;
	}
	.mean-bar a.meanmenu-reveal {
	    display: none !important;
	}
	.mean-nav {
	    background: #ebecec !important;
	    box-shadow: 0 10px 20px #000;
	    display: block !important;
	}   
	.mean-nav ul li a {
            color: #4e4d5b !important;
	    text-transform: none !important;
    	}
	.mean-nav .mean-expand {
	    color: #c0ce2c !important;
	    background: none !important;
	}
	.mean-nav .mean-expand:hover {
	    background: none !important;
	}
	.mean-nav ul ul li {
	    background: white !important;
	    width: 90%;
	}
	.mean-nav ul li li a {
	    border-bottom: 1px solid #b3b3b3 !important;
	    margin-left: 30px !important;
	    padding-left: 30px !important;
	    padding-right: 0 !important;
	}	
	.mean-last, .hamburger-inner, .hamburger-inner:before, .hamburger-inner:after  {
	    background: #c0ce2c !important;
	}
	.mean-last a {
	    text-align: center !important;
	}
	.hamburger--collapse.is-active .hamburger-inner {
	    transition-delay: .22s !important;
	    transition-timing-function: cubic-bezier(.215,.61,.355,1) !important;
	    transform: translate3d(0,-10px,0) rotate(-45deg) !important;
	}
	#phone-action-button {
	    display: block;
	    width: 60px;
	    height: 60px;
	    line-height: 60px;
	    text-align: center;
	    border-radius: 50%;
	    background: #c0ce2c url(/images/phone.png) no-repeat center center / 60%;
	    color: white;
	    position: fixed;
	    z-index: 10000000;
	    bottom: 1em;
	    right: 5vw;
	    box-shadow: 0 0 5px #4e4d5b;
	}
}

@media only screen and (max-width: 650px) {
	#fancybox-title-float-wrap td {
		white-space: normal !important;
		text-align: left;
/*		padding-left: 20px; */
	}
		
	.ad-thumbs {
		top: 93%;
	}
	a#madeingermany {
	    right: 30px;
	    top: 30px;
	}
	.colspan.triple {
	    width: 222px; 
	}

	.hoverbox {
		max-height: 125px;
	}
	.label-field {
		width: 100%;
		font-size: 1.1em;
	}
	.input-field {
		width: 100%;
	}
	input, select, textarea {
		width: 98% !important;
	}
	
}

@media only screen and (max-width: 550px) {
	
	.ad-thumbs {
		top: 91%;
	}
	.colspan.triple {
		width: 287px;
	}
	.hoverbox {
		max-height: 166px;
	}
}

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