@media (min-width: 320px) and (max-width: 600px) {
  .side-menu {
    display: none;
  }
  .main-wrapper.active {
    padding-left: 0px;
  }
  .activity-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .activity-card {
    width: 100%;
  }
  .left-column {
    display: none !important;
  }
  .right-column {
    /* display: none !important; */
  }
  .logo-wrapper .brand {
    display: none;
  }
  .mobile-logo-wrapper figure img {
    display: none;
  }
  .op-widget-wrapper {
    gap: 1rem;
  }
  .top-wrapper {
    padding: 0.8rem 1.5rem;
  }
  .side-menu {
    left: -260px;
  }
  .main-wrapper {
    padding-left: 0px;
  }
  .main-wrapper-inner {
    padding: 7.5rem 1.8rem 1.8rem 1.8rem;
  }
  .dashboard-grid-wrapper {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .recent-activities {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
  }
  .world-map, .areas, .devices, .sim-usage, .device-status {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
  }
  .area-grids {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .trap-grid {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .activity-grid {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .area a .status {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .search-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6rem;
  }
  .pageHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6rem;
  }
  .link-wrapper {
    margin-bottom: 1.6rem;
    position: static;
    margin-top: 1.6rem;
  }
  .pagination-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: .8rem;
  }
  .single-column, .three-column {
    width: 100%;
  }
  .row-three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .recent-activity {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: 2;
  }
  .area-map {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 3;
  }
  .sites {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
  }
  .site-detail-grid .recent-activity {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 4;
  }
  .site-info {
    -ms-grid-column: 21;
        grid-column-start: 21;
    grid-column-end: 4;
  }
  .devices-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .site-detail-grid {
    display: block;
  }
  .site-info-grid {
    display: block;
  }
  .img-preview {
    margin: 1rem 0;
  }
  .photo-device-grid {
    display: block;
  }
  .date-filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .photo-device-grid {
    display: block;
  }
  .tab-wrapper .tab-pills ul li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tab-wrapper .tab-pills ul li.active a .tag {
    display: block;
  }
  .last-camera {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .date-filter .from {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .date-filter .to {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .device-detail-grid {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .device-detail-grid.camera {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .device-detail-grid.camera .device-info {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: 2;
  }
  .device-detail-grid.camera .health-info {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 3;
  }
  .device-detail-grid.camera .snapshot {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 3;
        grid-row-start: 3;
    grid-row-end: 4;
  }
  .device-detail-grid.camera .health-info .chart-settings {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .device-detail-grid.camera .health-info .status-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0 1.6rem;
  }
  .video-photo-grid {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .video-photo-grid {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .video-photo-grid .video-grid {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: 2;
  }
  .video-photo-grid .photo-grid2 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 3;
  }
  .video-photo-grid .photo-grid2 .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .alert-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .alert {
    width: 80%;
  }
  .image-click {
    width: 100%;
  }
  .filter-tags ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media (min-width: 600px) and (max-width: 768px) {
  .side-menu {
    display: none;
  }
  .main-wrapper.active {
    padding-left: 0px;
  }
  .activity-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .area-grids {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .trap-grid {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .activity-grid {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .activity-card {
    width: 100%;
  }
  .side-menu {
    left: -260px;
  }
  .main-wrapper {
    padding-left: 0px;
  }
  .left-column {
    display: none !important;
  }
  .right-column {
    /* display: none !important; */
  }
  .logo-wrapper .brand {
    display: none;
  }
  .mobile-logo-wrapper figure img {
    display: none;
  }
  .dashboard-grid-wrapper {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .recent-activities {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
  }
  .world-map, .areas, .devices, .sim-usage, .device-status {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
  }
  .area a .status {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .pagination-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: .8rem;
  }
  .single-column {
    width: 50%;
  }
  .three-column {
    width: 100%;
  }
  .recent-activity {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: 2;
  }
  .area-map {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 3;
  }
  .sites {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
  }
  .devices-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .site-detail-grid {
    display: block;
    -ms-grid-columns: none;
        grid-template-columns: none;
  }
  .site-info-grid {
    display: block;
  }
  .img-preview {
    margin: 1rem 0;
  }
  .photo-device-grid {
    -ms-grid-columns: none;
        grid-template-columns: none;
    display: block;
  }
  .devices-info {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  .site-info {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 4;
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  .device-detail-grid {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .device-detail-grid.camera {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .device-detail-grid.camera .device-info {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: 2;
  }
  .device-detail-grid.camera .health-info {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 3;
  }
  .device-detail-grid.camera .snapshot {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 3;
        grid-row-start: 3;
    grid-row-end: 4;
  }
  .video-photo-grid {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .video-photo-grid .video-grid {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: 2;
  }
  .video-photo-grid .photo-grid2 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 3;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .world-map, .areas, .devices, .sim-usage, .device-status {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
  }
  .area-grids {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .trap-grid {
    -ms-grid-columns: (1fr 1fr)[1];
        grid-template-columns: repeat(1, 1fr 1fr);
  }
  .activity-grid {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
  .pagination-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: .8rem;
  }
  .single-column {
    width: 50%;
  }
  .three-column {
    width: 100%;
  }
  .recent-activity {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: 2;
  }
  .area-map {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 3;
  }
  .sites {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 5;
  }
  .devices-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .site-detail-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .site-info-grid {
    display: block;
  }
  .site-detail-grid .recent-activity {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: 2;
  }
  .site-info {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 3;
  }
  .img-preview {
    margin: 1rem 0;
  }
  .date-filter .from {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .date-filter .to {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .date-filter .input-wrapper input {
    width: 100px;
  }
  .photo-device-grid {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .photo-device-grid .photo-camera {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: 2;
  }
  .photo-device-grid .devices-info {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 3;
  }
  .device-detail-grid {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .device-detail-grid.camera {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .device-detail-grid.camera .device-info {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: 2;
  }
  .device-detail-grid.camera .health-info {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 3;
  }
  .device-detail-grid.camera .snapshot {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 3;
        grid-row-start: 3;
    grid-row-end: 4;
  }
  .video-photo-grid {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .video-photo-grid .video-grid {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: 2;
  }
  .video-photo-grid .photo-grid2 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 3;
  }
}
/*# sourceMappingURL=media.css.map */