@media (min-width: 1400px) {
    .container { width: 1370px; }
}

.btn-primary { background-color: #57a700; border-color: #57a700; }
.btn-primary:hover, .btn-primary:focus { background-color: #00AEEF; border-color: #00AEEF; }

header { margin-top: 50px; }
header, .navbar.navbar-fixed-top { background-color: #333333; }
#header-logo { margin: 10px 0; }
#header-detail {
    margin-top: 55px;
    padding-left: 50px;
}
.header-search { width: 75%; }
.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: #C80910;
}
#SearchResults {
    width: 85%;
    right: 0;
    left: auto;
}

.header-links-cart { color: #00AEEF; }
.header-basket a { color: #fff; }

.menu-container { background-color: #00AEEF; }
.navbar.yamm {
    background-color: transparent;
    border: none;
    margin-top: 0;
}

.navbar-header a, .navbar-logout, .navbar-logout i { color: #D1D1D1; }
.navbar-header .top-bar-phone { font-weight: bold; }
.navbar-header .top-bar-phone span { color: #0092C8; }
.navbar-myaccount i { display: none; }

.navbar .level1 > a {
    color: #fff;
    font-weight: bold;
}
.yamm .level1:hover {  background: #0083B4; }
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent; }
.yamm .nav-heading a { color: #27617E; }
#main-nav2 > ul > li > ul { border-color: #27617E; }
.navbar .level3 a { font-size: 15px; }

.yamm-content {
    display: flex;
    display: -webkit-flex;
    flex-flow: column;
    -webkit-flex-flow: column;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    height: 500px;
}

.alert { border-radius: 0; }
.homecarousel { margin-top: 0; }
.featured-list .image-container img {
    object-fit: contain;
    max-height: 255px;
}
.featured-title {
    background: none;
    text-transform: capitalize;
    font-weight: 600;
    color: #33429B;
}
.home-featured h2 {
    font-size: 15px;
}
.home-featured .featured-list .caption h3 {
    font-size: 13px;
}
.home-featured .featured-list .caption h3 span.price {
    font-size: 16px;
}
.home-featured .featured-list .caption h3 span.price-vat-switch span.price {
    font-size: 13px;
    font-weight: normal;
}
.owl-nav .owl-prev span, .owl-nav .owl-next span {
    color: #AED5FF;
}
#home-sub-adds img { border: none; }

.product-group .selectors .grpselectlabel { min-width: 135px; }
.product-group select.btn {
    min-width: 235px;
    text-align: left;
}

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

footer, #footer { background-color: #333333; }
#footer, #footer a { color: #fff; }
h4#openingHours { font-size: 14px; font-weight: normal; overflow: auto; }
h4#openingHours span { font-size: 15px; 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;
}
h4#openingHours span.hours {
    float: left;
    font-weight: normal;
    margin-bottom: 2px;
}
h4#openingHours::after {
    clear: both;
}

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

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

.panel-default, .category-box, .product-box, .grouped-category-box {
    -webkit-box-shadow: 0 2px 6px rgb(239 239 239);
    box-shadow: 0 2px 6px rgb(239 239 239);
    border-color: #f3f3f3;
}

.guestcheckout {
    margin-top: 20px;
    border: 1px solid #429B33;
    background-color: #f7fff6;
}
#price-unit {
    font-weight: normal;
}

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

@media only screen and (max-width: 991px) {
    body { margin-bottom: 500px; }
    .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: #00AEEF; }
    .drilldown a.navback { color: #E4E8EB; }
}

@media only screen and (max-width: 480px) {
    body { margin-bottom: 700px; }
    #breadcrumbs { display: none; }
    .product-caption h2, .grouped-cat-caption h2 { font-size: 14px; }
    .product-caption { height: auto; }
    .extra-info { height: auto;}
    .product-box .quantity { width: 100%; }
    .product-image-container { height: 135px; }
    .navbar-brand { width: 40%; }

    .make-payments #invlist thead th { font-size: 12px; padding: 10px 12px; }
}
@media only screen and (max-width: 360px) {
    .navbar-brand { width: 30%; }
}