/*

  CSS for Category Blocks

*/

.top-catblocks>li>a, .top-catblocks>li>ul>.compatible_model, .top-catblocks>li>ul>li>.m-overflows>ul.submenu, .top-catblocks>li>ul>li>ul.submenu, .top-catblocks>li>ul>li>ul.Blevel2>li>a>img {
    display: none;
}
.top-catblocks>li>ul {
    display: flex;
    width: 100%;
    clear: both;
    flex-wrap: wrap;
}
.top-catblocks>li>ul>li {
    flex: 0 0 25%;
}
.top-catblocks>li.tools-accessories2.need-width>ul>li {
    flex: 0 0 100%;
}
.top-catblocks>li.tools-accessories2.recent-added>ul>li {
    flex: 0 0 25%;
}
.top-catblocks>li>ul>li>a {
    background-image: url(../../images/category_nav_images/Tools-Supplies_sprites.png);
    display: block;
    width: 98%;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 150px;
    padding-top: 110px;
    text-align: center;
    font-weight: 600;
    border: 1px solid #ccc;
    margin: 1%;
    text-transform: uppercase;
    cursor: pointer;
}
.top-catblocks>li>ul>li.recently-add>a {
    background-size: 110px;
    background-position: center 2px;
}
.top-catblocks>li>ul>li.shopbybrand>a {
    background-size: 105px;
    background-position: center -137px;
}
.top-catblocks>li>ul>li.essentials>a {
    background-size: 95px;
    background-position: center -268px;
}
.top-catblocks>li>ul>li.supplies>a {
    background-size: 95px;
    background-position: center -444px;
}
.top-catblocks>li>ul>li.organization>a {
    background-size: 75px;
    background-position: center -465px;
}
.top-catblocks>li>ul>li.programmers>a {
    background-size: 80px;
    background-position: center -635px;
}
.top-catblocks>li>ul>li.testingdevices>a {
    background-size: 75px;
    background-position: center -741px;
}
.top-catblocks>li>ul>li.universalcomponents>a {
    background-size: 80px;
    background-position: center -978px;
}
.top-catblocks>li>ul>li.microsoldering>a {
    background-size: 78px;
    background-position: center -1119px;
}
.top-catblocks>li>ul>li.solderingsupplies>a {
    background-size: 75px;
    background-position: center -1250px;
}
.top-catblocks>li>ul>li.refurbishing>a {
    background-size: 76px;
    background-position: center -1448px;
}
.top-catblocks>li>ul>li.backglassrepair>a {
    background-size: 75px;
    background-position: center -1610px;
}
.top-catblocks>li>ul>li.screwboxrefills>a {
    background-size: 75px;
    background-position: center -1760px;
}
.top-catblocks>li>ul.slayouts-menu .submenu.sview-inul .sview-5col>ul>li>a>img {
    display: block;
    margin: 0 auto;
    padding-bottom: 5%;
}
.top-catblocks>li {
    display: none;
}
.top-catblocks>li>ul>li>.m-overflows>ul.submenu, .top-catblocks>li>ul>li>ul.submenu {
    width: 100%;
    float: left;
}
.top-catblocks>li>ul>li>.m-overflows {
    overflow: inherit;
    max-height: none;
    margin-bottom: 0;
}
.top-catblocks>li>ul>ul.submenu {
    background-color: #f1f2f3;
    padding: 22px;
    margin-top: -4px;
    width: 100%;
    margin-left: 0.3%;
    margin-right: 0.3%;
    border: 1px solid #ccc;
}
.top-catblocks>li>ul>ul.submenu>li {
    width: 100%;
    float: left;
}
.top-catblocks>li>ul.slayouts-menu>li>ul>li>ul {
    width: 100%;
}
/**/

