.hero-single {
    width                : 100%;
    height               : 100vh;
    background-size      : cover !important;
    background-position  : center center !important;
    background-repeat    : no-repeat !important;
    background-attachment: scroll;
}

@media (min-width: 1400px) {
    .hero-single {
        height             : 90vh;
        background-position: center top;
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .hero-single {
        height             : 85vh;
        background-position: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-single {
        height             : 70vh;
        background-size    : cover;
        background-position: top;
    }
}

@media (max-width: 767px) {
    .hero-single {
        height             : 500px !important;
        background-size    : cover !important;
        background-position: center !important;
    }
}

@media (max-width: 480px) {
    .hero-single {
        height             : 450px !important;
        background-position: center center !important;
    }

    .theme-btn {
        padding: 7px 15px;
    }

    .hero-single .hero-content .hero-title {
        font-size: 1.2rem !important;
    }

    .hero-single .hero-content p {
        font-size: 0.7rem !important;
    }

    .hero-content {
        margin-bottom: -140px;
    }
}