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

}

/*Large devices (desktops, 992px and up)*/
@media only screen and (max-width: 1199px) {

}

/*Medium devices (tablets, 768px and up)*/
@media only screen and (max-width: 991px) {

}

/*Small devices (landscape phones, 576px and up)*/
@media only screen and (max-width: 767px) {

    #page-topbar {
        left: 0;
    }

}

/*Extra small devices (portrait phones, less than 576px)*/
@media only screen and (max-width: 575px) {

    .page-content {
        padding: calc(50px + 0px) 0 60px 0;
    }

    body[data-sidebar-size="sm"] .vertical-menu {
        width: 250px;
    }

}