html,body{
    height:100%;
    min-height:100%;
}
body{
    box-sizing: border-box;
    overflow: auto;
    position:relative;
    height:auto;
    /*padding-bottom:40px;*/
}
#device{padding-top:5rem;}
#device h2{
    font-size:24px;
    margin-bottom:58px;
}
.device-content{padding:0 5rem 40px 5rem;}
.device-items>img{width:100%;}
.device-items>h3{
    font-size:24px;
    padding:10px 0;
    color:#3f9af1;
    border-bottom:1px solid #3f9af1;
    margin-bottom:10px;
    text-align: center;
}
.device-items>p{
    font-size:12px;
    line-height:16px;
    height:48px;
    max-height:48px;
    margin-bottom:10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.device-items{margin-bottom:20px;}

@media screen and (max-width:767px){
    #device{padding-top:4rem;}
    .device-content{padding:0 1rem 40px 1rem;}
}



.theme-black,.theme-white{
    position:absolute;
    bottom:0;
    left:0;
}