@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

    }

    .hs-1{
        margin: 0px !important
    }

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

    .features-pap {
        flex-direction: column-reverse !important;
    }

        .features-pap .col-lg-5 {
            margin-bottom: 50px !important
        }

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


    .companies-section.section-padding{
        padding-top: 50px !important
    }
    
   

    .slick-next {
        right: 6px !important;
    }

    .slick-prev {
        left: -4px !important;
    }
    .inner-box {
        padding: 30px 7px !important
    }

  

    .pl-3-5 {
        padding-right: 3.5px;
        padding-left: 7px;
    }

    .pr-3-5 {
        padding-right: 7px;
        padding-left: 3.5px;
    }


    .features-block.theme-three h4 {
        font-size: 17px !important;
    }


    .module-section.section-padding{
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .user-interface-section .row {
        flex-direction: column-reverse !important;
    }
    
    .user-interface-section .row .image-wrapper{
        margin-top: 50px !important
    }

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