.navbar-toggler-icon {
    background-image: url('data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath fill=%27rgba(0, 123, 255, 0.5)%27 stroke=%27rgba(255, 255, 255, 0.75)%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e'); /* Set background color within the SVG */

}

button#collapse-nav {
    background-color: #030351 !important;
}


body {
    font-family: 'Questrial', sans-serif;
}

html, body {
    overflow-x: hidden;
}
body {
    position: relative
}

a {
    color: rgba(63,67,63,1);
}

.level .fa.fa-times { color: #ff0000; }
.owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1000;
}

ul.nav-tabs {
    list-style: outside disc none;
}


.btn-group {
    display: inline-flex;
}

.container.fullwidth {
    width: 100%;
}

img#logo {
    max-height: 70px;
}

label.incvat {
    float: left
}

label.incvat, label.excvat {
    font-size: 12px;
}

.form-check-input {
    --bs-form-check-bg: var(--bs-secondary-bg);
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='darkblue'/%3e%3c/svg%3e") !important;
    background-image: var(--bs-form-switch-bg);
}

.carousel-container {
    position: relative;
}

.carousel-basket {
    .price {
        #product-price {
            font-size: 14px !important;
        }
    }
    .brktable {
        display: none;
    }
}

.carousel-footer {
    background-color: #000050;
}

.header-search  {
    z-index: 200;
    margin-top: 110px;
    width: 30%
}

.mobile-banner-container {
    position: relative;
    width: 100%;
    padding-top: 127%;
    overflow: hidden;
}

.mobile-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobile-banner-container h1 {
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    font-size: 3rem;
    font-weight: 200;
}

.overlay {
    background: rgba(0, 0, 0, 0.2);
}


.header-search .searchform {
    width: 100%
}

#megamenu {
    background-color: #1A237E;
}

.demo-banner {
    padding: 10px;
    background-image: linear-gradient(to left, #ECA400 50%, #E3170A);
    color: #FFFFFF;
}

.sale-banner {
    background-image: linear-gradient(to left, #ECA400 10%, #E3170A);
}

.navbar.navbar-default {
    padding: 0;
}

#page > header > div.navbar.navbar-default > div:nth-child(2) {
    padding-left: 0px;
    padding-right: 0px;
}

h5 {
    color: #00B9AF;
    text-decoration: underline;
    font-family: "lato";
}

.offertextbox {
    bottom: 3rem;
    position: relative;
    background-color: #fff;
    min-height: 9rem;
}

.container.hidden-sm.hidden-xs > .row {
    padding-top: 15px;
}


.features, .offerbtn, .subscribebtn, .loginbtn, input.addtobasket.btn, #loginform .btn, #login-new-visitor .btn, #login-register-account .panel-body .btn, #login-apply-account .panel-footer a.btn
{
    background-color: #00B9AF;
    color: white;
    border: #00b9af solid 1px;
}

.features {
    padding: 5px 30px !important;
}

.features:hover {
    background-color:#1f827d !important;
}

.portalindex li:hover {
    background-color: #f6f6f6;
    color: #fff
}

.inner .row .col-md-6 .container-fluid .row .carousel .carousel-inner .products .col-md-4 .card .caption .carousel-basket .add .addtobasket .price {
    flex-wrap: wrap !important;
    margin-bottom: 0 !important
}

.inner .row .col-md-6 .container-fluid .row .carousel .carousel-inner .products .col-md-4 .card .caption .carousel-basket .add .addtobasket .d-flex .basketsubmit .addtobasket {
    padding: 2px !important
}

.carousel-basket .level {
    display: none !important;
}

.carousel-basket .add .addtobasket .price .price {
    font-size: 16px;
}

.carousel-basket .add .addtobasket .price h3 {
    padding-right: 3px
}

.carousel-basket .add .addtobasket .price  {
    display: flex !important;
    justify-content: center !important;
}

.carousel-basket .add .addtobasket .d-flex .basketsubmit {
    padding: 0 !important;
}

.carousel-basket .add .addtobasket .d-flex .basketsubmit .addtobasket{
    padding: 7px !important;
}

.carousel-basket .add .addtobasket .price {
    margin-bottom: 15px !important;
}

.carousel-basket .add .addtobasket .d-flex .quantity {
    width: 40% !important
}


#page > header > div.container.hidden-sm.hidden-xs {
    margin-bottom: 10px;
}

