﻿/* Small portrait tablets + phones (col-xs) */

@media (max-width: 766px) {
    /*===========================================================================*/
    /*================================GLOBAL=====================================*/
    /*===========================================================================*/
    #GlobalSearchText {
        font-size: 12px;
    }

    .MainLogo {
        padding-left: 0;
        padding-right: 0;
    }

    /*===========================================================================*/
    /*==============================HOME PAGE====================================*/
    /*===========================================================================*/
    /* Advertising Banner */
    .Adv_MainScroller {
        min-height: unset;
    }

    .ProductScroller .ProductImageContainer {
        margin: 0px 1%;
    }

    .ProductImageContainer img {
        min-width: 100%;
        width: 100%;
    }

    .ProductImageContainer img {
        min-width: 124px;
    }

    .ProductText {
        font-size: 11px;
    }

    /* Featured Products */
    .ProductFilterLeftInner {
        width: 80%;
    }

    .ProductFilterRightInner {
        width: 20%;
    }

    /*===========================================================================*/
    /*==============================BURGER MENU==================================*/
    /*===========================================================================*/

    .MenuItemImage {
        margin-right: 8px;
        margin-left: -12px;
        max-height: 25px;
        max-width: 25px;
    }

    /* Active Ingredients, Suppliers, Manufacturers */

    .SearchClearSection {
        margin-left: 2%;
    }

    .CartImagesToggle, #SupplierAccountSlider {
        display: none;
    }

    /* Lists */

    .BarMenuListsFlyout {
        width: 250px;
    }

    /*===========================================================================*/
    /*===========================BROWSE PRODUCTS=================================*/
    /*===========================================================================*/

    .divResultCount {
        font-size: 10px;
        margin-top: 13px;
    }

    .SLViewProductName {
        font-size: 16px;
    }

    #Grid_ListProducts_S .SLViewProductBlock .col-md-9 {
        padding-right: 0px !important;
    }

    #Grid_ListProducts_S .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    #Grid_ListProducts_S .ListProduct {
        margin-left: 0;
        margin-right: 0;
    }

    .PanelBarAttributes .AttributeItem .k-checkbox-label {
        font-size: 10px !important;
    }

    .FilteroptionText {
        font-size: 10px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /*Modals*/
    .k-tabstrip > .k-button.k-bare {
        background: white !important;
        height: 50px;
        top: 5px;
    }

    .k-tabstrip > .k-button.k-bare.k-tabstrip-prev {
        left: 0px;
    }

        .k-tabstrip > .k-button.k-bare.k-tabstrip-next {
            right: 37px;
        }

    /*===========================================================================*/
    /*===========================PRODUCT DETAILS=================================*/
    /*===========================================================================*/
    #GenericsFilterPane,
    #GenericsContentPane,
    #TherapeuticsFilterPane,
    #TherapeuticsContentPane,
    #PSComparisonsFilterPane,
    #PSComparisonsContentPane {
        padding-left: 5px;
        padding-right: 5px;
    }

    .HistoryContent {
        padding: 5px 5px 0;
    }

    #AltProductsHeader td {
        padding: 0 10px;
    }

    .SettingPages > div {
        margin-right: 0px;
    }

    .settingsMenu {
        padding-left: 0 !important;
    }

    /*===========================================================================*/
    /*===============================SETTINGS====================================*/
    /*===========================================================================*/

    /* Ordering Preferences */

    .wndSettings div.percentBox:after, #wndGridAddToCart div.percentBox:after {
        transform: translateX(13px);
    }

    .SettingsMenuList {
        padding: 0px !important;
    }

    .SettingsMenuList li {
        margin: 0px;
        font-size: 12px;
        line-height: 35px;
        height: 35px;
    }


    /*===========================================================================*/
    /*=============================ORDER HISTORY=================================*/
    /*===========================================================================*/

    .MH_DateRangeText,
    .MH_DateRangeTotal,
    .MH_DateRangeTextValue,
    .MH_DateRangeTotalValue {
        padding-bottom: 0;
        padding-top: 20px;
    }

    .k-panelbar[id*='PanelBarUL'] label.k-checkbox-label {
        font-size: 10px;
        padding-left: 19px;
    }

    /* Modals */

    #wndReadOnlyModal > div.row.no-gutters._PaddingTop35,
    #wndManufacturersModal > div.row.no-gutters._PaddingTop35,
    #wndEditModal > div.row.no-gutters._PaddingTop35 {
        padding-top: 35px;
    }

    /*===========================================================================*/
    /*==================================FILTERS==================================*/
    /*===========================================================================*/

    #wndGridAddToCart .k-panelbar[id*='PanelBarAttr'] > .k-item > .k-link {
        font-size: 12px !important;
    }

    #wndGridAddToCart .k-panelbar[id*='PanelBarAttr'] > .k-item > .k-link.k-state-hover {
        font-size: 12px !important;
    }

    .FilterSliderDiv {
        max-width: 121px;
    }

    /*===========================================================================*/
    /*===============================TODO LIST===================================*/
    /*===========================================================================*/
    .ColumnProductName, 
    .TodoListGridItemName, 
    .LinkManagementGridItemName {
        letter-spacing: normal;
        line-height: normal;
    }

    .LinkPanel .ATCElementBtn > div, 
    .ATCPanel .ATCElementBtn > div {
        font-size: 11px !important;
    }
}
