@media (max-width:575.98px){
    *{}

main {
    padding-top: 80px;
}

.itemDescription .textCopy .icon {
    display: none;
}

.backupChart {
    width: 100%;
}

#dashboard .backupStatus .deviceList .dropdown-menu {
    width: 100%;
}

.chartDetails h1 {
    font-size: 3.5em;
}

#dashboard .backupStatus {
    flex-direction: column-reverse;
    margin-bottom: 1em;
}

#dashboard .backupStatus .deviceList {
    width: 100%;
    display: block;
    margin-bottom: 1em;
}

#dashboard .backupStatus .deviceList button {
    width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2em;
}

#dashboard .backupStatus .deviceList .icon {
    position: absolute;
    right: 0.5em;
}

    body {
      }
      body::before{
        display:none
      }

      
/*=================================================== HEADER ===================================================*/
      header .menuWrapper{
        padding-right: 1em;
        padding-left: 1em;
      }

      header .menuWrapper .brandLogo{
       z-index: 523; 
      }
      header .menuWrapper .hamBurger{
        display: initial;
      }
      header .menuWrapper .mainMenu{
        display: block;
        width: 100%;
        /* height: 100%; */
        position: fixed;
        top: 68px;
        left: 0;
        transform: translateX(120%);
        background-color: #262b30;
        z-index: 500;
		transition: transform .6s cubic-bezier(0.48, 0.01, 0.06, 1);
    
    }
    .navOpen header .menuWrapper .mainMenu{
      transform: translateX(0%);
    }
    
    header .menuWrapper .mainMenu .navItem{
        text-align: center;
    }

/*=================================================== LOGIN ===================================================*/
    #login .brandLogo .logo{
      max-width: 100px;
    }

     #login main {
        padding-top: 1em;
    }


/*=================================================== DASHBOARD ===================================================*/

    .backupCardWrapper .backupCard .cardIcon{
      margin-right: .5em;
    }

/*=================================================== PROFILE ===================================================*/
    #profile .btn{
      font-size: 1.2em;
    }
}


@media (max-width:405.98px){


}