/* Extra small devices (portrait phones, less than 576px)
/* No media query for `xs` since this is the default in Bootstrap


/******************************************************/
/* Small devices (landscape phones, 576px and up)*/
/******************************************************/
@media (min-width: 576px) { 
}


/******************************************************/
/* Medium devices (tablets, 768px and up) */
/******************************************************/
@media (max-height: 650px) {
    #menu-left-bar {
        overflow-y: scroll;
    }
}
@media (max-width: 767px) {
    #menu-left-bar {
        width: 100% !important;
    }
    #main-content {
        width: 100% !important;
    }
    #img-bandeau {
        display: none;
    }
    #logo-portail {
        width: 100%;
    }
    #content-body {
        height: 100%;
    }
    #menu-left-bar {
        height: calc(100vh - 60px);
    }
    #main-content {
        height: calc(100vh - 60px);
    }
    #content-header {
        width: 100%;
        display: block !important;
    }
}

@media (min-width: 768px) {
    #content-header {
        display: none !important;
        width: 100%;
    }
}
/******************************************************/
/* Large devices (desktops, 992px and up) */
/******************************************************/

@media (max-width: 991px) {
    #modal-fiche-producteur .modal-body-container .row div {
        border-right: 0 !important;
    }
}


/******************************************************/
/* Extra large devices (large desktops, 1200px and up) */
/******************************************************/
@media (min-width: 1202px) {
}

@media (max-width: 1201px) {
}

/******************************************************/
/* Extra large devices (large desktops, 1200px and up) */
/******************************************************/
@media (min-width: 1402px) {
}

@media (max-width: 1401px) {
}