﻿


@media all and (min-width: 1281px) {

.gallery .picture-thumbs
{
    height: 150px;
}

    #promotionmenu {
        background: url(../img/CAT/promotions.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #powertoolsli {
        background: url(../img/CAT/AA_Power-Tools.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #accessories {
        background: url(../img/CAT/AB_Accessories-Abrasives.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #pump {
        background: url(../img/CAT/CA_Pumps.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #cleaning {
        background: url(../img/CAT/DA_Cleaning-Equipments.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #airtools {
        background: url(../img/CAT/EA_Air-Tools.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #compressors {
        background: url(../img/CAT/EB_Air-Compressors.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #handlings {
        background: url(../img/CAT/FA_Material-Handlings.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #handtools {
        background: url(../img/CAT/GA_Hand-Tools.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #chemicals {
        background: url(../img/CAT/HA_Chemicals.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #motors {
        background: url(../img/CAT/IA_Motors.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #engine {
        background: url(../img/CAT/IB_Engine-DrivenTools.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #welding {
        background: url(../img/CAT/JA_Welding-Equipments.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #construction {
        background: url(../img/CAT/KA_Construction-Tools.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    #industrial {
        background: url(../img/CAT/LA_Industrial-Miscellaneous.svg) left center no-repeat;
        background-size: 22px;
        padding: 0 0 0 27px;
    }

    .productbodytitle {
        display: none;
    }

    #mainproductheader {
        width: 100%;
        float: left;
        background: #fff;
        border-radius: 6px;
    }

        #mainproductheader .grouphomepage {
            width: 100%;
            margin: 0;
            padding: 0;
            border-radius: 0 6px 0 0px;
        }

    #productheader {
        width: 20%;
        float: left;
    }

        #productheader img {
            width: 100%;
            float: left;
            border-radius: 6px 0 0 6px;
        }

    #productbody {
        width: 80%;
        float: left;
    }

    .home-page-category-grid .owl-carousel .owl-stage {
        width: 100%;
        max-width: 100%;
        float: left;
    }

.home-page-category-grid .item-box {
    width: 12.5%;
    float: left;
    margin: 15px 0;
}
    .home-page-category-grid .owl-carousel .owl-item:hover {
        opacity: 1;
    }

    .home-page-category-grid .owl-theme .owl-controls .owl-page {
        display: initial;
    }

    .homecontenttop {
        width: 100%;
        float: left;
        padding: 15px 0px;
        margin: auto;
        background: #fff;
    }

    .homecontentmain {
        width: 100%;
        float: left;
        padding: 30px 0;
        margin: auto 0;
        border-bottom: 1px solid #e9e9e9;
        background-color: rgba(239, 239, 239, 0.75);
    }

    .Onlinestorepage {
        width: 100%;
        float: left;
    }

    .Onlinestoredeail {
        width: 100%;
        float: left;
        margin: 10px 0;
    }

  .Onlinestorepage .Onlinestoredeail {
        width: 100%;
        float: left;
        margin: 10px 0;
    }
    .dealer img, .industrial img, .onlinestore img {
        width: 100%;
    }

    .contenttext {
        width: 100%;
        float: left;
        text-align: left;
        padding: 5px 0;
    }

    .dealer, .industrial, .onlinestore {
        width: 33.3333%;
        float: left;
        margin: 15px auto;
        padding: 0 20px;
    }

    .homecontentbody {
        width: 100%;
        float: left;
        margin: auto;
        background: #fff;
        border-bottom: 1px solid #e9e9e9;
        padding: 0px 0;
    }

        .homecontentbody .owl-wrapper {
            width: 100%;
        }

        .homecontentbody .item-box .picture img {
            width: 70%;
            text-align: center;
        }

    .home-page-category-grid {
        width: 100%;
        float: none;
        margin: auto;
    }

    .grouphomepage .title {
        text-align: center;
        width: 100%;
        float: left;
        margin: 0 0 5px 0;
        color: #F68B29;
    }

    .homepage-middle-wrapper {
        width: 100%;
        padding: 30px 1%;
        background: #f9f9f9;
        float: left;
        margin: 0;
    }

    .home-page-category-grid h1, .home-page-category-grid p, .homecontentmain {
        text-align: center;
        color: #000;
    }

    .home-page-category-grid h1 {
        padding: 40px 0;
    }

    .minimenuleft {
        width: 25%;
        float: left;
        padding: 0 15px;
    }

    .store-search-box form {
        width: 100%;
        float: left;
    }

    .menusearch {
        width: 70%;
        float: left;
    }

    .header-upper {
        width: 30%;
        float: left;
        color: #000;
    }

    .reward-pointsshow {
        width: 100%;
        float: left;
        margin: 0;
        background: #eee;
        padding: 3px 6px;
        border-radius: 6px;
    }

    .accountselect {
        width: 50%;
        float: left;
        padding: 0 1% 0 0;
    }

    .flyout-cart-wrapper {
        padding: 0;
        vertical-align: middle;
        text-align: right;
        display: block;
    }

    .nav .flyout-cart-wrapper {
        width: auto;
        float: right;
        top: 0%;
        padding: 0 4px;
        vertical-align: middle;
        text-align: right;
        background: url(../img/Cart.svg) no-repeat left;
        background-size: 18px;
        padding-left: 15px;
        cursor: pointer;
    }

    .languageSelector {
        line-height: 55px;
        background-size: 23px;
        padding-left: 28px;
    }

    .master-wrapper-content {
        width: 100%;
        float: left;
        background: #e9ebee;
    }

    .nav-container .model {
        z-index: 99999;
    }


    .center-2 {
        width: 79%;
        float: right;
    }

    .side-2 {
        width: 20%;
        float: left;
        margin: 0 0 0 1%;
    }

        .side-2 .page-title {
            display: none;
        }


    .cart col:first-child,
    .cart th:first-child,
    .cart td:first-child {
        display: none !important;
    }



    .account-page .data-table col:first-child,
    .account-page .data-table th:first-child,
    .account-page .data-table td:first-child {
        display: inherit !important;
    }

    .account-page .data-table col.select-boxes {
        display: table-column !important;
    }

    .account-page .data-table th.select-boxes,
    .account-page .data-table td.select-boxes {
        display: table-cell !important;
    }

    .account-page .table-wrapper {
        width: 100%;
    }

    .account-page .data-table .footable-first-column {
        text-align: left;
        height: 36px;
        line-height: 36px;
    }

    .popupmymapmain .zoom3 {
        width: 100% !important;
        height: 100%;
    }

    .reward-points-page td {
        padding: 2px 6px;
    }

    .admin-header-links .center {
        width: 1200px;
    }

    .header .center {
        float: left;
        position: relative;
    }

    .header-links-wrapper,
    .header-selectors-wrapper {
        margin: 0 0 0 0px;
    }

    .header-links,
    .header-selectors {
        left: 0;
    }

    .header-logo {
        padding: 0;
    }

    .header-menu > ul > li > a,
    .header-menu > ul > li > span {
        padding: 5px 15px;
    }

        .header-menu > ul > li > a:hover {
            background: #555;
            border-radius: 6px;
            -webkit-border-radius: 6px;
        }


    .category-navigation-list-wrapper {
        width: 100%;
        max-width: 100%;
        display: block;
        background: rgba(0, 0, 0, 0.70);
    }



    .category-navigation-list > li > .sublist-wrap { /*this is the flyout panel*/
        left: 100%;
        width: 100%;
        float: left;
    }

    .header-menu .root-category-items > .sublist-wrap {
        width: 1200px;
        margin: 0 0 0 -240px; /*depends on logo cell width, which is always fixed*/
    }



    .category-navigation-list > li > .sublist-wrap > .sublist > li { /*this is a subcategory item (contains a list)*/
        padding: 3px 5px;
    }


    /* HOMEPAGE COLUMNS */

    .two-columns-area .center {
        width: 100%;
    }

    .two-colums-area-left {
        width: 285px;
        position: absolute;
        float: left;
    }

    .two-colums-area-right {
        width: 888px;
    }

    /* HOMEPAGE CAROUSELS */
    /* FOOTER */

    .footer .center {
        width: 100%;
    }

    /* LEFT/RIGHT COLUMN */

    .block .title {
        padding: 10px 5px;
    }

    .block .listbox {
        margin: 0;
        padding: 10px 5px 10px 15px;
        border-radius: 4px;
    }

    .block .view-all {
        margin: 12px 0 0;
    }

    /* CATEGORY PAGE & GRIDS */

    .product-selectors {
        padding: 0 10px;
        text-align: left;
    }

    .manufacturer-details {
        padding: 38% 0 !important;
    }

    #specleft {
        width: 17%;
        float: left;
    }

    #specright {
        width: 83%;
        float: right;
    }

        #specright .owl-carousel .owl-item:hover {
            background: #fbfbfb;
            color: #000 !important;
        }

    #hoverspec {
        width: 100%;
        position: relative;
    }

    .specboxr div:hover {
        background: rgba(85, 85, 85, 0.05);
        position: relative;
        top: initial;
        width: 800%;
        z-index: 99;
        max-width: 1290px;
    }

    .specboxr div:active {
        background: rgba(85, 85, 85, 0.05);
        position: relative;
        top: initial;
        width: 800%;
        z-index: 99;
        max-width: 1290px;
    }

    #specshow .spec-value {
        text-align: left;
        padding: 0 0 0 5px;
        height: 30px;
        line-height: 30px;
        border-bottom: 1px solid #eee;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .item-box {
        width: 19%;
        float: left;
border:none;
        margin: 0 0.5% 1% 0.5%;
    }

    #productspec {
        width: 96%;
        float: left;
        margin: 10px 2%;
    }

    #owl-productspec .item-box {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }

    #owl-productspec .product-specs-box .data-table {
        padding: 0;
    }

    .specboxr {
        width: 100%;
        float: left;
    }

        .specboxr div {
            width: 100%;
            float: left;
            margin: 0 0;
            text-align: left;
            padding: 0 5px;
            height: 30px;
            line-height: 30px;
            background: #fbfbfb url(../img/push-pin.svg) center right 5px no-repeat;
            background-size: 13px;
            color: #000;
            border-bottom: 1px solid #eee;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: middle;
        }

    #owl-productspec {
        position: relative;
    }

        #owl-productspec .owl-buttons {
            top: -700px;
            width: 100%;
            position: absolute;
            z-index: 0;
        }

            #owl-productspec .owl-buttons .owl-next, #owl-productspec .owl-buttons .owl-prev {
                z-index: 9;
            }

        #owl-productspec .owl-pagination {
            display: none;
        }

        #owl-productspec .item-box .product-item, #showboxspec {
            border: none;
            height: 340px;
            background: none;
            margin: 0 0 20px 0;
        }

    #showboxspec {
        padding: 40px 0 0 0;
    }

    #owl-productspec .item-box .picture {
        padding: 15%;
    }

    #vdopage {
        width: 48%;
        float: left;
        margin: 30px 1%;
        padding: 10px;
    }

        #vdopage .product-title {
            font-size: 1em;
            color: #7d7d7d;
            font-weight: normal;
            text-align: center;
        }

        #vdopage .video-container {
            position: relative;
            padding-bottom: 56.25%;
            padding-top: 5px;
            height: 0;
            overflow: hidden;
            text-align: center;
        }

            #vdopage .video-container iframe,
            #vdopage .video-container object,
            #vdopage .video-container embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                text-align: center;
            }

    #catalog .picture {
        margin: auto;
        text-align: center;
    }

    #catalog img {
        width: auto;
    }


    .item-box .product-title {
        width: 100%;
        float: left;
        font-size: 1em;
    }

    .sku {
        width: 100%;
        float: left;
        margin: 0;
        font-size: 0.87em !important;
    }

    .k-calendar {
        width: 100%;
        float: left;
        margin: 10px 0;
        padding: 0;
        background: #fff;
    }

        .k-calendar .owl-carousel .owl-item {
            width: auto;
        }

    .gallery {
        width: 25%;
        float: left;
        padding: 0px 15px;
    }

    .k-calendar .owl-carousel .owl-item img {
        width: 100%;
        padding: 5px;
    }

    .picture-thumbss {
        margin: 5px 0 0 0;
    }

    #zindeximages {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        float: left;
        background: #fff;
        padding: 10px 0 0 0;
    }

    .video-thumb {
        width: 21%;
        float: left;
        text-align: left;
        left: 10px;
        margin: 20px 10px 0 0;
    }

    .gallery .video-thumb img {
        border-radius: 4px;
        position: unset;
    }

    .gallery .spanvdo {
        display: none;
    }

    #tagtitle {
        font-size: 1.2em;
        color: #000;
        font-weight: normal;
    }

    .overview {
        float: left;
        width: 45%;
        padding: 0 10px 10px 10px;
    }

    .overviewvdo {
        padding: 10px 0;
        width: 100%;
        float: left;
        text-align: center;
        margin: 0 auto;
    }

    .overview-bottom {
        width: 30%;
        float: left;
        padding: 10px 10px 0 10px;
    }



    .customer-entered-price {
        margin: 0 0 20px;
    }

        .customer-entered-price .price-input {
            display: inline-block;
            margin: 0 10px 0 0;
        }

        .customer-entered-price .price-range {
            display: inline-block;
        }

    .product-social-buttons {
        width: 100%;
        float: left;
        margin: 5px auto;
        text-align: left;
    }



    .overview-bottom .delivery {
        padding: 5px 0 0 0;
        border-bottom: 1px solid #eee;
        width: 100%;
        float: left;
    }

    .short-description .readmore {
        width: 100%;
        float: left;
        margin: 0 0 0 5px;
        font-size: 0.7em;
        color: #383838;
        opacity: 0.6;
    }

        .short-description .readmore a {
            background: #efefef url(../img/description.svg) left 3px center no-repeat;
            background-size: 12px;
            border: 1px solid #eee;
            border-radius: 6px;
            padding: 1px 7px 1px 17px;
        }

        .short-description .readmore:hover {
            opacity: 1;
        }

    .overview-bottom .payment {
        width: 100%;
        float: left;
    }

        .overview-bottom .payment span {
            width: auto;
            float: left;
            margin: 0 0 0 10px;
            line-height: 48px;
        }

    .compare-products-table .picture {
        width: 200px;
    }



    .block-account-navigation .list a.active {
        max-width: 300px;
    }



    .cart-footer .cart-collaterals {
        width: 100%;
        float: left;
    }


    .cart-collaterals .accordion-tab-content {
        max-width: none;
    }

    .cart-collaterals .shipping label {
        width: 20%;
    }

        .cart-collaterals .shipping label + select,
        .cart-collaterals .shipping label + input {
            width: 80%;
        }

    .cart-collaterals .coupon-code {
        max-width: 500px;
        margin: 0;
    }

    .order-details-page .actions input {
        width: 205px;
    }

    .order-details-page .totals {
        position: relative;
        width: 35%;
        float: right;
        margin: 10px 0;
    }

    .order-details-page .data-table td {
        border: none;
    }

    .order-details-page .shipments {
        width: 100%;
        float: left;
        margin: 10px 0;
    }
    /* SEARCH & SITEMAP */
    /* BLOG & NEWS */

    .blog-page .tags ul {
        max-width: 500px;
    }

    .news-item-page .inputs:first-child label {
        width: 180px;
    }

    .news-list-homepage .news-body {
        width: 100%;
        float: left;
        height: auto;
    }

    /* FORUM & PROFILE */

    .forums-main-page .topic-block-body {
        max-width: 780px;
    }

    .forum-breadcrumb {
        max-width: 780px;
    }

    .forum-search-box .search-box-text {
        width: 350px !important;
    }

    .ui-tabs .ui-tabs-panel {
        width: 100%;
        float: left;
        padding: 15px 10px;
    }

    .odd {
        width: 49%;
        float: left;
        margin: 0 0.5%;
        background: rgba(238, 238, 238, 0.40);
    }

    .even {
        width: 49%;
        float: left;
        margin: 0 0.5%;
        background: rgba(238, 238, 238, 0.40);
    }

    .oddleft {
        width: 40%;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #000;
        border-bottom: none;
        font-weight: 500;
    }

    .oddright {
        width: 60%;
        background: #fff;
        float: left;
        font-weight: normal;
    }

    .related-products-grid .item-grid,
    .also-purchased-products-grid .item-grid,
    .compare-products-table {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .related-products-grid .item-box ,
     .also-purchased-products-grid #owl-purchased .item-box {
        width: 14% ;
        float: left;
        margin: 0;
        padding: 0 10px;
    }

    .newsletter-email input[type="text"] {
        width: 450px;
    }
}


