/* // X-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) {
    #sidebarMenu {
       
    }
}

/* // Medium devices (tablets, 768px and up) ////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 768px) {

    body {
        font-size: 0.9rem;
    }

    .chatting-content {

        height: calc(var(--vh, 1vh) * 72);

    }

    #sidebarMenu {

        overflow-y: auto;
        width: 240px;
        /* margin-top: 50px; */
        position: fixed;
        height: calc(100vh);
        /* margin-left: -10px; */
    }
    .layout-size {
         min-width: 760px;  
    }

}

/* // Large devices (desktops, 992px and up) ////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 992px) {
    main {
        margin-left: 240px;

    }

    #sidebarMenu {
        height: calc(100vh - 3rem);
        /* margin-top: 40px;
        z-index: 1045; */
    }

    .hamberger-icon{
        display: none;
    }
}


/* // X-Large devices (large desktops, 1200px and up) ////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 1200px) {}

/* // XX-Large devices (larger desktops, 1400px and up) ////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 1400px) {
   
}