/* ==========================================================================
   Laufen Mobile Responsive styles
   ========================================================================== */
  
  #countries-placeholder:before {width: 60px; height: 60px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
  
  .prf-products-list .item.no-results span.prf-category {width: 228px;}
 
  
.height100{
	border-bottom: 1px solid #ddd;
    height: 175px;
    overflow: hidden;
    padding-bottom: 4px;
    position: relative;
	
}

.product-detail a.button {margin-bottom:10px;}

.product-detail .product-detail-content .product-detail-sidebar .product-detail-img {overflow: hidden; height: 271px;}

/*.height100::after {content: ""; background: transparent url("../img/laufen-UI/height10-bkg.png"); position:absolute; bottom: 0;}
*/

.prf-search-header input[type="text"] {
    background: 0;
    border: 0;
    color: #cfcfcf;
    font-style: italic;
    width: 118px;
    transition-duration: 400ms;
    transition-property: width, background, border;
    transition-timing-function: ease;
    padding: 10px;
}

.prf-search-header input:focus {
    background: 0;
    border: 0;
    color: #666;
    
    width: 160px;
    
}


.prf-search-header form {width: 110px; float:right; border:1px solid #d5d5d5; width: auto; display:block; }
    

.prf-search-header .button {
    background:none;
    background-color:#fff;
    border:0;
    cursor:pointer;
    margin:0;
    padding:0;
    width:18px;
    top:7px;
    right:5px;
    position: absolute;
}
.prf-search-header .button .icon {
    color:#e61f22;
    font-size:16px;
    line-height: 140%;
}

  .prf-search-header {
	border: 0px solid #d5d5d5;
	padding: 2px 0 2px 10px;
	width: 180px;
    display: inline-block;
    margin-right: 0;
    position: absolute;
    top: 68px;
    right: 0;
    white-space: nowrap;
    z-index: 100;
}

#site li li > div img {width: 100%;}
   
  
  /* Hide mobile elements on desktop ----------- */
  .mobile-button, #langs-mobile, .footer hr, .mm-favorites, .lauf-category .prf-filters, .product-finder .prf-header .prf-header-actions .prf-search {display: none;}
  
  div.menuColumn > h2 > span {display:none;}
  
  #laufen-logo-mobile {display:none;}
  
  #page.mm-page {box-sizing:content-box;}
  
  .header-filters {display:none;}
  
  .prf-filters .parent #design-lines-content.prf-content .preview img, .desing-lines-list .item a img, #site .details div img {width: 100%; height: auto;}
  
 .miniShowRooms, #laufenMore, button.selector   {display:none;}
 
 
 
/* mobile phones (portrait and landscape) ----------- */

	.mobile-button {
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		overflow: hidden;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		text-indent:-1000px;
	}
	
	#menuIconLaufen{
		width: 75%;
		float: left;
	}
	
	.mobile-search-link{
		float: right;
	}
	
	.mobile-search-link div {
        background-image: url("../../images/rocaUI/zoom-mobile.png");
        background-repeat: no-repeat;
        background-position: 15px 14px;
        text-indent: -999px;
        float: right;
        display: block;
        overflow: hidden;
        width: 48px;
        height: 48px;
        position: absolute;
        cursor: pointer;
        right: 0;
    }
    
    .mobile-search-link div.active, .mobile-search-link div:hover {
        /*background: #6a6a6a;*/
        opacity: 0.6;
        cursor: pointer;
    }

	a.mobile-button {background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABLGlDQ1BJQ0MgcHJvZmlsZQAAeNqtjrFKw1AUQM+LouJQKwRxcHiTKCi26mDGpC1FEKzVIcnWpKFKaRJeXtV+hKNbBxd3v8DJUXBQ/AL/QHHq4BAhg4MInuncw+VywajYdadhlGEQa9VuOtL1fDn7xAxTANAJs9RutQ4A4iSO+MHnKwLgedOuOw3+xnyYKg1MgO1ulIUgKkD/QqcaxBgwg36qQdwBpjpp10A8AKVe7i9AKcj9DSgp1/NBfABmz/V8MOYAM8h9BTB1dKkBakk6Ume9Uy2rlmVJu5sEkTweZToaZHI/DhOVJqqjoy6Q/wfAYr7YbjpyrWpZe+v8M67ny9zejxCAWHosWkE4VOffKoyd3+fixngZDm9helK03Su42YCF66KtVqG8BffjL8DGT/2b2yonAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEpJREFUeNpi/P//PwOtARMDHcDwsYQFRDAyMtIsYoBxzjgaJ6THCShaRoOLQMpCCS6aJGFg1hhNwqNJeDQJj7gkzDjaWiEFAAQYAOheGDE8CVN1AAAAAElFTkSuQmCC") no-repeat scroll center center}


	@media
	only screen and (min-width: 0) and (max-width: 748px) {
		
	body {margin:0; padding:0;}
	
	#breadcrumbs {text-align:left;}
	
	#page.mm-page {box-sizing:border-box;}
	
	.product-finder .prf-header .prf-header-actions .prf-search {display:inline-block;}
	
	#table > div > div {padding:0 !important;}
	
	button.selector, #laufenMore {display:block;}
	
	table.special-product-table {width:100%;}
	table.special-product-table td {max-width:25%;}
	table.special-product-table td img {width:100%;}	
	
	/* country selector */
	
	#countries, #product-countries, #countries-placeholder {min-height: 840px; height: auto; width: 100%; background-image:none; background-color: #ddd;}
	
	#choose-country {margin: 0 auto; position:relative; width: 95%; left:inherit;}
	
	#countries .nav, #product-countries .nav {top:50px; width: 95%; float:none; display: block; margin: 0 auto; left:0; min-height: inherit; padding: 5px 10px 10px 10px; background-color: transparent;}
	
	#countries .col270, #product-countries .col270 {width: 100%; display: block; float: none; line-height: 200%; min-height: 470px;}
	
	#countries .col270 ul, #product-countries .col270 ul {width: 48%; padding-bottom: 20px;}
	
	#countries .col270 ul {line-height: 200%; width: 48%;}
	
	#countries .col190 ul, #product-countries .col190 ul {line-height: 200%;}
	
	#countries .col190, #product-countries .col190 {width: 48%;}
	#countries .col190:nth-child(1), #product-countries .col190:nth-child(1) {float:none;clear:both;}
	
	#countries .nextContinent:last-child, #countries .nextContinent.last {position:relative; bottom: inherit;}
	
	.richtext.margin-10 > h1, .richtext.catalogues-wrap > h1 {display: none;}
	.richtext.catalogues-wrap.height100 > h1 {display:block;}
	
	.footer .contact .socials .facebook:before, .footer .contact .socials .twitter:before,
	.footer .contact .socials .play:before, .footer .contact .socials .youtube:before, .footer .contact .socials :before,
	.footer .contact .socials .linkedin:before, .footer .contact .socials .mail:before, .footer .contact .socials .itunes:before {
  		left: 6px;
  		
  	
	}
	
	
	.footer hr {
	display: block;
	margin-before: 0.5em;
	margin-after: 0.5em;
	margin-start: auto;
	margin-end: auto;
	border-style: inset;
	border-width: 1px; }

	.mm-listview > li.mm-favorites, .mm-listview > li.mm-favorites:not(.mm-divider)::after {border-bottom: none !important; border-bottom-width: 0;}
	
	.mm-listview > li.mm-favorites {margin-top:40px;}


	.mm-menu.mm-theme-white .mm-listview > li .mm-next::after, .mm-menu.mm-theme-white .mm-listview > li .mm-arrow::after {border-color:#000;}
	.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after, .mm-menu.mm-theme-white .mm-navbar .mm-btn::before, .mm-menu.mm-theme-white .mm-navbar .mm-btn::after {border-color:#000; color:#000;}
	.mm-listview .mm-next::before {border-left: 0;}
	
	.mm-listview > li > span.icon, .mm-listview > li.mm-favorites > a {display: inline;}
	
	.mm-listview > li > span.icon.fav-selected {color:red;}
	
	.mm-listview > li.mm-favorites > a {padding-left:0;}
	
	nav.subnav > ul > li > a {padding: 5px 0 !important; text-align:center; }
	
	footer .downloads.aside .icon.icon-favourites, #teaser.designlineslanding, .prf-header.lauf-category .prf-header-actions .prf-matrix, .lauf-category #show-subcategories-btn, #site, #langs, .print-wrap .print-button, .footer .footerLinks, .footer .menuColumn ul, .footer .menu .menuColumn, .prf-products-list-wrapper, .prf-filters-wrapper {
		display: none;
	}
	
	.downloads .add-to-favourites-link.addToFavourites {display: none;}
	
	.vertical-articles article.vertical p.ltr, .vertical-articles article.vertical p  {display: none;}
	
	#laufen-logo-mobile, #show-subcategories-btn {display:block;}
	
	/*.prf-header  #show-subcategories-btn {display: none;}*/

	.product-detail .product-detail-content .product-detail-main, .product-detail .product-detail-content .product-detail-sidebar, #page, #header, .bottomRight, #site > ul,#teaser .items, #teaser .item, .middle-banners .item, article.vertical, #teaser .paging, .footer .menu, .footer .contact, #teaser, .desing-lines-list, .prf-products-grid, #articles-in-press, #articles-in-press + #social-sidebar, #articles-in-news, #social-sidebar .left-side, #social-sidebar .right-side, .instagram, .instagram-images, #social-sidebar, #social-sidebar .view-more, .aside, .contact-form .submits, #main > #list-contact, #main > #media-contact-right-box, #main > section.col.colLeft  {
		width: 95% !important;
		margin: 0 auto;
		padding: 0;
		clear: both;
		float: none;
		}
	#header{
		width: 100% !important;
		margin: 0 auto;
		padding: 0;
		clear: both;
		float: none;
	}
	
	header {width:100%!important}
	
	.footer .bottomRight {text-align:center; font-size: 1em; margin:20px auto;}
	
	#main, .footer {
		width: 98%;
		margin: 0 auto;
		padding: 0;
		clear: both;
		float: none;
		}
	
	.middle-banners, .vertical-articles, #newsletterForm, .product-detail {
		width: 98%;
		margin: 0 auto;
		padding: 0;
		clear: both;
		float: none;
		}
		
		.prf-products-grid .prf-item {
		width: 99%;
		margin: 0 auto;
		padding: 0;
		clear: both;
		float: none;	
		}
		
		.prf-filters .parent .prf-content .actions a {
			display: block;
			margin:10px 0;
			padding-left: 0;
		}
		
		#newsletterForm {margin-bottom:10px;}
		
		#newsletterForm input.newslettercheck {width: 20px; display:inline-block;}
		
	#newsletterForm input {
		width:86%; 
		margin: 5px auto;
		clear: both;
		float: none; 
		display:block; 
		}
		
		.footer .contact form .button, .footer .bottomLeft {
		width:90%; 
		margin: 5px auto;
		clear: both;
		float: none; 
		display:block;}
		
		.footer .contact form .contactPrivacyPolicy {text-align:center; }
		
		.footer .bottomLeft {text-align: center;}	

	#teaser .items, #teaser .item {
		max-height: 300px;
		position: relative;
	}

	#teaser img, .middle-banners .item, .middle-banners .item img, article.vertical img {
		width: 100%;
		height: auto;
	}
	

	#teaser .paging {
		position: relative;
		float: none;
		clear: both;
		top: inherit;
		right: inherit;
		bottom: 0;
		text-align: center;
	}
	
	#teaser:hover .prev,
	#teaser:hover .next {
    /*display: none;*/
	}
	.teaser .prev {
		height: 207px !important;
    	top: -110px !important;
    }
    .teaser .next {
	    top: -110px !important;
   		height: 207px !important;
    }
	
	#teaser .paging span {background-image:none; background-color:#eee; margin: 0 5px; width: 10px; height:10px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
	
	#teaser .paging span.active {background-image:none; background-color:#666;}
	
	#teaser .paging span.pause {}
	
	#header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 6400;
		height: 80px;
		background-color: #fff;
	}
	
	#main {
		margin-top:80px; 
		background-color:#fff;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition:all 0.5s ease;}
    	
	.mm-opened #main {
		margin-top:0;
    	}

	#header img {
		max-width: 180px;
		height: auto;
		padding: 5px 0 0 5px;
	}
	
	.middle-banners .item {
		margin-bottom: 30px;
	}

	article.vertical {
		margin: 0 0 20px 0;
		max-height: 400px;
		height: auto;
	}
	
		#teaser, .middle-banners, .vertical-articles, #footer-container {
			background-color: #fff;
			padding: 0 1px;
			margin-bottom:20px;
		}
		
		.mm-page.mm-slideout #teaser {
			margin-top: 0px;
			
		}
		
		.mm-opening .mm-page.mm-slideout #header {
			position: relative;
		}
		
		.mm-opening .mm-page.mm-slideout#page {
			opacity: 0.25;
		}
		
		.prf-header .prf-header-actions .prf-matrix .button {padding: 14px 20px 14px 10px;}

		/*.footer .menu .menuColumn {
			width: 100%;
		} */

		.print-wrap, .back-to-top, .footer .contact h2 {
			text-align: center;
			font-weight: bold;
		}
		#share-buttons {
			clear: both;
			float: none;
		}

		.footer .contact .socials {
			display:inline-table;
			margin:20px auto 40px auto !important;
			text-align: initial;
		}
		
		.footer .contact .socials a {margin:2px 2px 2px 1px !important; }

		.mm-listview > li:not(.mm-divider)::after {
			left: 0;
		}
		.mm-listview, .mm-listview > li {
			background-image: none;
		}

		/*.footer .menuColumn h2 {
			padding: 10px;
			background-color: #eee;
			margin: 1px 0 0 0;
			font-weight: normal;
		}
		*/
		.footer .contact {
		}

		.footer .contact h2.contactLink {
			/*padding: 10px 0;
			background-color: #eee;
			margin: 1px 0 0 0;
			width: 100%;
			text-align: center;
			text-indent: 0;
			font-weight: normal;*/
			display: none;
		}