.top-catblocks>li>ul.slayouts-menu>li>ul>li>a, .top-catblocks>li.tools-accessories2.need-width>ul.slayouts-menu>li>ul>li>.recent-data>a {
    font-size: 13px;
    color: #000;
    background-color: #F3F3F3;
    padding: 4px 10px;
    border-radius: 20px;
    margin: 0 0 4px 20px;
    clear: both;
    font-weight: 600 !important;
    min-width: 120px;
    display: inline-block;
    text-align: center;
}
li.tools-accessories2.need-width>.slayouts-menu>li>ul>li>ul>li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #000000;
}
li.tools-accessories2.need-width>.slayouts-menu>li {
    margin: 3% 0;
}
li.tools-accessories2.need-width>.slayouts-menu>li>ul>li>ul>li>a:hover {
    color: #e3051b;
}
ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li.screwbox-col>ul.sview-ulimg {
    display: flex;
    flex-flow: row wrap;
}
ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li.screwbox-col>ul.sview-ulimg>li {
    flex: 0 0 20%;
    width: 100%;
    min-height: 80px;
    max-width: 100%;
    width: 20%;
    padding: 3% 1% 0;
}
ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li.screwbox-col>ul.sview-ulimg>li>a {
    text-align: center;
}
ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li.screwbox-col>ul.sview-ulimg>li>a>img {
    display: block;
    margin: 0 auto;
    padding-bottom: 5%;
    vertical-align: super;
}
ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li.screwbox-col>ul.sview-ulimg>li>a>strong {
    text-align: center;
    display: block;
    padding: 10px;
}
ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li.screwbox-col>ul.sview-ulimg {
    overflow: auto;
    max-height: 495px;
}
ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li.screwbox-col>ul.sview-ulimg::-webkit-scrollbar {
    width: 2px;
    background-color: #4c4c4c;
}
ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li.screwbox-col>ul.sview-ulimg::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #000;
    background-image: -webkit-linear-gradient(top, #000 0, #000 50%, #000 51%, #000 100%);
}
ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu, ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu.submenu_open {
    display: none;
}
ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li.sview-5col.hide-name>ul>li>a>strong {
    display: none;
}
ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li>.recent-data>li>.recent-data>a {
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    color: #2c2c2c;
    display: block;
}
/**/

