@media only screen and (max-width: 600px) {
    #nav-menu-1{
        display: none !important;
    }
    .nav-menu-2{
        display: block !important;
        background-color: white !important;
        color:black !important;
        box-shadow: 0px 0px 3px #ccc;
    }
    .navbar{
        height:auto !important;
        padding:10px !important;
    }
    .navbar-brand{
        font-weight: 500;
        text-overflow: ellipsis;
    }
    .navbar-nav{
        position:relative;
        z-index:1;
    }
    .bg-image{
        width:100%;
        height:auto;
        opacity:0.2;
        position:absolute;
        z-index:0
    }
    .btn-break{
        display: block !important;
        margin-top:20px;
        width: 100%;
    }
    .noborder-resposive{
        border-radius:0 !important;
    }
    .responsive-d-none{
        display: none;;
    }
    .estatus{
        padding:0;
        margin-left:auto;
        margin-right:auto;
    }
    .responsive-nopadding{
        padding:0 !important;
    }
    .responsive-text-overflow{
        text-overflow: ellipsis;
    }
    #main{
        padding:0 !important;
    }
    ._course_information{
        margin-top:20px;
        display:block !important;
        width:100% !important;
        order: 2;
    }
    ._course_content{
        display:block !important;
        width:100% !important;
        padding:0 !important;
        order: 1;
    }
    ._course_container{
        display: flex; flex-direction: column;
        width:100% !important;
    }
    .accordion-body{
        padding:0 !important;
    }
    #warnings{
        flex-direction: column;
        padding:20px;
    }
    .responsive-text-center{
        text-align: center;
    }
    .responsive-divider{
        height:5px;
        background-color: #ccc;
        margin-top:20px;
        margin-bottom:20px;
    }
    .pileta-container{
        display: flex !important;
        flex-direction: column;
        border-radius:0;
        width:100%;
    }
    #pileta::before{
        border-radius:0 !important;
        width:100% !important;
    }
    #pileta{
        display: block !important;
        width:100% !important;
        border-radius:0 !important;
        order: 2;
        margin-bottom:20px;
    }
    .datos{
        display: block !important;
        order:1;
        margin:0 !important;
    }
    #sidebar{
        display:none;
    }
}