@media screen and (max-width: 1000px) {
    
    .main-bar {
        height: 93px;
    }

    .menu-bar nav {
        display: inline;
    }
    
    .search-wrapper input {
        margin-bottom: 5px;
        width: 100%;
    }

    .search-wrapper select {
        border-left: 1px solid rgb(18, 91, 140);
        width: calc(100% - 35px);
    }

    .account-trigger {
        bottom: 18px;
    }

    .account-panel {
        top: calc(100% - 19px);
    }

    .company-logo {
        top: 5px;
    }
}

@media screen and (max-width: 825px) {
    
    .main-bar td:nth-of-type(1), .company-logo, .company-logo img {
        width: 160px;
    }

    .main-bar td:nth-of-type(4) {
        width: 158px;
    }

    .main-bar td:nth-of-type(5) {
        width: 60px;
    }
    
    .account-trigger.active:hover, .account-trigger.active.expanded {
        width: 221px;
    }
    
    .account-trigger.expanded.active .logout {
        right: 0;
    }
    
    .account-trigger.expanded.active ~ .account-panel {
        right: -83px;
    }
    
    .account-panel {
        right: 0;
    }

    .cart-wrapper a, .cart-wrapper a:link, .cart-wrapper a:focus, .cart-wrapper a:visited, .cart-wrapper a:active {
        padding: 0;
        text-align: right;
    }

    .cart-wrapper a span:first-of-type {
        top: 0px;
        left: 34px;
    }

    .cart-wrapper a span:last-of-type {
        display: none;
    }

    .cart-wrapper a img {
        margin-top: 10px;
    }
}

@media screen and (max-width: 675px) {
    
    .main-bar {
        display: block;
        height: auto;
    }
    
    .main-bar tbody, .main-bar tr {
        display: block;
    }
    
    .main-bar td:nth-of-type(1){
        display: block;
        height: 90px;
        width: 100%;
    }
    
    .company-logo {
        left: 0;
        text-align: center;
        width: 100%;
    }
    
    .main-bar td:nth-of-type(2){
        width: 15px;
    }
    
    .main-bar td:nth-of-type(3){
        padding-bottom: 5px;
    }
    
    .main-bar td:nth-of-type(4){
        width: 178px;
    }
    
    .account-trigger.expanded.active ~ .account-panel {
        right: -63px;
    }
    
    .account-trigger.active ~ .account-panel {
        width: 380px;
    }
    
    .account-trigger.active ~ .account-panel table td:nth-of-type(1) {
        border: 0;
        display: inline-table;
        margin-bottom: 10px;
    }
    
    .account-trigger.active ~ .account-panel table td:nth-of-type(2) {
        border: 0;
        display: inline-table;
        margin-bottom: 10px;
    }
    
    .account-trigger.active ~ .account-panel table tr:nth-of-type(1) td {
        border-bottom: 0;
    }
    
    .account-panel {
        right: 16px;
    }
    
    .main-bar td:nth-of-type(6){
        width: 15px;
    }
	
	/*START CHANGES FOR MOBILE SITE*/
    
    .notification-bar tr {
        display: none;
    }

    .main-bar > tbody > tr > td:nth-of-type(2)::after {
        content: "\f002";
        font-family: "FontAwesome";
        position: absolute;
        font-size: 30px;
        top: 0;
        right: 0;
        color: rgb(18, 91, 140);
    }

    .main-bar > tbody > tr > td:nth-of-type(3) {
        position: absolute;
        right: 0;
        /* top: 91px; */
        width: 100%;
        opacity: 0;
        visibility: hidden;
        padding: 0 15px;
        margin: 0;
        z-index: 2000;
        transition: opacity .3s ease 0s;
    }

    .main-bar > tbody > tr > td:nth-of-type(4) {
        height: 90px;
        position: absolute;
        right: 75px;
        width: 68px;
        /* top: 0; */ /*Uncomment this and comment next line if notification bar is hidden*/
		top: 60px;
    }

    .main-bar > tbody > tr > td:nth-of-type(5) {
        height: 90px;
        position: absolute;
        right: 15px;
        /* top: 0; */ /*Uncomment this and comment next line if notification bar is hidden*/
		top: 60px;
    }

    .cart-wrapper a, .cart-wrapper a:link, .cart-wrapper a:focus, .cart-wrapper a:visited, .cart-wrapper a:active {padding: 17px 0 23px;margin-top: 0;border: 0;}

    .cart-wrapper a span:first-of-type {
        top: 16px;
    }

    .main-bar > tbody, .main-bar > tbody > tr {
        height: 90px;
    }

    .main-bar > tbody > tr > td:nth-of-type(1) {
        display: inline-block;
        width: 190px;
    }

    .account-panel {
        right: 0;
        z-index: 3000;
        top: calc(100% - 31px);
    }

    .search-wrapper button {
        vertical-align: top;
    }

    .account-trigger::after {
        content: "\f007";
        font-family: fontawesome;
        font-size: 40px;
        left: 10px;
        top: 10px;
        position: relative;
        color: rgb(18, 91, 140);
    }

    .account-trigger span {
        display: none;
    }

    .account-trigger.expanded::after {
        content: "\f007";
        height: auto;
        position: relative;
        left: 10px;
    }

    .account-trigger {position: relative;bottom: -10px;left: 0;}

    .menu-bar .bulk-menu {
        display: none;
    }

    .search-wrapper input {
        width: 70%;
    }

    .search-wrapper select {
        width: calc(30% - 35px);
        vertical-align: top;
    }

    .main-bar > tbody > tr > td:nth-of-type(2):hover::after {
        cursor: pointer;
    }

    .cart-wrapper a span:first-of-type {
        display: none;
    }

    .cart-wrapper a img {
        margin-top: 5px;
    }

    .main-bar > tbody > tr > td:nth-of-type(3).active {
        opacity: 1;
        visibility: visible;
    }

    .main-bar .search-wrapper.active {
        opacity: 1;
        visibility: visible;
    }

    .main-bar > tbody > tr > td:nth-of-type(2) {
        position: absolute;
        top: 25px;
        right: 160px;
        height: 28px;
        width: 28px;
    }
    
    .account-trigger.active:hover, .account-trigger.active.expanded {
        width: 131px;
    }
	
	/*END CHANGES FOR MOBILE SITE*/
}