#page > header > div.container-navigation.hidden-xs.hidden-sm > div > div > div > div {
    background-color: #1A237E;
}

.box-container {
    position: relative;
}

.home-banner-img {
    z-index: 1;
    height: 80%;
}

.newsletter-div {
    background-image: linear-gradient(#030351, #413b96);
    min-height: 30rem;
    position: relative;
}

.newsletter-div h2 {
    font-size: 40px;
}

.newsletter-span, .manage-account-li .text-decoration-none {
    color: #e9a32c;
}

.manage-account-li:hover {
    font-size: 18px;
}

.home-h2 {
    font-weight: 400;
    color: #413b96;
}

.recentlyViewed {
    overflow-x: hidden;
}

.trade-account {
    color: #1A237E;
    font-size: 36px;
    text-align: center;
    border-bottom: 1px solid #BCC4C0;
    margin: 10px;
    padding-bottom: 25px;
    font-weight: 300;
}

.yamm {
    margin-top: 0px;
}
.yamm .nav-heading a {
    font-weight: 100;
}

.yamm .level1>a {
    padding: 0 !important;
}


/* Flex Experiments */

.yamm-content.menu1 { height: 550px; }
.yamm-content.menu2 { height: 500px; }

.yamm .nav-heading a{
    color: #1A237E !important;
    text-decoration: none !important;
}

.navbar-default .navbar-header {
    background-color: #1A237E;
    font-size: 14px !important;
    padding: 0;
}

.secondary-navbar {
    background-color: #1A237E;
}

.navbar .level1 > a {
    color: #fff;
}
.navbar .level1:hover, .navbar .level1:focus, .nav > li > a:focus {
    background-color: #0a0a0a;
}

.navbar .nav-heading a {
    font-size: 15px;
}
.navbar .level3 a {
    font-size: 14px;
}
.navbar-myaccount i, .navbar-logout i {
    font-size: 14px;
    color: #FFFF !important;
    margin-right: 4px;
}

.navbar-social i {
    color: white !important;
    background-image: linear-gradient(#000151, #534BAE);
    font-size: 40px !important;
}


p.navbar-myaccount  {
    float: left !important;
}

.tabOffersContainer {
    border-left: 1px solid #eee
;
}

.btn-danger {
    background-color: rgba(238,46,36,1);
    border-color: rgba(238,46,36,1);
    border-radius: 3px;
}
.btn-default {
    border-radius: 3px;
}
.btn-default:hover, .btn-default:focus {
    background-color: rgba(248,248,248,1);
    border-color: rgba(238,46,36,1);
    -webkit-transition: all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    color: rgba(63,67,63,1);
}
#checkoutButton {
    color: rgba(63,67,63,1);
}

.header-section {
    padding: 0;
}

#header-logo {
    position: relative;
    left: 1rem;
}

.header-links-cart, .header-phone .fa {
    font-size: 18px;
    color: #222;
    position: relative;
    top: 5px;
}

.header-search .searchform .searchterm {
    background: #fff;
    border: none !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1);
}
.header-search .searchform .btn {
    background: #fff;
    border: 0px!important;
}
.header-basket .header-basket-link:hover {
    text-decoration: underline;
}
.header-basket .basketDropdown {
    right: 14px;
    padding: 35px;
    border-color: #d3d3d3;
    -webkit-box-shadow: 1px 4px 7px 0px rgb(208, 203, 203);
    box-shadow: 1px 4px 7px 0px rgb(208, 203, 203);
}
.header-basket .basketDropdown .totals {
    text-align: left;
    padding-top: 23px;
    margin-top: 10px;
}
.header-basket .basketDropdown .basketupdate {
    margin-top: 25px;
}
.header-basket .basketDropdown #cattitles th {
    border-color: #a3a3a3;
}
.header-basket .basketDropdown #basket-list-table td {
    border-bottom: 1px solid #e3e3e3;
}
.header-basket .basketDropdown .qtycol {
    vertical-align: bottom;
}

.header-basket {
    color: #222222;
}