/*
		.footer  div.menuColumn > h2 > span {
			display: block;
			float: right;
		}
		
		.footer  div.menuColumn > h2 > span:hover {
			cursor: pointer;
			
		} 
		
		.footer  div.menuColumn ul li {
			text-indent:10px;
			padding: 4px 0;
			font-size: 1.25em;
		}*/
		
		.footer .contact a.button {margin: 10px auto; display:block; max-width: 85%; text-align:center;}
		
		
		/* socials widgets in news */
		#social-sidebar #twitter {margin:20px auto; width: 90%;}
		#social-sidebar .left-side .instagram {clear:both; float: none; margin:20px auto; width: 90%;}
		
		/* international lang selector */
		
		#langs-mobile {display:block;clear:both;width: 92%;margin:40px auto 10px auto;}
		
		#langs-mobile select {
			background-color:#eee;
  			width: 100%;
   			padding: 5px;
   			font-size: 1em;
   			border: 1px solid #ccc;
   			height: 34px;
		}
		
		.pager a.active {color: #ddd;}
		
		/* Products */
		
		.product-finder {width:98%; margin:0 auto;}
		
		.product-finder .design-lines-wrap {display: none;}
		
		.prf-categories-list .prf-category {width: 100%; float:none; clear:both;}
		
		.product-finder .prf-header {height:auto; min-height:120px; margin:10px 0; float:none; clear:both;}
		
		.prf-header h1 {position:relative; display: block; bottom:inherit;}
		
		.product-finder .prf-header .prf-header-subcategories {display:block; margin:10px 0;}
		
		.prf-categories-wrap {display: block;width: 90%; margin:10px auto;}
		
		.prf-header .prf-header-actions {position:relative; display:block; margin:10px 0; top:inherit; bottom: inherit; clear:both;}
		
		.prf-header .prf-header-actions .prf-search {padding:7px; width: 48%; margin-right:5px;}
		
		.prf-header .prf-header-actions .prf-search, .prf-header .prf-header-actions .prf-matrix {margin:5px auto;}
		
		
		.prf-header .prf-header-actions .prf-matrix {display: none;}
		
		.prf-header .prf-header-actions .prf-filters {width: 40%; display: inline-block;}
		
		.prf-header .prf-header-actions .prf-search .button {margin-top:5px;}
		
		.allproductslink {width: 80%; margin: 10px auto; text-align:center; clear:both; float:none; display:block;}

		.desing-lines-list .item {margin: 0 auto 25px auto; clear:both; float:none;}
		
		.prf-products-grid .prf-item {margin:10px auto;}
		
		.prf-products-grid .prf-item .prf-product .prf-img {margin: 0 auto; clear:both;}
		
		#laufenMore {text-indent:-9999px; overflow: hidden; background: url('../img/laufen-UI/more.svg')no-repeat center center; background-size: 24px 24px;border: 1px solid #ddd;height: 25px;margin: 10px auto; width:25px; clear:both; float:none;}
		#laufenMore:hover {cursor: pointer;}
		#laufenMore.less {background: url('../img/laufen-UI/less.svg')no-repeat center center; background-size: 24px 24px;}
		
		p.first-parraph {padding: 0;}
		
		/*FILTERS*/
		.prf-matrix{display:none!important;}
		.prf-filters{display:inline-block!important;}
		.input-min,.input-max{width: 42%;}
		
		#length-range,#width-range{padding:14px 10px 14px 0}
		.range-content{padding-bottom: 10px;}
		.check{color: red;background: none;border: none;}
		
		/* mobile filters */
		.prf-filters-wrapper {display:none; width:100%; background:#eee; position:absolute; top:-70px; z-index: 9999; -webkit-box-shadow: -5px 14px 33px 21px rgba(255,255,255,1);
-moz-box-shadow: -5px 14px 33px 21px rgba(255,255,255,1);
box-shadow: -5px 14px 33px 21px rgba(255,255,255,1); }
		.prf-filters-wrapper .prf-reset {border:0;}
		.prf-filters-wrapper .prf-filters {width:100%;}
		.prf-filters .parent {margin:1px auto; width:100%; display: block; clear:both; }
		.prf-filters .parent > label {background:#ddd; width: 100%; margin: 0 auto; padding: 10px 0 10px 0; font-size: 14px; text-indent:5px; text-transform:uppercase; border:0;}
		.prf-filters .parent > label .icon-arrow-down {margin-right:4px;}
		.header-filters {display: block; position:relative; width: 100%; height:40px;}
		.header-filters p {font-size:14px; padding:12px 5px; font-weight: bold;}
		.header-filters > span {position:absolute; top:2px; right:3px; z-index: 2222; font-size:16px; font-weight:normal; color:#9f9f9f; text-transform:uppercase; }
		.header-filters > span a {padding:3px; color:#000;}
		
		.header-filters > span a:hover {text-decoration:none;}
		.actions.mobile .btn-submit {float:left; margin: 20px 10px; background: #e61f22 none repeat scroll 0 0; border: 0 none; color: #fff; display: inline-block; padding: 10px 40px; text-transform: uppercase;}
		.actions.mobile .prf-reset {float:left; display:inline-block; border:0;}
		.actions .prf-reset .reset-all-filters {margin: 20px 10px; padding: 10px 20px;}
		
		.prf-filters .parent .prf-content .actions, .prf-reset .reset-all-filters {padding-left: 10px;}
		
		/*Design lines article*/
		
		.prf-filters .parent #design-lines-content.prf-content {width: 99.5%; padding-left:0; padding-right:0px;}
		.prf-filters .parent #design-lines-content.prf-content ul.default-list {margin-left:5px;}
		.prf-filters .parent #design-lines-content.prf-content .preview, .prf-filters .parent #unique-product-solutions-content.prf-content .columns .preview {display:none;}
		.prf-filters .parent #design-lines-content.prf-content .preview img {width: 100%;}
		
		.prf-filters .parent #unique-product-solutions-content.prf-content {left:0; width: 99.5%; padding: 20px 0 20px 0; }
		.prf-filters .parent #unique-product-solutions-content.prf-content .columns  {margin-left:5px;}
		.prf-filters .parent #unique-product-solutions-content.prf-content .columns .col {width: 50%;}
		
		.prf-filters .parent #size-ranges-content.prf-content, .prf-filters .parent #size-ranges-content.prf-content .item {width: 99.5%; padding-right:0; padding-left:0;}
		.prf-filters .parent #size-ranges-content.prf-content  .default-list {margin-left:5px;}
		.prf-filters .parent #size-ranges-content.prf-content .item:first-child {margin-right:0;}
		.prf-filters .parent #size-ranges-content.prf-content .range-label {float:none; display:block; clear:both;}
		
		.prf-filters .parent.open .prf-content {padding-left:0; padding-right:0;}
		.prf-filters .parent.open #attachment-InstallationType .default-list, .prf-filters .parent.open #attachment-booleanFilter .default-list  {margin-left:5px;}

		.prf-filters .parent .prf-content .default-list li {width: 100%;}
		
		.prf-filters > .button {height: 17px; margin-left:4px;}
		
		.prf-filters > .button .icon {margin-right:0;}
		
		.product-detail .downloads .item {margin:10px 0 20px 0;}
		
		.gallery.carousel .carousel-inner { width: 85%; margin: 0 auto; left:inherit;}
		
		.gallery.carousel .carousel-nav.nav-next {right:0;}
		
		.downloads {width:100%!important;} 
		
		.item {width:100%!important;margin:20px 10px 20px 10px;}
		
		.product-detail .downloads img { float:left; margin-right: 5px;}
		
		.product-detail .downloads .view .text, .product-detail .downloads .download .text {display:block;color:grey; margin-left:35px;margin-top:4px;} 
		/*.product-detail .downloads .view span, .product-detail .downloads .download span {display:block;color:grey;margin-left:35px} */
		.product-detail .downloads .view , .product-detail .downloads .download{width:69%;background-position: initial; margin-right:0; padding-right:0;}
		.product-detail .downloads .view .icon, .product-detail .downloads .download .icon, .product-detail .downloads .favourite .icon, .product-detail .downloads .addToFavourites .icon{float:left;}
		
		#loadMore{display:block;cursor:pointer;}
		#loadMore::after{content: ""; display: block; height: 1px; width: 100%; background: grey; margin-top:10px;}
		.loadMore{display:block;cursor:pointer;}
		.loadMore::after{content: ""; display: block; height: 1px; width: 100%; background: grey; margin-top:10px;}
		
		.product-detail .content .fist-parraph {padding: 0;}
		
		.product-detail .country-select {text-align:center; margin: 20px auto; padding:10px 0; border:1px solid #ddd;background-image:none; text-align:center; display:block;}
		.product-detail .country-select:hover {border-color:#666;}
		
		.gallery.carousel .slides-wrap .slide {margin-right:1px !important;}
		.gallery.carousel .slides-wrap .slide a {padding: 0 2px; background-color:#eee;}
		
		/* lightbox */
		.pp_pic_holder.pp_default { left:0 !important; top:18.5% !important;  width: 100% !important; position:fixed !important;}
		.pp_pic_holder.pp_default .pp_content {width: 100% !important;height:100% !important;}
		.pp_pic_holder.pp_default #pp_full_res img {width: 100% !important; height: auto !important;}
		.pp_content, .pp_content_container .pp_details {background-color: transparent !important;}
		.pp_content {padding: 0;}
		a.pp_previous {left:0% !important; background-position:left top;}
		a.pp_next {right:0% !important; background-position:right top;}
		div.pp_overlay {width: 100% !important;}
		a.pp_next, a.pp_previous {height: 50px !important; top:45% !important;z-index:0;}
		.pp_gallery{z-index:9999;position:absolute;}
		div.pp_pic_holder {}
		.pp_gallery div, .pp_gallery ul {width:100% !important; }
		.pp_hoverContainer {width:100% !important; height:100% !important; /*min-height:370px*/; margin:0 auto;}
		.pp_gallery ul a {width:100% !important;}
		.pp_gallery li {width: 23% !important;}
		.pp_arrow_next, .pp_arrow_previous {display:none !important;}
		.pp_details, .pp_description {width: 100% !important; background-color:#fff; margin:0 !important; padding: 0 !important;}
		.pp_description {padding:2px !important; margin:0 !important;}
		.pp_content_container .pp_details {margin:0 !important; padding: 0 !important;}
		.pp_download {left:5px; top: 5px;}
		
		
		
		/* Press, News */
		#main > section.col.colLeft img {width: 100%;}
		
		#articles-in-press {}
		
		#social-sidebar #images {width: 100%; margin-left:0;}
		.press-releases, #social-sidebar .instagram, .link-right a  {margin-left:0;}
		
		.link-right a::after {margin-left:0 !important;}
		
		#latest-videos > iframe, .richtext iframe {width: 100%; height: auto; margin:auto;}
		
		#news-list > article .article-content {max-height:inherit;}
		
		#news-list > article > a > p {clear:both; float:none; width: 100%; margin:0; padding:0;  }
		
		#images-flickr > a > img, .instagram a > img {margin: 0 0 2px 2px;}
		
		#social-sidebar .twitter-timeline {width: 100% !important; max-width:100% !important;}
		
		#social-sidebar .view-more {display:table; margin:10px; padding:2px;}
		
		.images-flickr {display: inline-block;}
		
		#social-sidebar .left-side #images, #social-sidebar #tags, #latest-videos {width: 90%; margin: 20px auto; float:none; clear:both;}

		/* events */
		
		.horizontal-articles.events-fairs article.horizontal {padding-left:50%;}

				
		/* PRODUCT DETAILL */
		
		.product-detail .product-detail-content .product-detail-sidebar .product-detail-img .product-detail-img-wrap {width: 99%;}

		.product-detail-content .product-detail-sidebar .product-detail-img  {height:235px; overflow:hidden; display: block; clear:both; float:none; margin-bottom:20px; padding-bottom:50px; width: 100% !important; }
		
		.product-detail .product-detail-content .product-detail-sidebar .product-detail-img > a {width: 100% !important;}
		
		.product-detail-img .carousel-nav {bottom: -1px; left:0;}
		
		.product-detail-img .carousel-nav a {padding:6px; margin-right:5px; display: inline-block;}
		
		.hover-image {
				border: 1px solid #d5d5d5;
				display: none;
				left: 0;
				max-width: 100%;
				position: absolute;
				top: 250px;
				z-index: 999;
			}
			
			.product-detail .product-detail-content .product-detail-sidebar .product-detail-img .product-detail-img-wrap {height:auto;}

			
			.product-detail .product-detail-content .product-detail-sidebar .product-detail-img .product-detail-img-wrap img {
				clear: both;
				display: block;
				float: none;
				height: auto;
				margin: 0 auto;
				text-align: center;
				width: 80%;
			}
			
			.product-detail .product-detail-content .product-detail-main .product-info-box .dimensions-list .item {float: none; width: 100%; margin:0;}
			.product-detail .product-detail-content .product-detail-main .product-info-box .colors-list .item {float: none; width: 70% !important; margin:0;}
			.brochures-download-list {width: 100%;}
			.brochures-download-list .item {width: 70% !important;}
			
			.related-products-box .prf-products-grid {float: none; width: 100%; margin:0;}
			.related-products-box .prf-products-grid .prf-item {margin-left:0;}
			
			.product-detail .product-detail-content .product-detail-main .product-info-box .product-options-table th {width: 80%}
			.product-detail .product-detail-content .product-detail-main .product-info-box .product-options-table td {width: 20%; text-align:right;}	
					
		/*REFERENCES LOCAL*/
		article.horizontal a{padding: 0;}
		article.horizontal img {width: 100%;height: auto;position:relative}
		article.horizontal h2 {padding: 10px 0;}		
		nav.subnav > ul { display: none; position: relative;  margin: 0;  background: #dddddd;}		
		nav.subnav > ul li  {width: 100%; background-color:#f7f7f7; line-height: 25px; font-size: 16px; cursor: pointer; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#dddddd; border-right: 0;}		
		nav.subnav > ul li a:hover {color:#666; background-color:#f7f7f7; border-color:none; box-shadow: none;}
		
		
		.pager a.next{float:right;}
		.pager a.prev{float:left;}
		.pager{text-align:center; color:#fff; padding: 20px 0;}
		#main > div.article-images > article{text-align:center;}
		#main > div.article-images > article > a > span.larger-photo-link {text-transform: uppercase;position:absolute;left: 0;background-color: #e8e8e8;width: 141px;margin-left: auto; margin-right: auto; left: 0; right: 0;padding: 10px;border: 1px solid #BFBFBF;}
		#main > div.article-images > article > a > span.larger-photo-link > span {display: none;}
		#main > div.article-images > article:nth-child(1) > a > img{margin-top: 50px;}
		
		.content.richtext table { width: 100% !important;}
		
		.content.richtext table td {height:auto !important;}
		
		.content.richtext table td img {width: 75%;}
		
		/*SHOWROOMS*/
		#main #showrooms_map {width: 100%;}
		#.showrooms{display: none} 
		div.paging.showroom-paging{display:none}
		.cityFilter{display: block; width: 90%; margin: 0 auto;}
		.cityFilter input#cityFilter {width: 100%; padding: 8px 0; border-radius: 0;}
		.cityFilter label {display: block; width: 100%}
		.cityFilter .icon.icon-search {position:absolute !important; top: 24px !important; right: 10px; left: inherit !important;}
		.miniShowRooms{display: block!important;}
		.zip{padding-left: 33%}
		div.miniShowRoom > div.description{display: none;padding-bottom: 10px;}
		div.miniShowRoom > h4 { cursor: pointer}
		#showrooms_map > div > div> div > div > div > div.gm-style-iw > div > div{overflow: hidden!important;}
		#showrooms_map{	width: 100%!important;}
		/* more links */
		
		/*SHOWROOMS*/
  		.highlight{font-weight: bold;}
		.miniShowRooms{display: none;padding: 10px;}
		.miniShowRoom{background: #f9f9f9;clear:both;padding-bottom: 3px;}
		.miniShowRoom > h4{	background: #e8e8e8;padding: 12px;font-size: 14px;}
		div.description > div > h5{	padding: 13px 13px 5px 13px;font-size: 12px;}
		div.description >div> span{	padding: 0 0 0 13px;}
		.miniShowRoom > div >div.field.findOnMap{clear:both;padding-top: 8px;}
		.miniShowRoom > div > div.field.findOnMap > a{color:#e61f22;padding: 0 0 0 13px;text-decoration: underline;	}
		.city{float:left;}
		.phone{float:left;}
		
		.miniShowRoom .icon-arrow-down  {float:none; clear:both; margin-top:-15px;}
		.miniShowRoom  h4.highlight > .icon-arrow-down {display:block; -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
		
	  .rotate {display:block;float:right;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);	}
	  .selector  { line-height: 25px; font-size: 16px; padding: 10px; cursor: pointer; text-align:center; background-color: white; border: none; margin: 0 auto; clear: both; float: none; display: block;}
	  p.buttonMore.shortened span {text-align:center;}
	  a.morelink{font-size: 13px; color: rgb(255, 0, 0)!important; opacity: 1;text-transform: uppercase;margin:10px 38%;}
	  a.morelink.less{margin:10px 45%;}
	  #loadMore{display:none;text-align:center; font-size: 13px; color: rgb(255, 0, 0);padding-bottom: 30px;}
	  .loadMore{display:none;text-align:center; font-size: 13px; color: rgb(255, 0, 0);padding-bottom: 30px;}
		
		/* CATALOGUE */
		
		.catalogues .catalogue { width:100%;height:auto;}
		.catalogues .catalogue img {float:left;margin-right:20px;}
		.catalogues .catalogue a {display:block;}
		
		.catalogues .add-to-favourites-link.addToFavourites, .brochures-download-list .add-to-favourites-link.addToFavourites, .downloads-table .add-to-favourites-link.addToFavourites  {display:none;}
		
		.catalogues-order {width: 80%; margin:10px auto; display:block; clear:both;}
		
		.catalogues-order .button {width: 100%; margin:0;}
		
		.product-info-box .downloads-table td, .product-info-box .downloads-table th  {width: 48.5%; padding: 0 10px 25px 25px;}
		
		.button {width:90%;text-align: center;margin-left: 1%}
		
		.content {width:98%; margin: 0 auto; float:none; clear:both;} 
		div.article-images {width: 100%;float:left;}
		.article-images .larger-photo-link {text-align:center;}
		
		/* FIXME - below content move to external css screen.css */
	[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


	.mm-listview > li > a, .mm-listview > li > span {color:#000;}
	.mm-listview > li > a:hover, .mm-listview > li > a:focus  {color:#888;}
	
#site > ul li ul li { background: url('../img/laufen-UI/menu_gray_arrow.png') right 50% no-repeat;}
#site > ul li ul li:hover { background: url('../img/laufen-UI/menu_black_arrow.png') right 50% no-repeat; }
#site > ul > li > a:hover, #site > ul > li:hover > a, #site > ul > li.active > a { background: url('../img/laufen-UI/menu_white_arrow.png') right 50% no-repeat #999;}
#site > ul > li > a { background: url('../img/laufen-UI/menu_white_arrow.png') right 50% no-repeat; }
#site ul li div .details li div .more { background: url('../img/laufen-UI/learn_more.png') 0 50% no-repeat;}

.loader {
background-image: url('../img/laufen-UI/ajax-loader.gif');
}

.gallery.carousel .carousel-nav .arrow-next {
 background-image: url('../img/laufen-UI/pretty-next.png'); background-position: center right;
}

.gallery.carousel .carousel-nav .arrow-prev{
 background-image: url('../img/laufen-UI/pretty-prev.png');
}

.matrix-header th{background:url('../img/laufen-UI/matrix-header.gif') bottom left repeat-x;}

.pp_loaderIcon,
.loader-big {
  background: url('../img/laufen-UI/preloader.gif') center center no-repeat;
}

.pp_close {
   background: url('../img/laufen-UI/pretty-close.png') 0 0 no-repeat;
}

#site > ul > li > div,
#site > ul > li > div > ul,
#site li li:hover > div {
    background: url('../images/laufen-UI/menu.png');
}

.product-detail .downloads h3 {width:100%;}
/*header,p {width:100%!important}*/

.large-photo-link {display: block; width: 50%; margin:0 auto;}

div.article-images {display: block;}

div.article-images article img {
	clear: both;
    display: block;
    float: none;
    margin: 10px auto;
    text-align: center;
    width: 240px;
    }
			
	}
	
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
     
}

/* iPhone 6 and iPhone 6+ portrait and landscape ----------- */
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){ 
  
}


/* iPads (portrait and landscape) ----------- */
	@media only screen
	and (min-width : 768px)
	and (max-width : 1024px) {
		
		body {min-width: 1000px;}
		
		.laufen-logo img {}
		
	.vertical-articles article.vertical, .horizontal-articles article.horizontal {
			clear: none;
			display: inline-block;
			float: left;
			padding: 0;
			width: 31.65% !important;
			height:280px;
		}	
		
		.vertical-articles article.vertical img {
			width: 100%;
			height: auto;
			margin:0 0 10px 0;
			padding:0;
		}
		
		.horizontal-articles article.horizontal img {
			width: 95%;
			height: auto;
			margin:5px 0 10px 0;
			padding:0;
		}
		
		.horizontal-articles article.horizontal a, .horizontal-articles article.horizontal a h2 {padding: 0;}
		.horizontal-articles article.horizontal h2 {margin-top:130px; clear: both; float:none; display:block; }

	}


/* ==========================================================================
   Large screens
   ========================================================================== */

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

	}


/* more Smartphone, use this only for specific layout problems  ----------- */

	@media only screen
	and (min-width : 0)
	and (max-width : 335px) {
		#teaser .items {max-height: 120px;}
		#teaser .item {height: 120px;}
	
	}

	@media only screen
	and (min-width : 335px)
	and (max-width : 400px) {
		#teaser .items {max-height: 150px;}
		#teaser .item {height: 150px;}
	}
	
	@media only screen
	and (min-width : 401px)
	and (max-width : 480px) {
		#teaser .items {max-height: 160px;}
		#teaser .item {height: 160px;}
	}
	
	@media only screen
	and (min-width : 480px)
	and (max-width : 568px) {
		#teaser .items {max-height: 180px;}
		#teaser .item {height: 180px;}
	}
		
	@media only screen
	and (min-width : 568px)
	and (max-width : 667px) {
		#teaser .items {max-height: 230px;}
		#teaser .item {height: 230;}
	}
	
	@media only screen
	and (min-width : 568px)
	and (max-width : 748px) {
		
		.middle-banners > .item, .vertical-articles article.vertical, .horizontal-articles article.horizontal  {
			clear: none;
			display: inline-block;
			float: left;
			padding: 0.5%;
			width: 49% !important;
		}
		
		.prf-categories-list .prf-category {
			clear: none;
			display: inline-block;
			float: left;
			padding: 1px;
			width: 49% !important;
			
		}
		
		.vertical-articles article.vertical {min-height: 150px;}
		
		.horizontal-articles article.horizontal {height: 330px;}
		
		
		.middle-banners .item img {
			width: 100%;
		}

	}
	

.ct-close {
 display: none;
}