.top-catblocks>li>ul>ul.submenu>li>.dp-menu-drop {
    position: inherit;
    border: 0;
    display: block;
    top: inherit;
    box-shadow: 0 0 0 transparent;
    background-color: #fff;
    float: left;
    width: 96%;
    margin-left: 2%;
    border-left: 1px solid #fff;
    margin-bottom: 3px;
}
.top-catblocks>li>ul>ul.submenu>li:hover>a {
    background-color: transparent;
    color: #828282;
    font-weight: 600;
}
.top-catblocks>li>ul>ul.submenu>li.dp-menu>a>i.arrow {
    border-color: #6d6c6c;
}
.top-catblocks>li>ul>ul.submenu>li>a {
    font-size: 16px;
    padding: 10px;
    font-weight: 600;
}
.top-catblocks>li>ul>ul.submenu>li>a:hover {
    background-color: transparent;
    color: inherit;
    font-weight: 600;
}
.top-catblocks>li>ul>ul.submenu>li>.dp-menu-drop>li>ul>li>a {
    font-size: 14px;
    padding: 8px 20px;
}
.top-catblocks>li>ul>ul.submenu>li.dp-menu>a {
    font-weight: 600;
}
.top-catblocks>li>ul>li.currentLi>a {
    background-color: #f1f2f3;
    border-color: #ccc;
    position: relative;
    border-top: 5px solid #29a5ef;
}
.top-catblocks>li>ul>li.currentLi>a:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #f1f2f3;
    position: absolute;
    bottom: -1px;
    left: 0px;
}
.top-catblocks>li>ul>ul.submenu>li.dp-menu>a>i.arrow {
    width: 8px;
    height: 8px;
}
.top-catblocks>li>ul>ul.submenu>li>a:hover>i.arrow {
    border-color: #fff;
}
.top-catblocks>li>ul>ul.submenu>li>.b-component {
    display: none;
}
body.catalog-category-view.categorypath-brands-menu .top-catblocks>li>ul>ul.submenu {
    display: none !important;
}
.top-catblocks>li>ul>li.br-title {
    display: none;
}
.top-catblocks>li>ul>li.bhover>a {
    background-image: none;
    padding-top: 20px;
    min-height: 64px;
    padding-bottom: 20px;
}
.top-catblocks>li>ul>ul.submenu>li>.dp-menu-drop>li>a {
    font-size: 14px;
    padding: 8px 20px;
}
.top-catblocks>li>ul>ul.submenu>li>.dp-menu-drop {
    display: none;
}
.top-catblocks>li>ul>ul.submenu>li>.dp-menu-drop>strong.dropdown-submenu-title {
    padding: 10px 15px 0;
    float: left;
    width: 100%;
}
.top-catblocks>li>ul>ul.submenu>li>.dp-menu-drop>li>.m-overflows>ul>li>a {
    font-size: 14px;
    padding: 8px 20px;
}
.top-catblocks>li>ul>ul.submenu>li>.dp-menu-drop>li>ul>li>strong, .top-catblocks>li>ul>ul.submenu>li>.dp-menu-drop>li>strong {
    float: left;
    width: 100%;
    padding: 4px 20px 14px;
}
.top-catblocks>li>ul>ul.submenu>li>.dp-menu-drop>li>.m-overflows {
    max-height: none;
    overflow: inherit;
}
.top-catblocks>li>ul>ul.submenu>li.dp-menu>a.catnav-open {
    background-color: #29a4ef;
    color: #fff;
}
.top-catblocks>li>ul>ul.submenu>li.dp-menu>a.catnav-open>i.arrow {
    border-color: #fff;
    transform: rotate(-45deg);
}
/**/