.tooltipcontainer, #tooltipcontainer.fixed { position: fixed; top: 0px; left: 0px; right: 0px; }
.tooltipcontainer .basket-notification {
    margin-top: 0px;
    opacity: 0.95;
}
.tooltipcontainer .data {
    text-align: center;
    padding: 15px 10px;
}
.tooltipcontainer .data a { text-decoration: underline; }
.tooltipcontainer .tip { display: none!important; }

.navbar-header a:hover, .navbar-header button.navbar-logout:hover {
    background-color: #e9e9e9;
}
#main-nav2 div > table > tbody > tr > td.tabular-nav.col-md-3, #main-nav2 div > table > tbody > tr > td.tabular-nav.col-md-3 .navHeadingTabular, #main-nav2 div > table > tbody > tr > td.tabular-nav.col-md-3 .navHeadingTabular a {
    background-color: #0a0a0a!important; color: #fff;
}
#main-nav2 td.tabLevel3ProductsContainer > div > a {
    font-size: 12px;
}

.fa-search {
    color: #00B9AF !important;
}

.tradebutton:hover .text-white {
    color: #000 !important;
}

.loginbtn:hover, .loginbtn:hover a, .subscribebtn:hover, .subscribebtn:hover a, .offerbtn:hover, .offerbtn:hover a, .features:hover {
    background-color: #222222 !important;
    border-color: #222222;
    color: #fff
}

.hover-effect img {
    transition: opacity 0.2s ease;
}
.hover-effect:hover img {
    opacity: 0.7; /* Adjust opacity as needed */
}

.table.group .qty .dec, .table.group .qty .inc {
    height: 35px !important;
}

.featured-title {
    font-weight: 300;
}


#home-sub-adds img {
    border: 1px solid #ddd;
}

#leftsidebar .panel-title .collapsed::after, #leftsidebar .panel-title a::after {
    font-size: 12px;
    float: inline-end;
}

#leftsidebar .panel-title a {
    color: #1A237E;
    font-weight: 600;
}

.product-filter-container {
    background-color: #fff;
}

.carousel-control-prev {
    justify-content: flex-start;
}

.carousel-control-prev, .carousel-control-next {
    opacity: 100%;
}

.carousel-control-prev i, .carousel-control-next i{
    color: #BCC4C0;
    font-size: 18px;
}

.carousel-control-next {
    justify-content: flex-end;
}

#leftsidebar .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#leftsidebar .panel-default {
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#leftsidebar .panel-default > .panel-heading a:hover, #leftsidebar .panel-title a:hover::after, #leftsidebar .panel-title a.collapsed:hover::after {
    background-color: transparent;
    color: #222;
}
#leftsidebar .panel-title .collapsed::after {
    font-family: "FontAwesome";
    content: "\f107";
    font-size: 16px;
}

#leftsidebar .panel-title a::after {
    font-family: "FontAwesome";
    content: "\f106";
    font-size: 16px;
}


.product-filter-container #accordion .panel-heading a.collapsed, .product-filter-container #accordion .panel-heading a {
    padding-left: 10px;
}
.product-filter-container #accordion .panel-title {
    font-size: 15px;
}
.product-filter-container #accordion .panel-body {
    padding: 10px 15px 15px 5px;
}
.product-filter-container #accordion .panel-title {
    border-bottom: none;
}
#leftsidebar #main-filterpanel .panel-default {
    border-top: none;
}
#leftsidebar .panel-default {
    border-bottom: none;
}
#leftsidebar > .panel-default:last-child {
    border-bottom: 1px solid #ddd;
    padding-bottom: 21px;
}

.fa.fa-filter {
    display: none;
}

.recent-container {
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
}
.top-product-item {
    padding: 0 0 6px 0;
    margin-bottom: 15px;
    overflow: auto;
    border-bottom: 1px solid #ddd;
}
.top-product-item:last-child, #newsarticles-sidebar .post:last-child {
    border-bottom: 0px;
}

#editbasketformcontainer .btn {
    min-width: 150px;
}

.basketqtylabel, input.basket-qty {
    float: left;
}
.basketqtylabel {
    padding-top: 6px;
}

.dec .fa, .inc .fa {
    font-size: 12px;
}

.fa-minus, .fa-plus {
    font-size: 16px !important;
}

