.mobile-menu.grey{
width: 96%;
        margin: 0 auto;
position: relative;
}
.navbar #myNavbar {
float: none;
        padding-top: 12px;
}
.navbar.navbar-inverse .navbar-nav > .open > a, .navbar.navbar-inverse .navbar-nav > .open > a:focus, .navbar.navbar-inverse .navbar-nav > .open > a:hover{
background-color: transparent;
color: #555 !important;
}
.navbar-inverse .navbar-nav > li > .dropdown-menu {
border-radius: 4px;
padding: 0;
}
#myNavbar ul li.open a .glyphicon-menu-down, #myNavbar ul li:hover a .glyphicon-menu-down  {
transform: rotate(-180deg);
}
#myNavbar ul li a .glyphicon-menu-down {
font-size: 11px;
font-weight: 700;
transition: 1s all;
}
#myNavbar ul li .dropdown-menu li:first-child a {
border-radius: 4px 4px 0 0;
overflow: hidden;
}
#myNavbar ul li .dropdown-menu li:last-child a {
border-radius: 0 0 4px 4px;
}
#myNavbar ul li .dropdown-menu li .dropdown-submenu {
display: none;
}
#myNavbar ul li.open ul.dropdown-menu li a .glyphicon-menu-down, #myNavbar ul li:hover ul.dropdown-menu li a .glyphicon-menu-down {
transform: rotate(-90deg);
right: 6px;
position: absolute;
top: 11px;
}

span.search-input {
background: #fff;
display: inline-block;
padding: 5px;
margin-top: 10px;
border: 1px solid #555;
font-size: 12px;
}
span.search-input input[type="text"] {
border: 0;
}
#myNavbar ul li.user-profile a {
padding-top: 10px;
}
li.user-profile span.glyphicon-user {
border: 1px solid #555;
border-radius: 15px;
font-size: 25px;
display: inline-block;
overflow: hidden;
}
li.user-profile .login-text{
display:none;
}
#myNavbar ul li a.investor-btn {
background: #c72026;
color: #fff;
padding: 8px 15px;
margin-top: 8px;
margin-left: 10px;
text-shadow: 0px 2px 4px #000;
}
span.search-input input:focus, span.search-input input:focus-visible {
border: none;
outline: none;
}
li.search-bar-top{
position:relative;
}

.search-bar-top-mobile
{
display: none;
}

.desktop_only{
     display:  block;
    text-align: center;
 }

 .mobile_only{
    display:  none;
    }
.mainullist
{
    background-color: lightgrey;width: 70%;
}
.pmain
{
    width: 70%;
    padding: 5px;
    background-color: lightgrey;
}



@media (max-width: 767px){


    .notes1{
    display: none;
}


.notes{
    display: none;
}

.mainullist
{
    width: 100%;
}

.pmain
{
    width: 100%;
}
.custom-news-box p {
    text-align: left;
    }

.custom-heading-box .custom-date-text
{
font-size: 1.5em
}

#loginPopupModal .modal-dialog
{
max-width: 90%;
}
.mobile-menu.grey {
width: 100%;
margin: 0 auto;
position: fixed;
top: 0;
}
.navbar #myNavbar {
/*padding-top: 35px;*/
}
.navbar-inverse .navbar-nav > li > .dropdown-menu {
padding-left: 15px;
text-align: left;
}
#myNavbar ul li.open ul.dropdown-menu li a .glyphicon-menu-down{
/*display:none;*/
position:inherit;
}
.navbar-inverse .navbar-nav.nav > li.dropdown {
text-align: left;
}
#myNavbar ul li a.investor-btn{
 text-align:center;
 max-width: 90%;
}

li.user-profile .login-text{
display:block;
}
.navbar-nav li.user-profile span.glyphicon-user{
display:none;
}
.navbar-header .navbar-toggle {
margin-top: 22px;
}
.search-bar-top-mobile
{
display: block;
}
li.search-bar-top {
/*position: absolute;
top: 70px;
left: 15px;
right: 15px;*/
display: none;
}
span.search-input {
display: block;
}


/**  **/
#myNavbar ul li .dropdown-menu li.dropdown-second .dropdown-submenu {
 padding-left: 15px;
 max-height: 190px;
 overflow: auto;
 position: inherit;
 margin-right: 10px;
}
#myNavbar ul li .dropdown-menu li .dropdown-submenu .dropdown-menu {
 text-align: left;
}
#myNavbar ul li.open ul.dropdown-menu li.open a .glyphicon-menu-down {
 transform: rotate(-180deg);
}

.desktop_only{
display:  none;
 }

 .mobile_only{
     display:  block;
 }



}

 @media (min-width: 768px){

.custom-news-box p {

    text-align: left;
    
}
.custom-date-text
{
font-size: 1.5em
}

#myNavbar .navbar-nav {
 float: right;
}

span.search-input input[type="text"] {
 min-width: calc(100vw - 75vw);
}

#myNavbar ul li .dropdown-menu li .dropdown-submenu {
position:absolute;
left: 100%;
top: 0;

}
#myNavbar ul li .dropdown-menu li:hover .dropdown-submenu {
display: block;
padding-left: 4px;
}
#myNavbar ul li .dropdown-menu li:hover .dropdown-submenu .dropdown-menu{
display:block;
position:relative;
}
#myNavbar ul li .dropdown-menu li:hover > a {
background: #f5f5f5;
}

#myNavbar ul li.dropdown:hover ul.dropdown-menu {
 display: block;
}


}

@media (max-width: 1270px){
span.search-input input[type="text"] {
    min-width: calc(100vw - 85vw);
}
.mobile-menu.grey {
    width: 100%;
}

}

@media (max-width: 1470px){
.navbar-inverse .navbar-nav > li > a{
padding-left:8px;
padding-right:8px;
}
}