body,html{
    overflow-x: hidden;
}
/* responsive Extra small devices Phones  */
@media (max-width: 778px) {
    
     .login-sidebar {
        right: 0% !important;
    left: 0% !important;
     margin-top: 0px;
     box-shadow: inherit;
    }
    
    .top-left-part .dark-logo {
    width: 35px;
    height: 35px;
}

.logo b {
    height: 60px;
    float: left;
    padding-left: 10px;
    width: auto;
    line-height: 59px;
    text-align: center;
}

.container {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}

.top-left-part a{
     color: #fff;
    line-height: 59px;
    font-size: 18px;
    padding-left: 10px;
    text-transform: uppercase;
}
.top-left-part {
    width: 60px;
}

.navbar-left a.open-close.waves-effect.waves-light.visible-xs {
    margin-top: 4px;
}

.navbar-left i.ti-close.ti-menu {
    font-size: 20px;
}
   
}
@media (max-width: 767px) {
   
}
/* responsive Small devices Tablets   */

@media (min-width: 768px) and (max-width:768px) { 
      .login-sidebar {
        right: 0% !important;
    left: 0% !important;
   margin-top: 0px;
    box-shadow: inherit;
}
}
/* responsive Medium devices Desktops    */

@media (min-width: 992px) and (max-width: 1024px) { 

.top-left-part img.dark-logo{
    margin-right: 10px;
}

}

/* responsive Large devices Desktop */
@media (min-width: 1200px) { 
 
.top-left-part img.dark-logo {
    margin-right: 10px;
}




 }