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

@media screen and (max-width: 1200px) {
  /* smaller screens */

  .col-lg-2.header-panel-1 {
    width: 16.67%;
  }

  .col-lg-8.header-panel-2 {
    width: 58.33%;
  }

  .col-lg-2.header-panel-3 {
    width: 25%;
  }

  .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);
    position: initial !important;
  }

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

  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_right {
    float: right;
    width: auto;
  }

  .roll_activated .nav_box_right {
    height: auto;
  }

  .header_bg:before {
    border: none;
  }

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

  .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 {}

  .HeaderCartWrapper {
    text-align: right;
  }

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

  .MyCart_Table td,
  .MyCart_HeaderStyle div {
    padding-top: 0 !important;
    padding-bottom: 0 !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;
  }

  .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 .showing {
    display: inline-block !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 {
    bottom: 0 !important;
  }

  .Side_Custom_Pane.Side_Custom_Pane3 {
    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.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;
  }
}

@media screen and (max-width: 1200px) {
  #dnngo_megamenu .primary_structure>li {
    padding-left: 20px;
  }
}

/************************************************************************************
smaller than 795
*************************************************************************************/
@media screen and (max-width: 768px) and (orientation: portrait) {
  .CompanySelectorPopUpWrap {
    width: 100% !important;
  }

  #CompanySelectorPopup .ListOfCompaniesWrap th,
  #CompanySelectorPopup .ListOfCompaniesWrap td {
    font-size: 12px !important;
  }

  #mobile_user .LoginLink {
    color: #333 !important;
  }

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

  .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: 1024px) {
  #dnn_wrapper>header .dnn_layout {
    height: auto !important;
    padding-bottom: 5px;
  }
}

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

  .col-lg-2.header-panel-1 {
    width: 25%;
  }

  .col-lg-8.header-panel-2 {
    width: 58.33%;
  }

  .col-lg-2.header-panel-3 {
    width: 16.67%;
  }

  .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: #e11b22;
    position: initial !important;
  }

  .roll_menu.roll_activated {
    height: 120px;
  }

  #dnn_wrapper>header .dnn_layout {
    height: auto !important;
    padding-bottom: 5px;
  }

  .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 {
    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;
  }

  .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;
  }

  .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, 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*/

  #dnn_dnnLOGOphone_imgLogo {
    width: 145px !important;
  }

  .show-news-mobile {
    display: block !important;
  }

  .show-news-mobile .hidden-sm.hidden-xs {
    display: block !important;
  }

  .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;
  }

  .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;
  }

  /*Recently Viewed*/

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

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

  .ProductList_Products_Grid_Product .TopMatch_Description_grid {
    display: none !important;
  }

  .ProductList_Products_Grid_Product .ProductDisplayGridFourPane3 {
    width: 100% !important;
  }

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

  .ProductList_Products_Grid_Image {
    height: 130px !important;
  }

  .ProductGridWrap .ProductName {
    font-size: 14px !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: 100% !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;
  }

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

  .multi_menu ul li .menu_arrow.arrow_closed:before,
  .multi_menu ul li.current>a>.menu_arrow:before,
  .multi_menu ul li:hover .menu_arrow.arrow_closed:before,
  .multi_menu ul li:hover>a>.menu_arrow:before {
    border-bottom-color: #fff;
    border-right-color: #fff;
  }

  .multi_menu ul li.active ul {
    width: 90%;
    margin-left: 10%;
  }

  .multi_menu ul li.active ul li a {
    background-color: #fff !important;
    color: #e11b22 !important;
  }

  .multi_menu ul li.active ul li span {
    padding: 7px 0 !important;
  }
}

@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 {
  }

  .CSHiddenHolderProd {
    width: 80%;
    text-align: center;
  }
}

@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: 1024px) 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, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
      0 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

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

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

@media only screen and (min-width: 1600px) {
  .dnn__layout--header {
    width: 80%;
  }
}

@media screen and (max-width: 1600px) {
  #dnn_wrapper>header .dnn_layout {
    width: 100%;
  }
}

@media screen and (min-width: 800px) and (max-width: 1300px) {
  #dnn_wrapper>header .head_mid {
    padding: 0;
  }
}

@media screen and (max-width: 991px) {
  .NewsInnerContainer {
    display: none;
  }

  .NewsContainer {
    display: none;
  }

  .ShowResponsive.NewsContainer {
    display: initial;
  }

  .dnn_content {
    padding-top: 0px;
  }

  #AutoComplete {
    padding-bottom: 0 !important;
  }
}