.basket-icon {
    height: 1.5rem;
}

.badge {
    position: relative;
    top: -14px;
    left: -11px;
    background-color: #00B9AF;
}

div.price-block {
    color: lightslategrey;
}

span.price {
    color: black;
}

div.main {
    padding-bottom: 5rem;
}


.product-box .add {
    text-align: left;
    padding: 15px !important;
}



.product-box .add input#basketsubmit {
    margin: 0px;
}
.product-box .quantity, .product-box .price-altunit {
    padding: 0px;
}
.product-box .buy-qty {
    max-width: 45px;
}
.product-box .quoteform button.quotesubmitinput-prodlist .fa, .product-box .wishlistsubmitinput-prodlist .far, .product-box .wishlistsubmitinput-prodlist .fa,  .product-box .quotesubmitinput-prodlist .fas, .product-box .quotesubmitinput-prodlist .fa, .product-box .row .col-md-12 .grid-view-buttons .addtobasket .row .col .wishlistform .button .fa-regular {
    padding: 9px 0px;
    color: #555;
    font-size: 24px;
}

.product-box .quoteform button.quotesubmitinput-prodlist .fas:hover, .product-box .row .col-md-12 .grid-view-buttons .addtobasket .row .col .wishlistform .button .fa-regular:hover, .fa-calculator:hover, .wishlistsubmit:hover {
    color: #00B9AF;
}

div.add div.quoteform {
    float: right;
}

.addtobasket .selectors  {
    display: flex;
    align-items: center
}

.addtobasket .selectors .grpselectlabel  {
    padding-right: 15px
}


.addtobasket .selectors .input-group .btn {
    border: 1px solid black;
}

.product-box {
    padding: 0 15px !important;
}

.product-box .quotesubmitinput-prodlist .fas:hover, .product-box .wishlistsubmitinput-prodlist .far:hover, .product-box .wishlistsubmitinput-prodlist .fa:hover {
    color: #00B9AF;
}
.product-box .wishlistsubmitinput-prodlist .fa, .pdetails .wishlistform .fa {
    color: #ffb13d;
}
.product-box .quoteform, .product-box .wishlistform {
    padding: 0px 8px;
    width: auto;
}
.product-box .basketsubmit {
    padding: 5px 7px;
}
.product-box .product-caption h2 {
    font-size: 18px;
    font-weight: 300;
}
.product-box select.alt-unit-select {
    font-size: 15px;
    height: 40px;
    width: 116px;
    margin-right: 14px;
    padding: 0px;
    float: left;
}
.product-box .price-vat-switch {
    padding-left: 2px;
}
.product-box .price-block label {
    display: none;
}


.product-box .code {
    font-size: 12px !important;
}

div.extra-info span.fa-stack strong.fa-inverse {
    font-size: 8px;
}

div.extra-info span.fa-stack {
    font-size: 1.1rem;
    padding-top: 3px;
}



div.extra-info span.fa-stack i {
    font-size: 1.7rem;
}

.grouped-category-box .price, .grouped-category-box .price, .product-box .price, .item-row .price {
    font-size: 14px !important;
    font-weight: bold !important;
}
.table.group .qty {
    padding: 8px 0px;
}

.addtoquote-prodgrp-table #quotesubmitinput {
    color: #222222;
}

.pdetails, .product-list .image, .product-group .image { border: none; }
.pdetails .add .quantity {
    float: left;
}
.pdetails .basketsubmit {
    float: left;
}
.pdetails .add input#basketsubmit, .add input#addtobasket {
    margin-top: 0px;
}
span.discounttext {
    font-weight: normal;
}

#wishlistsubmitinput {
    color: black !important;
}

.wishlistform button.wishlistsubmitinput-prodgroup {
    background-color: transparent;
}


.pdetails #quoteform, .pdetails #wishlistsubmit {
    clear: both;
    text-align: left;
    float: left;
    margin-top: 20px;
    margin-right: 10px;
}

.pdetails .wishlistform .fa, .pdetails .wishlistform .far, .pdetails #quotesubmitinput .fa {
    font-size: 24px;
}
.pdetails .wishlistform .fa:hover, .pdetails .wishlistform .far:hover, .pdetails #quotesubmitinput .fa:hover, i.far .fa-star:hover {
    color: #dc2d21;
}
i.far .fa-star:hover {

}

