@media(max-width:1910px) {
    .register-page .form-details .mb-4 
    {
        margin-bottom: 0.5rem !important;
    }
    .register-page .form-details .form-control {
        padding: 10px 0 10px 50px;
        font-size: 15px;
    }
    .register-page .icon-position {
        bottom: 11px;
    }
    .register-page .form-select
    {
        padding: 10px 0 10px 50px;
    }
    .icon-eye {
        position: absolute;
        right: 15px;
    }
}

@media (max-width: 1700px) {
    /* .network-width
    {
        width: 30%;
    } */
    .device-live-status li {
        border: 1px solid;
        padding: 4px;
        border-radius: 20px;
        min-width: 73px;
        font-size: 11px;
        text-align: center;
        margin-right: 5px;
    }
    .alarms-width
    {
        width: 30%;
    }
    .upshealth-width
    {
        width: 40%;
    }
    .devicelive-width
    {
        width: 100%;
        margin-top: 30px;
    }
    /* .websites-width
    {
        width: 50%;
    } */
    /* .devicesdown-width
    {
        width: 50%;
    } */
    .wan-width
    {
        width: 100%;
        margin-top: 30px;
    }
    /* .wan-full-width
    {
        width: 50%;
    } */
    .wan-full-width .small-graph-box.mt-4
    {
        margin-top: 0 !important;
    }
    .wan-gauge {
        /* width: 36%; */
        margin-right: 10px;
    }
}
/* new media */
@media(min-width:1213px) and (max-width:1542px)
{
    .login-left-inside {
        width: 52%;
    }
    .inside-box h1 {
        font-size: 60px;
    }
}
@media(min-width:1030px) and (max-width:1307px)
{
    .login-left-inside {
        width: 66%;
        margin: 0 auto;
        padding: 40px 0 30px;
    }
    .inside-right-box {
        width: 65%;
    }
}
@media(min-width:820px) and (max-width:1029px)
{
    .login-left-inside {
        width: 76%;
    }
    .inside-right-box {
        width: 75%;
    }
    .inside-box h1 {
        font-size: 55px !important;
    }
}@media(min-width:768px) and (max-width:819px)
{
    .inside-box h1 {
        font-size: 45px !important;
    }
    .inside-right-box {
        width: 90% !important;
    }
    .login-left-inside {
        width: 80% !important;
    }
}
/* end  */
@media (max-width: 1600px) {
    .sectiontwo-one {
        width: 50%;
    }
    .sectiontwo-two {
        width: 50%;
    }
    .sectiontwo-three {
        width: 50%;
    }
    .sectiontwo-four {
        width: 50%;
    }
    .register-page .form-details .form-control {
        padding: 5px 0 5px 50px;
        font-size: 13px;
    }
    .register-page .icon-position {
        bottom: 5px;
    }
    .register-page .icon-position img {
        width: 9px !important;
    }
    .register-page .form-select {
        padding: 5px 0 5px 50px;
        font-size: 13px;
    }
    .icon-eye {
        position: absolute;
        right: 15px;
    }
}

@media (max-width: 1500px) {
    .notification-line-box::before {
       
        left: -209px;
    bottom: 48%;
    width: 57%;
    }
    .progress.new-progress {
        width: 100%;
    }
}


@media (max-width: 1434px) {
    .sidebar
    {
      width: 260px;
    }
    .sidebar .nav-links li {
      margin-bottom: 7px;
  }
  .sidebar .nav-links li a .link_name {
    font-size: 15px;
  }
  /* .sidebar .nav-links li a img.arrow-icon {
    width: 13px;
   } */
  .sidebar .nav-links li a img {
    width: 15px;
  }
  .home-section {
    left: 260px;
    width: calc(100% - 260px);
  }
  /* .sidebar.close {
    width: 70px;
  }
  .sidebar.close~.home-section {
    left: 70px;
    width: calc(100% - 70px);
  } */
  .profile-box {
    width: 60%;
}
/* new code */
.inside-box h1 {
    font-size: 60px;
}
.profile-section form {
    width: 90%;
}
.devices-boxes
{
    grid-template-columns: 1fr 1fr;
}
/* code */
}
@media (max-width: 1300px) {
    .inside-right-box h2
    {
        font-size: 23px;
    }
    .sectiontwo {
        gap: 18px;
        flex-wrap: wrap;
    }
    .sectiontwo-one {
        width: 49%;
    }
    .sectiontwo-two {
        width: 49%;
    }
    .sectiontwo-three {
        width: 49%;
    }
    .sectiontwo-four {
        width: 49%;
    }
    .first-section {
        gap: 13px;
        flex-wrap: wrap;
    }
    .box-one {
        width: 49%;
    }
    .box-two {
        width: 49%;
    }
    .box-three {
        width: 100%;
    }
}
@media (max-width: 1415px) and (min-width:1350px) {
    .notification-line-box::before {
        left: -187px;
        bottom: 48%;
        width: 53%;
    }
}
@media (max-width: 1349px) and (min-width:1260px) {
    .notification-line-box::before {
        left: -161px;
        bottom: 48%;
        width: 48%;
    }
}
@media (max-width: 1260px) and (min-width:1195px) {
    .notification-line-box::before {
        left: -141px;
        bottom: 48%;
        width: 44%;
    }
}

