.latestNews figure {
    height: 60vh
}

    .latestNews figure img {
        height: 61vh;
        width: 100%
    }

    .latestNews figure cc img {
        height: 37vh;
        width: 100%
    }

@media screen and (min-width:240px) and (max-width:768px) {
    .latestNews figure {
        height: 37vh
    }
}

.latestNews figcaption {
    background: linear-gradient(to right,rgba(0,0,0,.6) 20%,rgba(0,0,0,.6) 80%);
    position: absolute;
    bottom: 2px;
    height: 15vh;
    width: 100%
}

    .latestNews figcaption a {
        color: #fff;
        font-weight: 600;
        font-size: 2.2rem;
        line-height: 1.2;
        text-align: left;
        padding: 3px
    }

        .latestNews figcaption a:hover {
            text-decoration: underline !important
        }

@media screen and (min-width:240px) and (max-width:768px) {
    .latestNews figcaption a {
        font-size: 1.4rem
    }
}

.sideNewsRow {
    position: relative;
    margin-top: 25px
}

    .sideNewsRow .latest-one figure {
        height: 29vh
    }

        .sideNewsRow .latest-one figure:before {
            background: linear-gradient(to right,rgba(0,0,0,.6) 20%,rgba(0,0,0,.6) 80%)
        }

    .sideNewsRow .latest-one img {
        height: 100%;
        width: 100%
    }

    .sideNewsRow .latest-one figcaption {
        background: linear-gradient(to right,rgba(0,0,0,.6) 20%,rgba(0,0,0,.6) 80%);
        position: absolute;
        bottom: 0;
        height: 10vh;
        width: 100%
    }

        .sideNewsRow .latest-one figcaption a {
            color: #fff;
            font-weight: 600;
            font-size: 1rem;
            line-height: 1.2;
            text-align: left;
            padding: 3px
        }

            .sideNewsRow .latest-one figcaption a:hover {
                text-decoration: underline !important
            }

    .sideNewsRow .latest-two figure {
        height: 29vh
    }

        .sideNewsRow .latest-two figure:before {
            background: linear-gradient(to right,rgba(0,0,0,.6) 20%,rgba(0,0,0,.6) 80%)
        }

    .sideNewsRow .latest-two img {
        height: 100%;
        width: 100%
    }

    .sideNewsRow .latest-two figcaption {
        background: linear-gradient(to right,rgba(0,0,0,.6) 20%,rgba(0,0,0,.6) 80%);
        position: absolute;
        bottom: 0;
        height: 10vh;
        width: 100%
    }

        .sideNewsRow .latest-two figcaption a {
            color: #fff;
            font-weight: 600;
            font-size: 1rem;
            line-height: 1.2;
            text-align: left;
            padding: 3px
        }

            .sideNewsRow .latest-two figcaption a:hover {
                text-decoration: underline !important
            }

@media screen and (min-width:240px) and (max-width:768px) {
    .sideNewsRow {
        position: relative;
        margin-top: 10px
    }
    .sideNewsRow {
        position: relative;
        margin-top: 5px !important;
    }

        .sideNewsRow .latest-one figcaption,
        .sideNewsRow .latest-two figcaption {
            background: linear-gradient(to right, rgba(0, 0, 0, .6) 20%, rgba(0, 0, 0, .6) 80%);
            position: absolute;
            bottom: 0;
            height: 16vh;
            width: 100%;
        }
}

@media screen and (min-width:240px) and (max-width:768px) {
    .world_client {
        height: 192px
    }

    .chemanalyst_customer {
        height: 220px
    }

    .new_footer_area {
        background: url(../images/footer-bg-mobile.webp) no-repeat;
        max-width: 100%;
        background-size: 100%
    }
}

.news_breadcrumb_audio {
    border-bottom: 1px solid #ccc
}

@media screen and (min-width:769px) and (max-width:5050px) {
    .hero-section, .hero-section > .container > .row {
        height: 100%;
        min-height: 100vh
    }
}

.redirectInustryReport {
    background: url(../images/pricing-background.webp) no-repeat;
    min-height: 150px;
    height: 25vh;
    width: 100%
}

    .redirectInustryReport h4 {
        font-size: 1.6em;
        color: #fff;
        padding-top: 56px;
        word-spacing: normal;
        line-height: 1.4
    }

        .redirectInustryReport h4:hover {
            text-decoration: underline !important;
            color: #95c23d
        }

    .redirectInustryReport .ir_view {
        margin: 75px auto
    }

        .redirectInustryReport .ir_view i {
            color: #fff !important
        }

.redirectToProduct {
    background: url(../images/chemical-background.webp) no-repeat;
    padding: 25px 16px 30px 16px;
    background-size: cover
}

    .redirectToProduct .chamicalProduct {
        margin: 10px 0 5px 0
    }

        .redirectToProduct .chamicalProduct h3 {
            font-size: 2rem;
            color: #fff
        }

        .redirectToProduct .chamicalProduct h4 {
            font-size: 1.3em;
            padding: 10px;
            color: #fff
        }

            .redirectToProduct .chamicalProduct h4:hover {
                text-decoration: underline !important;
                color: #95c23d
            }

.indeustryReportName {
    background: linear-gradient(-45deg,#000,#274685)
}

    .indeustryReportName h2 {
        font-size: 1.5em;
        color: #fff;
        text-decoration: underline
    }

    .indeustryReportName h3 {
        color: #fff;
        font-size: 1.3em;
        line-height: 1.4;
        text-align: justify
    }

        .indeustryReportName h3:hover {
            text-decoration: underline !important;
            color: #95c23d
        }

    .indeustryReportName .readMoreIndustry {
        padding: 10px
    }

        .indeustryReportName .readMoreIndustry .btn-primary {
            border: none;
            padding: 10px
        }

        .indeustryReportName .readMoreIndustry a {
            outline: 0
        }

@media screen and (min-width:240px) and (max-width:768px) {
    .redirectToProduct {
        margin-bottom: 10px
    }

    .readMoreIndustry a {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .redirectInustryReport {
        height: 36vh;
        background: url(../images/report-background-mobile-one.webp) no-repeat
    }

        .redirectInustryReport h4 {
            font-size: 1.2em;
            color: #fff;
            word-spacing: normal;
            line-height: 1.4
        }

        .redirectInustryReport .ir_view {
            margin: 0 auto
        }

            .redirectInustryReport .ir_view i {
                color: #fff !important
            }
}
@media screen and (min-width:240px) and (max-width:767px){
    #side-news{display:none;}
    .latestNews figcaption {
        background: linear-gradient(to right,rgba(0,0,0,.6) 20%,rgba(0,0,0,.6) 80%);
        position: absolute;
        bottom: 2px;
        height: 18vh;
        width: 100%;
        padding: 0px;
    }
}