.navbar {
        position: fixed;
        top: 0px;
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        z-index: 100;
        background-image: url('../images/carbon_fiber_new.png');
        background-repeat: repeat;
        box-shadow: 0px 10px 15px rgba(192, 192, 192, 0.6); 
    }
    .mobile-logo {
        max-height: 45px;
    }
    #brand {
        width: 80%;
        display: none;
    }
    #brand img {
        max-width: 100%;
        padding: 5px;
    }    
    
    .navbar form {
        display: none;
        align-items: center;
        justify-content: center;
        padding-top:10px;
    }
    .navbar form input {
        border-radius: 5px;
        border: 1px white solid;
        font-size: 1.2em;
        height: 32px;
        width: 50%;
        padding-left: 10px;
        color: white;
        background-color: black;
    }
    .navbar form input::placeholder{ font-family:fontAwesome; font-size: 16px; color: white; }    
    .navbar form input:focus {
        box-shadow: 0 0 15px rgba(192, 192, 192, 0.6);
    }
    .navbar form button {
        border-radius: 5px;
        color: black;
        font-weight: bold;
        height: 35px;
        font-size: 1.2em;
        background-color: silver;
        border: 1px white solid;
        padding: 5px 10px 5px 10px;
        margin-left: 10px;
        transition: background-color 0.5s ease;
    }
    @media(max-width: 400px) {
        .navbar form button {
            font-size: 1.0em;
        }
    }
   
    .navbar form #submit_btn{
        display: none;
    }
    .navbar form button:hover {
        background-color: #000000;
    }  
    #toggle-cart {
        display: flex;
        align-items: center;
        flex-grow: 1;
        justify-content: space-between;
        margin-top: 5px;
        order: -1;
    }
    #menu_toggle {
        margin-left: 10px;
    }
    #menu_toggle a {
        color: white;
        font-size: 24px;
        border: 1px white solid;
        border-radius: 3px;
        padding: 2px 8px;
        background-color: black;
    }
    #menu_toggle a:hover {
        background-color: #333333;
    }
    #ministore_link {
        display: none;
    }
    #products_link {
        display: none;
    }
    .top_menu {
        display: none;
        flex-flow: column nowrap;
        padding: 0px;
        list-style: none;
        font-family: sans-serif;
        justify-content: stretch;
        align-items: stretch;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        white-space: nowrap;
    }  
    
    .top_menu li {
        display: flex; /* needed to vertically center anchor */
        flex-flow: column nowrap;

        align-items: center; /* needed to vertically center anchor */     
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .top_menu li a {
        text-decoration: none;
        color: #dddddd;
        width: 100%;
    }  
    
    
    .panel {
        padding: 0;
        background-color: black;
        max-height: 0px;
        overflow: hidden;
        transition: max-height 0.2s ease-out; 
        border-radius: 0px 0px 5px 5px;
    }
    .panel .listItem a {
        display: block;
        padding: 5px 10px;
        color: silver;
    }
    .panel .listItem a:hover {
        background-color: #cccccc;
    }
    .submenu,.submenu0 {
        width: 100%;
    }
    .header {
        border: 1px white solid;
        border-radius: 5px;
        padding: 5px;
        background-color: silver;        
        color: white;

        cursor: pointer;
        transition: 0.4s;
    }
    .accordionActive, .accordion:hover {
        background-color: silver;
        color: black;
    }   
    .accordionActive {
        border-radius: 5px 5px 0px 0px;
        font-weight: bold;
    }
    .accordion:after {
      content: '+';
      font-size: 20px;
      color: white;
      font-weight: bold;
      float: right;
      margin-left: 5px;
    }
    
    .accordionActive:after {
      content: "-";
      margin-right: 5px;
    }   
    .active {
        /* don't delete. being used as flag by jquery */
    }
    .email {
        margin-top: 10px;
        align-self: center;
    }
    .email a {
        border-radius: 5px;
        border: 1px white solid;
        background-color: black;
        padding: 5px;
        transition: background-color 0.5s ease, color 0.5s ease;
    }
    .email a:hover {
        background-color: white;
        color: black;
    }
    .phone {
        margin-top: 20px;
        align-self: center;
    }
    .phone a {
        border-radius: 5px;
        border: 1px white solid;
        background-color: black;
        padding: 5px;
        transition: background-color 0.5s ease, color 0.5s ease;        
    }
    .phone a:hover {
        background-color: white;
        color: black;
    }   
    
    @media only screen and (min-width: 560px) {
    .home {padding-top: 110px; }        
    .navbar {
        /* position: fixed; used only on home page */
        background-color: #898989;
        top: 0px;
        left: 0px;
        justify-content: space-between;
        align-items: stretch;
        padding-left: 0px;
        background-image: none;
        max-height: none;
    }
    
    .mobile-logo {
        display: none;
    }
    #brand {
        display: inline;
        width: auto;
    }    
    #brand img {
        height: 50px;
    }
    .navbar form {
        display: flex;
        padding-top: 0px;
    }
    .navbar form input {
        font-size: 1.0em;
        border: 0px;
        height: 25px;
        color: #777777;
        background-color: #ffffff;
    }  
    .navbar form button {
        background-color: #aaaaaa;
        border: 0px;
        font-size: 0.8em;
        height: 28px;
    }     
    .navbar form #submit_btn {
        display: inline;
    }
    .navbar form button:hover {
        background-color: #ffffff;
    }      
    .navbar form #submit_btn_mobile {
        display: none;
    }
    #toggle-cart {
        justify-content: space-around;
        margin-top: 0px;
        max-width: 400px;
        order: 2;
    }
    #facebook {
        margin: 0;
    }    
    #menu_toggle { display: none; }     
    
    .top_menu {

        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        margin-top: 0px;
        margin-bottom: 0px;
        align-items: stretch;
        margin-left: 0px;
        padding-left: 0px;
        white-space: nowrap;
        order: 3;
    }  
 
    .top_menu li {
        flex-flow: row nowrap;
        align-items: center;
        margin-left: 10px;
        margin-right: 5px;
    }   
    .top_menu li a {
        width: auto;
    }
    .top_menu #ministore_link {
        display: inline;
    }    
    .top_menu #products_link {
        display: inline;
    }
    .phone {
        /*display: none !important;*/
        
    }
    .phone {
        margin-top: 0px;
    }
    .phone a {
        border: 0px;
        background-color: transparent;
    }
    .email {
        margin-top: 0px;
    }
    .email a {
        border: 0px;
        background-color: transparent;
    }

    .submenu,.submenu0 {
        display: none;
        position: absolute;
        top: 99%; /* should be 100% but IE requirs 99% to eliminate gap */
        flex-flow: row wrap;
        background-color: #555555;
        box-shadow: 5px 5px 10px rgba(192, 192, 192, 0.6);
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-top: 0px;
        text-align: left;
        margin-bottom: 30px;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 0.8em;
        border-top: 5px #808080 solid;
        transition: opacity .6s;
        width: auto;
    }
    .submenu .column,.submenu0 .column {
        display: flex;
        flex-flow: column wrap;
        margin-right: 20px;
    }
    .submenu .column .header,.submenu0 .column .header {
        color: black;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
        border: none;
        border-radius: 0;
        padding: 0;
        background-color: transparent;        
        cursor: auto;
        transition: none;        
        
    }
    .submenu .column .listItem,.submenu0 .column .listItem {
        margin-bottom: 0px;
    } 
    .panel {
        padding: 0;
        background-color: transparent;
        height: auto;
        max-height: none;
        overflow: hidden;
        transition: max-height 0.2s ease-out; 
        border-radius: 0px 0px 5px 5px;
    }
    .panel .listItem {
      
    }
    .panel .listItem a {
        display: block;
        padding: 5px 5px;
        color: #dddddd;
    }
    .panel .listItem a:hover {
        color: white;
    }    
    .accordion:after {
      content: '';
    }    
}



    @media(min-width: 1260px) {
        #toggle-cart {
            order: 3;
        }
        .top_menu {
            width: auto;
            order: 2;
        }
    .top_menu li {
        margin-left: 15px;
        margin-right: 10px;
    }        
    }
    
    @media(min-width: 560px) and (max-height: 600px) {
        .submenu,.submenu0 {
            font-size: 0.6em;
            left: 0px;
        }
    }