/***************************    *********************************************************
smaller than 1032
*************************************************************************************/

@media screen and (max-width: 1200px) { /* smaller screens */
    .ProductDisplayGrid {
        /*padding: 1% !important;    margin-right: 1% !important;*/
    }

    .SupplierTop_Search_Text span {
        padding-top: 0 !important;
    }

    .FilListGrid .AddSingleToCartButtonClick, .FilListGrid .AddToWishlistClick, .PopProductsGrid .AddSingleToCartButtonClick, .PopProductsGrid .AddToWishlistClick {
        width: 38% !important;
        font-size: 0.8em !important;
    }
    /*VAP*/
    .als-viewport {
        width: 90% !important;
        margin: 0px 2% !important;
    }

    .als-prev, .als-next {
        width: 3% !important;
    }

    .als-container {
        margin: 3px auto !important;
    }

    .GreyDealerText {
        width: 100% !important;
    }

    .TabHeaderWrap {
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        height: 60px;
    }

    .ProductTabDiv table {
        width: 100% !important;
    }

    .ViewAProductTabUL {
        display: block !important;
        width: 800px !important;
        position: absolute;
    }


    .ProductInfoUpperWrapper .ProductDisplayFormBackOrderAvailable, .ProductInfoUpperWrapper .ProductDisplayFormStockNo {
        width: 80% !important;
    }

    /*Slider*/
    .rev-title {
        font-size: 1.5em !important;
        line-height: 1.5em !important;
    }

    .fullwidthbanner-container p {
        font-size: 1em !important;
        line-height: 1.5em !important;
    }

    .tp-caption a, .tp-caption .btn {
        font-size: 1em !important;
        padding: 1em 1.5em !important;
    }
}

@media screen and (min-width:1024px) {
    .Logobox {
        padding-top: 0 !important;
    }
}

