@media (max-width: 576px) {

    .c-order-sm-0 {
        order: 0 !important;
    }

    .c-order-sm-1 {
        order: 1 !important;
    }

    .slick-next {
        display: none;
    }

    .slick-prev {
        display: none;
    }

    footer img {
        display: block;
        margin: 0 auto;
    }

    #header-area header .nav-link.active,
    #header-area .nav-link.active {
        text-align: center;
        margin-left: 0 !important;
    }

    .bg-image-sustentavel {
        background: url(../images/sustentavel.png) 0 center no-repeat;
        background-size: cover;
        background-position-y: -38px !important;
    }

    .ban_d{display: none !important;}
    .ban_m{ display: block !important; }
}

@media (min-width: 768px) {
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .order-sm-1 {
        order: unset !important;
    }
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu>li:hover {
        background-color: #14f178
    }

    .dropdown-menu>li:hover>.submenu {
        display: block;
    }
}