.flora-readmore .readmore-banner {
    background-image: url("../Images/flora-range -foam-readmore.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position-x: center;
    height: 350px;
    margin-top: 85px;
}

.resipure-readmore .readmore-banner {
    background-image: url("../Images/resipure -foam-readmore.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position-x: center;
    height: 350px;
    margin-top: 85px;
}

.Lexus-readmore .readmore-banner {
    background-image: url("../Images/lexus-foam-readmore.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position-x: center;
    height: 350px;
    margin-top: 85px;
}

.marvel-readmore .readmore-banner {
    background-image: url("../Images/marvel-foam-readmore.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position-x: center;
    height: 350px;
    margin-top: 85px;
}

.delite-readmore .readmore-banner {
    background-image: url("../Images/delite-foam-readmore.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position-x: center;
    height: 350px;
    margin-top: 85px;
}

.memory-readmore .readmore-banner {
    background-image: url("../Images/memory-foam-readmore.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position-x: center;
    height: 350px;
    margin-top: 85px;
}

.super-soft-readmore .readmore-banner {
    background-image: url("../Images/super-soft-foam-readmore.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position-x: center;
    height: 350px;
    margin-top: 85px;
}

.pu-foams-readmore .readmore-banner {
    background-image: url("../Images/Pu\ foam\ rolls\ Redmore.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position-x: center;
    height: 350px;
    margin-top: 85px;
}

.rebond-readmore .readmore-banner {
    background-image: url("../Images/ORTHO-REBOND\ RANGE-readmore.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position-x: center;
    height: 350px;
    margin-top: 85px;
}

.Latex-readmore .readmore-banner {
    background-image: url("../Images/ORGANIC\ LATEX\ RANGE-readmore.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position-x: center;
    height: 350px;
    margin-top: 85px;
}

.readmore-content {
    margin: 60px auto !important;
}

.content-heading h1 {
    font-family: 'Virtual', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 45px;
    padding-bottom: 20px;
    color: #004E6D;

}

.content p {
    padding: 10px 0px;
    text-align: left;
    font-family: poppins;
    font-weight: Regular 400;
    line-height: 1.8;
    font-size: 15px;
}
.content h4
{
    padding: 10px 0px;
    text-align: left;
    font-family: 'Virtual', sans-serif;
    font-weight: 500;
    line-height: 1.8;
    font-size: 25px;
}
.box {
    align-self: inherit;
    cursor: default;
    background-color: beige;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px;
    opacity: 0.3s;
    border-radius: 10px;
    width: 100%;
}

.box h3 {
    padding: 10px;
    text-align: justify;
    font-family: poppins;
    font-weight: Regular 400;
    line-height: 1.8;
    font-size: 15px;
}

.box div h3 img {
    margin-right: 20px;
    width: 50px;
    height: 50px;
}

.Application-Images {
    flex-direction: column;
}

.Application-Images img {
    width: 150px;
    height: 150px;
}

.application-heading h3 {
    font-family: poppins;
    font-weight: 400;
    color: #ef3f56;
    margin-bottom: 40px;
}

.caption h4 {
    padding-top: 30px;
    color: black;
    font-size: 15px;
    font-family: poppins;
}


@media screen and (min-width:2000px) {

    .flora-readmore .readmore-banner,
    .resipure-readmore .readmore-banner,
    .Lexus-readmore .readmore-banner,
    .marvel-readmore .readmore-banner,
    .delite-readmore .readmore-banner,
    .memory-readmore .readmore-banner,
    .super-soft-readmore .readmore-banner,
    .pu-foams-readmore .readmore-banner,
    .rebond-readmore .readmore-banner,
    .Latex-readmore .readmore-banner {
        height: 450px;
    }
}

@media screen and (max-width:991px) {
    .box {
        margin: 10px auto;
        margin-bottom: 60px;
    }

    .flora-readmore .readmore-banner,
    .resipure-readmore .readmore-banner,
    .Lexus-readmore .readmore-banner,
    .marvel-readmore .readmore-banner,
    .delite-readmore .readmore-banner,
    .memory-readmore .readmore-banner,
    .super-soft-readmore .readmore-banner,
    .pu-foams-readmore .readmore-banner,
    .rebond-readmore .readmore-banner,
    .Latex-readmore .readmore-banner {
        height: 250px;
    }
}

@media screen and (max-width:425px) {

    .flora-readmore .readmore-banner,
    .resipure-readmore .readmore-banner,
    .Lexus-readmore .readmore-banner,
    .marvel-readmore .readmore-banner,
    .delite-readmore .readmore-banner,
    .memory-readmore .readmore-banner,
    .super-soft-readmore .readmore-banner,
    .pu-foams-readmore .readmore-banner,
    .rebond-readmore .readmore-banner,
    .Latex-readmore .readmore-banner {
        height: 150px;
    }
}