/* The one tablet is on 1280px width, we need to talk about what the implications are regarding that - short term fix below*/
@media (max-width: 1280px) {

    /* ON DEVICE FIXES - MAY NOT LOOK SIMILAR ON EMULATION */

    .COConfirmHeader .k-checkbox:checked + .k-checkbox-label:before {
        line-height: 1 !important;
        font-size: 26px !important;
    }

    .COConfirmHeader .k-checkbox-label:before {
        line-height: 1 !important;
        font-size: 23px !important;
    }

    .ListsSettings .k-checkbox-label:before, .ListsSettings .k-radio-label:before {
        margin-top: 1px;
    }

    .selectDefaultOption ~ label, .selectDefaultOptionFirstChild ~ label {
        line-height: 2;
    }

    .selectDefaultOption ~ label:before, .selectDefaultOptionFirstChild ~ label:before {
        width: 14px;
        height: 14px;
    }

    .selectDefaultOption + label::after {
        top: 4px !important;
        left: 2px !important;
    }

    .SuppliersForm .selectDefaultOption:checked ~ label:after, .selectDefaultOptionFirstChild:checked ~ label:after {
        top: 4px !important;
        left: 2px !important;
    }


    input.LoginText {
        font-family: sans-serif !important;
    }

    .ColumnProductName {
        padding-top: 4px;
    }

    .RegretsColumnScroll tr:nth-child(2n+1) .row:first-of-type {
        border-bottom: 1px solid #f0f0f0;
    }

    #GlobalSearchText {
        font-family: sans-serif;
        width: 88%;
    }

    .QTYcontent input[type="text"] {
        font-family: sans-serif !important;
    }

    #AlphabetScroll div {
        font-family: sans-serif !important;
    }

    .btnRemoveFromAllLists {
        font-family: SlateM !important;
        font-size: 11px;
    }

    #addAllListsText {
        font-family: SlateM !important;
        font-size: 11px;
    }

    .BarMenuListsFlyout .divCreateList .GridProductCreateNewListBox {
        font-family: sans-serif !important;
    }

    .ListSearch {
        font-family: sans-serif !important;
    }
}

