.ios-device {
    background: #121212;
    border: 1px solid #000;
    position: relative;
    box-sizing: border-box;
    margin: auto;
    margin-top: 10px;
}
.ios-device:after {
    width: 32px;
    height: 32px;
    border: 1px solid #444;
    border-radius: 50%;
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
}
.ios-device.small:after {
    width: 26px;
    height: 26px;
}
.ios-device__screen {
    border-radius: 2px;
    background: #222;
    height: 100%;
}

.ios-device__screen {
    top: 60px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    bottom: 60px;
    right: 20px;
    left: 20px;
    height: auto;
    background: #fff;
}
.ios-device--gold {
    background: #fff;
    border-color: #f1e2d0;
}
.ios-device--gold::after {
    border-color: #f1e2d0;
}
.iphone-6s-plus {
    border-radius: 36px;
    width: 454px;
    height: 858px;
    padding: 0;
}
.iphone-6s-plus.small {
    width: 236px;
    height: 458px;
}
.iphone-6s-plus.small .ios-device__screen {
    top: 45px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    bottom: 45px;
    right: 15px;
    left: 15px;
    height: auto;
    background: #fff;
}
.ipad-mini-3 {
    border-radius: 6px;
    width: 134px;
    height: 200px;
    padding: 18px 8px;
}
.ipad-mini-3--medium {
    border-radius: 9px;
    width: 201px;
    height: 300px;
    padding: 27px 12px;
}
.ipad-mini-3--large {
    border-radius: 12px;
    width: 268px;
    height: 400px;
    padding: 36px 16px;
}
.ios-device--medium::after {
    width: 12px;
    height: 12px;
    bottom: 4px;
}
.ios-device--large::after {
    width: 16px;
    height: 16px;
    bottom: 5px;
}
.ipad::after {
    bottom: 4px;
}
.ipad.ios-device--medium::after {
    bottom: 6px;
}
.ipad.ios-device--large::after {
    bottom: 9px;
}