/***************************    *********************************************************
smaller than 1000
*************************************************************************************/
@media screen and (max-width: 1024px) {
    .header_bg {
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 10;
        border-bottom: 1px solid #aeafb0;
        background: url(/portals/0/img_hero.jpg);
        height: 101px;
        position: initial !important;
    }

    #header5 .head_mid {
        padding: 0 0 !important;
    }

    .header_bg .Logobox {
        padding-top: 15px;
    }

    footer.footer_box .footer_mid .seven-cols {
        display: flex;
        flex-direction: row;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        footer.footer_box .footer_mid .seven-cols .col-md-1 {
            width: 50% !important;
        }

    footer .seven-cols .col-md-1 {
        width: 100% !important;
    }



    .header_bg .nav_box {
        margin: 33px 15px;
    }

    .header_bg .nav_box_right {
        float: right;
        width: auto;
    }

    .header_bg.roll_menu.roll_activated .nav_box {
        float: left;
        margin: 13px;
    }

    .roll_activated .nav_box_right {
        height: auto;
    }

    .header_bg:before {
        border: none;
    }

    .home-banner-ad-title {
        font-size: 3em;
    }

    #dnngo_megamenu .primary_structure > li {
        margin-right: 20px;
    }

    .nav_box_right {
        float: right;
        width: auto;
    }

    .wrap-container .seven-cols .col-md-1 {
        width: 25% !important;
        float: left;
    }

    .headerHeroImgDiv {
        display: none;
    }

    .home-banner-ad-txtLeft, .home-banner-ad-txtRight {
        font-size: 2em;
    }

    .home-banner-ad-heroTxt {
        font-size: 8em;
        line-height: 1;
    }

    #MegaMenuHolder {
        display: none !important;
    }

    .sf-menu {
        display: block !important;
    }
    /*Top pane*/
    .TopBarPane, .SearchPane {
        width: 100%;
        margin: 0 auto !important;
    }

    .PriceModeDIV {
        margin: 0 auto;
        float: right;
    }

    .HeaderCartSummary {
        width: auto;
    }

    .top-bar-right > div, .top-bar-left > div {
        width: 100% !important;
    }

    /*Search*/
    .SearchHolder {
        text-align: right;
    }

    .SearchTxt .SearchBox {
        width: auto;
    }

    .HeaderCartWrapper {
        text-align: right;
    }


    /*Checkout*/
    .MyCartDescription, .MyCartImage {
        display: none;
    }

    .MyCart_Table td, .MyCart_HeaderStyle div {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .MyCartPart {
        /*padding: 0 !important;*/
    }

    /*.MyCartRRP, .MyCartWholesale, .MyCartYourPrice, .MyCartRRPB2B {
        width: 11% !important;
    }*/

    /*.MyCartCommentCO, .MyCartInfoPopUp {
        width: 2.5% !important;
    }*/

    /*.MyCartSupplied, .MyCartBO {
        width: 5% !important;
    }*/

    .deliveryHolder_Row > td {
        width: 50%;
        display: block;
        margin-bottom: 10px;
        float: left;
    }

    /*dashboard*/

    .DashboardTable {
        width: 50% !important;
        float: left;
        display: block;
    }


    /*filteredProducts*/

    .PopProductsGrid, .FilListGrid {
        /*width: 42% !important;*/
        /*padding: 3% !important;*/
        overflow: hidden;
    }

    .ddlSortBy {
        width: 50% !important;
    }

    .recentlyImageHolder img, .ProductDisplayListImg, .ProductDisplayListImg img {
        width: 100%;
        height: auto !important;
    }

    .GridAddToCartButtonHolder .ProductDisplayFormSaveAsDDL {
        width: 45% !important;
    }

    .ATCfloatCart {
        margin-right: 3% !important;
    }

    .CategoryPicHolder {
        width: 33%;
    }



    .AccessoryList .AccessoryListDescription {
        display: none !important;
    }



    ul.dnnAdminTabNav li {
        height: 35px;
        line-height: 35px;
    }

    /*Recently Viewed*/


    .recentlyProductWrapper table tr {
        display: block;
        float: left;
        width: 48% !important;
        margin: 0% 1%;
    }
    /*View document popup*/
    .dnnFormPopup {
        width: 95% !important;
    }

    .PriceModeDIV {
        float: none;
    }

    /*Search*/
    .SearchHolder {
        text-align: center;
    }

    .SearchTxt .SearchBox {
    }

    .HeaderCartWrapper {
        text-align: center;
    }

    .DeliveryHeader {
        display: none;
    }

    .OrderDetailTable td {
        width: 50% !important;
        display: block;
        float: left;
        height: 40px;
        padding: 0px !important;
    }

    .OrderedProduct {
        font-size: 11px !important;
        line-height: 1.5em !important;
    }

    /*Shop*/
    .ModAOProductListC .ProductList_Products_Tab, ProductList_Products_Tabs_RRP {
        width: 68% !important;
        float: left;
    }

    .ProductList_SideWide_Box {
        padding: 0 !important;
    }

    .ProductList_Products_TopBar_SortBy {
        /*width: 100% !important;*/
    }

    .ProductList_Products_TopBar_Totals {
        /*width: 73%;*/
        /*float: right;*/
    }

    .ProductList_Products_TopBar .showing {
        display: inline-block !important;
    }

    .DnnModule-AO_CardSuppliers .SupplierTop_Filters_ViewMode {
    }

    /*.DnnModule-AO_CardSuppliers .SupplierList .SupplierDetail_Column1 img {
        height: 100px !important;
        width: 100px !important;
    }*/

    #ProductDetailsApp #ProductTab .ProductList_ProductDetailWrap {
        width: 79% !important;
        padding-left: 0 !important;
    }

    .TabSliderContent, .RangeTabContent {
        width: 100% !important;
    }

    .ModAOProductDetailsC .TopMatch_Description_Details .description {
        width: 65% !important;
    }

    .ProductList_Products_Grid_Product {
        height: auto !important;
    }

    footer.footer_box .Logobox {
        margin-top: 15px;
        margin-right: 8px;
    }

    .DNNModuleContent.ModAOTransactionsC .nav.nav-tabs.nav-justified {
        margin-left: 0 !important;
    }

    .ProductTabsHolder #FullDescription .DefferedOnlyTop {
        width: 25% !important;
    }

    #FullDescription .ItemCountHolder {
        margin-left: 0 !important;
    }

    .FooterCartSummaryContainer {
        bottom: 0px !important;
    }

    .Side_Custom_Pane1 {
        /*top: 0 !important;*/
        bottom: 0 !important;
    }

    .Side_Custom_Pane.Side_Custom_Pane3 {
        top: 30% !important;
    }

    /*.Side_Custom_Pane {
        top: 30% !important;
    }*/

    .DNNModuleContent.ModAOCheckOutC .ChoosePathHeaderHolder {
        padding: 30px 20%;
    }

        .DNNModuleContent.ModAOCheckOutC .ChoosePathHeaderHolder .ChoosePathMainHeader {
            padding-bottom: 24px;
        }

    .blog-list01 .list-info > span:first-of-type, .blog-list01 .list-info a:first-of-type, .blog-list01 .list-info .sep {
        display: none !important;
    }

    .ProductList_SideWide_Categories_SubCategories {
        width: 570px !important;
    }

    .ProductList_SideWide_SubCategories.hover {
        width: 100% !important;
    }

    .ProductList_SideWide_SubCategories_Name {
        width: 100% !important;
    }

    .ProductList_Products_Grid_Product {
        width: 48% !important;
    }

        .ProductList_Products_Grid_Product:nth-child(3n) {
            margin: 10px 0.5% !important;
        }

        .ProductList_Products_Grid_Product:nth-child(3n-1) {
            margin: 10px 0.5% !important;
        }

        .ProductList_Products_Grid_Product:nth-child(3n-2) {
            margin: 10px 0.5% !important;
        }

        #ShippingDetails td {
            width: 90% !important;
        }

        .ProductList_Products_Grid_Product.ProductList_RelatedProduct_Image .ProductList_Products_List_Image {
            float: none;
        }

        .DNNModuleContent.ModAOProductDetailsC .ProductList_ProductDetailWrap {
            margin-left: 10% !important;
        }

        .ModAOProductDetailsC .TopMatch_Description_Details .description {
            height: auto !important;
        }

        #ProductDetailsApp .ProductList_ProductDetailWrap .ShowCurrency {
            float: none;
        }

        .DNNModuleContent.ModAOProductDetailsC .ProductListImageWrapper {
            width: 100% !important;
        }

        .ModAOProductDetailsC .ProductList_Products_List_ProductName {
            text-align: center !important;
        }

        #ProductDetailsApp .ProductList_ProductDetailWrap .fa-tag {
            float: none;
            padding-right: 8%;
        }
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
    .NewsInnerContainer, .home-banner-ad {
        display: none !important;
    }

    .ProductList_Products_Grid_Product {
        width: 48% !important;
    }

        .ProductList_Products_Grid_Product:nth-child(3n) {
            margin: 10px 0.5% !important;
        }

        .ProductList_Products_Grid_Product:nth-child(3n-1) {
            margin: 10px 0.5% !important;
        }

        .ProductList_Products_Grid_Product:nth-child(3n-2) {
            margin: 10px 0.5% !important;
        }
}



