@media (min-width: 1400px) {
    .container { width: 1370px; }
}
body { font-family: 'Poppins', sans-serif; margin-bottom: 420px; }
.btn { border-radius: 0; }
.btn-primary {
    background-color: #8ABE28;
    border-color: #8ABE28;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #004B2B;
    border-color: #004B2B;
}

header {
    background-color: #EFF8EA;
    margin-top: 50px;
}
.navbar-default {
    background-color: #EFF8EA;
    border-color: #EFF8EA;
}
.header-basket {
    padding: 10px;
}
.navbar-header a, .phone-pop, a.header-basket-link, .navbar-logout {
    color: #5F5F5F;
}
.phone-pop, a.header-basket-link {
    padding: 10px;
}
.navbar-logout i, .navbar-myaccount i, .navbar-social i, .header-phone .fas, .header-links-cart, .highlight {
    color: #8ABE28;
}
.navbar-logout i, .navbar-myaccount i, .navbar-social i, .header-phone .fas, .header-links-cart {
    font-size: 16px;
}
.navbar-social { display: none; }
.navbar-header a:hover, .navbar-logout:hover, a.header-basket-link:hover, .phone-pop:hover {
    background-color: #D7EDCD;
    text-decoration: none;
}

.header-phone {
    padding: 10px;
}
.header-phone .fas {
    padding-right: 6px;
    font-size: 22px;
}
.header-links-cart {
    font-size: 22px;
}
.navbar .level1 {
    font-weight: 500;
}
.navbar .level1 > a {
    font-size: 13px!important;
    padding: 15px 10px;
    color: #002917;
}
.yamm .level1:hover, .yamm .level1:focus {
    background-color: #8ABE28;
}
.yamm .level1:hover > a {
    color: #fff;
}
#main-nav2 > ul > li > ul { padding: 20px;}
.yamm .nav-heading a {
    color: #8ABE28;
    font-weight: 500;
}
.yamm .nav-heading {
    border-color: #8ABE28;
    margin-bottom: 15px;
}
.navbar .level3 a {
    font-weight: 400;
    font-size: 14px;
    color: #5f5f5f;
}

.searchform {
    border: 1px solid #CED4DA;
    background-color: #FBF9F9;
}
.searchform .searchterm {
    background: transparent;
    border: none;
    box-shadow: none;
    --webkit-box-shadown: none;
    height: 40px;
}
.header-search {
    margin-left: 10%;
}
.header-search .searchform .btn, #search .searchform .btn {
    background-color: transparent;
    border: none!important;
    padding: 10px;
}
.header-search .fa-search, #search .fa-search {
    color: #8ABE28;
    font-size: 20px;
}
.featured-title {
    color: #004B2B;
    font-weight: 600;
    text-transform: none;
    text-align: left;
    background: none;
    padding-left: 0;
}
.featured-list .image-container, .featured-category-list .image-container {
    position: relative;
    height: 255px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.featured-list .image-container img, .featured-category-list .image-container img {
    width: auto;
    max-height: 100%;
}
.home-featured .thumbnail {
    border: none;
}
.home-featured .image-container {
    border: 1px solid #ddd;
}
.home-featured a:hover .image-container {
    border-color: #adadad;
}
.home-featured h2 {
    color: #21695B;
    font-weight: 400;
    min-height: 40px;
}
.home-featured h3 {
    font-weight: 400;
    color: #5F5F5F;
    font-size: 12px;
}
.home-featured h3 span.price {
    font-size: 15px;
    font-weight: 600;
    color: #21695B;
}
.home-featured.categories .find-link {
    color: #DB3051;
}
.home-featured a:hover {
    text-decoration: none;
}
.home-featured a:hover h2 {
    color: #002917;
}

.home-featured.categories h2 {
    min-height: 30px;
}
.home-featured.categories a:hover .find-link {
    text-decoration: none;
}
.home-featured.categories a:hover .find-link .fas {
    transform: translateX(5px);
    transition-duration: 500ms;
}

#home-sub-adds > div {
    margin: 30px 0;
}
#home-sub-adds .thumbnail {
    overflow: auto;
    padding: 0 20px 30px;
}
#home-sub-adds .thumbnail h3 {
    color: #21695B;
    margin-top: 40px;
}
#home-sub-adds .btn {
    margin-top: 15px;
    background-color: #DB3051;
    border: 2px solid #DB3051;
    font-size: 12px;
}
#home-sub-adds .btn:hover {
    background-color: #fff;
    color: #DB3051;
}
#home-sub-adds .btn:hover .fas {
    transform: translateX(5px);
    transition-duration: 500ms;
}

#home-sub-adds img {
    border: none;
    max-height: 175px;
    margin: 15px auto 0;
}

