.features-logo
{
    width:30px;
    height: 30px;
    margin-right:10px;
}
.custom-feature
{
    padding-bottom:0.5em !important;
    padding-top:0.5em !important;
    position: relative;
}
.custom-feature-list
{
    padding-bottom:0.5em !important;
    padding-top:0.5em !important;
}
.custom-feature::after
{
    bottom: -1px;
    content: " ";
    display: block;
    position: absolute;
    width: 3.684em;
    height: 2px;
    background-color: #2866AB;
}
@media (min-width: 576px) and (max-width: 767px) {
    .custom-feature
    {
        max-width: 100% !important;
    }   
    .features{
        padding:1em 1em !important;
    }
}
@media (max-width:767px) {
    
}
.custom-menu{
    text-align:start !important;
}
.custom-menu > ul
{
    margin-bottom:0px !important;
}
.custom-menu > ul > li:first-child
{
    line-height:30px !important;
    font-weight: 400;
}
.custom-menu > ul > li > a
{
    font-size: 1em !important;
    font-weight: inherit !important;
}
.custom-menu > ul > li > a:hover
{
    border-bottom:1px solid #686868;
}

.custom-menu2{
    text-align:start !important;
}
.custom-menu2 > ul
{
    margin-bottom:0px !important;
}
.custom-menu2 > ul > li
{
    line-height:30px !important;
}
.custom-menu2 > ul > li > a
{
    font-size: 1em !important;
    font-weight: inherit !important;
}
.custom-menu2 > ul > li > a:hover
{
    border-bottom:1px solid #686868;
}

.active
{
    font-weight: 400;
}



.features{
    padding:1em 1em !important;
}
.widget_techmarket_features_widget
{
    margin-bottom: 1.786em !important;
}
.section-title{
    font-weight: 500 !important;
    font-size: 1em !important;
    margin-bottom: 8px !important;
    color: #021f3e !important;
}
.custom-site-main
{
    height:100%;
    position: relative;
}
.bottom-adv-area
{
    position:absolute;
    bottom: 0;
    margin-bottom: 0px !important;
    width: 100%;
}
.header-v2
{
    background-color:#64788f !important;
}
.departments-menu button
{
    color: white !important;
}
.search-categories
{
    border-top-left-radius: 0 !important;
}
.entry-title
{
    font-size: 2.750em;
    letter-spacing: -0.01em;
    margin-bottom: 0.227em;
    line-height: 1.045em;
    color: #090909;
    font-weight: 500;
    margin-bottom: 0.273em;
    text-align: center;
    margin-top: 15px;
}
.menu-list > li > a
{
    font-size: 1em !important;
    font-weight: inherit !important;
}
.menu-list > li > a:hover
{
    border-bottom:1px solid #686868 !important;
}
.wc-layered-nav-term > label
{
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    font-weight: normal;
}
.wc-layered-nav-term > label > input
{
    margin-right: 10px;
}
.custom-filter-list
{
    max-height: 200px;
    overflow: auto;
}
.custom-filter-list::-webkit-scrollbar {
    width: 8px;
    background-color: #f2f2f2;
}

.custom-filter-list::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

.custom-filter-list::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.custom-filter-list::-webkit-scrollbar-thumb:active {
    background-color: #333;
}

.custom-filter-list::-webkit-scrollbar-track {
    background-color: #f2f2f2;
}
.custom-menu-header
{
    border-bottom: 1px solid #ddd;
    padding: 0 0 0.5em;
}
.custom-widget-title
{
    margin-bottom:0px !important;
}
.custom-bb-1
{
    border-bottom:1px solid #ddd;
    margin-bottom:1.857em !important;
}
.widget_techmarket_products_filter
{
    padding:1em 1em !important;
    background-color:#f9f9f9;
}

.empty-category{
    width:100%; 
    display: block;
    position: relative;
}

.empty-category::after
{
    background:url(../images/empty_category.jpg); 
    content: "";
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
}
.empty-category-inner
{
    width: 100%;
    height: auto;
    padding-top: 150px;
    padding-bottom: 150px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
}
.text-box
{
    display: inline-block;
  padding: 10px 50px;
  border: 1px solid #ccc;
  border-radius: 10px;
  font-size: 16px;
  text-align: center;
  background-color: white;
  margin-bottom: 20px;
}
@media (max-width: 767px)
{
    .stock
    {
        display: block !important;
        text-align: center;
    }
    .posted_in
    {
        text-align:center;
    }
}

.tab-pane{
    padding:20px;
}

.company-menu > img{
    max-width: 70%;
    display: block;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.company-menu > h4{
    text-align: center;
    font-weight: 500;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
}

.custom-nav-item
{
    display:flex;
    width: 100%;
}

.custom-nav-item > span{
    font-size: 16px;
}

.custom-button > svg
{
    position: relative;
    top: .125em;

    /* Prevent the icon from shrinking inside a flex container. */
    flex-shrink: 0;

    /* Scale the icon to match the font-size of the parent element. */
    height: 1em;
    width: 1em;

    /* Let the icon take whatever color the parent has. */
    fill: currentColor;

    /*
     * If the icon is used on a link, which has a color transition,
     * we can also use a transition on the fill value.
    */
   transition: fill .3s;
}

.shop-control-bar::after
{
    bottom: -1px;
    content: " ";
    display: block;
    position: absolute;
    width: 3.684em;
    height: 2px;
    background-color: #2866AB;
    left:0;
}
.shop-control-bar
{
    position:relative;
}

.custom-navbar-button
{
    color:white !important;
}

@media (max-width: 768px) {
.secondary-area
{
    display: none;
}
}
@media (max-width: 1199px) and (min-width:767px)
{
    #primary{
        margin-top:15px;
    }
}