/* Portrait and landscape tablets + small and medium desktops (col-md and below) */
@media (max-width: 1199px) {

    html {
        overflow-x: hidden !important;
    }

    html, body {
        width: 100%;
        position: relative;
    }

    /*===========================================================================*/
    /*==============================LOGIN PAGE===================================*/
    /*===========================================================================*/

    #wndErrorHandler {
        font-size: unset;
        height: unset;
        max-height: unset;
        max-width: unset;
    }

    /*===========================================================================*/
    /*==============================HOME PAGE====================================*/
    /*===========================================================================*/

    /* Advertising Banner Arrows */

    #main > #index_b_hero {
        height: 40vw;
    }

    #index_b_hero > div.helper > a.prev.icon-arrow-a-left {
        opacity: 1;
    }

    #index_b_hero > div.helper > a.next.icon-arrow-a-right {
        opacity: 1;
    }

    /* Advertising Banner */

    #AdvertisingScroller {
        overflow: hidden;
    }

    .hero-wrap {
        width: 100%;
    }

    /* Featured Products */

    .ProductScroller {
        height: 300px;
    }

    .ProductFilterLeftInner {
        width: 88%;
    }

    .ProductFilterRightInner {
        width: 20%;
    }

    .ProductScroller .ProductImageContainer {
        margin: 0 9px;
    }

    /*===========================================================================*/
    /*==============================BURGER MENU==================================*/
    /*===========================================================================*/

    /* Active Ingredients, Suppliers, Manufacturers */

    #AlphabetScroll {
        margin: 0 15px;
        padding: 0;
        scrollbar-width: thin;
    }

    #AlphabetScroll::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .AlphabeticalActive:hover {
        border: 1px solid transparent !important;
    }

    .SupToggle {
        width: 95%;
    }

    /* Contact Us */

    #divContactUs .ContactUsLeftSide {
        width: 100% !important;
    }

    .ContactUsLeftHeaders {
        margin-top: 10px;
    }

    .ContactUsLeftHeaders, .ContactUsRighttHeaders {
        height: 25px;
        margin-bottom: -8px;
    }

    .ContactUsSaturday {
        padding-left: unset;
    }

    .MessageContainer {
        margin-top: 20px;
    }

    .MessageLabel {
        text-align: left;
    }

    input.ContactUsTextbox, textarea.ContactUsTextbox {
        max-width: 100% !important;
        width: 100% !important;
    }

    #ContactUsMapID, #ContactUsMapID iframe {
        min-height: unset;
        width: 100%;
        height: 190px !important;
    }

    /*===========================================================================*/
    /*===========================BROWSE PRODUCTS=================================*/
    /*===========================================================================*/

    /* Grid Controls */

    .GridIconView {
        padding-left: 0px;
        padding-right: 0px;
    }

    .divResultCount {
        min-width: 100%;
        margin-top: 10px;
    }

    #divStatusBar > div {
        padding-left: 0;
    }

    /* Filter */

    .OptionFilter {
        overflow: visible !important;
    }

    #mainViewContainer #filterBox {
        z-index: 498;
        top: 76px !important;
        position: fixed !important;
    }

    #mainViewContainer #OptionFilter .MATC_AddToCartButtonWithOption::after,
    .ShoppingCartRow #OptionFilter .MATC_AddToCartButtonWithOption::after,
    #divULContent #OptionFilter .MATC_AddToCartButtonWithOption::after,
    .OrderHistoryContainer #OptionFilter .MATC_AddToCartButtonWithOption::after,
    .TodoListContainer #TodoListFilterWrapper .CloseFilterOverlay::after,
    .LinkManagementContainer #LinkManagementFilterWrapper .CloseFilterOverlay::after {
        content: "«";
        right: 14px;
        position: absolute;
        font-size: 27px;
        top: -3px;
        font-family: Slate;
        color: #666;
    }

    #divULContent #OptionFilter .MATC_AddToCartButtonWithOption::after {
        top: 1px;
    }

    .OpenFilterOverlay::after {
        content: "»";
        right: 10px;
        position: absolute;
        font-size: 27px;
        top: -4px;
    }

    #mainViewContainer #OptionFilter .MATC_AddToCartButtonWithOption {
        pointer-events: unset;
    }

    #mainViewContainer #OptionFilter > .MATC_Visible > .MATC_Slider,
    .ShoppingCartRow #OptionFilter .MATC_Slider,
    #divULContent #OptionFilter .MATC_Slider,
    .OrderHistoryContainer #OptionFilter .MATC_Slider {
        display: none;
    }

    .MATC_Visible {
        min-width: 0px !important;
    }

    #mainViewContainer #OptionFilter {
        top: 0;
    }

    #mainViewContainer #OptionFilter .MATC_AddToCartButtonWithOption {
        margin-bottom: 0;
        box-shadow: 4px 4px 7px 0px rgba(51,51,51,0.3);
        z-index: 0;
        border: unset !important;
    }

    #mainViewContainer #OptionFilter .MATC_AddToCartButtonWithHTMLOptionDropDown {
        box-shadow: 4px 4px 7px 0px rgba(51,51,51,0.3);
    }

    .OptionFilterFixed {
        top: 0px !important;
    }

    #mainViewContainer div[id*='Item_ddMainSearchFilterVisible_'].MATC_Visible {
        width: 100% !important;
    }

    .AttributeItem {
        white-space: normal;
    }

    /* Large Grid + Small grid */

    .GridProductInfo {
        min-height: 38%;
        max-height: 38%;
    }

    .GridPriceSingle {
        margin-bottom: 15px;
    }

    .GridViewPrice .GridTradePrice, GridTradePriceRange {
        line-height: 20px;
    }

    .Grid6Small {
        max-width: unset !important;
    }

    .GridProductInfo .QTYinnerContainer {
        margin-left: unset;
    }

    /* Column View */

    #ColumnViewContent > .ColumnCol9 {
        padding: 0;
    }

    #ColumnViewContent > .ColumnCol3 {
        padding: 0;
    }

    .ColumnProduct {
        padding-left: 10px;
    }

    .ColumnProductName, 
    .TodoListGridItemName, 
    .LinkManagementGridItemName {
        font-size: 12px;
        max-width: 100%;
        padding-top: 0;
    }

    .ColumnViewContainer .HistoryItem {
        white-space: normal;
    }

    .ColumnViewContainer #AltProductsHeader td {
        white-space: normal;
        padding: 0 5px !important;
    }

    .ColumnViewContainer .GenericsTable td {
        padding: 0px 5px;
    }

    /*===========================================================================*/
    /*===========================PRODUCT DETAILS=================================*/
    /*===========================================================================*/

    /* Related Products */

    .ProductViewContainer .ProductViewContainerItem {
        padding: 5px;
    }

    /* Tabs */

    #tabstripFull > span.k-button.k-button-icon.k-bare.k-tabstrip-prev, #tabstripFull > span.k-button.k-button-icon.k-bare.k-tabstrip-next {
        top: 15px;
    }

    #tabstripFull > span.k-button.k-button-icon.k-bare.k-tabstrip-prev k-icon:before {
        left: -6px;
    }

    .GridDetailCloseButtonComplete {
        display: none;
    }

    .BackToHome {
        position: absolute;
        left: 16px;
        font-family: RobCL;
        font-size: 10px;
        color: #1976d2;
        top: -8px;
    }

    /* Product Info Tab */

    #FullDetailsMainImage_undefined img {
        margin-top: unset;
    }

    .ImageControlContainer {
        height: unset;
        min-height: unset;
        margin-bottom: 20px;
    }

    .jsDropDownTextValue {
        height: 57px;
    }

    .PIRight .GraphTimePeriodDropDown, .PIRight .SwitchDurationView {
        color: #666666;
    }

    /* Pricing Comparison Tab */

    .PriceCompProductName {
        width: unset;
        margin-left: unset;
        padding-top: unset;
        padding-bottom: 15px;
    }

    .ATCCSupplierContent > .row > .ATC_Supplier_ColOverride {
        padding-right: 2%;
    }

    div.col-md-12.col-sm-12.ATC_Supplier_ColOverride {
        top: 20px;
    }

    div[id*='productTabSupplierPricingFull_'] {
        padding-bottom: 0px;
    }

    div[id*='productTabPricingFull_'] .ATCS_Supplier_WindowRowSelected, div[id*='productTabPricingFull_'] .Supplier_ATC_None_Selected_Row {
        margin-left: 0;
    }

    div.col-md-12.col-sm-12 > .ATCSupplierColumnHeader {
        margin-left: 0;
    }

    #GraphTimePeriodDropDown, .SwitchDurationView {
        color: #666666;
    }

    #wndGridAddToCart {
        overflow: auto;
    }

    .ATCModalContainer {
        position: unset;
        height: unset;
    }
    
    .ATCModalLeftContainer,
    .ATCModalRightContainer {
        overflow-y: unset;
        height: unset;
    }

    #wndGridAddToCart .AltProductName {
        padding-top: 6% !important;
    }

    .PPComparisonsRightPane .QTYinnerContainer, #wndSpecialInstructions .QTYinnerContainer, .Full_ProductTabsProducts .QTYinnerContainer {
        width: 100%;
    }

    #wndGridAddToCart .QTYinnerContainer {
        width: 50%;
    }

    /* History Tab */
    .GenericsTable td {
        padding: 0 10px;
    }

    /*===========================================================================*/
    /*==============================USER LISTS===================================*/
    /*===========================================================================*/

    .ProductNameHeading,
    .ProductSupplierHeading,
    .ProductPriceHeading,
    .ProductNameHeadingNoLink,
    .ULErrorMessage {
        left: 170px;
    }

    .AddToCartButtonContainer, .btnRemoveFromAllLists {
        top: 125px;
        width: 158px;
        right: 50px;
    }

    .ULProductInfo .GridBuyOptionsButton {
        width: 100%;
    }

    .ListsQTYContainer {
        top: 135px;
        margin-left: unset;
        left: 158px;
    }

    .ULProductImage {
        margin-right: 10px;
        margin-left: 10px;
    }

    #UserListDiv {
        margin-left: 2px;
    }

    .ulContent .ClearFilterText {
        top: 1px !important;
        height: 35px !important;
        left: 88%;
    }

    .ULProductRow {
        border-bottom: solid 1px #efefef;
    }

    #UserListsProducts td {
        height: 210px;
    }

    #UserListsProducts tr {
        border: 0px solid transparent !important;
    }

    /* Hover buttons */

    td[role='gridcell'] .ListsMoreInfo, td[role='gridcell'] .AddToCartButtonContainerEditListNonRegret {
        opacity: 1;
    }

    .UserListsGrid .ListsMoreInfo {
        top: 60px;
        font-size: 11px;
        width: 157px;
        border: 1px solid #64b1ee !important;
        right: 51px;
    }

    .UserListsGrid .RegretsMenuProductInfoContent {
        right: 51px;
        top: 71px;
    }

    .UserListsGrid .AddToCartButtonContainerEditListNonRegret {
        top: 81px;
        width: 157px;
        right: 51px;
        border: 1px solid #64b1ee !important;
    }

    .UserListsGrid .AddToCartButtonContainerEditListNonRegret .MATC_Visible {
        width: unset !important;
    }

    /* Filter */

    .Col_Tablet_Filter, .UserListFilterContainer {
        position: absolute;
        z-index: 101;
    }

    .Col_Tablet_Filter {
        top: -7px;
    }

    #divULContent #OptionFilter .MATC_Visible {
        position: unset;
        top: unset;
        max-width: unset;
        width: 100% !important;
    }

    #divULAttributesControl {
        min-width: unset;
        max-width: unset;
        position: unset;
    }

    #ULFiltersCol, #divULContent #OptionFilter .MATC_AddToCartButtonWithOption {
        box-shadow: 4px 4px 7px 0px rgba(51,51,51,0.3);
    }

    /* Modals */

    .OrderModalValueSize .ATCHomeOverride {
        margin-left: 21%;
        margin-top: -6%;
    }

    .OrderModalHeaderSize:nth-child(4) {
        width: 15%;
    }

    .OrderModalHeaderSize:nth-child(6) {
        width: 10.3%;
    }

    .OrderModalValueSize:nth-child(4) {
        width: 18%;
    }

    .OrderModalValueSize:nth-child(6) {
        width: 10%;
    }

    .OrderDeleteRow {
        padding-top: 23px;
        padding-left: 9px;
    }

    .OrderAgainButton{
        margin-top: 7px;
    }

    .ChangeRules {
        margin-top: 7px;
    }

    #ListValues {
        max-width: 300px;
    }

    .ProductCartSupplierDrop {
        width: 88%;
    }

    /*===========================================================================*/
    /*===============================SETTINGS====================================*/
    /*===========================================================================*/

    /* Ordering Preferences */

    div.percentBox {
        line-height: 46px;
    }

    .wndSettings div.percentBox:after, #wndGridAddToCart div.percentBox:after {
        transform: translateX(13px);
    }

    /* Lists */

    .ListSettingsItem > span:nth-child(1) {
        overflow: hidden;
        vertical-align: bottom;
    }

    .ListEditable input {
        width: 310px;
        left: 0px;
    }

    .ListEditable {
        position: unset;
        max-width: 282px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .ListEditable:hover:after {
        right: unset;
        left: 315px;
    }

    /*===========================================================================*/
    /*=============================ORDER HISTORY=================================*/
    /*===========================================================================*/

    .HistoryHeaders > div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .MH_DateRangeText,
    .MH_DateRangeTotal,
    .MH_DateRangeTextValue,
    .MH_DateRangeTotalValue {
        padding-right: 5px;
        padding-left: 5px;
        font-size: 15px;
    }

    .Editable_Columns span {
        padding-left: 0;
    }

    .Modal_FilterContainer {
        width: 90%;
    }

    .SortFilter_Manufacturer_History, .SortFilter_Order_History {
        margin-right: 10px;
    }

    /* Filter */

    .OrderHistoryContainer .OptionFilterContainer .MATC_AddToCartButtonWithOption {
        box-shadow: 4px 4px 7px 0px rgba(51,51,51,0.3);
    }

    .OrderHistoryLeftContainer, .OrderHistoryContainer .OptionFilterContainer {
        position: absolute;
        z-index: 301;
    }

    .OrderHistoryLeftContainer {
        box-shadow: 4px 4px 7px 0px rgba(51,51,51,0.3);
        top: 110px;
    }

    .OrderHistoryContainer .OpenFilterOverlay {
        margin-top: 6px;
    }

    .FilteroptionText {
        padding-right: 21px !important;
        font-size: 11px;
    }

    .FilterSliderDiv .ui-slider .ui-slider-handle {
        margin-top: -2px !important;
    }

    /* Modals */

    .k-window-content .btnUserListSearchElement img {
        width: 15px;
        margin-top: 12px;
    }

    .Modal_OrderAgainButton {
        float: right;
    }

    .customCloseBtn {
        width: 18px;
    }

    /*===========================================================================*/
    /*=============================SHOPPING CART=================================*/
    /*===========================================================================*/
    
    #divcoContent {
        padding: 0 !important;
    }

    #CartInfoRow {
        padding: 0;
    }

    .CartProductActiveRow {
        padding-top: 10px;
        padding-left: 20px;
    }

    .CartProductTotalPrice {
        text-align: center;
    }

    .CartProductSFLTotalPrice {
        text-align: start;
    }

    /* Filter */

    .ShoppingCartRow #filterBox {
        position: absolute;
    }

    .ShoppingCartRow .checkFilterContainer {
        position: absolute;
        z-index: 1;
        top: -7px;
    }

    .ShoppingCartRow #OptionFilter .MATC_AddToCartButtonWithOption, .ShoppingCartRow .checkFilterContainer {
        box-shadow: 4px 4px 7px 0px rgba(51,51,51,0.3);
    }

    .ShoppingCartRow #CartInfoRow > div.OpenFilterOverlay {
        padding-left: 10px;
        margin-top: 5px;
    }

    /* More Info */

    .showsavedShopping {
        right: 100px;
    }

    .GridRowDetailClose {
        right: 18px;
    }

    .coOrderDeleted {
        max-width: 63%;
    }

    /* Price */

    .CartPriceHeaders {
        width: 120px;
    }

    #PricingSection {
        width: 210px;
    }

    #supplierTotalBlock {
        width: 210px;
    }

    #SupplierDetails .CartPriceDetail {
        float: left !important;
    }

    .CheckoutBlockGroupHeader {
        padding: 20px 19px 5px;
    }

    /*===========================================================================*/
    /*================================CHECKOUT===================================*/
    /*===========================================================================*/

    .ReviewItemTotalPrice {
        padding-right: 20px !important;
    }

    /*===========================================================================*/
    /*================================REGRETS====================================*/
    /*===========================================================================*/
    
    .RegretsColumnScroll tr:nth-child(2n+1) .row:first-of-type {
        border-bottom: 1px solid #f0f0f0;
    }

    /*===========================================================================*/
    /*================================FOOTER=====================================*/
    /*===========================================================================*/

    .FooterColumnImage {
        max-width: 150px;
    }

    /*===========================================================================*/
    /*======================TODOLIST + LINKMANAGEMENT============================*/
    /*===========================================================================*/
    .TodoListContainer #TodoListFilterWrapper,
    .LinkManagementContainer #LinkManagementFilterWrapper {
        position: absolute;
        top: 9px;
        z-index: 3;
        padding-right: 0px;
    }

    .TodoListToolbar .OpenFilterOverlay,
    .LinkManagementToolbar .OpenFilterOverlay {
        z-index: 2;
        top: 9px;
    }

    #TodoListFilterWrapper .CloseFilterOverlay,
    #LinkManagementFilterWrapper .CloseFilterOverlay {
        background: white;
        border-top: 1px solid #F2F2F2;
        border-right: 1px solid #F2F2F2;
        border-left: 1px solid #F2F2F2;
        font-family: Slate;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        color: #808080;
        padding: 0px 10px;
    }

    /*#TodoListFilterWrapper .CloseFilterOverlay span,
    .LinkManagementToolbar .CloseFilterOverlay span {
        padding-left: 10px;
    }*/

    #TodoListFilterWrapper .CloseFilterOverlay,
    #TodoListFilterWrapper #TodoListFilterContainer,
    #LinkManagementFilterWrapper .CloseFilterOverlay,
    #LinkManagementFilterWrapper #LinkManagementFilterContainer {
        -webkit-box-shadow: 4px 4px 7px 0px rgba(51,51,51,0.3);
        box-shadow: 4px 4px 7px 0px rgba(51,51,51,0.3);
    }

    #TodoListFilterWrapper #TodoListFilterContainer,
    #LinkManagementFilterWrapper #LinkManagementFilterContainer {
        position: relative;
        z-index: 301;
        margin-top: 0px;
        overflow-y: auto;
    }

    #TodoListToolbarFilterToggleContainer .MATC_Visible,
    #LinkManagementToolbarFilterToggleContainer .MATC_Visible{
        display: none;
    }

    /*===========================================================================*/
    /*========================TAB STRIP RESIZE FIX===============================*/
    /*===========================================================================*/

    @media screen and (min-width: 1054px) {
        #tabstripFull.k-tabstrip-top .k-button {
            display: none !important;
        }

        #tabstripFull.k-tabstrip-top .k-tabstrip-items {
            margin: 0px !important;
        }
    }
}

/*===========================================================================*/
/*==========================NARROW HEIGHT FIXES==============================*/
/*===========================================================================*/

@media (max-height: 733px) {
    #DivBurgermenu > div.BurgerFooterBottom {
        position: unset;
    }

    /* Predictive Search */

    #divPredictiveResult {
        max-height: 550px;
    }

    .PredictiveSearchItem, 
    .PredictiveSearchItemSelected {
        line-height: 30px;
        height: 30px;
    }

    .searchAd {
        height: 100%;
    }
}

/*===========================================================================*/
/*=============================PORTRAIT ONLY=================================*/
/*===========================================================================*/
@media (max-width: 991px) {

    .GridProductInfo {
        min-height: 49%;
        max-height: 49%;
    }

    /*===========================================================================*/
    /*=============================SINGLE PRODUCT================================*/
    /*===========================================================================*/

    .Full_ProductTabsProducts .QTYinnerContainer {
        width: 90%;
    }

    /* Filters */

    .FilteroptionText {
        padding: 7px 16px 7px 7px !important;
    }

    #FilterOptionSelectedID {
        padding-right: 0px;
    }
}