.get-started-block a {
    background-color: #DB3051;
    border: 2px solid #DB3051;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 85px;
    font-size: 22px;
    color: #fff;
}
.get-started-block .fas {
    padding-right: 10px;
}
.get-started-block a:hover {
    background-color: #fff;
    color: #DB3051;
    text-decoration: none;
}

.drilldown li {
    background-color: #EFF8EA;
    border-color: #D7EDCD;
}
.drilldown a { color: #002917; }
.drilldown a.navback {
    background-color: #8ABE28;
    color: #fff;
}

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

.quotesubmitinput-prodlist, .wishlistsubmitinput-prodlist, .addFavourite, .moveFavourite {
    color: #5f5f5f;
}
.pdetails .price, .pdetails .price #price-unit, .favourite-product-buttons div.price {
    font-size: 12px;
    font-weight: normal;
    color: #21695B;
}
.pdetails .price span.price {
    font-size: 16px;
    font-weight: bold;
}
.product-box .price {
    color: #21695B;
}
.extra-info .dropdown { float: left; }
.extra-info .btn-group .btn {
    background: none;
    font-size: 20px;
    outline: none;
    color: #21695B;
}
.extra-info .btn-group .btn:active {
    box-shadow: none;
    --webkit-box-shadown: none;
}
.pdetails .quotesubmitinput-prodlist {
    padding: 15px 0;
}

.product-box .quoteform button.quotesubmitinput-prodlist .fas, .product-box .wishlistsubmitinput-prodlist .far, .product-box .wishlistsubmitinput-prodlist .fas {
    color: #8ABE28;
}

.pdetails .add .quantity { width: 100%; }

.product-filter-container { background-color: #ffffff; }
.product-filter-container .fa-filter { display: none; }
.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;
}

.newsletter-container {
    padding-top: 30px;
    padding-bottom: 25px;
    margin: 0;
    text-align: center;
    background-color: #FFF;
    color: #1D58A1;
}
.newsletterform {
    margin: 0 15px;
}
.newsletterform h4 {
    color: #21697b;
}
.newsletterform .newsletterfield {
    width: 50%;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 7px;
    color: #8ABE28;
}
.newsletterform form {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
.newsletterform .newsletter-btn {
    border: 1px solid #8ABE28;
    background-color: #8ABE28;
    padding: 7px 25px;
    border-radius: 4px;
    width: 150px;
    color: #fff;
    margin-left: 10px;
}
.newsletterform p {
    margin-top: 8px;
    clear: both;
    color: #5F5F5F;
}
.newsletterform .privacy {
    text-decoration: underline;
    color: #5F5F5F;
}

footer { padding-top: 0; }
#footer { padding-top: 30px; }
footer, #footer {
    background-color: #EFF8EA;
    color: #5f5f5f;
}
#footer a { color: #5f5f5f; }
.footer-right h4 { color: #21695B; }
.footer-social .fab { color: #88B1A3; font-size: 26px; }
.footer-social .fab:hover { color: #21695B; }

h4.comp-name { position: relative; }
.phone-email { position: relative; }

#footer .footer-left { padding-left: 45px; }
#footer .fa-map-marker-alt {
    position: absolute;
    left: -25px;
    top: 2px;
    color: #8BB3A5;
}
#footer .fa-phone {
    position: absolute;
    left: -27px;
    top: 4px;
    color: #8BB3A5;
}
#footer .fa-envelope {
    position: absolute;
    left: -27px;
    top: 24px;
    color: #8BB3A5;
}
#sagepayLogo img { max-height: 40px; }

@media only screen and (max-width: 1399px) {
    .header-search { margin-left: 5%; }
}
@media only screen and (max-width: 1199px) {
    body { margin-bottom: 455px; }
}
@media only screen and (max-width: 991px) {
    body { margin-bottom: 625px; }
    .navbar .navbar-toggle { color: #8ABE28; }
    .badge { background-color: #21695B; }
}
@media only screen and (max-width: 780px) {
    #footer .footer-left { padding-left: 15px; }
    #footer .fa-map-marker-alt, #footer .fa-phone, #footer .fa-envelope {
        display: none;
    }

    .home-featured .caption { text-align: left; }
    .home-featured .caption h2 { margin: 10px 0 0; }

    .get-started-block {
        margin-bottom: 15px;
    }

    .mystockcontainer { overflow-x: auto; }
}

@media only screen and (max-width: 480px) {
    body { margin-bottom: 800px; }
    .col-xs-6 { width: 50%; }
    .catalogue-product .col-xs-6 { width: 100%; }
    .buttons-bot { width: 100%; }
    .navbar-brand { width: 40%; padding-top: 17px; }
}

@media only screen and (max-width: 320px) {
    .navbar-brand { width: 30%; padding-top: 17px; }
}