#kb-ad-section {
    background-image: url("https://cdn.syncfusion.com/content/images/kb/advertisement-background.png");
    margin-top: 36px;
    border-radius: 4px;
    background-color: #fff
}

#kb-ad-section .kb-ad {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 15px 25px;
    width: 100%
}

#kb-ad-section .kb-ad .content {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    display: inline-block;
    margin: auto auto auto 0
}

#kb-ad-section .kb-ad .content .ad-headings {
    font-size: 23px;
    color: #fff;
    letter-spacing: .25px;
    line-height: 24px;
    font-weight: 700
}

#kb-ad-section .kb-ad .content .ad-contents {
    font-size: 16px;
    color: #fff;
    letter-spacing: .25px
}

#kb-ad-section .kb-ad .kb-ad-button {
    border-radius: 4px;
    font-weight: 600
}

#kb-ad-section .kb-ad .kb-ad-button .free-trial {
    background: #fff;
    padding: 8px 21px !important;
    display: block;
    text-align: center;
    text-decoration: none;
    border-radius: 4px
}

#kb-ad-section .kb-ad .kb-ad-button .free-trial:hover {
    background: #fff;
    opacity: .9
}

#kb-ad-section .kb-ad .kb-ad-button .free-trial span {
    font-weight: 600;
    font-size: 16px;
    color: #333
}

@media (min-width:767px) {
    #kb-ad-section .kb-ad .content {
        width: 79%
    }
}

@media (max-width:1226px) and (min-width:767px) {
    #kb-ad-section .kb-ad .kb-ad-button .free-trial {
        padding: 8px 10px !important
    }
}

@media (max-width:767px) {
    #kb-ad-section .kb-ad {
        display: inline-block !important;
        text-align: left
    }

    #kb-ad-section .kb-ad .kb-ad-button {
        width: 40%
    }
}

@media (max-width:500px) {
    #kb-ad-section .kb-ad .kb-ad-button {
        width: 51%
    }
}

@media (max-width:290px) {
    #kb-ad-section .kb-ad .kb-ad-button {
        width: 90%
    }
}