@media (min-width: 1400px) {
    .container { width: 1370px; }
}
body {
    font-family: "Roboto", sans-serif;
}

.btn-primary { background-color: #2D2D2D; border-color: #2D2D2D; }
.btn-primary:hover, .btn-primary:focus { background-color: #000; border-color: #000; }

header {
    background: #000000;
    border: none;
    margin-top: 50px;
}

.navbar-fixed-top {
    background: #1E1E1E;
    border: none;
}
.navbar-header a, .navbar-logout, .navbar-logout i, .navbar-myaccount i { color: #d1d1d1; }
a.header-basket-link, a.phone-pop { color: #ffffff; }
.navbar-logout i, .navbar-myaccount i { color: #939598; }
.navbar-social i { color: #fff; }
a.top-bar-phone {
    color: #ffff00;
    float: left;
    font-weight: bold;
    font-size: 16px;
    padding: 7px 15px;
}
a.top-bar-phone span {
    color: #D1D1D1;
    font-weight: normal;
}

#header-logo { width: 25%; }
#header-detail {
    width: 75%;
    margin-top: 40px;
}

.header-search { width: 65%; }
.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: #000;
}
.header-basket #checkoutButton {
    background-color: #ffff00;
    border-color: #ffff00;
    color: #000;
}
.header-basket #checkoutButton:hover {
    background-color: #D9D72A;
    border-color: #D9D72A;
}
.header-basket { padding-top: 0; }

.header-links-cart { color: #ffff00; }

.navbar.yamm {
    background-color: transparent;
    border: none;
    margin-top: 0;
}
.menu-container {
    background: linear-gradient(#ffff00, #E7E537);
    margin-top: 20px;
}
.navbar .level1 > a {
    color: #000;
    font-size: 14px!important;
    font-weight: bold;
}
.yamm .level1:hover, .yamm .level1:focus { background: #000; }
.yamm .level1:hover > a, .yamm .level1:focus > a { color: #fff; }
.yamm .nav-heading a { color: #000; }
#main-nav2 > ul > li > ul { border-color: #000; border-radius: 0; background-color: #F8F8F8; }
.navbar .level3 a { font-size: 14px; }

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

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

/* Home Page */
.homecarousel { margin-top: 0; }
.featured-title {
    background: none;
    text-transform: none;
    color: #000;
}
#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: #2D2D2D;
    border: 2px solid #2D2D2D;
    color: #FFF;
}
.home-featured .viewproduct .btn:hover, .home-featured .viewproduct .btn:focus {
    background-color: #000000;
    border: 2px solid #000000;
    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: #ffff00;
    border-bottom: 1px solid #ffff00;
}
#tooltip-notifications.noty_type__success a {
    color: #000;
}

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

.quotesubmitinput-prodlist, .wishlistsubmitinput-prodlist, .addFavourite, .moveFavourite {
    color: #2D2D2D;
}

.delopt td.price {
    padding-left: 15px;
}

footer, #footer {
    background-color: #171717;
}
#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;
}

/* Delivery options */
#deliverycharges .delopt {
    margin-bottom: 40px;
}
#deliverycharges .delopt table{
    width: 70%;
}
#deliverycharges .delopt table tbody tr td:first-child {
    width: 5%;
    padding-right: 10px;
}
#deliverycharges .delopt table tbody tr td:nth-child(2) {
    width: 60%;
    padding-right: 10px;
}
#deliverycharges .delopt table tbody tr td:nth-child(2) div:nth-child(2) {
    font-size: 12px;
}
#deliverycharges .delopt table tbody tr td:nth-child(3){
    font-weight: bold;
}
/* End of Delivery options */

@media only screen and (max-width: 991px) {
    body { margin-bottom: 500px; }
    header { margin-top: 60px; }
    #collapse-nav:hover .fa-bars, .navbar-toggle:hover .fas, .drilldown a.navback { color: #000; }
    .navbar-fixed-top { background-color: #000; }
    .featured-list .image-container img { max-height: 150px; }
    .basket .badge {
        background-color: #ffff00;
        color: #000;
    }
}
@media only screen and (max-width: 480px) {
    body { margin-bottom: 700px; }
    .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: 370px) {
    .product-box .quantity { width: 45%; }
}
@media only screen and (max-width: 360px) {
    .navbar-brand { width: 27%; }
}