Q:

media querie não funciona

olá, estou tentando fazer com que o background de uma section fique com uma cor no mobile e com uma imagem no desktop mas não funciona. Vou mandar o código e o print de como fica.
Aparentemente parece estar certo, mas não funciona de jeito nenhum. Poderiam me ajudar?

@media (min-width: 1001px) {
#slice-mobile {

    background-image: url(assets/img/backgrounds/notebook2.jpg);
    background-position: bottom;
    background-position-y: 12%;
    }
}

@media (max-width: 1000px) {
    #slice-mobile { 

    background-color: #009976 !important 

    }
}
<section class="slice slice-xl slice1 slicexl1" id="slice-mobile" >
            <div class="container">
                <div class="row row-grid align-items-center">

                <div class="col-lg-6 agenda1">
                        <div class="pt-lg-lg pb-lg-sm text-center text-lg-left">
                            <h2 class="h2 text-white mb-2"><span style="border-bottom: 3px solid #5E00DE;">Agenda</span> médica completa</h2>
                            <p class="lead text-white lh-180">Utilize o Módulo de Agenda para fazer uma gestão completa de todos os seus agendamentos, incluindo atendimentos de ambulatório como consultas e retornos, ou mesmo procedimentos ou atendimentos específicos.</p>
                            <!-- <div class="countdown h2 text-white" data-countdown-date="12/01/2018" data-countdown-label="hide"></div> -->

                <div class="col-lg-12">
                    <ul class="list-unstyled">
                        <li style="color: #fff;" class="py-2"><i class="fas fa-check" style="color: #5E00DE;"></i> Visualização da agenda por dia, semana ou mês.
                        </li>
                        <li style="color: #fff;" class="py-2"><i class="fas fa-check" style="color: #5E00DE;"></i> Agendamento por profissional, procedimento e local.
                        </li>
                        <li style="color: #fff;" class="py-2"><i class="fas fa-check" style="color: #5E00DE;"></i> Confirmação de consultas e retornos e alertas de compromissos.
                        </li>
                    </ul>
                </div>

                            <a href="https://localhost/landing_agenda/contato.php" id="iconeView2" class="btn btn-primary btn-circle btn-translate--hover mt-4"> <i class="fas fa-arrow-right arrow"></i> Fale com nossos consultores</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

A:

Segue um modelo que fiz com base no seu código.
Repare que o Bootstrap 4 é mobile first então ele usa min-width, o que quer dizer que só quando a tela tive no mínimo 1001px de largura ele vai colocar a imagem no background. Se a tela for menor que 1001px ele vai usar a cor do BG.
Veja o exemplo. Execute tb em "Página toda" para ver que quando em larguras maiores que 1001px a imagem aparece no BG.

#slice-mobile { 
    background-color: #009976;
}

@media (min-width: 1001px) {
    #slice-mobile {
        background-image: url(https://placecage.com/100/100);
        background-position: bottom;
        background-position-y: 12%;
    }
}
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
        <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.bundle.min.js"></script>

    <section class="slice slice-xl slice1 slicexl1" id="slice-mobile" >
        <div class="container">
            <div class="row row-grid align-items-center">

            <div class="col-lg-6 agenda1">
                    <div class="pt-lg-lg pb-lg-sm text-center text-lg-left">
                        <h2 class="h2 text-white mb-2"><span style="border-bottom: 3px solid #5E00DE;">Agenda</span> médica completa</h2>
                        <p class="lead text-white lh-180">Utilize o Módulo de Agenda para fazer uma gestão completa de todos os seus agendamentos, incluindo atendimentos de ambulatório como consultas e retornos, ou mesmo procedimentos ou atendimentos específicos.</p>
                        <!-- <div class="countdown h2 text-white" data-countdown-date="12/01/2018" data-countdown-label="hide"></div> -->

            <div class="col-lg-12">
                <ul class="list-unstyled">
                    <li style="color: #fff;" class="py-2"><i class="fas fa-check" style="color: #5E00DE;"></i> Visualização da agenda por dia, semana ou mês.
                    </li>
                    <li style="color: #fff;" class="py-2"><i class="fas fa-check" style="color: #5E00DE;"></i> Agendamento por profissional, procedimento e local.
                    </li>
                    <li style="color: #fff;" class="py-2"><i class="fas fa-check" style="color: #5E00DE;"></i> Confirmação de consultas e retornos e alertas de compromissos.
                    </li>
                </ul>
            </div>

                        <a href="https://localhost/landing_agenda/contato.php" id="iconeView2" class="btn btn-primary btn-circle btn-translate--hover mt-4"> <i class="fas fa-arrow-right arrow"></i> Fale com nossos consultores</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    

