@media only screen and (max-width: 767px) {
    .richard-inner h3{
        margin-bottom: 0px;
    }
        .richard-inner{
            margin-bottom: 60px;
        }
        .wedding_bg{
            width: 100%;
            padding: 100px 0px;
        }
        .wedding-bg-top{
            background-size: contain;
        }
        .heart-red ul li{
            margin: 0px 20px;
        }
        .flower1{
            right: -200px;
            opacity: 0.5;
        }
        .flower2{
            left: -32px;
            width: 71px;
            height: 105px;
            opacity: 0.5;
        }
        .flower3{
            width: 204px;
            height: 246px;
            opacity: 0.5;
        }
        .flower4{
            width: 300px;
            height: 300px;
        }
}

@media only screen and (max-width: 992px) {
    .wedding_bg{
        width: 100%;
        padding: 100px 0px;
    }
    .flower1{
        right: -200px;
    }
    .wedding-bg-top{
        background-size: contain;
    }
}

@media only screen and (max-width: 1280px) {
    .wedding-bg-top{
        background-size: 100%;
        
    }
}