@charset "UTF-8";

/*
 * ----------------------------- iPad Landscape -----------------------------
 */
@media only screen and (min-width:961px) and (max-width:1024px) {
    
	.homepage-main-slider {
		height:auto;
	}
	
	.c-2-2-inner.news-list-text {
		width:70%;
	}
	
	.news-list-headline {
		max-width:365px;
	}
	
	header .main-menu > ul > li > a {padding: 31px 14px !important;}
}

/*
 * ----------------------------- iPad Portrait -----------------------------
 */
@media only screen and (min-width: 641px) and (max-width: 960px) {

	.homepage-main-slider {
		height:auto!important;
	}
	
	.h-container .h-main {
		height:100%!important;
		margin-bottom:20px;
	}
	
	.header-main-menu-wrapper {
		display:none;
		top:78px;
		width:auto;
		border:none;
		height:auto;
		border: 1px solid #f5f3f0;
		background: #fff;
	}
	
	.top-links {
		margin-bottom:20px;
	}
	
	nav.top-menu li {
		margin-bottom:5px;
	}

	.news-list-headline, .news-publish-date {
    	float:none;
	}

    footer .mainmenu li {width: auto;}
	
	header .main-menu > ul > li > a {padding:10px !important; border: none !important; }
	
	.product-details-text h3, .product-list-text h3 {margin-top: 0;}
	

}

/*
 * ----------------------------- Mobile Phones Portrait -----------------------------
 */
@media only screen and (max-width: 640px) {
    
    body {margin: 0;}
    .one-col {padding: 0 10px;}
    .container-nobckg.c-container .one-col {padding: 0;}
    
	.h-container .h-main {
		height:100%!important;
		margin-bottom:20px;
	}
	
	.header-main-menu-wrapper {
		display:none;
		top:67px;
		width:280px;
		padding: 3px 0;
		border: 1px solid #f5f3f0;
		background: #fff;
	}
	
	.header-top .c-2-1-inner {
		width:65%!important;
		float:left!important;
	}
	
	.header-top .c-2-2-inner,.function-links {
		float:right!important;
		clear:right;
	}
	.header-top .c-2-2-inner {
    	margin-top: 10px;
		width: 90px !important;    	
	}	
	.logo-head {
		width: 170px;
        height: 29px;
        background-size: 170px 29px;
	}
	
	.header-top .c-2-1-inner {
		padding-top:15px;
	}
	
	.top-links {
		float:left;
	}
	
	.top-menu li {
		float:left;
		margin:10px 0!important;
	}
	
	.c-container {
		margin-top:0!important;
	}
	
	a.cart-trigger,a.search-trigger {
		height:37px;
		width:37px;
	}
	
	a.search-trigger {
		background-position:-90px -23px;
		margin-left:5px;
		display:block!important;
	}
	
	a.cart-trigger {
		background-position:-90px -73px;
	}
	
	.search-top-container .search-top {
		width:300px;
		display:none;
		position:absolute;
		right:0;
		top:100px;
		background:#fff;
	}
	
	.search-top-container input[type="submit"] {
		display:block;
	}
	
	.search-top-container input[type="text"] {
		width:87%;
		margin:10px;
	}
	
	.search-top-container .search-box #searchButton {
		top:7px;
		right:10px;
	}
	
	.mobile-contact-wrapper {
		float:right;
	}
	
	.mobile-contact-phone {
		background:url(../img/sprites/sprite@2x.png) no-repeat;
		background-position:-90px -173px;
		background-size:200px 1500px;
		clear:both;
		height:37px;
		margin-left:5px;
		width:37px;
		text-indent:-9999px;
		display:block;
	}
	
	.lang-menu-container {
		margin:0;
	}
	
	a.lang-trigger {
		background:url(../img/sprites/sprite@2x.png) no-repeat;
		background-position:-97px -223px;
		background-size:200px 1500px;
		padding:0;
		height:37px;
		margin-left:5px;
		width:37px;
		text-indent:-9999px;
		display:block;
	}
	
	.lang-menu-container ul {
		right:0;
		top:46px;
		left:auto;
		width:100px;
	}
	
	.lang-menu-container ul::before {
		right:14px;
		left:auto;
	}
	
	.footer-bottom,.footer-top {
		padding:20px 10px;
	}
	
	footer .logo-head {
		display:none;
	}
	
	.footer-mobile-menu ul {
		margin:0 auto;
		display:table;
	}
	
	.footer-mobile-menu li {
		float:left!important;
	}
	
	.footer-mobile-menu a {
		font-size:12px;
		color:#fff!important;
		font-weight:100;
		text-decoration:none;
		border-right:1px solid #fff;
		padding:0 8px;
	}
	
	.footer-mobile-menu li.last a {
		border-right:none;
	}
	
	.social-links,.copyright {
		margin:5px auto;
		display:table;
	}
	
	.homepage-main-slider {
		height:auto;
		margin-bottom:25px;
	}
	
	.homepage-main-slider .slider-nav,.homepage-main-slider .slick-prev,.homepage-main-slider .slick-next {
		display:none!important;
	}
	
	.homepage-tabs-wrapper .tabs-content {
		padding:10px 0;
	}
	
	.tabs-links span {
		margin-right:0;
	}
	
	.news-list-headline, .news-publish-date {
    	float:none;
	}
	
	.news-list-imagewrap {
		margin-bottom:10px;
	}
	
	.container-nobckg .medium-width {width: 90% !important;}
	.page-headline-inner {padding: 26px 10px;}	
	.page-headline h1 {font-size: 28px;}
	.footer-main-menu li a {border:none; }
	header .main-menu > ul > li > a {padding:10px !important; border: none !important; }
	.footer-bottom-links nav {float: none !important; margin: 0 auto;}
	.footer-bottom-links nav a {border: none; margin: 0 0 0 15px; padding: 0; }
	.f-container {height: auto; position: relative;}
	.product-details-text h3, .product-list-text h3 {margin-top: 0;}
	.page-content .c-2-1-inner, .homepage-product-wrapper .csc-textpic-imagewrap, .homepage-product-wrapper .c-3-1-inner, .homepage-product-wrapper .c-3-2-inner, .homepage-product-wrapper .c-3-3-inner        {margin-bottom: 10px;}
	.page-headline-inner {margin-bottom: 20px;}
	.homepage-box-wrapper .medium-width  {padding-top: 10px;}
	.product-list-item .cta-button  {float: left;}
	.formrow-wrap button, .formrow-wrap input[type="submit"] {margin-left: 0;}
	.contact-data iframe {max-height: 200px;}


}

/*
 * ----------------------------- Mobile Phones Landscape ----------------------------- */
 @media only screen and (min-width: 481px) and (max-width: 959px) and (orientation : landscape) {
	footer .c-2-1-inner,footer .c-2-2-inner {
		width:auto!important;
		float:none!important;
		display:inline-block;
	}
	
	.c-2-2-inner.news-list-text {
		float:right!important;
		width:65%!important;
		display:inline-block;
		clear:none;
	}
	
	.c-2-1-inner.news-list-imagewrap {
		width:170px!important;
		float:left!important;
		display:inline-block;
		clear:none;
	}
	
    .footer-main-menu ul li {width: auto;}
    .formrow-wrap button, .formrow-wrap input[type="submit"] {margin-left: 130px;}
}