@media screen and (max-width: 767px) {

    #HeaderContent {
        text-align: center;
        height: initial;
    }

    .HeaderLogoWrapper {
        width: 100%;
        text-align: center;
        left: 0px;
    }

    img.HeaderLogo {
        width: initial;
        max-width: 250px;
        padding-top: 0px;
    }

    #TopNavResults {
       display: none !important;
    }

    #SignInDropDown {
        display: none !important;
    }
 
    #QuickOrderPadForm {
       display: none !important;
   }

    #P1Wrap {
       display: none !important;
    }

    #SignIn, #MyAccount, #ShoppingCartText {
        display: none !important;
    }

    #ShoppingCart {
        background-image: none;
    }

    #MobileShopCartImg {
        display: inherit;
        position: absolute;
        top: 0px;
        right: 5px;
    }

    #MobileNavigation {
        z-index: 999;
        position: absolute;
        top: 0px;
        width: 300px;
        display: initial;
        text-align: left;
    }

    #HeaderProducts {
        display: none !important;
    }

    .DropDownArrow {
        vertical-align: middle;
    }

    #Dropdown {
        display: none !important;
    }

    #MobileNavigation a, #MobileNavigation a:hover, #MobileNavigation a:active {
        color: #fff;
        display: block;
        text-decoration: none;
        padding-left: 15px;
    }

    #MobileNavigation ul {
        padding: 0px;
        margin: 0px;
    }

    #MobileNavigation ul > li {
        list-style-type: none;
        background-color: #4d4d4d;
        font-size: 18px;
        border-bottom: 1px solid #696969;
        line-height: 39px;
    }

    .DropdownLvl2 {
        left: auto !important;
        right: 0px;
        z-index: 9999999999 !important;
    }

    #SubHeader .DropdownLvl2 li {
        width: 100% !important;
        z-index: 99999999999;
    }

    #IndustriesDrop > li > a {
        padding-left: 25px !important;
    }


    ul#IndustriesDrop li {
        background-color: #0e0e0e !important;
    }


    #AboutDrop > li > a {
        padding-left: 25px !important;
    }

    #MobileNavLink {
        color: #fff;
        display: block;
        text-decoration: none;
    }

    .Close {
        font-size: 20px;
    }

    #PhoneNumber {
        display: none;
    }

    #SubHeader li a {
        font-size: 15px;
        line-height: 46px;
    }

    #SubHeaderWrapper {
        border-top: none;
        bottom: 53px;
        width: 100%;
        z-index: 9999;
    }

    #SubHeader {
        min-width:initial;
        max-width:initial;
    }


    #SearchBar {
        position: inherit;
        width: auto;
        height: initial;
        background-color: none;
        border-radius: 0px;
        background-image: none;
        display: block;
    }

    .Search {
        margin: 0;
        padding: 0px 0px 0px 5px;
        width: 90%;
        height:30px;
    }

    .SearchButton {
        position:absolute;
        right: 5px;
        top: 1px;
        left: initial;
    }

    #NewSearch {
        padding:0px;
        background-color: #bdbfc1;
        text-align:left;
        position:relative;
        right: 0px;
    }

    #HeaderWrapper {
        margin-top: 0px;
        position: relative;
        height: auto;
    }

    #Header {
        max-width: 767px;
        height: 205px;
        z-index: 9999;
    }


    #Logo img {
        width: 60%;
        min-width: inherit;
        max-width: 315px;
        float: none;
    }


    #MobileSearch {
        display: inherit;
        position: relative;
        width: 80%;
        padding: 5px 0px;
        margin: 0 auto;
    }

    #MobileSearchBox {
        width: 100%;
        height: 25px;
        text-align: center;
    }

    #MobileSearchButton {
        position: absolute;
        right: 0px;
        top: 8px;
    }

    .DesktopOnly {
        /* display:none !important; */
    }

    
    .DesktopOnlyContact {
        display: none !important;
    }

    #ProductsFlyout {
        display: none !important;
    }

    #AddToCart {
        right: 0px;
        left: 0px;
        bottom: 0px;
        margin: 0 auto;
        width: 120px;
    }


    /* MINI CART */
    span#CartBubble {
        display: none !important;
     }

    #AdminPage {
         display: none !important;
     }

    .DesktopOnly  {
        /* display: none !important; */
    }

    .MobileOnly {
        display: inline-block !important;
    }

    #HeaderContent {
        text-align: center;
        height: 130px;
    }

    .CompanyLogo {
        display: inline-block;
        max-width: 195px;
        width: 47%;
        left: 10px;
        top: 5px;
    }

    #QuickPad, #PhoneNumber, #HeaderContact, #Slogan {
        display: none !important;
    }

    #TopNavigationWrapper {
        display: none;
        /*vertical-align: top;
        margin: 0 auto;
        width: 100%;
        position: initial;
        z-index: 1;
        right: 1px;
        text-align: right;
        height: initial;*/
    }

    span.ItemCount {
        top: 1px;
        left: 186px;
        width: 16px;
        display: none !important;
    }

    #HeaderLoggedIn span.fa-stack.fa-lg {
    width: 20px;
    bottom: 3px;
    /* left: 219px; */
    /* top: 54px; */
    display: inline-block;
    font-size: 11px;
    margin: 0;
    }

    #HeaderLoggedOut span.fa-stack.fa-lg {
        width: 20px;
        bottom: 3px;
        /* left: 219px; */
        /* top: 54px; */
        display: inline-block;
        font-size: 11px;
        margin: 0;
    }

    #HeaderLoggedOut a {
        line-height: inherit;
    }


    #TopNavLinkTitles1 { 
       right: auto;
       font-size: 12px;
    }

    #HeaderLoggedIn p {
    right: auto;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
    position: initial;
    }

    p.AccountSubtitle {
        display: none !important;
    }



    #TopNavLinkTitles2 {
        right: auto;
        font-size: 12px;
        left: 2px;
        bottom: 7px;
    }

    #HeaderLoggedOut p {
        right: auto;
        font-size: 12px;
        margin-left: 10px;
        display: inline-block;
        position: initial;
        line-height: 24px;
    }


    .MyAccountWrapper p {        
        right: auto;
        font-size: 12px !important;
        margin-right: 6px;
    }

    #TopNavLinkTitles3 {
        right: auto;
        font-size: 12px !important;
        margin-right: 6px;
    }

    #TopNavLinkTitles5 {
        font-size: 12px;
        display: inline-block;
        position: initial;
        margin-left: 5px;
        line-height: inherit;
    }

    .PhoneWrapper {
       font-size: 12px;
       width: 54%;
       height: 16px;
       float: none;
       margin-top: 1px;
       display: none;
    }

    .PhoneWrapper p {
        margin: 0 auto;
    }

    p.SecondNumber {
        display: none;
    }

    .MyAccountIcon {
      width: 20px;
    }

    #ShoppingCartLink img {
       width: 22px;
    }

    .MyCart span {
        width: 20px;
        right: 2px;
        bottom: 4px;
        display: inline-block;
        font-size: 11px;
    }

    Login {
        width: 30%;
    }


    #HeaderMyAccount {
        display: none !important;
        /*vertical-align: top;
        height: initial;
        width: 90px;*/
    }

    #HelloMessage {
        top: 68px;
    }

    #HeaderLoggedOut, #HeaderLoggedIn {
        vertical-align: top;
        /* width: 129px; */
        border-right: none;
        height: 23px !important;
        /* right: 0px; */
        line-height: 24px;
        top: 0px;
        z-index: 999999;
    }

    #HeaderLoggedOut {
        height: initial;
    }

    #HeaderSearchBox {
        width: 100% !important;
        min-width: inherit;
        float: none;
    }

    #QuickPadIcon {
        display: inline-block;
    }

    #SearchBar {
        width: 100%;
        position: absolute;
        height: 53px;
        z-index: 99;
        top: 190px;
        left: 0px;
        background: #bdbfc1;
    }

    #NewSearch {
        width: 84%;
        height: auto;
        position: relative;
        z-index: 999999999;
        padding: 0px;
        left: 46px;
        top: 8px;
        margin: 0 auto;
    }

    .SearchButton {
        top: -5px;
        right: 7px;
    }

    .Search {
        width: 92%;
        height: 31px;
        display: inline-block;
        z-index: 99;
        margin: 5px auto;
    }

    #MobileDropDown {
        right: 75px;
    }

    #MobileMenu {
        display: inline-block;
        width: 33px;
        position: absolute;
        bottom: 3px;
        left: 4px;
        z-index: 99999;
        cursor: pointer;
    }
    .bar1, .bar2, .bar3 {
        width: 35px;
        height: 5px;
        background-color: #333;
        margin: 6px 0;
        transition: 0.4s;
    }

    /* Rotate first bar */
    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
        transform: rotate(-45deg) translate(-9px, 6px) ;
    }

    /* Fade out the second bar */
    .change .bar2 {
        opacity: 0;
    }

    /* Rotate last bar */
    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
        transform: rotate(45deg) translate(-8px, -8px) ;
    }

    .Expanded {
        display: inline-block;
        background-repeat: no-repeat !important;
        background-position: center !important;
        width: 40px;
        height: 40px;
    }

    #MobileMenuWrapper img {
        position: absolute;
        left: 0px;
    }

    #MobileNavigation {
        z-index: 999;
        position: absolute;
        top: 53px;
        left: 0px;
        width: 215px;
        display: initial;
        text-align: left;
    }

    #MobileNavigation a, #MobileNavigation a:hover, #MobileNavigation a:active {
        color: #fff;
        display: block;
        text-decoration: none;
        padding-left: 15px;
    }

    #MobileNavigation ul {
        padding: 0px;
        margin: 0px;
    }

    #MobileNavigation ul > li {
        list-style-type: none;
        background-color: #4d4d4d;
        font-size: 18px;
        border-bottom: 1px solid #696969;
        line-height: 39px;
    }

    #AccountDrop {
        border-top: 1px solid #696969;
    }

    #AccountDrop li {
        padding-left: 15px;
        font-size: 16px !important;
        font-weight: normal;
        background-color: #bdbfc1 !important;
    }

    #AccountDrop li a {
       color: #242021;
       font-weight: bold;
    }   

    #ResourcesDrop {
        border-top: 1px solid #696969;
    }

    #ResourcesDrop li {
        padding-left: 15px;
        font-size: 16px !important;
        font-weight: normal;
        background-color: #bdbfc1 !important;
    }

    #ResourcesDrop li a {
       color: #242021;
       font-weight: bold;
    }   

    #AboutDrop {
        border-top: 1px solid #696969;
    }

    #AboutDrop li {
        padding-left: 15px;
        font-size: 16px !important;
        font-weight: normal;
        background-color: #bdbfc1 !important;
    }

    #AboutDrop li:hover, #MobileNavigation li:hover {
        background-color: #737373;
    }

    #AboutDrop li a {
        color: #242021;
        font-weight: bold;
    }


    #ServicesDrop {
        border-top: 1px solid #696969;
    }

    #ServicesDrop li {
        padding-left: 15px;
        font-size: 16px !important;
        font-weight: normal;
        background-color: #bdbfc1 !important;
    }

    #ServicesDrop li:hover, #MobileNavigation li:hover {
        background-color: #737373;
    }

    #ServicesDrop li a {
        color: #242021;
        font-weight: bold;
    }


    #ProductsDropArrow, #AboutDropArrow {
        display: none;
    }


    .DropDownImg {
        width: 10px;
    }

    .Follow, .SocialIcon, .dropdown-content3, .TopNavSocial {
        display: none !important;
    }

    .Active {
        background-color: #000 !important;
    }

    li#AboutLink {
        width: 25% !important;
    }

    li#TrainingLink {
        border-right: none;
    }

    #SubHeader {
        height: 40px;
        bottom: 0px;
        width: 100%;
    }

    li.SubheaderTitle {
        width: 20% !important;
    }
    
    #SubHeader li {
        width: 24.72% !important;
        font-size: 16px;
        height: 45px;
    }

    li#IndustryLink {
        border-right: none;
    }

    .Welcome {
        height: 40px;
    }

    .welcomeback {
        width: 100% !important;
        text-align: center;
        font-size: 12px;    
        line-height: 20px;
    }

    .welcomebackaccountmobile {
        width: 100%;
       text-align: center;
        margin-left: 0px
    }

    .welcomebacknamemobile {
        float: none;
        margin-right: 0px;
    }

    a#ShoppingCartLink {
        vertical-align: bottom;
        margin-left: 1px;
    }

     #SearchButtonWrap {
      border: none !important;
      position: absolute !important;
      top: 5px;
      right: -1% !important;
      height: 31px;
    }

    #SearchButton {
        height: 31px;
    }

    .QOPButton {
        display: none;
    }

    .TopNavigation {
        float: none;
        width: 100%;
        bottom: 47px;
        height: initial;
        position: absolute;
        z-index: 999999999;
    }


    a#CartBox {
        width: 116px;
        height: 23px !important;
        right: 0px;
        top: 0px;
    }


    .AdminLink {
        position: relative;
        bottom: 141px;
    }

    #MiniCart {
        right: 1px !important;
    }


}