/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
    /* CSS */
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
    .login100-more {
        width: 96%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: top;
        position: absolute;
        z-index: 1;
        height: 274px;
        display: flex;
    }
    .myaccounts-logo {
        position: absolute;
        top: 120px;
        left: 35%;
    }
    
    
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    /* CSS */
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    
    .login100-more {
        width: 92%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: top;
        position: absolute;
        z-index: 1;
        height: 143px;
        display: flex;
    }
    .myaccounts-logo {
        position: absolute;
        top: 53px;
        left: 26%;
    }
    .profile-pic img{
        width: 38px !important;
        height: 38px;
    }
    .skin-megna .topbar .top-navbar .navbar-header .navbar-brand .light-logo{display: none;}
    .skin-megna .topbar .top-navbar .navbar-header .navbar-brand .dark-logo{
        display: inline-block;
        color: rgba(255, 255, 255, 0.8);
        position: relative;
        left: 11px;
    }
    .sidebar-nav > ul > li:first-child {display:none;}
    .nav-tabs .nav-item {
        margin-bottom: 25px;
        width: 50%;
        font-size: 10px;
    }
    
  }










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

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

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

}

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

}

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