#devices-contract-filters {padding-top:1.5em; padding-bottom:1.5em;}
#devices-contract-filters .select-container {margin:0 0 1em;}
#devices-contract-filters .select-container select {}
#devices-contract-filters .select-container .and {display:inline-block; margin:0 0.5em;}

#device-filters {float:left; width:30%; background:#efefef;}
#device-filters .device-filters-head {background:#bdd5e1; padding:10px 18px; margin:0; font-size:18px; line-height:1.25; text-transform:uppercase; font-family:Tele-groteskhal;}
#device-filters .filters-field {padding:10px 18px; position:relative;}
#device-filters .filters-field + .filters-field {border-top:1px solid #fff;}
#device-filters .filters-field-trigger {position:absolute; display:block; text-align:center; font-size:18px; font-family:Arial; font-weight:bold; line-height:22px; right:0; top:0; width:22px; height:22px; border:1px solid #fff; border-top:none; color:#fff; border-right:none; background:rgb(189,213,225); background:rgba(189,213,225,0.75);}
#device-filters .filters-field-trigger:before {display:block; content:'–';}
#device-filters .filters-field-trigger.active:before {content:'+';}
#device-filters .field-toggle {margin-top:10px;}
#device-filters .group-radio, #device-filters .group-check {margin:0;}
#device-filters .group-radio label, #device-filters .group-check label {display:inline-block; padding-bottom:4px;}
#device-filters .group-radio li, #device-filters .group-check li {padding-top:4px;}

.device-main-list {width:70%; float:left;}
.device-list-box-2015 {float:left; width:48%; margin:0 0 2% 2%; background:#efefef; text-align:center;}
.device-list-box-2015 .device-description {display:block; color:inherit; -webkit-transition:all 250ms; -moz-transition:all 250ms; -ms-transition:all 250ms; -o-transition:all 250ms; transition:all 250ms;}
.device-list-box-2015 .device-description:hover {background:#e5e5e5;}
.device-list-box-2015 .device-description, .device-list-box-2015 .device-prices {padding:20px; position:relative;}
.device-list-box-2015 .device-image {height:280px; margin:0 0 16px;}
.device-list-box-2015 .device-image img {height:100%; width:auto;}
.device-list-box-2015 .device-colours {list-style-type:none;}
.device-list-box-2015 .device-colours li {display:inline-block; border:1px solid #333; margin:0 4px; width:12px; height:12px;}
.device-list-box-2015 .device-name {margin:0; font:normal 24px/1.25 Headline; text-transform:uppercase; height:1.25em; overflow:hidden;}
.device-list-box-2015 .device-accessory {margin:0; font:normal 16px/1.25 Tele-grotesk; height:1.25em; overflow:hidden;}
.device-list-box-2015 .device-prices {background:#dfdfdf;}
.device-list-box-2015 .device-prices h3 {font:normal 16px/1.25 Tele-grotesk; text-transform:uppercase; margin:0 0 10px;}
.device-list-box-2015 .device-prices .device-price {display:inline-block; color:#e20074; font:normal 40px/0.8 Tele-groteskult;}
.device-list-box-2015 .device-prices .price-plus {}
.device-list-box-2015 .device-prices .price-monthly {font-family:Tele-groteskfet; position:relative; padding-left:30px;}
.device-list-box-2015 .device-prices .price-monthly:before {display:block; width:30px; content:'+'; position:absolute; text-align:center; left:0; }
.device-list-box-2015 .device-prices .device-price .note {color:#333; font:normal 14px/1 Tele-grotesk; display:block;}
.device-list-box-2015 .device-prices .tarif-head {margin:4px 0 0; font-size:14px;}
.device-list-box-2015 .device-prices .device-tarif {font-size:18px; text-transform:uppercase; margin:0;}
.device-list-box-2015 .device-prices .device-tarif a {text-decoration:none;}
.device-list-box-2015 .label-compare {display:block; background:#408f9a; color:#fff; padding:6px; cursor:pointer; -webkit-transition:all 250ms; -moz-transition:all 250ms; -ms-transition:all 250ms; -o-transition:all 250ms; transition:all 250ms;}
.device-list-box-2015 .label-compare:hover {background:#367a83;}
.device-list-box-2015 .label-compare .input-check {float:none; cursor:pointer;}

.compare-dashboard-box li > img {height:auto;}

@media screen and (max-width: 1000px) {
	.device-list-box-2015 .device-image {height:auto;}
	.device-list-box-2015 .device-image img {height:auto;}
}
@media screen and (max-width:767px) {
	#device-filters {width:100%; margin:0 0 16px;}
	.device-main-list {width:100%;}
	.device-list-box-2015 {width:49%; margin:0 0 16px;}
	.device-list-box-2015:nth-child(odd) {margin-right:2%;}
	#devices-contract-filters .select-container select {max-width:240px;}
	#device-filters .filters-field {display:none;}
	#device-filters .filters-field.active {display:block;}
	.device-filters-head {cursor:pointer; position:relative;}
	.device-filters-head:after {display:block; position:Absolute; content:''; right:16px; top:50%; margin-top:-7px; background:transparent url(/webresources/images/design/up-down-filters.png) no-repeat center top; width:26px; height:13px;}
	.device-filters-head.active:after {background-position:center bottom;}
	#device-filters .filters-field-trigger {width:41px; height:41px; line-height:41px; font-size:24px;}
	#device-filters .filters-field .field-toggle {margin-top:16px;}
	.device-list-box-2015 .label-compare {display:none;}
}
@media screen and (max-width:600px) {
	.device-list-box-2015 {width:100%; margin:0 0 16px;}
	.device-list-box-2015 .device-image img {max-width:360px !important; width:100%;}
	#devices-contract-filters .select-container select {max-width:100%;}
	#devices-contract-filters .select-container .and {display:block; margin:0 0 0.25em;}
}	
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
	.device-filters-head:after {background-image:url(/webresources/images/design/up-down-filters@2x.png); background-size:26px 28px;}
}