BK.com responsive them Preview 3

resp_preview3.css

/* BenKaminski Preview Styles */
html {
height: 100%;
width: 100%;
position: relative;
}
body {
background: #fff;
margin: 0;
height: 100%;
}
iframe {
position: relative;
width: 100%;
height: 98%;
display: block;
margin: 0 auto;
}
li {
list-style: none;
}
#preview-bar {
height: 80px;
width: 100%;
background-image: url('../img/office.png');
border-bottom: 6px solid #666;
top: 0;
}
#icon-area {
width: 400px;
height: 80px;
float: right;
margin-top: -78px;
}
.icon-row {
display: inline-block;
margin-left: 25px;
}
#bk-logo {
width: 350px;
height: 80px;
background-image: url('../img/bk-logo.png');
background-repeat: no-repeat;
background-position: left 25px center;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#bk-logo {
background-image: url('../img/[email protected]');
background-size: 350px 80px;
}}
@media (max-width: 767px) {
#icon-area {
display: none;
}}