/************************************************************************************
smaller than 795
*************************************************************************************/
@media screen and (max-width: 768px) and (orientation: portrait) {
    .home-banner-contact-txtLrg {
        /* width: 33%; */
    }

    .home-banner-contact-detContainer div {
        /* width: 33% !important; */
    }

    .home-banner-contact-ph:before {
        /* vertical-align: 43% !important; */
    }

    .home-banner-contact-email::before {
        /* vertical-align: -30% !important; */
    }

    .home-banner-contact-addr::before {
        /* vertical-align: 51% !important; */
    }

    .home-banner-contact-ph span, .home-banner-contact-addr span {
        display: inline-block;
    }

    .home-banner-contact-ph span {
        /* width: 77%; */
    }

    .home-banner-contact-addr span {
        /* width: 77%; */
    }

    .home-banner-contact .contact-btn {
        margin-right: 0 !important;
        margin-top: 20px;
    }

    .ProductDetail_YourPrice .ProductDetail_YourPrice_DiscountPerc {
        top: -11px;
        right: 196px;
    }

        .ProductDetail_YourPrice .ProductDetail_YourPrice_DiscountPerc::before {
            left: 15px;
        }

        .ProductDetail_YourPrice .ProductDetail_YourPrice_DiscountPerc::after {
            left: 16px;
        }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .SupplierDetails {
        min-height: 268px;
    }
}

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

    .ModAOProductListC .ProductList_Products_Tab, ProductList_Products_Tabs_RRP {
        width: 100% !important;
        float: left;
    }
    /* Ipad Portrait*/
    .header_bg {
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 10;
        border-bottom: 1px solid #aeafb0;
        background: url(/portals/0/img_hero.jpg);
        height: 101px;
        position: initial !important;
    }

        .header_bg .Logobox {
            padding-top: 15px !important;
        }

    .home-banner-ad-title {
        font-size: 3em;
    }

    .mobile_menu_ico .fa {
        color: #FFFFFF !important;
        border-color: #FFFFFF !important;
    }

    .mobile_menu_ico .fa.active {
        color: #e11b22 !important;
    }

    .home-banner-ad-txtLeft, .home-banner-ad-txtRight {
        font-size: 2em;
    }

    .home-banner-ad-heroTxt {
        font-size: 8em;
        line-height: 1;
    }

    footer .seven-cols .col-md-1 {
        width: 100% !important;
    }

    .col-md-50 {
        width: 100%;
    }

    .head_mid {
        padding: 0;
    }

    .mobile_menubox {
        background: linear-gradient(rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0));
        padding: 0 20px;
    }

    .wrap-container .seven-cols .col-md-1 {
        width: 25% !important;
        float: left;
    }

    /*general*/
    .notforsmalltablet {
        display: none !important;
    }

    .forsmalltabletonly {
        display: block !important;
    }

    /*View document popup*/
    .dnnFormPopup {
        width: 90% !important;
    }

    .fvOrderHeader {
        font-size: 11px;
    }


    .OrderedProductImg, .AOOrderLineDescription {
        display: none !important;
    }

    .OrderedProductDescription {
        width: 35% !important;
        height: 1em !important;
        word-break: break-word;
        padding: 0px !important;
    }

    .OrderedProductOty, .OrderedProductOtyHeader {
        width: 10% !important;
        height: 1.5em !important;
        padding: 0px !important;
    }

    .OrderedProductRRP, .OrderedProductYourPrice, .OrderedProductWS, .OrderedProductRRPHeader, .OrderedProductWSHeader, .OrderedProductYourPriceHeader {
        width: 20% !important;
        height: 1.5em !important;
        padding: 0px !important;
    }

    .OrderHolder h2 {
        font-size: 14px !important;
        line-height: 1em;
    }

    .OrderedProduct .ProductListMainPrice {
        font-size: 11px !important;
    }

    .OrderedTrackingLines {
        height: auto !important;
    }

    .TrackingShipperNameHeader, .TrackingDocumentNoHeader, .TrackingProductDescriptionHeader, .TrackingShipperName, .TrackingDocumentNo, .TrackingProductDescription {
        width: 28% !important;
        padding: 0 !important;
        font-size: 11px;
        line-height: 1.5em;
        height: 1.5em !important;
    }

        .TrackingProductDescription .ProductListName {
            font-size: 11px !important;
        }

    .TrackingViewlink {
        width: 12% !important;
    }

    .ReoccuringOrderTable .ReoccuringOrderCell_QTY {
        width: 15% !important;
    }

    .AddSingleToCartButtonClick, .AddToWishlistClick {
        width: 40% !important;
        font-size: 1em !important;
    }

    /*VAP*/
    .ProductDisplayFormWishlist, .ProductDisplayFormWishlist a, .VAPButtonWrapperLeft, .VAPButtonWrapperRight {
        width: 100% !important;
    }

    .headerHeroImgDiv {
        display: none;
    }

    footer.footer_box .SearchHolder {
        display: none;
    }

    footer.footer_box .footer_mid .seven-cols {
        display: flex;
        flex-direction: row;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        footer.footer_box .footer_mid .seven-cols .col-md-1 {
            width: 50% !important;
        }

    footer.footer_box .footer_mid .dnn_logo {
        display: none;
    }


    .TopMatch_Type {
        margin-left: 15px !important;
        width: 117px !important;
    }

    .OverviewItem_Type {
        width: 117px !important;
    }

    .OverviewItem_Name {
        padding-left: 0;
    }

    /*.TopMatch_AdditionalInfo {
        margin-top: 15px !important;
    }*/

    .ProductList_Overview_List_OverviewItem {
        margin-left: 10px !important;
    }


    .DnnModule-AO_Transactions .wrap-table-search .wrap {
        width: 100% !important;
    }

    .DnnModule-AO_CardSuppliers .SupplierTop_Filters_ViewMode {
        margin: 10px;
    }

    .DnnModule-AO_CardSuppliers .SupplierList {
        width: 100% !important;
    }

    .DnnModule-AO_CardSuppliers .SupplierDetail {
        height: 423px !important;
    }

    .DnnModule-AO_CardSuppliers .SupplierList .SupplierDetail_Column1 {
        width: 100% !important;
        display: block !important;
        height: 100px !important;
    }

        .DnnModule-AO_CardSuppliers .SupplierList .SupplierDetail_Column1 img {
            max-width: 100% !important;
            display: block !important;
            margin: 0 auto !important;
            height: 100px;
            width: auto !important;
        }

    .DnnModule-AO_CardSuppliers .SupplierList .SupplierDetail_Column2 {
        width: 100% !important;
        padding: 0 15px !important;
    }

    .DnnModule-AO_CardSuppliers .SupplierList .SupplierDetail_Column3 {
        width: 100% !important;
        padding: 0 15px !important;
    }

        .DnnModule-AO_CardSuppliers .SupplierList .SupplierDetail_Column3 .SupplierDetail_Column3_Name {
            border-bottom: none !important;
            display: inline-block;
            width: 50% !important;
            float: right;
        }

    .SupplierTop_Filters_Options_OnFarmServicing.SupplierTop_Filters_Options_Active:after {
        left: 10%;
    }

    .SupplierTop_Search_Text input {
        margin: 0 !important;
        width: 100% !important;
    }

    .DnnModule-AO_CardSuppliers .SupplierTop_Search_Text {
        float: none !important;
        width: 100% !important;
    }

    .DnnModule-AO_CardSuppliers .SupplierTop_Search_Category {
        width: 100% !important;
    }

        .DnnModule-AO_CardSuppliers .SupplierTop_Search_Category select {
            width: 100% !important;
        }

    .DnnModule-AO_CardSuppliers .SupplierCategoryList {
        width: 100% !important;
    }

        .DnnModule-AO_CardSuppliers .SupplierCategoryList .SupplierCategory_Name span {
            padding-left: 0;
        }

    .DNNModuleContent.ModAOProductDetailsC .TabSliderContent {
        width: 100% !important;
    }

    .DNNModuleContent.ModAOProductDetailsC .ProductList_Products_Grid_Product {
        height: auto !important;
    }

    .DNNModuleContent.ModAOProductDetailsC .ProductListImageWrapper {
        width: 100% !important;
    }

    .DNNModuleContent.ModAOProductDetailsC .ProductList_ProductDetailWrap {
        width: 100% !important;
        padding-left: 0 !important;
        margin-left: 10% !important;
    }

    .ModAOProductDetailsC .ProductList_Products_List_ProductName {
        white-space: normal !important;
        text-align: center !important;
    }

    .ModAOProductDetailsC .TopMatch_Description_Details .description {
        display: block;
        width: 100% !important;
        height: auto !important;
    }

    #ProductDetailsApp .ProductList_ProductDetailWrap .fa-tag {
        width: 7% !important;
        float: none !important;
    }

    .ProductList_Products_Grid_Product.ProductList_RelatedProduct_Image .ProductList_Products_List_Image {
        float: none;
    }

    #ProductDetailsApp .ProductList_ProductDetailWrap .ShowCurrency {
        float: none !important;
        width: 100% !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    #ProductDetailsApp .SliderProductTab li > a, .RangeProductTab li > a {
        padding: 0 !important;
    }

    #ProductDetailsApp .ProductDetail_AddToCart_Container .Quantity {
        padding-left: 0 !important;
    }

    #ProductDetailsApp .ProductDetail_AddToCart_Container input.QtyToAdd {
        margin-left: 0 !important;
    }

    #ProductDetailsApp .ProductDetail_YourPrice {
        display: block !important;
        float: none !important;
    }

    .DNNModuleContent.ModAOSearchResultsATSC #ProductListApp {
        width: 100% !important;
    }

    .DNNModuleContent.ModAOSearchResultsATSC .TopMatch_Image {
        width: 100% !important;
    }

    .DNNModuleContent.ModAOSearchResultsATSC .InfoWrap {
        width: 100% !important;
        text-align: center;
    }

    .DNNModuleContent.ModAOSearchResultsATSC .SearchResultsContainerBorder .TopMatch_Description {
        width: 100% !important;
        margin-bottom: 18px !important;
    }

    .DNNModuleContent.ModAOSearchResultsATSC .TopMatch_DetailsButton {
        float: none !important;
    }

    .ProductDetail_AddToCart_Container {
        padding-top: 0;
    }

    .mobile_dnn_logo img {
        float: left !important;
    }

    #dnn_dnnLOGOphone_imgLogo {
        width: 57px !important;
        height: 35px !important;
    }

    .multi_menu ul li a {
        color: #e11b22 !important;
        border-color: #e11b22 !important;
    }

    .mobile_menu #mobile_menu {
        background-color: #FFFFFF !important;
    }

    .mobile_menu .mobile_menubox ul.dropdown {
        width: 100% !important;
    }

    .ProductTabsHolder #FullDescription .DefferedOnlyTop {
        width: 60% !important;
    }

    .ProductTabsHolder #FullDescription .ExportTypesTop {
        width: 40% !important;
        margin-right: 0 !important;
    }

    .mobile_menubox .searchBox.active .SearchHolder {
        margin: 0 auto 0 auto !important;
    }

        .mobile_menubox .searchBox.active .SearchHolder .SearchBox {
            border: initial !important;
            border-left: none;
            border-right: none;
            border-top: none;
            border-bottom-color: #e11b22 !important;
            padding-bottom: 5px !important;
        }


    .MyCartInnerHolderh.MyCart_HeaderStyle {
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }

    #ImpersonatorApp h3 {
        text-align: center;
    }

    .home-banner-contact .contact-btn {
        width: fit-content !important;
    }



    .MyCartInnerHolder {
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }

    .MyCartRemove {
        height: 35px;
    }

    .ProductDetail_Name_Header {
        font-size: 24px !important;
        line-height: 24px !important;
    }


    .Side_Custom_Pane1 {
        /*top: 0 !important;*/
        bottom: 0 !important;
    }

    .Side_Custom_Pane.Side_Custom_Pane3 {
        top: 30% !important;
    }



    .CartHiddenBottom {
        margin-bottom: 0 !important;
    }

    .SliderProductTab li, .RangeProductTab li {
        font-size: 24px !important;
        width: 100% !important;
    }

    .SliderProductTab li {
        width: 100% !important;
    }

        .SliderProductTab li a {
            text-align: left;
        }


    .DNNModuleContent.ModAOCardSuppliersC .SupplierDetail_Column1 {
        width: auto !important;
    }

    .DNNModuleContent.ModAOCardSuppliersC .SupplierDetail_Column2 {
        /*width: auto !important;*/
        height: auto !important;
    }

    .DNNModuleContent.ModAOCardSuppliersC .SupplierDetail_Column3 {
        width: 100% !important;
        height: auto !important;
    }

    .DNNModuleContent.ModAOCardSuppliersC .SupplierDetail_Column1 .SupplierDetail_Column1 img {
        /*max-height: initial !important;*/
        max-width: initial !important;
    }

    .DNNModuleContent.ModAOCheckOutC .ChoosePathHeaderHolder {
        padding: 20px 0;
        text-align: left;
    }

    .DNNModuleContent.ModAOCheckOutC .dnnLoginService {
        padding: 20px 10px;
    }

    .DNNModuleContent.ModAOCheckOutC .ChoosePathBottomHolder .dnnFormItem input[type="text"],
    .DNNModuleContent.ModAOCheckOutC .ChoosePathBottomHolder .dnnFormItem input[type="password"] {
        width: 100% !important;
    }

    .DNNModuleContent.ModAOCheckOutC .ChoosePathSub .ChoosePathNonMemberFormHolder .LeftItem {
        width: 100% !important;
    }

    .DNNModuleContent.ModAOCheckOutC .ChoosePathSub .ChoosePathNonMemberFormHolder .RightItem {
        width: 100% !important;
        margin-left: auto;
    }

    .DNNModuleContent.ModAOCheckOutC .ChoosePathSub .ChoosePathNonMemberFormRow {
        margin-bottom: auto;
    }

    .DNNModuleContent.ModAOCheckOutC .ChoosePathHolder .ChoosePathMainHeader {
        font-size: 24px;
        padding-bottom: 0;
    }

    .DNNModuleContent.ModAOCheckOutC .ChoosePathHolder div.ChoosePathMainText {
        padding-bottom: 30px;
    }

    .DNNModuleContent.ModAOCheckOutC .pCheckoutCartList1 {
        border: none;
    }

    .DNNModuleContent.ModAOCheckOutC .MyCart_Table {
        margin-bottom: 0;
    }

    .SupplierTop_Search_Category {
        display: none;
    }

    .ProductList_Products_Grid_Product:nth-child(3n) {
        margin: 10px 0.5% !important;
    }

    .ProductList_Products_Grid_Product:nth-child(3n-2) {
        margin: 10px 0.5% !important;
    }

    li.ProductList_SideWide_Categories_Filter {
        width: 100%;
    }

    .ProductList_SideWide_Categories_Title.title_style .close {
        width: 4%;
    }

    .ProductList_SideWide_Box {
        width: 100%;
    }

    .ProductGridWrap .ProductName {
        text-transform: uppercase;
    }

    #OurPeople {
        padding-left: 15px;
    }

    #ISSUUFrame {
        height: 480px !important;
    }

    .ProductList_Products_Grid_Product {
        width: 48% !important;
    }

        .ProductList_Products_Grid_Product:nth-child(3n) {
            margin: 10px 0.5% !important;
        }

        .ProductList_Products_Grid_Product:nth-child(3n-1) {
            margin: 10px 0.5% !important;
        }

        .ProductList_Products_Grid_Product:nth-child(3n-2) {
            margin: 10px 0.5% !important;
        }

        .SearchResults_Overview_List_TopMatches:nth-child(n+3) {
            border-top: solid;
            border-width: 1px;
        }

        .table-responsive {
            overflow-x: scroll;
        }

        ::-webkit-scrollbar {
            -webkit-appearance: none;
        }
        
        ::-webkit-scrollbar:vertical {
            width: 12px;
        }
        
        ::-webkit-scrollbar:horizontal {
            height: 12px;
        }
        
        ::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, .5);
            border-radius: 10px;
            border: 2px solid #ffffff;
        }
        
        ::-webkit-scrollbar-track {
            border-radius: 10px;  
            background-color: #ffffff; 
        }
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) { /* SmartPhones*/
    .wrap-container .seven-cols .col-md-1 {
        width: 50% !important;
        float: left;
    }

    .ProductImageHolder {
        width: 100% !important;
    }
    /*General*/
    .OnlyForMobile {
        display: inline-block !important;
    }

    .header_bg {
        height: 100px;
    }

    .mobile_dnn_logo {
        padding: 15px !important;
    }

    .hideInMobile {
        display: none !important;
    }

    .dnnFormMessage span {
        width: 93% !important;
        margin-left: 7% !important;
    }



    /*filteredProducts*/

    .PopProductsGrid, .FilListGrid {
        /*width: 85% !important;*/
        /*padding: 3% !important;*/
        margin: 20px auto !important;
        /*float: none !important;*/
        overflow: hidden;
    }


    .FilteredListHeader .TwoPaneLeftHolder, .FilteredListHeader .TwoPaneRightHolderRight {
        width: 95% !important;
        margin-bottom: 5px;
        text-align: left;
    }

    .CategoryPicHolder, .CategoryPicInnerHolder, .CategoryDescHolder, .CategoryPicLink img {
        width: 100% !important;
    }

    .ProductDisplayListPane1, .ProductDisplayListPane2, .ProductDisplayListPane3 {
        width: 100% !important;
    }

    /*VAP*/

    .ProductImagesHolder, .ProductInfoHolder, .ProductDisplayFormPriceLeftHolder, .ProductDisplayFormPriceRightHolder {
        width: 100% !important;
        padding: 0 !important;
    }


    .AccessoryList .AccessoryListImg, .AccessoryList .AccessoryListWS, .AccessoryList .AccessoryListBO, .AccessoryList .AccessoryListStock, .AccessoryList .AccessoryListDescription {
        display: none !important;
    }
    /*Bulkorder*/
    .BulkOrderInfo, .BulkOrderInput {
        width: 100% !important;
    }

    /*JT_NewOrder*/
    .NOFListOfProducts_ProductName, .NOFListOfProducts_UOM, .NOFListOfProducts_PE, .NOFListOfProducts_QtyExclBO, .NOFListOfProducts_QtyBO, .NOFListOfProducts_ETD {
        display: none !important;
    }

    .OrderSearchHolder div {
        font-size: 11px;
    }

    .AutocompleteHolder {
        width: 100%;
    }

    .AutocompleteHolder_Text {
        width: 75% !important;
    }

    .AutocompleteHolder_Qty {
        text-align: right;
        width: 25% !important;
    }

    .AutocompleteHolder_AddButton {
        padding-top: 10px !important;
        padding-left: 0px !important;
    }

    .AutocompleteHolder_UOM {
        display: none !important;
    }

    /*AutoComplete Dropdown*/
    .AutocompleteImageHolder, .lblAutoCompleteProductName {
        display: none !important;
    }

    .lblAutoCompleteProductId {
        font-size: 11px !important;
    }

    .ui-autocomplete {
        width: 90% !important;
    }

    .AutocompleteProductIdName {
        width: 50% !important;
        height: 2em !important;
    }

    .AutocompletePrice {
        width: 20% !important;
        font-size: 11px !important;
        line-height: 1em !important;
        height: 2em !important;
    }

    .AutocompleteInStockBackorder {
        width: 15% !important;
        height: 2em !important;
        font-size: 11px !important;
    }

    li.ui-menu-item {
        height: 2.5em !important;
        padding: 0.5em 0.5em 0.5em 0px !important;
    }

    .AutocompleteHolder_ProdComment {
        padding-top: 10px;
    }

    /*dashboard*/
    .DashboardTable {
        width: 100% !important;
    }

    .FilterOptionsHolder {
        width: 100% !important;
    }

    .searchBoxHolder {
        width: 50% !important;
    }

        .searchBoxHolder .ui-autocomplete-input {
            width: 99%;
        }

    .DTLog {
        font-size: 10px !important;
        line-height: 1em !important;
    }

    .ItemCountOneThird {
        width: 100% !important;
        margin-bottom: 5px;
        text-align: center !important;
    }

    .DTLogWrapper {
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }



    /*Reoccuring Orders*/

    .ReoccuringOrderTable .ReoccuringOrderCell_Price {
        width: 20% !important;
    }

    .ReoccuringOrderCell_Code, .ReoccuringOrderCell_ATC, .ReoccuringOrderCell_QTY {
        width: 25% !important;
        word-break: break-word;
    }

        .ReoccuringOrderCell_QTY input.QtyToAdd {
            margin: 0px !important;
            width: 70%;
        }

    /*wishlist*/
    .CartProductList_Table td {
        width: 100% !important;
        display: block;
    }

    .SaveCart_Table {
        font-size: 11px;
    }

        .SaveCart_Table th {
            line-height: 1.5em;
        }

        .SaveCart_Table td, .SaveCart_Table th {
            padding: 0px !important;
        }

    .LastPurchasedProdCol {
        display: none;
    }


    /*Checkout*/

    .deliveryHolder_Row > td {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .deliveryHolder_Row td input {
    }

    .ShippingDetail > table td {
        padding: 3px;
    }

        .ShippingDetail > table td input {
            width: 100%;
        }

    .TotalTable td:first-child, .TotalTable th:first-child {
        display: none !important;
    }

    .checkout-total-table.TotalTable th:first-child {
        display: initial !important;
    }

    .checkout-total-table.TotalTable td:first-child {
        display: initial !important;
    }

    .MyCartInnerHolder {
        height: auto !important;
        padding: 0 !important;
    }

        .MyCartInnerHolder div {
            width: 100%;
        }

    .MyCartImage {
        display: block;
    }

        .MyCartImage img {
            width: 30px !important;
            height: 30px !important;
            margin: 0 auto;
        }

    .MyCartPart, .MyCartStock {
        /*padding: 0 !important;*/ /*padding: 0 !important;*/
        /*text-align: left !important;*/
    }

    /*.MobileHeader {
        width: 35% !important;
    }*/

    .loriginalprice, .wspriceclass {
        width: 64% !important;
    }

    .MyCartQuantity, .MyCartSupplied, .MyCartBO {
        /*text-align: left !important;*/
    }

        .MyCartQuantity input.QtyToAdd {
            margin: 0 !important;
        }

    .MyCartCommentCO {
        width: 40% !important;
    }

        .MyCartCommentCO .CommentImage {
            float: right;
        }

    .MyCartInfoPopUp {
        width: 7% !important;
    }

    .MyCartTotal, .MyCartRemove {
        /*text-align: left !important;*/
        /*padding: 0 !important;*/
    }
    /*Recently Viewed*/


    .recentlyProductWrapper table tr {
        width: 100% !important;
    }

    .ProductDisplayFormWishlist a {
        width: 48% !important;
        margin-top: 5px;
        float: left;
    }

    .ProductList_Products_Grid_Product {
        width: 100% !important;
    }

    .ProductList_SideWide_Box.mobile-filter-box {
        width: 100% !important;
    }

    .mobile_menu_ico .fa.active {
        color: #e11b22 !important;
    }

    mobile_menubox .SearchHolder {
        margin-top: 0 !important;
    }

    .MyCartInnerHolderh.MyCart_HeaderStyle {
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    .MyCartInnerHolder {
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    .DNNModuleContent.ModAOSupplierDetailsC .SupplierDetails {
        min-height: 420px !important;
        width: 100% !important;
    }

    .DNNModuleContent.ModAOSupplierDetailsC .SupplierDetails_Information .SupplierHours {
        width: 100% !important;
    }

    .DNNModuleContent.ModAOSupplierDetailsC .SupplierDetails_Information .SupplierDetails_Img {
        float: left !important;
    }

    .Side_Custom_Pane1 {
        /*top: 0 !important;*/
        bottom: 0 !important;
    }

    .Side_Custom_Pane.Side_Custom_Pane3 {
        top: 30% !important;
    }

    .CartSummaryCheckoutLbl {
        left: 20px;
        position: relative;
    }

    .Side_Custom_Pane {
        width: calc(100% - 80px) !important;
    }

    #ProductDetailsApp {
        margin-bottom: 13px !important;
    }

    #ProductDetailssApp img.ProductMainImage {
        margin-bottom: 23px !important;
    }

    .ProductDetailTabInner_Content {
        min-height: auto;
    }

    .DNNModuleContent.ModAOCheckOutC .ChoosePathBottomHolder .ChoosePathSubDivider {
        display: none;
    }

    .DNNModuleContent.ModAOCheckOutC .ChoosePathBottomHolder .ChoosePathSub {
        width: 100% !important;
    }

    .DNNModuleContent.ModAOCheckOutC .BackOrderTable .MyCartInnerHolder .MyCartBO {
        text-align: center !important;
    }

    #ProductDetailsApp {
        margin-top: 20px;
    }

        #ProductDetailsApp .ProductImageHolder {
            margin-bottom: 30px;
        }

    .DnnModule-J_PopularProducts {
        margin-bottom: auto !important;
    }

        .DnnModule-J_PopularProducts .Container-3 .dnntitle {
            margin-bottom: 0;
        }

        .DnnModule-J_PopularProducts .title-3 {
            font-size: 28px;
        }

    .mobile__no-padding-left {
        padding-left: 0 !important;
    }

    .mobile__no-padding-right {
        padding-right: 0 !important;
    }

    /* transaction page */
    /* statement grid */
    .TransactionDocGrid .statement_Debit, .TransactionDocGrid .statement_Credit, .TransactionDocGrid .statement_icon, .TransactionDocGrid .statement_chkbox {
        display: none !important;
    }

    /* purchases grid */
    .formThree .formThree_DocNum, .formThree .formThree_ProdDesc, .formThree .formThree_OrderNo, .formThree .formThree_Qty, .formThree .formThree_RetPrice, .formThree .formThree_Reb, .formThree .formThree_MemPrice, .formThree .formThree_GST {
        display: none !important;
    }

    /* orders grid */
    .DTLog .DTLog_Status {
        display: none !important;
    }

    #metservice-widget {
        overflow-x: auto;
    }
}