.top-catblocks>li.apple>ul>li>a {
    background-image: url(../../images/category_nav_images/apple.png);
}
.top-catblocks>li.samsung>ul>li>a {
    background-image: url(../../images/category_nav_images/samsung.png);
}
.top-catblocks>li.Lg>ul>li>a {
    background-image: url(../../images/category_nav_images/motorola.png);
}
.top-catblocks>li.lgmenu>ul>li>a {
    background-image: url(../../images/category_nav_images/lg.png);
}
.top-catblocks>li.Huawei>ul>li>a {
    background-image: url(../../images/category_nav_images/huwei.png);
}
.top-catblocks>li.other-parts>ul>li>a {
    background-image: url(../../images/category_nav_images/otherparts.png);
}
.top-catblocks>li.game-console>ul>li>a {
    background-image: url(../../images/category_nav_images/gameconsole.png);
}
.top-catblocks>li.tools-accessories>ul>li>a {
    background-image: url(../../images/category_nav_images/toolsandsupplies.png);
}
.top-catblocks>li.refurbish>ul>li>a {
    background-image: url(../../images/category_nav_images/refurbishing.png);
}
.top-catblocks>li>ul>li.aicon-iphone>a {
    background-position: 58% 23px;
}
.top-catblocks>li>ul>li.aicon-ipad>a {
    background-position: 55% -206px;
}
.top-catblocks>li>ul>li.aicon-ipod>a {
    background-image: url(../../images/category_nav_images/ipod.png);
    background-size: 45px;
    background-position: 49% 25px;
}
.top-catblocks>li>ul>li.aicon-watch>a {
    background-position: 52% -667px;
}
.top-catblocks>li>ul>li.aicon-macbookpro>a {
    background-position: 49% -880px;
}
.top-catblocks>li>ul>li.aicon-macbookair>a {
    background-position: 49% -880px;
}
.top-catblocks>li>ul>li.aicon-macbook>a {
    background-position: 49% -880px;
}
.top-catblocks>li>ul>li.aicon-ssds>a {
    background-position: 55% -1189px;
}
.top-catblocks>li>ul>li.aicon-sseries>a {
    background-position: 53% 19px;
}
.top-catblocks>li>ul>li.aicon-noteseries>a {
    background-position: 53% -317px;
}
.top-catblocks>li>ul>li.aicon-jseries>a {
    background-position: 53% -657px;
}
.top-catblocks>li>ul>li.aicon-aseries>a {
    background-position: 53% -994px;
}
.top-catblocks>li>ul>li.aicon-sothers>a {
    background-position: 52.5% -1334px;
}
.top-catblocks>li>ul>li.aicon-motog>a {
    background-position: 55% 18px;
}
.top-catblocks>li>ul>li.aicon-motoe>a {
    background-position: 55% -362px;
}
.top-catblocks>li>ul>li.aicon-motoone>a {
    background-position: 55% -742px;
}
.top-catblocks>li>ul>li.aicon-motoedge>a {
    background-position: 55% -1122px;
}
.top-catblocks>li>ul>li.aicon-motoz>a {
    background-position: 55% -1508px;
}
.top-catblocks>li>ul>li.aicon-motoothers>a {
    background-position: 53% -1884px;
}
.top-catblocks>li>ul>li.aicon-lgg>a {
    background-position: 51% 23px;
}
.top-catblocks>li>ul>li.aicon-lgk>a {
    background-position: 51% -327px;
}
.top-catblocks>li>ul>li.aicon-lgstylo>a {
    background-position: 51% -679px;
}
.top-catblocks>li>ul>li.aicon-lgv>a {
    background-position: 50% -1031px;
}
.top-catblocks>li>ul>li.aicon-lgq>a {
    background-position: 52% -1389px;
}
.top-catblocks>li>ul>li.aicon-lgothers>a {
    background-position: 51% -1742px;
}
.top-catblocks>li>ul>li.aicon-hup>a {
    background-position: 50% 21px;
}
.top-catblocks>li>ul>li.aicon-humate>a {
    background-position: 50% -200px;
}
.top-catblocks>li>ul>li.aicon-huhoner>a {
    background-position: 51% -418px;
}
.top-catblocks>li>ul>li.aicon-huy>a {
    background-position: 51% -671px;
}
.top-catblocks>li>ul>li.aicon-huothers>a {
    background-position: 51% -931px;
}
.top-catblocks>li>ul>li.aicon-google>a {
    background-position: 50% 16px;
}
.top-catblocks>li>ul>li.aicon-microsoft>a {
    background-image: url(../../images/category_nav_images/microsoftsurface.png);
    background-position: 50% 25px;
}
.top-catblocks>li>ul>li.aicon-zte>a {
    background-position: 50% -562px;
}
.top-catblocks>li>ul>li.aicon-oneplus>a {
    background-position: 50% -912px;
}
.top-catblocks>li>ul>li.aicon-asus>a {
    background-position: 50% -1243px;
}
.top-catblocks>li>ul>li.aicon-othermodel>a {
    background-position: 50% -252px;
}
.top-catblocks>li>ul>li.aicon-gmicro>a {
    background-position: 50% 30px;
}
.top-catblocks>li>ul>li.aicon-sony>a {
    background-position: 50% -200px;
}
.top-catblocks>li>ul>li.aicon-nintendo>a {
    background-position: 50% -451px;
}
.top-catblocks>li>ul>li.aicon-bcomponent>a {
    background-position: 50% -673px;
}
.top-catblocks>li>ul>li.aicon-bcomponent>a {
    background-position: 50% -673px;
}
.top-catblocks>li>ul>li.aicon-toolsbrands>a {
    background-position: 50% 20px;
}
.top-catblocks>li>ul>li.aicon-essentials>a {
    background-position: 50% -267px;
}
.top-catblocks>li>ul>li.aicon-boardlevel>a {
    background-position: 50% -546px;
}
.top-catblocks>li>ul>li.aicon-lasermachine>a {
    background-position: 50% -826px;
}
.top-catblocks>li>ul>li.aicon-organazation>a {
    background-position: 50% -1101px;
}
.top-catblocks>li>ul>li.aicon-tempdglass>a {
    background-position: 57% -1371px;
}
.top-catblocks>li>ul>li.aicon-toolssupp>a {
    background-position: 50% 20px;
}
.top-catblocks>li>ul>li.aicon-riphone>a {
    background-position: 56% -166px;
}
.top-catblocks>li>ul>li.aicon-ripad>a {
    background-position: 53% -360px;
}
.top-catblocks>li>ul>li.aicon-riwatch>a {
    background-position: 49% -546px;
}
.top-catblocks>li>ul>li.aicon-rgalaxy>a {
    background-position: 57% -764px;
}
.top-catblocks>li>ul>li.aicon-rothers>a {
    background-position: 55% -960px;
}
.top-catblocks>li.borad-components>ul>li.aicon-iview>a {
    background-image: url(../../images/category_nav_images/toolsandsupplies.png);
    background-position: 50% -546px;
}
.top-catblocks>li.borad-components>ul>li.aicon-biphone>a {
    background-image: url(../../images/category_nav_images/apple.png);
    background-position: 58% 23px;
}
.top-catblocks>li.borad-components>ul>li.aicon-bipad>a {
    background-image: url(../../images/category_nav_images/apple.png);
    background-position: 55% -206px;
}
.top-catblocks>li.borad-components>ul>li.aicon-bipad>a {
    background-image: url(../../images/category_nav_images/apple.png);
    background-position: 55% -206px;
}
.top-catblocks>li.borad-components>ul>li.aicon-bsamsung>a {
    background-image: url(../../images/category_nav_images/samsung.png);
    background-position: 53% 19px;
}
.top-catblocks>li.borad-components>ul>li.aicon-bothers>a {
    background-image: url(../../images/category_nav_images/refurbishing.png);
    background-position: 55% -960px;
}
/**/

