@media screen and (max-width: 992px) {
    .navbar-hrefs {
        display: none;
    }
    .why-mazo .container .d-flex {
        flex-direction: column;
        align-items: start;
    }
    .feature-sect {
        display: flex !important;
        justify-content: end !important;
        align-items: start !important;
        text-align: right !important;
    }
    .folx {
        margin: 10px 0 !important;
    }

    .mobx {
        align-items: center !important;
    }

    .mobile-cta, .download-app, .logo span {
        display: none;
    }
    .logo img {
        width:80px !important;
    }
    
    .head-main {
        display:block !important;
        justify-content:center;
    }
    
    .download-btns a  {
        width:150px !important;
    }
    
    .container-mobiles .mobile-left, .container-mobiles .mobile-right {
        display:none !important;
    }
    
    .container-mobiles .mobile-center img {
        width:250px;
    }
    .container-mobiles {
        width:100% !important;
    }
    
    .feature-sect {
        flex-direction: column;
        justify-content:center !important;
        align-items:center;
    }
    .mobile-center {
        max-width:100% !important;
    }
    
    .folx, .folx .feature-subtitle {
        width:100% !important;
        
    }
}

@media screen and (max-width:767px) {
    .screenshot-card-1, .screenshot-card-3 {
        transform: translatex(0) !important;
    }

    .screenshot-card-1:hover, .screenshot-card-3:hover {
        transform: scale(1.1);
    }
}

@media screen and (max-width: 468px) {
    header .container .d-flex {
        flex-direction: column;
    }
    header .logo {
        margin-bottom: 20px;
    }
}