.quotesubmitinput-prodlist, .wishlistsubmitinput-prodlist, .addFavourite, .moveFavourite {
    color: #222222;
    font-size: 14px;
}

div.favourite-product-buttons form.addtobasket {
    display: flex;
    margin-top: 10px;
}

div.favourite-product-buttons form.addtobasket div.quantity span.basketqty {
    width: 100%;
    display: flex;
}

.extra-info { min-height: 40px; }

.popover { background-color: rgb(51,51,51,0.8)}
.popover.top > .arrow:after { border-top-color: rgb(51,51,51,0.8)}
.popover-content #quantitybreaktable th { display: none; }
.popover-content #quantitybreaktable tr:nth-child(2),.popover-content #quantitybreaktable tr:nth-child(3) { border-bottom: 1px solid #ededed; }
.popover-content #quantitybreaktable td:first-child { border-right: 1px solid #ededed; }
.popover-content #quantitybreaktable td { padding: 4px 12px; }
.popover-content #quantitybreaktable td span.price { font-weight: 600; font-size: 12px; }

.wish-quote div {
    display: inline-block;
}

#product-tabs { margin-top: 40px; }
#product-tabs.nav-tabs > li.active a {
    height: 65px;
    margin-top: 0px;
    border-bottom-color: transparent;
    color: #222222;
}
#product-tabs.nav-tabs > li > a {
    height: 60px;
    margin-top: 5px;
    background-color: #ffffff;
    border-color: #dddddd;
}

.layoutButtons .viewAsGridButton, .layoutButtons .viewAsListButton {
    width: 28px;
    height: 28px;
}
.layoutButtons .viewAsGridButton .fa, .layoutButtons .viewAsListButton .fa {
    font-size: 16px;
}

.product-caption {
    height: auto !important;
}
.btn.qty-break, .btn.minord {
    padding: 10px 0 0 0;
    background: none;
    border: none;
    color: #1A237E;
    font-size: 16px;
}
.btn.qty-break .fa, .btn.minord .fa {
    font-size: 24px;
    color: #dc2d21;
}
.btn.qty-break .fa-stack {
    line-height: 1.8em;
    vertical-align: top;
    height: auto;
}

.alsobought-container { margin: 20px 0px; border: none; width: 100%; }

#loginform .bottom {
    margin-top: 20px;
}
#loginform .bottom .btn {
    margin-right: 30px;
}

#editbaskettable { margin-top: 50px; }
#editbaskettable th, .table th { background-color: #f6f6f6; padding: 10px 8px; border-bottom: 1px solid #eeeeee!important; }
#editbaskettable .basketproductimagecol { text-align: center; }
.fa-trash-alt { color: #CE5A5E; font-weight: 300; font-size: 18px }

#editbasketform #editbaskettable tbody tr td { background-color: #fff; border-top: 1px solid #eeeeee; }
#basketemptybasket .emptybasketbtn { background-color: rgba(63,67,63,.85); border-color: rgba(63,67,63,.85); }
#basketemptybasket .emptybasketbtn:hover { background-color: #CE5A5E; border-color: #CE5A5E; }
#basketcontinueshopping a.btn:hover { background-color: #CE5A5E; border-color: #CE5A5E; color: #fff; }

.guestcheckout { margin-top: 20px; }

#checkout-login-form {
    padding-left: 0px;
}

#checkoutstepss.breadcrumb {
    background: none;
    border: none;
}
#checkoutstepss.breadcrumb .current, #checkoutstepss.breadcrumb > li {
    font-size: 12px;
}
#checkoutstepss.breadcrumb > li + li:before {
    font-family: FontAwesome;
    content: "\f061";
    padding: 0px 12px;
}

.staticcontent ul {
    list-style: inside none none;
}
.staticcontent ul li::before {
    font-family: "FontAwesome";
    content: "\f058";
    color: #ee2e24;
    padding: 0px 10px 0px 0px;
}
.staticcontent li {
    padding-left: 30px;
    text-indent: -25px;
}
.staticcontent li p {
    padding-top: 10px;
}
.staticcontent h2 {
    font-weight: 400;
    font-size: 22px;
}
.staticcontent h3 {
    font-size: 18px;
    font-weight: 400;
}
div#map { display: block; }

