.advertisement-section {
    padding: 104px 0 140px 0;
    position: relative;
}

.advertisement-heading h2 {
    font-size: 48px;
    padding: 5px 0 25px 0;
}

.advertisement-section .row {
    margin: 0 -5px;
}

.advertisement-section .container {
    padding: 0;
}

.advertisement-section .col-xxs-4 {
    padding: 0 5px;
}

.advertisement img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    height: 172px;
    object-fit: cover;
}

.advertisement img.advertisement-sml {
    height: 81px;
}

.advertisement-section .btn {
    margin-top: 23px;
}

.advertisement-bubble {
    position: absolute;
    left: 0;
    top: 100px;
    width: 200px;
    height: auto;
    z-index: -1;
}

.swirls-advertisement {
    position: absolute;
    right: -673px;
    top: -364px;
    z-index: 0;
    max-width: 1023px;
}

.swirls-advertisement img {
    max-width: inherit;
    mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
}

.bg-background {
    position: relative;
}

.bg-background::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 2838px;
    height: 2838px;
    border-radius: 50%;
    transform: translate(0, -50%);
    z-index: -1;
    background: radial-gradient(ellipse at center,  rgba(230,232,209,0.5) 0%,rgba(230,232,209,0) 60%,rgba(230,232,209,0) 100%);
}

@media (min-width:768px) {
    .advertisement-section {
        padding-bottom: 203px;
    }

    .advertisement-section .row {
        margin: 0 -10px;
    }
    
    .advertisement-section .col-xxs-4 {
        padding: 0 10px;
    }

    .advertisement img {
        margin-bottom: 20px;
        height: 340px;
    }

    .advertisement img.advertisement-sml {
        height: 160px;
    }

    .advertisement-section .btn {
        margin-top: 15px;
    }

    .advertisement-heading h2 {
        font-size: 100px;
    }

    .advertisement-heading .sub-heading {
        font-size: 80px;
        line-height: 0.50;
    }

    .swirls-advertisement {
        position: absolute;
        right: -157%;
        top: -77%;
        max-width: inherit;
    }
    
}

@media (min-width: 1200px) {

    .advertisement-section {
        padding: 130px 0 360px 0;
        position: relative;
    }
    
    .advertisement-section .container {
        padding: 0 16px;
    }

    .advertisement-section .row {
        margin: 0 -16px;
    }
    
    .advertisement-section .col-xxs-4 {
        padding: 0 16px;
    }

    .advertisement-heading h2 {
        font-size: 140px;
        padding: 0 0 10px 0;
    }

    .advertisement img {
        margin-bottom: 32px;
        height: 586px;
    }

    .advertisement img.advertisement-sml {
        height: 276px;
    }

    .swirls-advertisement {
        position: absolute;
        right: -440px;
        top: -345px;
        z-index: 1;
        max-width: inherit;
    }
}

@media (min-width: 1366px) {
    .advertisement-bubble {
        width: 354px;
        left: -9px;
        top: 30px;
    }
}


@media (min-width: 1500px) {
    .advertisement-bubble {
        width: 354px;
        left: -9px;
        top: 132px;
    }
}

@media (min-width: 1920px) {
    .advertisement-bubble {
        width: 389px;
    }
}