@media screen and (max-width: 520px) {
    
    .notification-bar tr {
        display: block;
    }

    .notification-bar td:nth-of-type(2) {
        display: inline-block;
        width: calc(50% - 2px);
    }

    .notification-bar td:nth-of-type(3) {
        display: inline-block;
        width: calc(50% - 2px);
    }

    .notification-bar td:nth-of-type(4) {
        display: block;
        width: 100%;
    }

    .btn-chat, .btn-chat:link, .btn-chat:focus, .btn-chat:visited, .btn-chat:active {
        text-align: center;
    }

    .btn-chat img {
        left: 0;
        position: relative;
    }
	
	 /*CHANGES FOR MOBILE SITE. Uncomment this section to hide notification bar*/
	 /*
    .notification-bar tr {
        display: none;
    }
	*/
}

@media screen and (max-width: 450px) {
        
    .main-bar td:nth-of-type(3) {
        display: block;
        margin: 0 15px;
    }
    
    .search-wrapper input {
        margin-bottom: 0;
        width: calc(100% - 180px);
    }
    
    .search-wrapper select {
        border-left: 0;
        width: 145px;
    }
    
    .main-bar td:nth-of-type(4) {
        display: inline-block;
        width: calc(50% - 2px);
    }
    
    .account-trigger {
        bottom: 0;
        max-width: 200px;
        position: relative;
        text-align: center;
    }
    
    .account-trigger.active {
        max-width: 221px;
        text-align: left;
    }
    
    .account-trigger.active ~ .account-panel {
        width: 290px;
    }
    
    .account-panel {
        left: 20px;
        right: auto;
        top: calc(100% - 2px);
    }
    
    .main-bar td:nth-of-type(5) {
        display: inline-block;
        width: calc(50% - 2px);
    }
    
    .cart-wrapper a, .cart-wrapper a:link, .cart-wrapper a:focus, .cart-wrapper a:visited, .cart-wrapper a:active {
        border-left: 0;
        text-align: center;
    }
    
    .cart-wrapper a span:first-of-type {
        left: 5px;
        text-align: center;
        width: 100%;
    }
	
	/*START CHANGES FOR MOBILE SITE*/
    .main-bar > tbody > tr > td:nth-of-type(2) {
        width: 28px;
        right: 55px;
    }

    .main-bar > tbody > tr > td:nth-of-type(4) {
        width: 40px;
        right: 58px;
    }

    .main-bar > tbody > tr > td:nth-of-type(5) {
        width: 40px;
    }

    .cart-wrapper a img {
        max-width: 100%;
    }

    .cart-wrapper a, .cart-wrapper a:link, .cart-wrapper a:focus, .cart-wrapper a:visited, .cart-wrapper a:active {
        padding: 24px 0 23px;
    }

    .account-trigger::after {
        font-size: 30px;
        top: 0;
        left: 0;
    }

    .account-trigger.expanded::after {
        left: 0;
    }

    .account-trigger {
        bottom: -24px;
        padding: 4px 3px 9px 3px;
    }

    .account-panel {
        top: calc(100% - 20px);
        right: 0;
        left: auto;
    }

    .main-bar > tbody > tr > td:nth-of-type(2) {
        right: 105px;
        /*top: 30px;*/ /*Uncomment this and comment next line if notification bar is hidden*/
		top: 90px;
    }

    .main-bar > tbody > tr > td:nth-of-type(2)::after {
        font-size: 26px;
    }

    .search-wrapper input {
        width: 50%;
    }

    .search-wrapper select {
        width: calc(50% - 35px);
    }
    
    .account-trigger.expanded.active .logout {
        /*bottom: 12px;*/
    }
    
    .account-trigger.expanded.active ~ .account-panel {
        right: -58px;
    }
    
    .account-trigger.active:hover, .account-trigger.active.expanded {
        width: 98px;
    }
    
    .account-trigger.expanded.active .logout {
        width: 68px;
    }
    
    .account-trigger.active {
        padding-left: 8px;
    }
	
	/*END CHANGES FOR MOBILE SITE*/
}

/*START CHANGES FOR MOBILE SITE*/
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (min-width: 1500px) {
    
    .account-panel {
        transform: translateY(88px);
    }
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 1500px) {
    
    .account-panel {
        transform: translateY(73px);
    }
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 1300px) {
    
    .account-panel {
        transform: translateY(67px);
    }
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 1000px) {
    
    .account-panel {
        transform: translateY(93px);
    }
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 675px) {
    
    .account-panel {
        transform: translateY(0);
    }
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 450px) {
    
    .account-trigger.expanded.active .logout {
        bottom: 5px;
    }
}
/*END CHANGES FOR MOBILE SITE*/