/* =====================================================
Medium devices tablets, less than  (8px - 992px)  start
=========================================================*/

@media (min-width: 8px) and (max-width: 991.98px) {

    /* side bar css star */

    .main-layer-sidebar{
        position: fixed;
        left: -100%;
        transition: .3s;
    }

    .off-canvas-button{
        display: block;
    }

    .main-layout:after {
        position: absolute;
        top: 0;
        right: 100%;
        width: 100%;
        height: 100%;
        background: var(--overlay);
        content:'';
        z-index: 111;
        transition: .3s;
    }

    .overlay-bg.main-layout:after {
        right: 0;
    }

    .show-menu{
        left: 0 !important;
        z-index: 99999;
    }

    /* side bar css end */

    /* inner page start */

    .bd-inner-page-main-layout {
        padding: 100px 20px;
        margin-left: 0px;
    }

    .main-layout{
        display: block;
        overflow: hidden;
        position: relative;
    }

    /* inner page end */

    /* support center  */
    .overflow-scroll-991{
        overflow-x: scroll;
    }

}

/* =====================================================
Small devices landscape phones, less than   (8px - 768px)  end
=========================================================*/

@media (min-width: 8px) and (max-width: 768.98px) {

    /* login page  */

    .bd-login-area{
        padding: 80px 0;
        
    }

    .full-screen-none{
        display: none;
    }

    /* post page area */

    .bd-pl-50{
        padding-left: 50px;
        padding-right: 50px;
    }
    .bd-pr-50{
        padding-left: 50px;
        padding-right: 50px;
    }

    .bd-h-md-auto{
        height: auto !important;
        overflow-y: unset !important;
    }


}

/* =====================================================
Small devices landscape phones, less than   (8px - 768px)   end
=========================================================*/

/* =====================================================
// Small devices landscape phones,  less than   (8px - x576px)   start
=========================================================*/

@media (min-width: 8px) and (max-width: 576.98px) {
    /* side menu */
    .dropdown-content {
        min-width: 200px;
        left: 115px;
    }
    .main-layer-sidebar {
        width: 115px;
    }

    /* preview area */
    .single-instagram-img img {
        height: 250px;
    }

    .bd-text-react{
        display: none;
    }
}

/* =====================================================
// Small devices landscape phones,  less than   (8px - x576px)   end
=========================================================*/
/* =====================================================
// Small devices landscape phones,  less than   (8px - x400px)   start
=========================================================*/

@media (min-width: 8px) and (max-width: 400.98px) {
    .emoji-plece>span {
        left: 0;
        bottom: -83px;
    }
}

/* =====================================================
// Small devices landscape phones,  less than   (8px - x400px)   end
=========================================================*/

/* =====================================================
 devices (portrait phones, less than 1446px)
=========================================================*/
@media (max-width: 1446.98px) { 
    
    .bd-overflow-scroll{
        overflow-x: scroll;
    }
}