.homeSlider {
    padding: 30px 0;
    &__left {
        max-width: calc(100% - 390px);padding-right:30px;
    }
    &__right {
        max-width: 390px;
    }
    h4 {
        font-weight: normal !important;
    }
    h2{
        @media(min-width:1200px){
            max-width: 400px;
        }
    }

    p {
        font-family: font(sm);
        max-width: none !important;
    }
    .intro-content {
        background-size: cover;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 400px;
        display: flex;
        align-items: center;
        padding: 50px 50px;
    }
    .mybtn1 {
        border-radius: 3px !important;
        color: #000 !important;
        &:hover {
            background-color: color(500) !important;
        }
    }
    @include media-breakpoint-down(lg) {
        &__left {
            max-width:100%;
            width:100%;
            padding-right:0px;
        }
        &__right {
           display:none;
        }
    }
    @include media-breakpoint-down(md) {
        padding:15px 0;
        .intro-content {
            padding:25px 25px;height: 245px;
        }
    }
    @include media-breakpoint-down(sm) {
        padding:15px 0;
        .intro-content {
            height:250px;padding:20px 15px !important;
        }
    }
    @include media-breakpoint-down(xs) {
        padding:15px 0;
        .intro-content {
            height:179px;
        }
    }
}