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

@media screen and (min-width: 1600px) {
  /*#dnn_wrapper > #dnn_content {
    padding-top: 60px;
    }*/
}

@media only screen and (max-width: 1599px) and (min-width: 1024px) {
  .ProductImageGroup {
    object-fit: cover;
  }

  .PriceStockStretch {
    width: 100% !important;
  }

  .FilListGridPrice {
    width: 100% !important;
  }

  .ProductDisplayGridLinkAddButtons {
    width: 100% !important;
  }

  .CatalogueWrap .col-lg-3 {
    width: 23.5%;
  }
}

@media only screen and (max-width: 1599px) and (min-width: 1200px) {
  .ProductImageGroup.featured-product-image {
    object-fit: cover;
  }
}

@media screen and (max-width: 1200px) {
  /* smaller screens */
  .ProductDisplayGrid {
    padding: 1% !important;
    margin-right: 1% !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;
    position: absolute;
  }

  .position-relative {
    position: relative !important;
  }

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

  .ESC_Home .TopOutPane {
    width: 100%;
  }
}

/***************************    *********************************************************
smaller than 1000
*************************************************************************************/
@media screen and (max-width: 1024px) {
  .dnn_logo {
    float: none;
    margin: 0 auto;
  }

  /*.row.ContactusBlubRow > div {
            float: left;
            width: 50%;
            margin-bottom: 10px;
            height: 10em;
        }*/

  .nav_box {
    width: 100%;
  }

  .carousel .owl-buttons .owl-next {
    left: auto;
    right: -45px;
  }

  .carousel .owl-buttons .owl-prev {
    left: -45px;
  }

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

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

  .item .PopProductsGrid,
  .item .FilListGrid {
    width: 100% !important;
  }

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

@media only screen and (min-width: 1024px) {
  .CatalogueWrap .cataloguePanel {
    width: 23.5%;
  }

  .CatalogueWrap .cataloguePanel:nth-child(4n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .CatalogueWrap .cataloguePanel {
    width: 32%;
  }

  .CatalogueWrap .cataloguePanel:nth-child(3n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .roll_activated {
    position: relative !important;
  }

  .ESC_BrandItems li {
    width: 25%;
  }

  .OurTeamWrap .col-sm-3 {
    width: 50%;
  }

  .CatalogueWrap .col-sm-3 {
    width: 31%;
    margin-right: 2%;
  }

  .ContactusBlubRow > div {
    height: 10em;
  }

  .carousel .owl-buttons .owl-next {
    left: auto;
    right: -20px;
  }

  .carousel .owl-buttons .owl-prev {
    left: -15px;
  }

  .footer_mid .row .clearfix {
    display: none !important;
  }

  .acc_trigger::after {
    padding-right: 0px !important;
  }

  .home_list_inner > p {
    height: 10em;
    display: block;
    overflow: auto;
  }

  h2 {
    margin: 0;
  }

  .SideFeatureWrapper {
    padding-top: 0px;
  }

  .FilteredListHeader {
    margin-bottom: 5px;
  }

  .MasterImageCaption {
    top: 70%;
  }

  .SubBannerCaption br {
    display: none;
  }

  .SubBannerCaption h1,
  .SubBannerCaption h2 {
    font-size: 21px !important;
    margin-bottom: 0.5em;
  }

  .SubBannerCaption p {
    font-size: 13px !important;
    line-height: 1.5em;
  }

  .SearchHolder {
    width: 90%;
    margin: 0px auto;
  }

  /*--------- Mobile Menu style ----------*/
  .mobile_menu {
    padding: 0;
    position: relative;
    z-index: 940;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms; /* Firefox 4 */
    -webkit-transition: all ease-in 300ms; /* Safari and Chrome */
    -o-transition: all ease-in 300ms; /* Opera */
    -ms-transition: all ease-in 300ms; /* IE9? */
  }

  .mobile_menubox {
    position: relative;
  }

  .mobile_dnn_logo {
    position: relative;
    padding: 30px 0px 0;
    text-align: center;
  }

  .mobile_dnn_logo img {
    max-width: 100%;
    max-height: 100%;
  }

  .mobile_menu_ico {
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    margin-bottom: 10px;
  }

  .mobile_menu_ico.active {
  }

  .mobile_menu_ico .fa.active:before {
    content: "\f00d";
  }

  .mobile_menu_ico .fa {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    margin: 0 3px;
    border: 1px solid;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
  }

  #mobile_search {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 62px;
    padding: 11px;
    margin-top: 15px;
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }

  #mobile_search input.NormalTextBox {
    background-color: #e1e1e1;
    width: 100% !important;
    height: 40px;
    line-height: 40px;
    left: 0;
    top: 0;
    padding: 5px 60px 5px 5px;
  }

  #mobile_search .search,
  #mobile_search a.search:link,
  #mobile_search a.search:active,
  #mobile_search a.search:visited {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #20a3f0;
    left: auto;
    right: 0;
  }

  #mobile_search .searchSkinObjectPreview {
    left: 0 !important;
    top: 40px;
  }

  #mobile_search .searchInputContainer a.dnnSearchBoxClearText.dnnShow {
    top: 7px !important;
  }

  #mobile_user {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    width: 100%;
    min-height: 62px;
    padding: 11px;
    text-align: center;
    margin-top: 15px;
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }

  #mobile_user * {
    display: inline-block;
  }

  #mobile_user .userProfileImg a {
    width: 32px;
  }

  #mobile_user .userProfileImg img {
    max-width: 100%;
  }

  #mobile_user .registerGroup .buttonGroup,
  #mobile_user .loginGroup {
    line-height: 40px;
    margin-bottom: 0;
  }

  #mobile_user .registerGroup li.userMessages strong,
  #mobile_user .registerGroup li.userNotifications strong {
    display: none;
  }

  #mobile_user .registerGroup li.userMessages a,
  #mobile_user .registerGroup li.userNotifications a {
    font-family: "FontAwesome";
    position: relative;
    padding: 0px 10px;
    text-decoration: none;
  }

  #mobile_user .registerGroup li.userMessages a:before {
    content: "\f0e0";
  }

  #mobile_user .registerGroup li.userNotifications a:before {
    content: "\f05a";
  }

  #mobile_user .registerGroup li.userMessages a:before,
  #mobile_user .registerGroup li.userNotifications a:before {
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -15px;
    height: 20px;
    font-size: 14px;
    line-height: 24px;
  }

  #mobile_user .registerGroup li.userMessages a span,
  #mobile_user .registerGroup li.userNotifications a span {
    position: absolute;
    bottom: 100%;
    right: 0px;
    line-height: 1.2;
    margin: 0 -6px 5px 0;
    background-color: #20a3f0;
    padding: 1px 3px 1px;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
  }

  #mobile_user,
  #mobile_user a,
  #mobile_user a:link,
  #mobile_user a:active,
  #mobile_user a:visited {
    color: #333333;
  }

  #mobile_user a:hover {
    color: #20a3f0;
  }

  #mobile_user .language-object {
    line-height: 40px;
  }

  #mobile_user .language-object .Language {
    margin: 0px 4px;
  }

  #mobile_user .language-object img {
    border: 1px solid #d9d9d9;
  }

  #mobile_user .sep {
    padding: 0px 10px;
  }

  .mobile_menu #mobile_menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 10px -25px 0;
    padding: 40px 0;
    display: none;
    z-index: 1000;
  }

  .multi_menu {
    margin: auto;
  }

  .multi_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .multi_menu ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }

  .multi_menu ul li img {
    vertical-align: middle;
  }

  .multi_menu ul li a:after {
    clear: both;
    content: ".";
    height: 0px;
    font-size: 0px;
    visibility: hidden;
    display: block;
  }

  .multi_menu ul li a {
    display: inline-block;
  }

  .multi_menu ul li a {
    display: block;
  }

  .multi_menu ul li span {
    padding: 0px 12px;
    display: block;
  }

  .multi_menu ul li a {
    position: relative;
  }

  .multi_menu ul li .menu_arrow {
    display: block;
    width: 40px;
    padding: 0px;
    height: 40px;
    text-indent: 0px;
    overflow: hidden;
    margin: 0px;
    text-align: center;
    font-size: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -23px;
  }

  .multi_menu ul li .menu_arrow:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg); /* IE 9 */
    -moz-transform: rotate(-45deg); /* Firefox */
    -webkit-transform: rotate(-45deg); /* Safari and Chrome */
    -o-transform: rotate(-45deg); /* Opera */
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms; /* Firefox 4 */
    -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
    -o-transition: all ease-in 200ms; /* Opera */
    -ms-transition: all ease-in 200ms; /* IE9? */
  }

  .multi_menu ul li:hover > a > .menu_arrow:before {
    border-bottom: 1px solid #20a3f0;
    border-right: 1px solid #20a3f0;
  }

  .multi_menu ul li .menu_arrow.arrow_closed:before,
  .multi_menu ul li:hover .menu_arrow.arrow_closed:before {
    border-bottom: 1px solid #20a3f0;
    border-right: 1px solid #20a3f0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -o-transform: rotate(45deg); /* Opera */
  }

  .multi_menu > ul > li.active > a {
  }

  .multi_menu ul ul {
    display: none;
    padding: 2px 0px 5px 0px;
    margin: 0px;
  }

  .multi_menu ul li.current > ul {
    display: block;
  }

  .multi_menu ul li.active > a,
  .multi_menu ul li a:hover {
  }

  .multi_menu ul li.current > a,
  .multi_menu ul li.current > a:hover {
    color: #20a3f0;
  }

  .multi_menu ul li a {
    margin: 0 0 5px;
  }

  .IHide-xs .multi_menu ul li span > img,
  .IHide-xs .multi_menu ul li span > i {
    display: none;
  }

  .HeaderPane_mobile .Normal {
    margin-bottom: 20px;
  }

  .HeaderPane_mobile {
    margin-bottom: 0px;
  }

  .HeaderBottom * {
    text-align: center;
  }

  #header6.hidden-xs,
  .HeaderMenuWrap {
    display: none;
  }

  .mobile_header.visible-xs {
    display: block !important;
  }

  .mobile_header {
    background: #fff;
  }

  .multi_menu ul li.active > a,
  .multi_menu ul li a:hover,
  .multi_menu ul li.current > a,
  .multi_menu ul li.current > a:hover {
    background-color: #fff;
    text-decoration: none;
  }

  .MobileSearchPane {
    display: block;
  }

  .mobile_menubox img {
    max-width: 200px;
  }

  .CustomColorTopPane > .DnnModule {
    padding: 2em 0px;
  }

  .PopProductImageCol {
    width: 80px;
    margin-right: 20px;
  }
}