@media screen and (max-height:1366px) and (min-height:1024px) {
    .Side_Custom_Pane {
        top: 30% !important;
    }
}

@media screen and (max-width:768px) {
    .Side_Custom_Pane1 {
        top: 20% ;
        height: auto !important;
    }

    .CartHiddenTop {
        height: calc(80% - 201px) !important;
        position: fixed !important;
    }
}

@media screen and (min-width:430px) {
    .CartHiddenTop {
        width:350px;
        right:80px;

    }
    .CSHiddenHolderProd {
        width:80%;
    }
}
@media screen and (max-height:800px) {
    .CartHiddenTop {
        height: calc(80% - 153px) !important;
        /*position: fixed !important;*/
    }
    .Side_Custom_Pane1 {
        height:70%;
    }
}

/* only works for edge */
@supports (-ms-ime-align:auto) {
    .headerHeroImg {
        position: relative !important;
    }

    .headerHeroImgDiv {
        max-height: 100% !important;
    }

    .SearchTxt .SearchBox {
        padding: 9.5px 0 !important ;
    }
}


/* only works for ie */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .headerHeroImg {
        position: relative !important;
    }

    .headerHeroImgDiv {
        max-height: 100% !important;
    }

    /*.SearchTxt .SearchBox {
        padding-bottom: 17px !important;
    }*/

    .fa-side-ico.clearfix {
        display: inline-block !important;
    }

    .home-banner-contact-detContainer .contact-btn {
        width: auto;
    }

    /*.footer_box .SearchTxt .SearchBox {
        padding-bottom: 18px !important;
    }*/

    .ProductList_Products_Grid_Product .dealText {
        right: -8px !important;
    }

    .ProductList_Overview_List_TopMatches .dealText {
        left: -8px !important;
    }

    .SupplierTop_Search_Category select::-ms-expand {
        display: none;
    }

    .ProductList_Products_TopBar_SortBy select::-ms-expand {
        display: none;
    }
    select#MetServiceCities::-ms-expand {
        display:none;
    }
    .DNNModuleContent.ModAOTransactionsC .searchTerm {
        padding: 12px !important;
    }

    .DNNModuleContent.ModAOTransactionsC .endInput {
        padding: 12px 14px !important;
    }

    .DNNModuleContent.ModAOTransactionsC .startInput {
        padding: 12px 14px !important;
    }

    .SearchResultsContainerBorder {
        margin-top: 1px;
    }

    .ProductList_Products_TopBar .txtSortBy {
        margin: 0px 2% 0 0;
    }

    .ProductList_SideWide_Categories_Product .dealText {
        font-weight: 700 !important;
    }
}


@media screen and (max-width:991px) and (min-width:767px) {
    .TabletSearch {
        display: block !important;
    }

        .TabletSearch input {
            /*border-top: 1px solid #000 !important;
            border-bottom: 1px solid #000 !important;*/
            box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
        }

        .TabletSearch .SearchButton {
            padding-bottom: 43px;
        }
}


@media screen and (max-width:766px) {
    .TabletSearch {
        display: none !important;
    }
}