.btsHero {
    border-top: 100px solid #000;
    margin-top: 0;
    padding-top: 0;
}
.btsHero .c1 {
    background:#fff;
    padding:20px 35px
}
.btsHero h1.title {
    font-size:38px;
    font-weight:800;
    line-height:44px;
    color: #000;
    text-transform: none;
    margin-bottom: 30px;
    letter-spacing: -1.6px;
}
.btsHero .subtitle {
    font-weight:500;font-size:22px;line-height:28px;letter-spacing:-0.15px;
    margin-bottom:30px
}
.btsHero .primary-theme-btn {
    cursor: pointer;
    margin: 0 auto 0 0
}
.btsHero .mobileHeroContainer {max-height:350px;overflow:hidden}
.btsHero .mobileHeroContainer img {width:100%}

@media (max-width: 576px) {
    .btsHero .mobileHeroContainer {max-height:400px}
}

@media (max-width: 768px) {
    .btsHero > .container {
        padding: 0;
        max-width: unset;
    }
}

@media (min-width: 768px) {
    .btsHero.section-top {height:520px}
    .btsHero {padding-bottom:20px;margin-bottom:30px}
    .btsHero .mobileHeroContainer {display:none}
    .btsHero .c1 {
        background: rgba(255, 255, 255, .9);
        padding:25px;
        width:410px;
        margin:30px 0 0 15px
    }
    .btsHero h1.title {
        margin-bottom:23px;
    }
    .btsHero .subtitle {
        letter-spacing: -0.55px;
    }
}

@media (min-width:992px) {
    .btsHero.section-top {min-height:unset;height:600px}
    .btsHero .c1 {
        width:500px;
        margin-top:60px;
        padding:30px
    }
    .btsHero h1.title {
        font-size:42px;
        line-height:50px
    }
    .btsHero .subtitle {
        font-size: 23px;
        line-height: 27px;
    }
}

@media (min-width:1279px) {
    .btsHero.section-top {height:650px}
    .btsHero .c1 {width:600px;padding:35px;margin:70px 0 0 50px}
}

@media (min-width:1400px) {
    .btsHero.section-top {height:700px}
}