/************************************************************************************
smaller than 795
*************************************************************************************/
@media screen and (max-width: 768px) {
  /* Ipad Portrait*/

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

  .forsmalltabletonly {
    display: block !important;
  }

  .CustomColorFullWideWrap .SearchTxt {
    width: 85% !important;
    margin: 0 auto;
  }

  .PopProductImageCol {
    width: 80px;
    margin-right: 20px;
  }

  /*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;
  }

  #dnn_wrapper > #dnn_content {
    padding-bottom: 0px;
    padding-top: 0px;
  }

  .ESC_BrandItems li,
  .CatalogueWrap .col-sm-3 {
    width: 33%;
  }

  .CatalogueWrap .col-sm-3 {
    float: left;
  }

  .ProductInfoHolder {
    min-height: 500px;
  }

  div.acc_trigger:nth-child(n + 10) {
    display: none;
  }

  .featured-product-image {
    /*height:*/
  }
}

@media screen and (max-width: 768px) and (min-width: 481px) {
  .CatalogueWrap .cataloguePanel {
    width: 49%;
  }

  .CatalogueWrap .cataloguePanel:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1200px) and (min-width: 550px) {
  .row.ContactusBlubRow > div {
    float: left;
    width: 50%;
    margin-bottom: 10px;
    height: 10em;
  }
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
  /* SmartPhones*/

  .zoomContainer {
    display: none !important;
  }

  .edMaps_map,
  .edMaps_contentBellow {
    width: 100%;
    max-width: 100%;
  }

  .carousel .owl-buttons .owl-prev {
    left: 0;
  }

  .carousel .owl-buttons .owl-next {
    right: 0;
  }

  .ESC_Home .carousel_category .owl-wrapper-outer {
    margin-top: 1em;
  }

  .MailChimpPaneWrap {
    width: 50%;
    font-size: 11px;
    text-transform: capitalize;
    min-width: 170px;
  }

  .MailChimpPaneHeader::before {
    display: none;
  }

  .MailChimpPaneHeader {
    line-height: 36px;
  }

  .pnlMailChimpForm {
    padding: 10px;
  }

  .contact_info {
    overflow: hidden;
    clear: both;
  }

  .ESC_BrandItems ul {
    margin: 0;
  }

  .ESC_BrandItems li {
    width: 50%;
  }

  .CustomColorTopPane > .DnnModule {
    padding: 2em 0px;
  }

  #dnn_wrapper > #dnn_content {
    padding-bottom: 0px;
  }

  .CustomColorFullWideWrap .SearchTxt .SearchBox {
    font-size: 13px;
  }
  /*
    .tp-banner, .tp-revslider-slidesli, .slotholder {
        height:30vh !important;
    }

    .tp-bgimg {
        width:initial !important;
        height:30vh !important;
    }
    

    .tp-caption{
        left:50% !important;
        transform:translateX(-50%) !important;
        line-height:1.5em !important;
    }

    .tp-caption:nth-child(2) {font-size:16px !important; top:160px !important; }
    .tp-caption:nth-child(3) {font-size:23px !important; top:200px !important;}
    .tp-caption:nth-child(4) {    font-size: 12px !important;
    top: 240px !important;
    width: 85%;
    white-space: normal;
    text-align: center;

    }
    .tp-caption:nth-child(5) {font-size: 12px !important;top: 330px !important;    left: 30% !important;}
    .tp-caption:nth-child(6) {font-size:12px  !important;top:330px !important; left:65% !important;}

    .tp-caption br{
        display:none;
    }*/

  .ESC_Home .photo_box_1,
  .ESC_Home .photo_box_2,
  .ESC_Home .photo_box_3 {
    height: initial;
  }

  .item .ProductDisplayGridImageHolder_IMG img,
  .item .recentlyImageHolder img,
  .item .ProductDisplayListImg,
  .ProductDisplayListImg img {
    width: initial !important;
  }

  .item .PopProductsGrid,
  .item .FilListGrid {
    padding: 0 !important;
    margin: 0px auto !important;
    width: 85% !important;
  }

  /*.CustomColorFullWideWrap .SearchTxt .SearchBox {
            width: 90%;
    margin: 0 auto;
    }
    .CustomColorFullWideWrap .SearchTxt:before {
        left:36px;
    }*/

  /*General*/
  .OnlyForMobile {
    display: inline-block !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;
  }

  .ProductInfoHolder {
    min-height: 610px;
  }

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

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

  .MyCartInnerHolder div {
    width: 100%;
  }

  .MyCartImage {
    display: block;
  }

  .MyCartImage img {
    width: 100% !important;
  }

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

  .MobileHeader {
    width: 35% !important;
  }

  .loriginalprice,
  .wspriceclass,
  .yppriceclass {
    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;
  }

  div.acc_trigger:nth-child(n + 10) {
    display: none;
  }

  .CatalogueWrap .cataloguePanel {
    width: 100%;
  }
}

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