@media only screen and (max-width:575px) {
    .hero {
        background-image: none !important;
        background-color: #fff !important;
        padding-bottom: 0px !important;
    }
    
    
    
    
    .hero .container .row .image-wrapper{
        margin-top: 50px !important

    }

    
    .features-block {
       
        margin-left: 30px;
        margin-right: 30px;
    }


    .features-ecom {
        flex-direction: column-reverse !important; 
    }
    
    .features-ecom .col-lg-5{
        margin-bottom: 50px !important
    }

    .features-section.section-padding{
        padding-bottom: 50px !important
    }

    .screenshot-section:before {
       
        top: -210px !important;
    }
}