@media (min-width: 1400px) {
    .container { width: 1370px; }
}
body {
    background-color: #F9F9F9;
}
.btn-primary { background-color: #000080; border-color: #000080; }
.btn-primary:hover, .btn-primary:focus { background-color: #0273DB; border-color: #0273DB; }

header {
    background: linear-gradient(#000080, #000060);
    border: none;
    margin-top: 50px;
}

.navbar-fixed-top {
    background: #000080;
    border: none;
}
.navbar-header a, .navbar-logout, .navbar-logout i, .navbar-myaccount i { color: #fff; }
a.header-basket-link, a.phone-pop { color: #ffffff; }

#header-logo { width: 35%; }
#header-logo > div { padding: 0; }
#header-detail { width: 65%; }

.header-search { width: 80%; }
.header-search .searchform { width: 80%; }
.header-search .searchform .searchterm, #search .searchform .searchterm {
    background: #fff;
    border: 1px solid #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.header-search .searchform .btn, #search .searchform .btn {
    background: #fff;
    border: 1px solid #fff!important;
}
.header-search .fa-search, #search .fa-search {
    color: #0273DB;
}
#SearchResults {
    width: 80%;
    right: 0;
    left: auto;
}

.header-links-cart { color: #0273DB; }

.navbar.yamm {
    background-color: transparent;
    border: none;
    margin-top: 0;
}
.menu-container {
    background-color: #0273DB;
    margin-top: 20px;
    border-top: 4px solid #FF0000;
}
.navbar .level1 > a {
    color: #fff;
    font-size: 13px!important;
    font-weight: bold;
}
.yamm .level1:hover, .yamm .level1:focus {  background: #FF0000; }
.yamm .nav-heading a { color: #000080; }
#main-nav2 > ul > li > ul { border-color: #FF0000; border-radius: 0; background-color: #F5F6F1; }

.drilldown .navback {
    background-color: #0273DB;
}
.drilldown a.navback {
    color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ff0000;
}

.home-info {
    background-color: #FFF;
}
#home-info-points {
    display: flex;
    padding: 20px 0;
}
.home-info .info-point {
    padding: 0 10px;
    border-right: 1px solid #ff0000;
    text-align: center;
}
.home-info .info-point:last-child {
    border-right: none;
}
.home-info .info-point p {
    color: #000080;
    font-weight: bold;
    font-size: 15px;
    margin: 0;
}
.home-info .info-point p span.small {
    font-weight: normal;
}

/* Home Page */
.homecarousel { margin-top: 0; }
.featured-title {
    background: none;
    text-transform: none;
    color: #000080;
}
#home-sub-adds img {
    border: none;
}

.home-featured.owl-carousel .owl-stage-outer {
    padding: 10px;
    margin: -10px;
}
.home-featured .owl-item .featured-list {
    text-align: center;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .175);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .175);
}
.home-featured h2 {
    min-height: 50px;
}
.home-featured h3 {
    font-size: 12px;
    font-weight: normal;
}
.home-featured h3 span.price {
    font-size: 15px;
}
.home-featured h3 span.price.second {
    font-size: 12px;
}
.home-featured .viewproduct .btn {
    width: 100%;
    background-color: transparent;
    border: 2px solid #000080;
    color: #000080;
}
.home-featured .viewproduct .btn:hover, .home-featured .viewproduct .btn:focus {
    background-color: #000080;
    border: 2px solid #000080;
    color: #fff;
}
.featured-list .image-container img {
    object-fit: contain;
    max-height: 255px;
}

/* Home Page */

.category-box, .grouped-category-box, .product-box, .image, .pdetails, .suggested-box, .alsobought-box { background-color: #fff; }
.breadcrumb { background-color: transparent; }
.category-box { text-align: center; }

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

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

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

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

.alsobought-box-price, .suggested-box-price {
    height: 90px;
}
img.signage  {
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .175);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .175);
}
footer, #footer {
    background-color: #000060;
}
#footer, #footer a { color: #fff; }
h4#openingHours { font-size: 14px; font-weight: normal; overflow: auto; }
h4#openingHours span { 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;
}

@media only screen and (min-width: 768px) {
    #home-sub-adds div:nth-child(3) {
        clear: both;
    }
}

@media only screen and (max-width: 768px) {
    body { margin-bottom: 550px;}
}
@media only screen and (max-width: 480px) {
    .navbar-brand { width: 38%; }
    #search { padding: 10px; }
    .buttons-bot { width: 100%; }
    .footer-right ul { line-height: 25px; }
    .home-info .info-point p { font-size: 12px; }
}
@media only screen and (max-width: 360px) {
    .navbar-brand { width: 27%; }
}