.favourite-product-buttons .add .addtobasket .basketsubmit .addtobasket {
    padding: 7px 10px !important;
    margin-left: 20px;
}

.favourite-product-buttons .add .addtobasket .quantity .basketqty {
    display: flex;
    align-items: center;
}

.favourite-product-buttons .add .addtobasket .quantity .basketqty span i {
    padding: 5px;
}


footer {
    background-image: linear-gradient(#000151, #534BAE);
    padding-top: 0 !important;
    margin-top: 2px;
}

.footer-topper {
    background-color: #ECA400;
}

.footer-main {
    background-color: transparent;
    color: #fff;
    display: flex;
}

.footer-left {
    flex: 0 0 30%;
}

footer a, footer p {
    color: #fff;
}



#page > footer > div.row.footer-top.justify-content-center > div > a:nth-child(2) > i {
    color: #434b40 !important;
    background-color: transparent !important;
    font-size: 38px;
    padding: 0;

}

@media (max-width: 767px){
    .navbar-default .navbar-header {background-color: white;}
    #leftsidebar { padding: 0 10px !important}
    .btn-group-md {margin-right: 0 !important}
    .fa-search {color: #000 !important;}
    .secondary-navbar {display: none !important}
    .carousel-inner .carousel-item >div{display: none}
    .carousel-inner .carousel-item >div:first-child{display: block}}
.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev{display: flex}
@media (min-width: 768px){.demotext {text-align: right !important;}, carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next{transform: translateX(25%)}.carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev{transform: translateX(-25%)}}.carousel-inner .carousel-item-end, .carousel-inner .carousel-item-start{transform: translateX(0)}

#sagepayLogo img {
    max-width: 75%;
}
.new-products {
    flex: 0 0 auto;
}


#homecarousel .carousel-indicators button {
    height: 1rem;
    width: 1rem;
    border-radius: 100%;
    background-color: #fff;
    opacity: 100% !important;
}

.carousel-indicators .active {
    background-color: #00B9AF !important;
    opacity: 100% !important;
}

#homecarousel .carousel-control-prev i, #homecarousel .carousel-control-next i{
    color: #fff;
    font-size: 34px;
}

.dropdown-toggle::after {
    content: none
}

.dropdown-item {
    font-size: 14px;
}

.main-heading {
    color: #0c509f;
    font-size: 30px !important;
    font-weight: 300;
}

.pagination>li>a.pageOn {
    color:#0c509f;
    text-decoration: underline;
}

#footer a#poweredByOGL:hover {
    color: #fff;
}
#footer-top {
    background-color: #f3f3f3;
    padding: 10px;
    border-bottom: 10px solid #fff;
    height: 235px;
}
#footer-top .promo {
    text-align: center;
    margin-top: 20px;
    border-right: 1px dotted #ccc;
    min-height: 175px;
}
#footer-top .promo h3 {
    font-size: 23px;
}
#footer-top .promo:last-child {
    border-right: 0;
}
#footer-top .promo a:hover, #footer-top .promo a:focus {
    text-decoration: none;
    color: rgba(238,46,36,1);
}
#footer-top .promo .fas, #footer-top .promo .far {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0px 6px;
    background-color: rgba(63,67,63,.85);
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 11px 10px;
    font-size: 19px;
    color: #fff;
    display: inline-block;
}
#footer-top .promo a:hover .fas, #footer-top .promo a:focus .fas {
    background-color: rgba(238,46,36,1);
}
#footer-top .promo .fas.mchimp {
    padding-top: 8px;
}

#footer a#poweredByOGL {
    background: transparent url(../images/OGL-icon.png) no-repeat -1px -1px;
}
#footer a#poweredByOGL:hover {
    background-position: -1px -20px;
}

.homecarousel { margin-top: 0px; }

#newProducts > div > div > div {
    margin: 2rem;
    width: 25rem;
}



@media only screen and (min-width: 992px) {
    .alsobought-container { float: left; }

}

