.devices-container{margin:0 -7px}
.devices-container-md .device-card{width:24%}
.devices-container-sm .device-card{width:15.6%}
.device-card{display:inline-block;margin-left:.5%;margin-right:.5%;margin-bottom:14px;text-shadow:1px 1px 1px rgba(0,0,0,.5);filter:brightness(100%);transition:.2s filter linear;box-shadow:0 1px 2px rgba(25,25,25,.4)}
.device-card:hover,.device-card-hover{filter:brightness(105%);transition:.2s filter linear;box-shadow:0 1px 3px rgba(25,25,25,.6)}
.dummy-card{margin-bottom:8px}
.dummy-card div{background-color:#fafafa;min-height:320px}
.devices-container-sm .dummy-card div{min-height:280px}
.void-card{display:inline-block;margin-left:.5%;margin-right:.5%;width:99%;margin-bottom:14px;min-height:318px;box-shadow:none;background-color:#fafafa;border:solid 1px #e5e5e5}
.void-card div{padding:70px 40px}
.devices-container-sm .void-card{min-height:278px}
.device-card-header{overflow:hidden;position:relative;height:180px}
.device-card-header-bg{transition:all .2s ease-in-out;position:absolute;top:0;bottom:0;width:100%}
.device-card:hover .device-card-header-bg,.device-card-hover .device-card-header-bg{-webkit-backface-visibility: hidden; transform:scale(1.15, 1.15)}
.devices-container-sm .device-card-header{height:140px}
.device-card-body{position:relative;color:#fff;min-height:140px}
.devices-container-sm .device-card-body{min-height:140px}
.device-card-body-span{padding:5px;padding-top:16px;line-height: 12px}
.devices-container-sm .device-card-body-span{padding-top:20px;line-height: 12px}
.device-card-title{color:#fff;font-size:20px;font-weight:300}
.devices-container-sm .device-card-title{font-size:12px;line-height:14px;font-weight:600}
.devices-container-sm .device-card-subtitle{font-size:12px;line-height:12px}
.device-card-info{width:100%;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7));position:absolute;top:40%;bottom:0;left:0;padding:0}
.device-card-info-container{margin:10px;margin-top:42px;color:#fff}
.devices-container-sm .device-card-info-container{margin-top:22px}
#home-nearby-container{position:absolute;top:0;width:100%;pointer-events:none}
#home-nearby-nowcast{position:absolute;top:0;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.5)}
#home-nearby-nowcast > div{border-right:1px solid rgba(0,0,0,.125);border-left:1px solid rgba(0,0,0,.125);height:425px;width:400px;position:relative;color:#fff;z-index:500}
.device-nowcast-hero{margin-top:20px;text-align:center;font-size:84px;line-height:100px;font-weight:300}
.device-nowcast-hero sup{font-size:60%}
.device-nowcast-header{position:absolute;top:0;border-bottom:1px solid rgba(0,0,0,.125);background-color:rgba(0,0,0,0.05);line-height:30px}
.device-nowcast-header div:first-child{padding-left:20px}
.device-nowcast-header div:last-child{padding-right:20px}
.device-nowcast-footer{position:absolute;bottom:0;border-top:1px solid rgba(0,0,0,.125);background-color:rgba(0,0,0,0.05);line-height:30px}
.device-nowcast-footer div:first-child{padding-left:20px}
.device-nowcast-footer div:last-child{padding-right:20px}
.device-card-hero{font-size:46px;line-height:60px;font-weight:300}
.device-card-hero sup{font-size:60%}
.devices-container-sm .device-card-hero{font-size:30px;line-height:50px}
.device-card-footer{position:absolute;bottom:0;border-top:1px solid rgba(0,0,0,.125);background-color:rgba(0,0,0,0.05);line-height:30px;font-size:12px}
.device-card-footer div:first-child{padding-left:20px}
.device-card-footer div:last-child{padding-right:20px}
.devices-container-sm .device-card-footer{font-size:11px}
.devices-container-sm .device-card-footer i{display:none}
.devices-container-sm .device-card-footer div:first-child{padding-left:10px}
.devices-container-sm .device-card-footer div:last-child{padding-right:10px}
.icon-stack{display:inline-block!important;font-size:12px;line-height:20px}
#devices-popular .icon-stack,#devices-followers .icon-stack,#devices-newest .icon-stack,#devices-lastviews .icon-stack{font-size:75%}
#home-nearby-map{border-bottom:solid 1px #eee;width:100%;height:425px;z-index:0}
.home-separator{border-bottom:solid 1px #eee;width:100%;height:1px;margin-top:30px;margin-bottom:0}
#page-index{margin-top:-10px}
#page-index .page-categories{background-color:#fff;padding-left:10px;padding-right:10px;min-height:300px}
#page-index h2{margin:15px 0 20px}
.leaflet-bottom{z-index:499}
#device-nowcast-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:.9}
#device-nowcast-fg{position:absolute;top:0;left:0;right:0;bottom:0}
.device-nowcast-body{padding:15px 20px}
#device-nowcast-city{margin-top:80px;margin-bottom:10px}
#home-nearby-button{display:none;position:absolute;z-index:501;top:20px;pointer-events:auto;}
#home-nearby:hover #home-nearby-button{display:block}
.device-card-header-label{padding:5px;position:absolute;left:0;right:0}
@media (max-width: 1440px) {
.devices-container-md .device-card{width:32%}
.devices-container-sm .device-card{width:24%}
}
@media (max-width: 1200px) {
.devices-container-md .device-card{width:32%}
.devices-container-sm .device-card{width:24%}
}
@media (max-width: 979px) {
.devices-container-md .device-card{width:32%}
.devices-container-sm .device-card{width:32%}
.device-card-header{height:140px}
.device-card-body-span{padding-top:20px}
.device-card-hero,.devices-container-sm .device-card-hero{font-size:40px;line-height:50px}
.device-card-title{font-size:12px;line-height:14px;font-weight:600}
.device-card-subtitle{font-size:12px;line-height:12px}
.device-card-info-container{margin-top:22px}
.device-card-footer div:first-child,.devices-container-sm .device-card-footer div:first-child{padding-left:10px}
.device-card-footer div:last-child,.devices-container-sm .device-card-footer div:last-child{padding-right:10px}
.device-card-footer{font-size:11px}
.device-card-footer i{display:none}
}
@media (max-width: 767px) {
#home-nearby:hover #home-nearby-button{display:none}
#home-nearby-button{display:none;}
#container{margin-top:-14px}
#home-nearby-container{pointer-events:auto}
.void-card,.devices-container-sm .void-card{min-height:138px}
.void-card div,.devices-container-sm .void-card div{padding:0 20px}
.dummy-card div,.devices-container-sm .dummy-card div{min-height:140px}
.devices-container-md .device-card{width:99%}
.devices-container-sm .device-card{width:99%}
.device-card-footer div:first-child,.devices-container-sm .device-card-footer div:first-child{padding-left:3px}
.device-card-footer div:last-child,.devices-container-sm .device-card-footer div:last-child{padding-right:2px}
.device-card-footer .text-right, .device-nowcast-footer .text-right{text-align:right}
.device-card-info-container{margin-top:16px}
.device-card-header{float:left;width:48%;height:140px}
.device-card-header .text-right{text-align:left}
.device-card-info .pull-right{float:left;font-size:12px}
.device-card-body{position:relative;float:left;width:52%}
#page-index .span4, #user-view-devices .span4, #user-view-favorites .span4{float:left;width:31.914893617021%}
#page-index .span6, #user-view-devices .span6, #user-view-favorites .span6{float:left;width:50%}
.text-right{text-align:right}
#home-nearby{margin-top:0}
#home-nearby-nowcast{width:100%;overflow:hidden;}
#home-nearby-nowcast > div{width:100%;margin-left:-1px}
#home-popular-country{float:right;width:80px}
#home-popular-period{float:right;width:80px}
#home-nearby-distance{width:165px}
#home-followers-country{width:165px}
#home-newest-country{width:165px}
}