@media only screen and (max-width:768px) {
    
    .m-header {
        width: auto;
        text-align: center; 
        float: left;
        display: flex;
       
    }

    .login-header {
        display: table; 
        padding: 10px 10px;
    }

    .login-header .dropdown.show {
        position: static
    }

    .login-header .dropdown.show a:after {
        display: none
    }

    .login-header .dropdown.show:before {
        display: none
    }

    .login-header .dropdown .notification {
        width: 100%
    }

    .login-header .dropdown .dropdown-menu {
        min-width: 280px;
        margin-left: auto;
        margin-right: auto;
        left: auto;
        right: 0;
    }

    .header-chat.open,
    .header-user-list.open {
        width: 280px
    }

    .pcoded-content {
        padding: 30px 15px
    }



    .login-header .navbar-nav {
        display: block;
        float: right;
    }

    .login-header .navbar-nav>li:first-child,
    .login-header .navbar-nav>li:last-child {
        padding: 0 0px 0 20px;
    }

    .login-header .ml-auto {
        float: none;
        text-align: center;
    }

    .login-header .main-search .input-group .form-control {
        width: 280px;
    }

    .login-header .m-header .b-brand img,
    .right-logo img {
        height: 36px;
    }
    .login-wrapper{
	width: 90%; 
}
}