.top-catblocks>li>ul>li>ul.sview-inul {
    display: none;
}
@media screen and (max-width: 768px) {
    .top-catblocks>li>ul.slayouts-menu .submenu.sview-inul .sview-5col>ul>li {
        flex: 0 0 25%;
    }
    .top-catblocks>li>ul>li>a {
        font-size: 14px;
    }
    ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li>.recent-data>li>.recent-data>ul.rc-product-block>li {
        width: 50%;
    }
}
@media screen and (max-width: 640px) {
    .top-catblocks>li>ul>li>a {
        font-size: 14px;
    }
    ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li.screwbox-col>ul.sview-ulimg>li {
        flex: 0 0 25%;
    }
}
@media screen and (max-width: 536px) {
    .top-catblocks>li.tools-accessories2.recent-added>ul>li {
        flex: 0 0 50%;
    }
    .top-catblocks>li>ul.slayouts-menu .submenu.sview-inul .sview-5col>ul>li {
        flex: 0 0 33.33%;
    }
    ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li.screwbox-col>ul.sview-ulimg>li {
        flex: 0 0 33.33%;
    }
}
@media screen and (max-width: 420px) {
    .top-catblocks>li>ul.slayouts-menu .submenu.sview-inul .sview-5col>ul>li {
        flex: 0 0 50%;
    }
    ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li>.recent-data>li>.recent-data>ul.rc-product-block>li {
        width: 100%;
    }
    ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu>li.screwbox-col>ul.sview-ulimg>li {
        flex: 0 0 50%;
    }
}
@media screen and (max-width: 320px) {
    ul.top-catblocks>li.tools-accessories2.recent-added>ul.slayouts-menu>ul.submenu li a {
        padding: 3px 0;
    }
}