body{
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}
.nav-banner {
    background: url("../image/banner-min.jpg");
    background-size: cover;
    max-width:100%;
    width: 100%;
    height: 100vh;
    background-position: center center;
}
.banner-btn{
    position: absolute;
    top: 52%;
    left: 3%;
}
.content{
    padding: 20px 0;
}
.items {
    color: #fff !important;
    background-color: #212529 !important;
    border: none !important;
}
.card-body{
    position: relative;
    left: -200px;
}
@media only screen and (min-device-width: 260px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
    .card-body {
            position: relative;
            left: 0;
        }
    .nav-banner {
        height: 500px;
    }
}
@media only screen and (min-device-width: 260px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .card-body {
            position: relative;
            left: 0;
        }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1185px) and (-webkit-min-device-pixel-ratio: 1) {
    .card-body {
            position: relative;
            left: 0;
        }
}