body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    overflow-x: hidden;
    margin-bottom: 62rem;
}

.staticcontent ul { list-style: disc; padding-left: 3rem; }

#buorg {display: none;}

header { margin-top: 55px; }
a { color: #000000; }
a:hover, a:focus { color: #222; }
.btn { border-radius: 0}
.btn-primary {
    background-color: #6e00a0;
    border-color: #6e00a0;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #285adc;
}
#quoteform-form .form-control {
    background-color: #f3f3f3;
    border-color: #e9e9e9 !important;
    box-shadow: none;
}

.contactMessage { background-color: #fff !important; }

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #888;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #888;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #888;
}

.navbar { font-size: 13px; }

.navbar-default {
    background-color: #fff;
    border-bottom: 1px solid #f3f3f3;
}
.navbar.navbar-default.navbar-fixed-top { background: #fff; border-bottom: 1px solid #f3f3f3; }
.navbar.navbar-default.navbar-fixed-top a:hover, button.navbar-logout:hover { background: #f3f3f3; }
.navbar-myaccount.basket {
    display: block;
}

div.navbar-header a {
    color: inherit;
    text-decoration: none;
}

.nav-top { display: flex; justify-content: center }
.head-phone {
    padding: 9px 20px;
    display: inline-block;
    margin: 5.5px 0;
}

.header-phone {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 0 !important;
}

.badge {
    position: absolute;
    left: 24px;
    top: 5px;
    background-color: #285adc;
    font-weight: 500;
    color: #fff;
}
.navbar .basket { display: flex; }
.navbar .basket i { font-size: 18px; }
.navbar-basket a { color: #333 }

.navbar-header .phone-pop, .head-email { float: left !important }

.fa-shopping-cart {
    color: #6e00a0;
}
.navbar-social i, .navbar-myaccount i, .navbar-logout i, .head-phone i, .head-email i, .quickorder i, .quoterequest i, i.fa-search, i.fa-bars, i.fa-user, .header-phone .phone-pop i.fa-phone {
    color: #6e00a0;
}

.quickorder i, .quoterequest i {
    margin: 0 3px;
}
.navbar-logout { padding-top: 11px; }
.head-phone {
    padding: 9px 20px;
    display: inline-block;
    margin: 5.5px 0px;
}
.head-phone i, .head-email i {
    font-size: 16px;
}

a.head-phone:hover, a.head-email:hover { background-color: #fff !important; }
#logo { width: 220px }
#header-logo, #header-detail { margin-top: 10px; }
#header-logo p {
    font-size: 11px;
    color: #6e00a0;
    padding-left: 10px;
}
.header-staticlinks {
    float: right;
    margin-top: 20px;
    width: 75%;
}
.header-staticlinks li {
    display: inline-block;
    padding: 0px 13px;
    border-right: 1px solid #d2d2d2;
}
.header-staticlinks li:last-child {
    border-right: 0px solid #ccc;
}
.header-staticlinks li a {
    font-size: 14px;
}
.header-search .searchform { border: none; width: 90% }
.header-search .searchform .searchterm {
    background: #f3f3f3;
}
.header-search .searchform .btn {
    background: #285adc;
    padding: 8px 16px;
    border: 1px solid #285adc !important;
    z-index: 2;
}
#mainsearch { height: 36px; }
.header-search {width: 100% !important; margin: 10px 0;}
.header-search .fa-search { color: #fff; }
.fullwidth { background: #333333; margin-top: 10px; }
.nav-justified { background-color: #333;}
.navbar-default {
    background: transparent;
    margin-top: 0;
    border: none;
}

.navbar .level1 { border-right: 1px solid #fff; height: auto; }
.navbar .level1:last-child { border: none; background: #6e00a0; }
.navbar .level1 > a { color: #fff; font-size: 14px; text-transform: none; }
.navbar .level1 > a:focus { background-color: transparent; }
.yamm .level1:hover, .yamm .level1:hover > a { background-color: #fff; color: #333; }
.yamm .level1:hover, .navbar .level1 a:hover { color: #333; }
.yamm .yamm-content { padding-top: 30px; }
#main-nav2 > ul > li > ul { border-top: none; }
.navbar .nav-heading {border-bottom: 0 !important}
.navbar .nav-heading a { color: #6e00a0; }
.nav-justified > .dropdown .dropdown-menu { top: 60px; }
.navbar .level3 a { font-size: 14px; }
.navbar-greeting { margin-top: 8px; }

.info-points > div {
    float: left;
    text-align: center;
    padding: 0 8px;
}
.info-points span.delivery span{ font-size: 11px; }
.info-points .fa { font-size: 32px; color: #6e00a0; margin-right: 8px; vertical-align: middle; }
.info-points img { margin-right: 8px; }
.info-points .fa-truck { float: right;}
.info-points span.delivery {
    float: right;
    text-align: left;
    line-height: 14px;
    margin-top: 9px;
}
.info-points a:hover span.delivery {
    text-decoration: underline;
}
.info-points .lowprice img { margin-top: 2px; }

.home-title {
    text-transform: none;
    color: #000;
    background: #fff;
    padding-bottom: 0px;
    font-size: 30px;
    text-align: center;
    font-weight: 200;
}
.home-featured h2 {
    min-height: 35px;
    text-align: center;
}
.home-featured h3 {
    min-height: 76px;
    text-align: center;
}
.home-featured .image-container { min-height: 215px; }
.home-featured .owl-controls {
    width: 100%;
    position: absolute;
    bottom: 65%;
}
.owl-nav .owl-next {
    position: absolute;
    right: -40px;
    font-size: 60px;
    color: #bdbbb8;
}
.owl-nav .owl-prev {
    position: absolute;
    left: -40px;
    font-size: 60px;
    color: #bdbbb8;
}
.home-featured .owl-nav i, .home-suppliers .owl-nav i {
    border: solid #a6abb3;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 14px;
}
.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.homecats { padding: 0 7px}

.home-suppliers .owl-controls {
    width: 100%;
    position: absolute;
    top: -25%;
}
.home-suppliers {
    margin-bottom: 50px;
}
.home-title-line {
    text-transform: none;
    color: #6e00a0;
    background: #fff;
    padding-bottom: 20px;
    width: 6%;
    border-top: 3px solid #285adc;
    margin-top: 0px;
}

.homecarousel { margin-top: 0px; }
.homecarousel .caption {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 200px;
    margin-left: 15%;
    width: 45%;
    text-align: left;
    z-index: 3;
}
.homecarousel .caption h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    min-height: 130px;
}

.quickform { background: #333333; color: #fff; }
.quickform .container { display: flex; align-items: center; }
.quickform .text { padding: 33px; text-align: right; font-size:20px; }

.home-about {
    text-align: center;
    font-size: 16px;
    color: #333;
    margin: 20px 0 40px;
}
.home-about .btn, .quickform .btn {
    background-color: #285adc;
    border-color: #285adc;
    padding: 10px 25px;
    color: #fff;
    margin-top: 10px;
}
.home-about .btn:hover, .quickform .btn:hover {
    background-color: #6e00a0;
    border-color: #6e00a0;
}
.home-about .btn a { color: #fff; }
.home-about .btn a:hover {
    color: #fff;
    text-decoration: none;
}
.home-categories h2 {
    position: relative;
    font-size: 19px;
    text-align: center;
    z-index: 10;
    background-color: #333;
    padding: 10px;
    margin: 0;
    color: #fff;
    font-weight: 500;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
}

.home-categories .cat-inner { margin: 20px 0px; }
.home-categories .cat-image.home {
    position: relative;
    z-index: 0;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    border: 1px solid #a198b2;
    top: 0%;
}
.home-categories .cat-image img {
    width: 100%;
    max-height: 240px;
}
.home-categories a:hover {
    text-decoration: none;
}
.home-categories a:hover h2 {
    background-color: #6e00a0;
}
.supplier-list {
    text-align: center;
}
.supplier-list .thumbnail {
    border: 0;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.supplier-list .thumbnail img {
    max-height: 60px;
}

.breadcrumb { background-color: #f3f3f3; }
.breadcrumb .current { font-size: 10px; }
h1.main-heading {
    color: #6e00a0;
    font-weight: 400;
}

.show .btn, .sortby .btn, .selectors select.groupedProduct { background-color: #e7e7e7; }

.category-box, .product-box, .grouped-category-box { border-color: #ececec; }
.cat-caption h2, .product-caption h2 a, .grouped-cat-caption h2 a {
    text-align: center;
    font-weight: 400;
    font-size: 17px;
    color: #6e00a0;
}
.category-head img {
    max-height: 200px;
    margin: 0 auto;
}
.product-box .basketqtylabel {
    display: none;
}

.grouped-cat-caption {
    padding-top: 0;
    height: 10rem;
}

.list-view .grouped-cat-caption { height: unset; }

.grouped-category-box .grouped-cat-price-label { border-top: none; }

.grouped-category-box .col-md-12:nth-of-type(2) { padding: 0 5px; text-align: center; }

.basketqty {
    display: flex;
    justify-content: center;
    width: 100%;
}

.basketqty .dec .fas, .basketqty .inc .fas { -webkit-text-stroke: 2px black }

.list-view .basketqty, .pdetails .basketqty {
    justify-content: flex-start;
    width: unset;
}

.product-box .quantity {
    width: 100%;
    display: block !important;
}

.basketsubmit .addtobasket {
    width: 100%;
}
.product-box .grid-view-buttons .price-block {
    border-top: 0 !important;
    min-height: 8rem;
}
.grouped-cat-price-label { height: 123px; margin: 65px 0px 0px 0px;}
.grouped-category-box .viewoptions { height: 70px; }
.grouped-category-box .viewoptionsform .btn { width: 100%; padding-left: 10px; }
.quotesubmitinput-prodlist, .wishlistsubmitinput-prodlist, .addFavourite, .moveFavourite, #wishlistsubmitinput {
    color: #666;     font-size: 11px;
}

.favourite-product-buttons {
    .price {
        .price-block span.price {
            font-size: 12px
        }
    }

    .quantity .dec, .quantity .inc {
        padding: 5px;
        margin: 0;
    }

    .add {
        padding: 0 5px;
        .quantity { width: 50%; }
        .buy-qty { height: unset; padding: 10px 0; width: 40px; }
    }

    .basketsubmit {
        float: right;
        padding: 0;

        .addtobasket {
            margin: 0;
            width: auto;
            padding: 6px 5px;
        }
    }
}


.favourite-product-caption h3, .favourite-product-buttons .price label { font-size: 12px; margin-top: 0 }

.wishlistform {
    width: 100% !important;
}
.quotesubmitinput-prodlist:hover, .quotesubmitinput-prodlist:active, .quotesubmitinput-prodlist:focus,
.wishlistsubmitinput-prodlist:hover, .wishlistsubmitinput-prodlist:active, .wishlistsubmitinput-prodlist:focus, #wishlistsubmitinput:hover, #wishlistsubmitinput:focus {
    color: #222;
}

.list .grouped-category-box .InquirenowButton {
    margin-bottom: 10px!important;
}

.grouped-category-box .enquiry-box { height: 60px; }
.product-box .enquiry-box { height: 60px; }

.InquirenowButton {
    background-color: #333333;
    border-color: #333333;
    font-family: "Open-Sans", sans-serif;
}
.inquirenowtext { font-family: "Open Sans", sans-serif; }

.viewoptionsform .btn { width: 100%; }

.quote-request .quotesubmitinput-prodlist {
    background-color: #6e00a0!important;
    border-color: #6e00a0!important;
    color: #fff;
    padding: 6px 12px;
}
.quote-request .quotesubmitinput-prodlist:hover, .quote-request .quotesubmitinput-prodlist:focus {
    background-color: #285adc!important;
    border-color: #285adc!important;
}
.altimg { border: none }
.altimg img { padding: 0 0.5rem; max-height: 50px; }
.image, .pdetails { border-color: #f3f3f3; }
.caption__overlay {bottom: -100px;}
.caption__overlay__title {
    margin-top: 0;
    -webkit-transform: translateY( -webkit-calc(-100% - -50px) );
    transform: translateY( calc(-100% - -50px) );
    font-size: 17px;
}
#accordian-desc ul { list-style: disc outside none; padding-left: 25px; }
#accordian-files a { text-decoration: underline; }

#leftsidebar .panel-default > .panel-heading a { font-weight: 400; }
#leftsidebar .panel-default > .panel-heading {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
}
.panel-default { border-color: #f3f3f3; }
.panel-default > .panel-heading { border-bottom: 0px; }

#leftsidebar .panel-default > .panel-heading a:hover {
    background-color: #e7e7e7;
    color: #222;
}

#transbalance tbody>tr>td.footable-first-column {
    display: flex;
    flex-direction: row;
}

.product-filter-container {
    background: none;
}
#leftsidebar #accordion .panel-default > .panel-heading {
    background: none;
}
.product-filter-container #accordion .panel-title {
    border-color: #ccc;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
.product-filter-container .panel-default {
    box-shadow: none;
}
.product-filter-container #accordion .panel-heading a.collapsed, .product-filter-container #accordion .panel-heading a {
    padding: 10px;
}
#leftsidebar .product-filter-container #accordion .panel-default > .panel-heading a:hover {
    background-color: #fff;
    color: #222;
}
#leftsidebar .panel-title a:hover::after, #leftsidebar .panel-title a.collapsed:hover::after {
    color:#333;
}
.product-filter-container .fa-filter {
    display: none;
}

#main-filterpanel label.option { max-width: 85%; }
#main-filterpanel .form-inline .checkbox { vertical-align: top; margin-top: 3px; }

#checkout-login-form .bottom { margin-top: 30px; }
.guestcheckout {
    margin-top: 20px;
    border-color: #e9e9e9;
}
.guestcheckout input { background-color: #fff; }

#loginform .input-group-addon:first-child {
    border: 1px solid #e9e9e9;
    border-right: 0px;
}

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

#basketemptybasket .emptybasketbtn, #basketcontinueshopping .btn {
    background-color: #6e00a0;
    border-color: #6e00a0;
    color: #fff;
}
#baskettocheckout .btn {
    background-color: #333333;
    border-color: #333333;
}
#basketemptybasket .emptybasketbtn:hover, #basketcontinueshopping .btn:hover, #baskettocheckout .btn:hover,
#basketemptybasket .emptybasketbtn:focus, #basketcontinueshopping .btn:focus, #baskettocheckout .btn:focus {
    background-color: #285adc;
    border-color: #285adc;
}
.trash {
    color: #333333;
    font-weight: 400;
}

.product.enviro {
    right: 15px;
    top: 15px;
}

.enviro {
    position: absolute;
    right: 5px;
    width: 40px;
    height: 40px;
    z-index: 1;
}
.enviro .fa {
    color: #74b422;
    font-size: 34px;
}
.back-to-top-container { z-index: 2; }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fff;
}
.swipe { text-align: center; }
.suggestedbox h2 {
    padding: 0 15px 10px 15px;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}
.suggested-container {
    text-align: center;
}

.suggested-caption { padding-top: 0; }
.price-vat-switch .price { font-weight: 300; }
.alsobought-container { margin: 20px 0px; border: none; width: 100%; }
.alsobought-caption {height: 90px; padding-top: 5px;}
.plist-listview-item p.groupdesc { min-height: unset; }
.list-view .enviro { right: 0px; }
.list-view .grouped-cat-caption h2 { text-align: left; }
.suggested-box-price, .alsobought-box-price { height: 75px; line-height: 15px; font-size: 12px; }
.suggested-box-price > span.price, .alsobought-box-price > span.price { font-size: 14px; color: #6e00a0; font-weight: 600; }
.grid-view-buttons .price-block { line-height: 15px; min-height: 55px; }
.pdetails .price, .pdetails .grpprice, .price-block, .grouped-cat-price-label h3 {
    font-size: 12px;
    line-height: 14px;
}
.pdetails .price > span.price, .price-block > span.price, .grouped-cat-price-label h3 > span.price {
    font-size: 18px; color: #6e00a0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pdetails .price-vat-switch, .grouped-cat-price-label h3 .price-vat-switch, .price-block .price-vat-switch { margin-top: 8px; display: block; }
.grouped-cat-price-label h3 { font-weight: normal; }

.product-box .minordertext { display: none; }

.table.search .imagecol { text-align: center; }
.table.search .imagecol img { max-height: 50px; }

.wishlistslim .input-group-addon { border: none; }

.featured-list .discounttext {
    margin-top: 10px;
}

span.discounttext {
    padding: 4px;
    background-color: #285adc;
    color: #fff;
    display: inline-block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

span.discounttext span { font-size: 12px; }


footer { background-color: #333333; padding-bottom: 0; }
#footer, #footer a { color: #dcdcdc; font-weight: 200;}
#footer .navbar-social {
    padding: 8px 24px;
    background-color: #fff;
    margin: 0px 4px;
    border-radius: 3px;
}
#footer h4 { color: #fff; font-weight: 400; margin-bottom: 25px; }
#footer h4 .fa { color: #285adc; padding-right: 6px; }
#footer .navbar-social .fa { color: #333; }
#footer-btm { background-color: #fff; font-size: 12px; padding-top: 2rem; }
#footer-btm #sagepayLogo img { max-width: 180px; }
#sagepayLogo { margin-top: 0; clear: unset; }
#footer .help li, #footer .about li { padding: 6px 0; }
#footer .help li:first-child, #footer .about li:first-child { padding-top: 0; }
#footer .contact p.telfax { line-height: 26px; }
#footer .contact p.telfax a.email { text-decoration: underline; }
#footer .contact p.telfax span { font-weight: 500; color: #fff; }
div#map { display: block; height: 220px; border-radius: 3px; }
.bics { max-width: 70%; }


/* Homepage loader */
.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
    line-height: 370px;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #a6abb3;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

.navbar-toggle {
    padding: 9px 0 0 !important;
    margin-right: 10px;
    min-width: 30px;
}
.navbar-toggle .icon-bar {
    width: 26px;
    height: 5px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 40%;
    -ms-transform-origin: 10% 40%;
    transform-origin: 10% 40%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: -10% 50%;
    -ms-transform-origin: -10% 50%;
    transform-origin: -10% 50%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
/* END ANIMATED X */

.drilldown .navback {
    background: #6f65ac;
}
.drilldown a.navback {
    color: #fff;
}
.drilldown li {
    background-color: #fae8ff;
    border-bottom: 1px solid #fff;
}
.drilldown a {
    color: #6e00a0;
}

.btn-default.previous {
    background-color: #333333;
    color: #fff;
    border-color: #333333;
}

.btn-primary.disabled, .btn-primary[disabled] {
    background-color: #c3c3c3;
}

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

input#checkoutcancelorder, input#checkoutretrysubmit { min-width: 163px; }

.staticcontent .heading {
    background-color: #eeeeee;
    padding: 3px 5px;
    margin-top: 20px;
}
.staticcontent a { text-decoration: underline; }

.cat-description ul { list-style: disc outside none; padding-left: 20px; }

@media only screen and (max-width: 1199px) {
    .navbar-greeting { display: none; }
    .yamm .level1>a { font-size: 11px !important; }
}

@media only screen and (min-width: 992px) {
    .alsobought-container { float: left; }
    .header-phone {display: block; float: left}
    .navbar .container {  display: flex; justify-content: space-between;}
    .navbar.navbar-default {display: flex; align-items: center;}
    .head-email { padding-left: 15px}
    .navbar-toggle.basket {  border: none;}
    .badge.basket-head-total {left: 9px; top: 0;}
    .fa-shopping-cart {padding-right: 10px;}
}

@media (max-width: 1024px) {
    .info-points > div { padding: 0 6px; font-size: 11px; }
    .header-staticlinks, .header-search { width: 90%; }
    #footer .navbar-social { padding: 4px 16px; }
    .owl-nav .owl-next {
        right: -20px;
    }
    .owl-nav .owl-prev {
        left: -20px;
    }
    .product-caption h2, .grouped-cat-caption h2 { font-size: 15px; }
    .grid-view-buttons .code { min-height: 35px; }
    .grouped-cat-price-label { min-height: 140px; margin: 65px 0px 0px 0px;}

    .homecarousel .caption { width: 25%; bottom: 90px; margin-left: 10%; }
    .homecarousel .caption h2 { font-size: 24px; }

    .home-categories h2 { font-size: 15px; padding: 10px 4px; }
    .home-categories .cat-image.home { max-height: 190px; }

}

@media (max-width: 992px) {
    #header-logo { margin-bottom: 0px; }
    #header-detail { margin-top: 20px; }
    .owl-dot { display: none; }
}

@media (min-width: 992px) {
    .list .row div:nth-child(4n+1) { clear: both; }
}


@media (max-width: 991px) {
    header { margin-top: 0; }
    .phone-email { text-align: right; padding-right: 0px; }
    .head-email, .head-phone { font-size: 13px; }
    .head-phone { padding: 0px; text-align: right; }
    .specialist { margin-top: 3px; font-size: 13px; line-height: 24px; }
    .header-search { width: 97%; }
    #secondsearch { height: 36px; }
    #SearchResultsMobile { top: 45px; margin-left: 0px; }
    .basket .badge { top: 0 !important; margin-left: 0.5rem !important; }

    .navbar-social i, .navbar-myaccount i, .navbar-logout i, .navbar-toggle i { font-size: 22px; }
    #collapse-nav1 { background: transparent; margin-right: 0px; }
    a#collapse-nav1:focus { color: #6e00a0; }
    .navbar-toggle.mobile-menu { min-width: 80px; margin-right: 16px; }
    .navbar-myaccount { margin-right: 10px; }
    #collapse-nav1 span { padding-left: 0.5rem }
    .mobile-nav { padding-right: 0; padding-left: 0; display: flex; flex-direction: row-reverse; justify-content: space-evenly }

    .home-featured h2 { font-size: 13px; }
    .home-featured .image-container { min-height: 160px; }
    .home-featured .image-container img { max-height: 160px; }

    .home-categories h2 { font-size: 13px; }

    .home-suppliers { display: block; }

    .owl-controls { display: none; }

    .topproducts-title, .recentproducts-title { text-align: center; }
    .pdetails { margin-top: 15px; }

    #footer { font-size: 12px; }
    #footer h4 { font-size: 16px; }
    #footer .contact { padding-left: 20px; }
    #footer .navbar-social { padding: 4px 10px; }
    #footer .accreditations img { max-width: 130px; margin-top: 6px; }
    #footer h4 .fa { left: 10px; }
    #footer .contact h4 .fa { left: 15px; }
    #footer-btm { font-size: 11px; }

    .homecarousel .caption { width: 75%; bottom: 95px; }
    .homecarousel .caption h2 { min-height: 80px; }

}

@media only screen and (max-width: 768px) {
    body {
        margin-bottom: 470px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .list .row div:nth-child(3n+1) { clear: both; }
    .navbar-toggle {
        display: block;
    }
}


@media only screen and (min-width: 1000px) and (max-width: 1025px) {
    .navbar .level1 > a {padding: 10.8px}
}

@media (max-width: 767px) {
    body { margin-bottom: 1600px; }
    .navbar-social, .navbar-myaccount, .navbar-logout, .navbar-toggle { width: 20%; }
    .mobile-nav { background-color: #f2f2f2; }
    .specialist { text-align: center; }
    #collapse-nav1 span { padding-right: 20%; }
    .navbar .navbar-toggle { padding: 0}
    .buttons-bot {width: 100%}
    #sagepayLogo { display: flex; justify-content: center; }
    .badge { left: 4.5rem !important }
}




@media (max-width: 480px) {
    .col-xs-6 { width: 50%; }
    .phone-email { padding-left: 0; }
    .head-email, .phone-pop { font-size: 12px; }
    header .navbar .container {
        padding: 10px;
    }
    #header-logo {padding-bottom: 3px}
    #header-detail { margin-top: 15px; }
    .navbar-toggle.mobile-menu { margin-right: 2px; }
    #collapse-nav1 span { padding-right: 0; }
    .navbar-social, .navbar-myaccount, .navbar-logout, .navbar-toggle {
        width: 22%;
        text-align: center;
        min-width: unset;
    }
    .navbar-brand {width: 45%; padding: 5px 0}
    .navbar-header {background-color: #f2f2f2;}
    #search { margin-bottom: 10px; }
    .searchform {
        width: 100%;
        margin: 6px 0 0 0;
        padding: 0px;
    }
    .searchform .fa { font-size: 16px; color: #fff; }
    #searchformbody .input-group-addon, .input-group-btn .btn, #search .searchform .btn {
        background-color: #6e00a0;
        border-color: #6e00a0 !important;
    }
    .home-categories > div { padding: 0 5px; }
    .home-categories .cat-inner { margin: 6px 0; }

    .dec, .inc { padding: 6px 8px; }


    .product-image-container, .grouped-cat-image-container {
        height: 140px;
    }

    .show, .sortby, .layoutButtons  { margin-top: 10px; }
    #footer { font-size: 14px; text-align: center; }
    #footer > div > div > div, #footer .contact { padding-left: 50px; padding-right: 40px; margin-top: 25px; }
    #footer h4 { padding-left: 0px; border-top: 1px solid #ccc; padding-top: 25px; }
    #footer .contact h4 { border-top: 0px; padding-top: 0px; }
    #footer h4 .fa, #footer .contact h4 .fa { left: 24px; }
    #footer-btm { text-align: center; }
    #footer-btm .links a { padding: 4px 0px; display: inline-block; }
    #footer .navbar-social { margin: 0 15px;}
    a.privacyLink { margin-left: 0px; }
    a#GWS { margin-right: 0px; }
}

@media only screen and (max-width: 320px) {
    .navbar-social, .navbar-myaccount, .navbar-logout, .navbar-toggle { width: 20%; }
    .navbar-toggle.mobile-menu { width: 24%; min-width: auto; margin-right: 16px; }
    .navbar-toggle .icon-bar { width: 22px; }
    .quickform .btn { padding: 4px 10px; }
    #footer .navbar-social { margin: 0 13px;}
    #footer-btm .links {display: block}
}

@media (max-width: 400px) {
    #postcashform .table tbody td, #postcashform .table thead tr th {
        padding: 6px 8px;
    }
    .badge {
        left: 4rem !important;
    }

}

@media only screen and (max-width: 281px) {
    .col-xs-6 {
        width: 100%;
    }

    .saved-baskets input.btn {
        width: 99%;
        padding: 0;
    }
    .saved-baskets .table>thead>tr>th {
        padding: 2px;
    }

    #postcashform table.dataTable thead th {
        padding: 10px 8px;
    }
}

.tooltip.bottom .tooltip-inner {
    background-color:#6e00a0;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #6e00a0;
}
.col-md-12.country-select {
    display: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #6e00a0;
    border-color: #6e00a0;
}