@media only screen and (min-width: 1285px) {
    .footer-main {
        padding: 0 150px 0 250px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1025px) {
    .carousel-indicators { margin-bottom: -0.5px}
    .new-products div {
        height: 320px;
    }
}

@media only screen and (max-width: 800px) {
    .homecarousel {
        height: 300px;
        background: #fff;
    }
    .carousel-indicators { margin-bottom: 0.4rem}

    .carousel-indicators button {
    height: 0.6rem}

    .new-products div {
        height: 250px;
    }
}


    .trade-buttons .col-xs-6 {
        width: 50%;
        box-sizing: border-box;
        padding: 20px 50px 0; /* Adjust padding as needed */
    }

    .trade-buttons img {
        max-width: 100%;
        height: auto;
    }

.fa-circle-check {
    font-weight: 400;
}

.pagination {
    display: inline-flex;
    align-items: center;
}



.pagination>li>a.LastPage span::before {
    content: None !important;
}

.pagination>li>a.pgntionFirst, a.pgntionPage.pageOn, .pagination>li>a.LastPage {
    background-color: transparent !important;
}

@media only screen and (min-width : 1024px) and (max-width : 1199px) {
.product-box .quantity {
    width: 42%;
}
}

@media only screen and (max-width : 768px) {
#footer-top .promo h3 {
    font-size: 15px;
}


#footer-top .promo p {
    font-size: 12px;
}
.owl-nav .owl-prev, .owl-nav .owl-next {
    display: none!important;
}

#collapse-nav {
    background: transparent;
}
.navbar .navbar-toggle {
    padding: 9px 12px;
}
.navbar a.navbar-toggle {
    font-size: 22px;
}
.navbar a.navbar-toggle .text {
    font-size: 18px;
}


.drilldown .navback {
    background-color: rgba(63,67,63,.85);
}
.drilldown a.navback {
    color: #fff;
}
.drilldown a {
    color: #222222;
}
#checkout-login-form {
    padding-right: 0;
}
}
@media only screen and (min-width : 481px) and (max-width : 540px) {
    #productsCarousel .carousel-inner {
        margin: 0 0 0 8rem;
    }
}

    @media only screen and (min-width : 410px) and (max-width : 480px) {
        #productsCarousel .carousel-inner {
            margin: 0 0 0 5rem;
        }
    }

@media only screen and (min-width : 281px) and (max-width : 400px) {
    #productsCarousel .carousel-inner {
        margin: 0 0 0 3rem;
    }
}
@media only screen and (max-width : 281px) {
#productsCarousel .carousel-inner {
    margin: 0 0 0 0.5rem;
}

@media only screen  and (max-width : 480px) {
    .navbar-toggle.quickorder {
        padding-right: 5px;
    }

    #footer-top {
        height: auto;
    }

    #footer-top .promo {
        border-right: 0px;
        border-bottom: 1px dotted #cccccc;
        padding-bottom: 10px;
    }

    #footer-top .promo:last-child {
        border-bottom: 0px;
    }

    .homecarousel {
        height: 150px;
        background: #fff;
    }

    .product-box .qty {
        width: 37% !important;
    }

    div.basketsubmit {
        width: 20% !important;
    }
    div.col-xs-6 .product-image {
        max-height: 150px !important;
    }

}}

@media only screen and (max-width: 700px) {
    .features-button {
        display: flex;
        justify-content: center;
    }

    .header-search {
        margin-top: -100px;
        width: 80%;
        margin-left: 1rem;
        .btn  {
            padding: 0 5px 0  !important;
        }
        .form-control {
            font-size: 11px;
            padding: 0 0 0 2px;
        }
    }

    .page-home h2 {
        font-size: 34px;
    }
    .container-img {
        display: none;
    }
}

@media only screen and (min-width: 701px) and (max-width: 1000px) {
    .header-search {
        margin-top: 40px;
        width: 60%;
    }
}

@media only screen and (min-width: 700px) and (max-width: 1200px) {
    #homecarousel .carousel-indicators {
        margin-bottom: -2px !important;
    }

    #homecarousel .carousel-indicators button {
        height: 0.5rem;
        width: 0.5rem;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .header-search {
        margin-top: 60px;
        width: 45%;
    }
}

@media only screen and (min-width: 767px) {
    .newsletter-div {
        width: 110%;
        right: 2rem;
    }
}