@media (min-width:1355px) and (max-width:1470px)
{
    .line-monitoring::after {
      
        height: 45px;
        right: -108px;
        bottom: 31%;
        width: 31%;
    }
}
@media (min-width:1260px) and (max-width:1355px)
{
    .line-monitoring::after {
   
        right: -96px;
        width: 29%;
    }
}
@media (min-width:1166px) and (max-width:1259px)
{
    .line-monitoring::after {
   
        right: -85px;
        width: 28%;
    }
}
@media (min-width:1050px) and (max-width:1168px)
{
    .line-monitoring::after {
        right: -73px;
        width: 25%;
    }
}
@media (min-width:994px) and (max-width:1049px)
{
    .line-monitoring::after {
   
        right: -63px;
        width: 21%;
    }
}
@media (max-width:1200px)
{
    .sectiontwo-one {
        width: 48%;
    }
    .sectiontwo-three {
        width: 100%;
    }
    .sectiontwo-four {
        width: 100%;
    }
}
@media (max-width:1249px)
{
    /* .network-width {
        width: 50%;
    } */
    .alarms-width {
        width: 50%;
    }
    .upshealth-width {
        width: 50%;
        margin-top: 30px;
    }
    .devicelive-width {
        width: 50%;
        margin-top: 30px;
    }
    .wan-full-width .small-graph-box .d-flex
    {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center !important;
    }
    .wan-gauge {
        margin-bottom: 15px;
    }
    .wan-full-width .range-item
    {
        margin-top: 100px;
    }
    .bar-subtitle p {
        margin-left: -28px;
    }
   
}
@media (max-width:1096px)
{
    .profile-space {
        flex-wrap: wrap;
        justify-content: center;
    }
    .full-height {
        height: 100%;
    }
}
@media (max-width:1060px)
{
    .upshealth-width {
        width: 100%;
        margin-top: 30px;
    }
    .devicelive-width {
        width: 100%;
        margin-top: 30px;
    }
    .wan-full-width {
        width: 100%;
    }
    .wan-full-width .small-graph-box.mt-4 {
        margin-top: 30px !important;
    }
    .wan-full-width .range-item {
        margin-top: 0px;
    }
    .upshealth-width .d-flex.justify-content-between
    {
        justify-content: center !important;
    }
}
@media  (min-width:1021px) and  (max-width:1200px)
{
    .center::before {
        width: 81%;
    }
    .object-line-ups::after {
        bottom: -28%;
    }
    .object-line-ups::before {
       
        left: -27px;
        bottom: -27%;
        width: 9%;
      
    }
    .notification-line-box::before {
        left: -126px;
        bottom: 48%;
        width: 41%;
    }
}
@media  (min-width:977px) and  (max-width:1030px)
{
    .small-box {
  
        width: 41%;
       
    }
    .object-line-ups::before {
        height: 201px;
        left: -14px;
        bottom: -19%;
        width: 3%;
    }
    .object-line-ups::after {
     
        width: 5%;
        right: 100%;
        left: -30px;
        bottom: -19%;
      
    }
    .line-monitoring::after {
        height: 53px;
        right: -10px;
        bottom: 32%;
        width: 2%;
    }
    .notification-line-box::before {
        left: -58px;
        bottom: 53%;
        width: 13%;
    }
    .arrow-right {
       
        top: 43%;
    }
    .center::before {
      
        width: 23%;
        height: 141px;
        right: 151px;
        bottom: 26px;
    }
    .center::after {
        width: 21%;
        height: 161px;
        left: 87px;
        bottom: -130px;
    }
    .center img {
        width: 23%;
        z-index: 999;
    }
    .center {
       
        bottom: 41%;
        left: 30%;
    }
}
@media  (min-width:738px) and  (max-width:976px)
{
    .small-box {
  
        width: 100%;
       
    }
    .object-line-ups::before {
        content: none;
    }
    .object-line-ups::after {
        content: none;
    }
    .line-monitoring::after {
        content: none;
    }
    .notification-line-box::before {
        content: none;
    }
    .arrow-right {
       
       display: none;
    }
    .center::before {
      
        content: none;
    }
    .center::after {
        content: none;
    }
    .center img {
        width: 16%;
        z-index: 999;
    }
    .center {
       
        display: none;
    }
}
@media (max-width:992px)
{
    .box-one {
        width: 48%;
    }
    .devices-performance, .customer-boxes
    {
        grid-template-columns: 1fr;
    }
    .devices-boxes
    {
        grid-template-columns: 1fr;
    }
    .report-design-style
    {
        grid-template-columns: 1fr;
        gap: 0px;
    }
    .section-left
    {
        border: 0;
    }
    .profile-box {
        width: 100%;
    }
    .websites-width {
        width: 100%;
        margin-bottom: 25px;
    }
    .devicesdown-width {
        width: 100%;
    }
    .login-logo-img
    {
        margin-bottom: 45px;
    }
    .graph-box-line {
        padding: 30px 30px 70px;
      }
      .report-box input, .select-line {
        width: 70%;
    }
    .profile-space {
        margin-top: 0;
        margin-left: 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .sectiontwo-one {
        width: 48%;
    }
    .sectiontwo-one {
        width: 100%;
    }
    .sectiontwo-two {
        width: 100%;
    }
}
/* @media(max-width:767px)
{
    .sectiontwo-one {
        width: 100% !important;
    }
} */

@media (max-width:767px)
{
    .profile-img-main {
        width: 220px;
        height: 220px;
    }
    .profile-img-content
    {
        margin-left: 45px;
    }
    .border-right-line
    {
        border-right: 0px solid #00b7f1;
    }
    /* .right-flex-box
    {
        flex-wrap: wrap;
    } */
    /* .right-sidebar
    {
        width: 100%;
    margin-top: 0;
    border-top: 1px solid #00b7f1;
    height: auto;
    margin-bottom: 45px;
    }
    .right-sidebar ul 
    {
        display: flex;
    align-items: center;
    justify-content: center;
    width: 54%;
    flex-wrap: wrap;
    margin: 0px auto;
    }
    .right-sidebar ul li 
    {
        margin-right: 15px;
    } */
    .nav-mobile {
        display: block;
    }
    .sidebar
    {
        display: none;
    }
    .sidebar.close~.home-section {
        left: 0;
        width: 100%;
    }
    .bx-menu
    {
        display: none;
    }
    .home-section {
        left: 0;
        width: 100%;
    }
    /* new code */
    .inside-box {
        padding: 50px 0;
    }
    .login-left-inside
    {
    height:100%;
    width: 70%;
    }
    .inside-right {
        padding: 80px 0 100px;
    }
    .inside-box h1 {
        font-size: 50px;
    }
    .footer-copyrightss
    {
        position: absolute;
        bottom: 10px;
        display: flex;
        width: auto !important;
        align-items: center;
        justify-content: center;
        display: block;
    }
    .footer-copyright{
        display: none;
    }
    .inside-right-box {
        width: 70%;
    }
    /* end code */
    
}
/*  */
@media (min-width:768px) and (max-width:850px)
{
    .respo-flex
    {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .respo-flex h4 
    {
        margin-bottom: 15px;
    }
}
@media  (max-width:737px)
{
    .small-box {
  
        width: 41%;
       
    }
    .object-line-ups::before {
        content: none;
    }
    .object-line-ups::after {
        content: none;
    }
    .line-monitoring::after {
        content: none;
    }
    .notification-line-box::before {
        content: none;
    }
    .arrow-right {
       display: none;
    }
    .center::before {
      
        width: 23%;
        height: 141px;
        right: 151px;
        bottom: 26px;
    }
    .center::after {
        width: 21%;
        height: 152px;
        left: 87px;
        bottom: -130px;
    }
    .center img {
        width: 16%;
        z-index: 999;
    }
    .center {
       
        display: none;
    }
    .main-small-box
    {
        gap: 28px;
    }
    .small-box {
        width: 47%;
    }
}
/*  */
@media (max-width:612px)
{
    .respo-flex
    {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .respo-flex h4 
    {
        margin-bottom: 15px;
    }
}
@media (max-width:575px)
{
    .space-main {
        padding: 20px 20px;
    }
    .login-logo-img {
        width: 120px;
        margin-bottom: 30px;
    }
    .login-box {
        padding: 100px 15px;
    }
    /* new code */
    .inside-right-box {
        width: 95%;
    }
    .login-left-inside {
        height: 100%;
        width: 95%;
    }
    /* end */
}

@media (max-width:530px)
{
    .network-width{
        width: 100%;
    }
    .alarms-width {
        width: 100%;
        margin-top: 30px;
    }
    .small-box {
        width: 100%;
    }
    .box-one {
        width: 47%;
    }
}
@media (max-width:487px)
{
    .btn-repo-gp
    {
        flex-wrap: wrap;
        justify-content: end;
    }
    .btn-repo-gp .btn
    {
        margin-right: 2px !important;
        margin-bottom: 10px;
        font-size: 13px;

    }
    .box-one {
        width: 100%;
    }
    .box-two {
        width: 100%;
    }
    .device-live-status li {
        min-width: 63px;
    }
}
@media (max-width:455px)
{
    .search, .add-delete-icon
    {
        margin-bottom: 10px;
    }
    .section-left div, .section-right div {
        margin-bottom: 13px;
        flex-direction: column;
        align-items: start !important;
    }
}
@media (max-width: 420px) {
    .sidebar.close .nav-links li .sub-menu {
      display: none;
    }
  }
  @media (max-width: 360px) {
    
  }