@media (min-width: 1400px) {
    .container { width: 1370px; }
}
body {
    font-family: "Roboto Condensed", "Open Sans", sans-serif;
    font-size: 15px;
    background-color: #F5F6F1;
}
.btn-primary { background-color: #007CC2; border-color: #007CC2; }
.btn-primary:hover, .btn-primary:focus { background-color: #8db761; border-color: #8db761; }

header {
    margin-top: 50px;
    position: relative;
}
header > div.container .row:after {
    position: absolute;
    opacity: 0.15;
    background: transparent url('../images/logo image background.png') no-repeat right -120px;
    left: 0;
    top: 0;
    width: 100%;
    height: 70%;
}
header, .navbar.navbar-fixed-top {
    background-color: #171717;
    border-color: #171717;
}
#collapse-nav .fa-bars {
    z-index: 1;
}
#header-logo, #header-detail {
    z-index: 10;
}
#logo { max-height: 120px; }
#header-detail { margin-top: 55px; }

.header-phone, .header-basket {
    font-size: 15px;
}

.navbar-header a, .navbar-logout, .navbar-logout i, .navbar-myaccount i { color: #D1D1D1; }
a.header-basket-link, a.phone-pop { color: #ffffff; }
.menu-container {
    background-color: #2D2D2D;
    margin-top: 20px;
    border-top: 1px solid #555;
}
.header-phone .fas, .header-links-cart { color: #007CC2; }

.header-search { width: 65%; }
.header-search .searchform { width: 85%; }
.header-search .searchform .searchterm, #search .searchform .searchterm {
    background: #E4E8EB;
    border: 1px solid #E4E8EB;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.header-search .searchform .btn, #search .searchform .btn {
    background: #E4E8EB;
    border: 1px solid #E4E8EB!important;
}
.header-search .fa-search, #search .fa-search {
    color: #007CC2;
}
#SearchResults {
    width: 85%;
    right: 0;
    left: auto;
}

.navbar.yamm {
    background-color: transparent;
    border: none;
    margin-top: 0;
}

.navbar .level1 > a {
    color: #fff;
    font-weight: bold;
}
.yamm .level1:hover {  background: #007CC2; }
.yamm .nav-heading a { color: #007CC2; }
#main-nav2 > ul > li > ul { border-color: #007CC2; border-radius: 0; }
.navbar .level3 a { font-size: 15px; }

.navbar .level1.dropdown.dealer .dropdown-menu {
    width: auto;
    padding: 0 15px;
}
.navbar .level1 .dropdown-menu .dropdown-item {
    display: block;
    font-weight: bold;
    color: #007CC2;
    font-size: 14px;
    padding: 6px 10px;
}

.homecarousel {
    margin-top: 0;
}
.featured-title {
    background: transparent;
    color: #007CC2;
    font-weight: bold;
}
.home-featured h2 {
    min-height: 36px;
}
.home-featured h3 {
    font-size: 12px;
    font-weight: normal;
}
.home-featured h3 span.price {
    font-size: 15px;
}

.owl-nav .owl-prev span, .owl-nav .owl-next span { color: #AED5FF; }

#home-sub-adds img { border: none; }

.category-box, .grouped-category-box, .product-box, .image, .pdetails, .suggested-box { background-color: #fff; }
.breadcrumb { background-color: transparent; }
.product-list .main-content { padding-top: 0; }

.panel-default>.panel-heading { background-color: #e3e3e3; }

.product-filter-container { background-color: #ffffff; }
.product-filter-container .fa-filter { display: none; }
.product-filter-container #accordion .panel-title { padding-bottom: 15px; border-color: #d3d3d3; }
.product-filter-container #accordion .panel-body { padding: 10px 0px; }
.product-filter-container #accordion .panel-heading { background-color: #fff; }
.product-filter-container #accordion .panel-heading a { padding: 10px 15px 0px 6px; }
.product-filter-container #accordion .panel-heading a:hover { background-color: transparent; color: #020E4D; }
.product-filter-container #accordion .panel-heading a:hover .fa { color: #020E4D; }
.product-filter-container #accordion .panel-heading a.collapsed { padding-left: 6px; }
.product-filter-container #accordion .panel-heading a:hover::after,
.product-filter-container #accordion .panel-heading a.collapsed:hover::after { color: #020E4D; }
.product-filter-container .panel-heading {  color: #020E4D; }
.product-filter-container .panel-default {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#subcats { padding-left: 8px; }

#tooltip-notifications.noty_type__success {
    background-color: #598d23;
    border-bottom: 1px solid #598d23;
}

table.table.group .pricetable-price { font-size: 12px; }

#price-unit, .pricetable-price span.price-unit, .price-unit {
    font-weight: normal;
    font-size: 12px;
}
.suggested-box-price span.price {
    font-weight: bold;
    font-size: 14px;
}
.suggested-box-price .price-vat-switch span.price {
    font-weight: normal;
}

footer, #footer { background-color: #171717; }
#footer, #footer a { color: #D1D1D1; }
#footer h4 { font-size: 17px; }
h4#openingHours { font-size: 14px; font-weight: normal; overflow: auto; }
h4#openingHours span { font-size: 17px; font-weight: bold; display: inline-block; margin-bottom: 10px; }
h4#openingHours span.label {
    float: left;
    width: 95px;
    text-align: left;
    padding: 0;
    font-weight: normal;
    clear: left;
    margin-bottom: 2px;
    font-size: 14px;
}
h4#openingHours span.hours {
    float: left;
    font-weight: normal;
    margin-bottom: 2px;
    font-size: 14px;
}
h4#openingHours::after {
    clear: both;
}

#sagepayLogo img { max-height: 50px; }

#accordian-desc ul {
    list-style: none inside disc;
}

@media only screen and (max-width: 1024px) {
    #header-detail { margin-top: 40px; }
}

@media only screen and (max-width: 991px) {
    body { margin-bottom: 530px; }
    header { margin-top: 60px; }
    .featured-list .image-container img { max-height: 150px; }
    .home-featured h2 { font-size: 13px; }
    .home-featured .featured-list .caption h3 span.price { font-size: 14px; }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: #636363;
    }
    .drilldown .navback { background: #007CC2; }
    .drilldown a.navback { color: #D1D1D1; }
    .basket .badge { background-color: #8db761; }

    #leftsidebar { width: 100%; }
}

@media only screen and (max-width: 599px) {
    .featured-list .image-container img { max-height: none; }
}


@media only screen and (max-width: 480px) {
    body { margin-bottom: 700px; }
    #breadcrumbs { display: none; }
    .product-caption h2 { font-size: 15px; }
    .product-caption { height: auto; }
    .extra-info { height: auto;}
    .product-box .quantity { width: 100%; }
    .product-image-container { height: 135px; }
    .navbar-brand { width: 38%; }
    .grouped-category-box .viewoptions { margin-top: 25px; }
    .grouped-category-box h3 { font-size: 13px; }
}
@media only screen and (max-width: 360px) {
    .navbar-brand { width: 27%; }
}