#cornoil_info {
    background-size: cover;
    background-position: center;
}

#cornoil_info .circle_txt_1 {
    position: absolute;
    top: 2.6em;
    left: 30.2em;
    font-size: 21px;
    cursor: pointer;    
    font-weight: 100;
}

#cornoil_info .circle_txt_1:hover, #cornoil_info .circle_txt_3:hover {
    font-weight: bold;
}

#cornoil_info .circle_txt_2:hover {
    left: 36em;
    font-weight: bold;
}

#cornoil_info .circle_txt_2 {
    position: absolute;
    top: 10.8em;
    left: 36em;
    font-size: 21px;
    cursor: pointer;
    font-weight: 100;
}

#cornoil_info .circle_txt_3 {
    position: absolute;
    top: 22.7em;
    left: 32.1em;
    font-size: 21px;
    cursor: pointer;
    font-weight: 100;
}


img.corn_oil_placeholoder:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}

@media (min-width: 320px) {

    .dalda_oil img {
        max-height: 450px;
    }

    .dalda_oil {
        display: flex;
        justify-content: center;
    }

}

@media (min-width: 375px) {

    .dalda_oil img {
        max-height: 450px;
    }

    .dalda_oil {
        display: flex;
        justify-content: center;
    }

}

@media (min-width: 425px) {

    .dalda_oil img {
        max-height: 450px;
    }

    .dalda_oil {
        display: flex;
        justify-content: center;
    }

}

@media (min-width: 768px) {

    .dalda_oil img {
        max-height: 550px;
    }

    .dalda_oil {
        display: flex;
        justify-content: flex-end;
    }

}

@media (min-width: 992px) {

    .dalda_oil img {
        max-height: 600px;
    }

    .dalda_oil {
        display: flex;
        justify-content: flex-end;
    }

}

@media (min-width: 320px) and (max-width: 374px) {
    #cornoil_info .circle_txt_1 {
        position: absolute;
        top: 3.3em;
        left: 25.5em;
        font-size: 7px;
        cursor: pointer;
    }

    #cornoil_info .circle_txt_2 {
        position: absolute;
        top: 9.8em;
        left: 25em;
        font-size: 9px;
        cursor: pointer;
    }

    #cornoil_info .circle_txt_3 {
        position: absolute;
        top: 25.4em;
        left: 28.7em;
        font-size: 7px;
        cursor: pointer;
    }
}

@media (min-width: 375px) and (max-width: 425px) {
    #cornoil_info .circle_txt_1 {
        position: absolute;
        top: 3.3em;
        left: 26.5em;
        font-size: 8px;
        cursor: pointer;
    }

    #cornoil_info .circle_txt_2 {
        position: absolute;
        top: 9.8em;
        left: 27em;
        font-size: 10px;
        cursor: pointer;
    }

    #cornoil_info .circle_txt_3 {
        position: absolute;
        top: 26.4em;
        left: 29.7em;
        font-size: 8px;
        cursor: pointer;
    }
}

@media (min-width: 425px) and (max-width: 767px) {
    #cornoil_info .circle_txt_1 {
        position: absolute;
        top: 3.3em;
        left: 26.5em;
        font-size: 9px;
        cursor: pointer;
    }

    #cornoil_info .circle_txt_2 {
        position: absolute;
        top: 9.8em;
        left: 25em;
        font-size: 12px;
        cursor: pointer;
    }

    #cornoil_info .circle_txt_3 {
        position: absolute;
        top: 26.4em;
        left: 29.7em;
        font-size: 9px;
        cursor: pointer;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #cornoil_info .circle_txt_1 {
        position: absolute;
        top: 4em;
        left: 27.3em;
        font-size: 15px;
        cursor: pointer;
    }

    #cornoil_info .circle_txt_2 {
        position: absolute;
        top: 9.8em;
        left: 26em;
        font-size: 20px;
        cursor: pointer;
    }

    #cornoil_info .circle_txt_3 {
        position: absolute;
        top: 28.4em;
        left: 30.7em;
        font-size: 15px;
        cursor: pointer;
    }
}

@media (min-width: 1024px) and (max-width: 1028px) {
    #cornoil_info .circle_txt_1 {
        position: absolute;
        top: 4em;
        left: 31.3em;
        font-size: 17px;
        cursor: pointer;
    }

    #cornoil_info .circle_txt_2 {
        position: absolute;
        top: 9.8em;
        left: 30em;
        font-size: 22px;
        cursor: pointer;
    }

    #cornoil_info .circle_txt_3 {
        position: absolute;
        top: 27.4em;
        left: 34.7em;
        font-size: 17px;
        cursor: pointer;
    }
}

@media (min-width: 1024px) {

    .dalda_oil img {
        max-height: 600px;
    }

    .dalda_oil {
        display: flex;
        justify-content: flex-end;
    }

}

@media (min-width: 1200px) {

    .dalda_oil img {
        max-height: 600px;
    }

    .dalda_oil {
        display: flex;
        justify-content: flex-end;
    }

}