html,
body{

    width:100%;

    overflow-x:hidden;

}

/*=============================
        Main Layout
=============================*/

.main-content{

    margin-left:260px;

    min-height:100vh;

    transition:.3s ease;

}

@media (min-width:992px){

.main-content{

    width:auto;

}

}

@media (max-width:991.98px){

.main-content{

    margin-left:0;

    width:100%;

}

}
/*==============================
        Topbar
==============================*/

.topbar{

    background:#fff;

    padding:15px 25px;

    box-shadow:0 3px 15px rgba(0,0,0,.08);

    position:sticky;

    top:0;

    z-index:100;

}

/*==============================
        Content
==============================*/

.content{

    padding:25px;

    width:100%;

    overflow-x:auto;

}

/*==============================
        Mobile Responsive
==============================*/

@media (max-width:991.98px){

    .main-content{

        margin-left:0 !important;

        width:100% !important;

    }

    .topbar{

        padding:15px;

    }

    .content{

        padding:15px;

    }

}

/*==============================
        Small Mobile
==============================*/

@media (max-width:576px){

    .content{

        padding:12px;

    }

    .topbar{

        padding:12px 15px;

    }

}