/* New Frontend Styles */

.formLabel {
    font-family: 'effrabold';
    margin: 0; }
.formLabel span { color: #FF0000; }

.formText strong { font-family: 'effrabold'; }

.formLeft { padding-left: 0; }
.formRight { padding-right: 0; }
.formFull { padding: 0; }

.contactSection { margin-top: 40px; }
.contactSection p strong { font-family: 'effrabold'; }

.contactBlocks {
    background: #FFFFFF;
    border: 1px solid #CCC;
    height: 240px;
    padding: 20px; }
.contactBlocks span { 
    color: #0069B4;
    font-size: 32px; }
.contactBlocks p {
    font-size: 16px;
    line-height: 125%;
    margin: 0; }

.display-mob { display: none; }

#accountHeader { min-height: 40px; }
#accountHeader .navbar-nav {
    float: right;
    line-height: 40px; }
#accountHeader .navbar-nav>li>a {
    color: #f36c30;
    font-family: 'effrabold';
    padding: 10px 10px !important; }
#accountHeader .navbar-nav>li>a:focus,
#accountHeader .navbar-nav>li>a:hover { color: #FFFFFF; }

#accordion .table td strong { font-family: 'effrabold'; }

body.formPage { background: #F2F2F2; }

#top .row {
    padding-left: 0;
    padding-right: 0;
    max-width: unset;
    width: unset;
    margin-left: -15px;
    margin-right: -15px;
}
#top .container {
    max-width: unset;
}
#top #navbar-collapse {
    padding: 0;
}
#top .navbar_links {
    padding-right: 0;
    font-size: 0.92em;
 }
 #top a:hover,
 #top a:focus { box-shadow: unset; }

.clear { clear: both; }
.mobSpacer {
    clear: both;
    display: none;
    height: 20px;
}
.spacer { height: 20px; }

div.pagination { margin-top: 20px; }
div.pagination strong {
    border: 1px solid #2b55af;
    background-color: #09F;
    color: #fff; }
div.pagination strong,
div.pagination a {
    font-size: 16px;
    margin: 2px 0 0 5px;
    padding: 5px 8px; }


#siteHeader {
    background: #FFFFFF;
    padding: 20px 0; }

#siteLogo { padding: 10px 0 0 0; }

#siteSearch { padding: 82px 0 0 0; }
#siteSearch.restrictedPadding { padding: 32px 0 0 0; }

#restrictedListBtn { margin-bottom: 15px; }
#siteSearch.noPadding { padding: 0; }

#siteSearch label {
    margin: 0;
    width: 100%;
}
#logInAsBox {
    background: rgba(149,193,31,0.2);
    border-radius: 17px;
    position: relative;
    padding: 0 10px;
    height: 34px;
    width: 100%;
}
#logInAsBox .form-control {
    background: transparent;
    border: 0;
    border-radius: 17px;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    color: #95C11F;
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
}
#logInAsBox .form-control option { color: #333333; }

#searchbox {
    background: rgba(149,193,31,0.2);
    border-radius: 17px;
    position: relative;
    height: 34px;
    width: 100%;
}

#siteSearch.noPadding #searchbox { margin-top: 20px; }

#searchbox .form-control {
    background: transparent;
    border: 0;
    border-radius: 17px;
    color: #95C11F;
    font-weight: bold;
    padding-left: 40px;
    padding-right: 40px;
    height: 34px;
    width: 100%;
    transition: all 1s;
}
#searchbox .form-control::-webkit-input-placeholder { color: #95C11F; }
#searchbox .form-control::-moz-placeholder { color: #95C11F; }
#searchbox .form-control:-ms-input-placeholder { color: #95C11F; }
#searchbox .form-control:-moz-placeholder { color: #95C11F; }
#searchbox .btn {
    background: #95C11F;
    border: 0;
    border-radius: 17px;
    color: #FFFFFF;
    font-size: 16px;
    padding: 6px 10px;
    position: absolute;
    left: 0;
    top: 0;
    height: 34px;
    width: 34px;
    transition: all 1s;
}
#searchbox .btn.focused { background: #0069B4; left: 100%; margin-left: -34px; transform: rotate(360deg); }
#searchbox .form-control.focused { padding-left: 10px; }

#siteIconsContact { padding: 0; }
#siteIconsContact ul {
    display: flex;
    justify-content: space-between;
    float: right;
    margin: 0 0 12px 0;
    padding: 0;
    width: 100%;
}
#siteIconsContact ul li {
    color: #0069B4;
    cursor: pointer;
    float: left;
    font-family: 'effra_lightregular';
    font-size: 13px;
    line-height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 65px;
}
#siteIconsContact ul li.smaller { width: 58px; }
.siteNavIcons {
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: center;
    border-radius: 20px;
    display: block;
    margin: 0 auto 2px auto;
    height: 40px;
    width: 40px;
    transition: all 0.5s;
}
#siteIconsContact .siteNavIcons {  background-color: #0069B4; }
#siteIconsContact .siteNavIcons.basket { background-color: #95CC11; background-image: url('../images/main/basket-icon.png'); }
#siteIconsContact .siteNavIcons.login { background-image: url('../images/main/login-icon.png'); }
#siteIconsContact .siteNavIcons.logout { background-image: url('../images/main/logout-icon.png'); }
#siteIconsContact .siteNavIcons.favourite { background-image: url('../images/main/favourite-icon.png'); }
#siteIconsContact .siteNavIcons.history { background-image: url('../images/main/history-icon.png'); }

#siteIconsContact .siteNavIcons.contact { background-image: url('../images/main/phone-icon.png'); }
#siteIconsContact .siteNavIcons.email { background-image: url('../images/main/email-icon.png'); }
#siteIconsContact ul li { position: relative; }
#siteIconsContact ul li:hover .siteNavIcons { background-color: #003c68; }
#siteIconsContact ul li:hover .siteNavIcons.basket { background-color: #63767F; }

#siteIconsContact ul li .badge {
    background-color: #f30018;
    position: absolute;
    top: 26px;
    left: 36px;
}

#siteIconsContact p {
    font-family: 'effraregular';
    font-size: 39px;
    line-height: 39px;
    margin: 0;
    padding-right: 12px;
    text-align: right;
}
#siteIconsContact p a {
    color: #0069B4;
    text-decoration: none;
}
#siteIconsContact ul li { font-weight: 600; }

#mainMenu {
    background: #0069B4;
    border-bottom: 4px solid #95C11F;
    font-family: 'effraregular';
    padding: 10px 0;
}
#mainMenu .nav>li>a {
    font-size: 15px;
    padding: 10px 12px;
    transition: all 0.5s;
}
#mainMenu .nav>li>a:hover { background-color: #95C11F; }
#mainMenu .nav .dropdown-menu { padding: 0; }
#mainMenu .nav .dropdown-menu>li>a { font-size: 15px; padding: 5px 20px; }

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #95C11F;
}

.hotlinks {
    float: left;
    margin: 25px 0;
    width: 20%;
}
.hotlinkIcon {
    background-color: #0069B4;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: center;
    border-radius: 30px;
    display: block;
    float: right;
    margin: 0 10px 0 0;
    height: 60px;
    width: 60px;
}
.hotlinkIcon.truck { background-image: url('../images/main/truck-icon.png'); }
.hotlinkIcon.box { background-image: url('../images/main/box-icon.png'); }
.hotlinkIcon.years { background-image: url('../images/main/years-icon.png'); }
.hotlinkIcon.family { background-image: url('../images/main/family-icon.png'); }
.hotlinkIcon.care { background-image: url('../images/main/care-icon.png'); }
.hotlinks p {
    color: #0069B4;
    font-family: 'effra_lightregular';
    font-size: 18px;
    float: left;
    line-height: 105%;
    margin: 0;
}
.hotlinks p strong { font-family: 'effrabold'; }
.hotlinks span {
    clear: left;
    font-family: 'effra_lightregular';
    font-size: 12px;
    float: left;
    margin: 0;
}
.hotlinks span a { color: #0069B4; }
.hotlinks span a:focus,
.hotlinks span a:hover { text-decoration: underline; }

#masterSliderContainer {
    max-width: 1440px;
    margin: 0 auto;
}

#homepageSlidersContainer {
    background: #F2F2F2;
    margin-top: 60px;
    padding: 30px 0;
}

.sectionHeading {
    margin-bottom: 20px;
    text-align: center;
}
.sectionHeading span {
    color: #0069B4;
    font-family: 'effraregular';
    font-size: 32px;
    line-height: 32px;
}

.col-1-fifth {
    float: left;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
}
.homepageSliders .thumbnail,
#recommendedProducts .thumbnail {
    background-color: #0069B4;
    border-radius: 0;
    padding: 0;
    position: relative;
}
#recommendedProducts .thumbnail .productDimension {
    color: #FFFFFF;
    font-family: 'effrabold';
    font-size: 21px;
    padding: 5px 10px;
}

.homepageSliders .thumbnail.ecoFriendly {
    background-color: #95C11F;
}
.homepageSliders .productImage,
#recommendedProducts .productImage {
    background: #FFFFFF;
    padding: 15px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.homepageSliders .productImage img,
#recommendedProducts .productImage img {
    margin: 0 auto;
    transition: all 0.5s;
}
.homepageSliders .thumbnail:hover img,
#recommendedProducts .thumbnail:hover img {
    transform: scale(1.15);
}
.homepageSliders .thumbnailProductName,
#recommendedProducts .thumbnailProductName {
    min-height: 90px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    width: 100%;
}
.homepageSliders .thumbnailTable,
#recommendedProducts .thumbnailTable {
    min-height: 80px;
    width: 100%;
}
.homepageSliders .thumbnailTable p,
#recommendedProducts .thumbnailTable p {
    color: #FFFFFF;
    font-family: 'effrabold';
    font-size: 16px;
    line-height: 120%;
    margin: 0;
}
.homepageSliders a, 
#recommendedProducts a { text-decoration: none; }
.endOfLineItem {
    background-image: url('../images/main/end-of-line-item.png');
    background-repeat: no-repeat;
    background-size: 60px 60px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
}
.ecoFriendlyItem {
    background-image: url('../images/main/eco-friendly.png');
    background-repeat: no-repeat;
    background-size: 80px 90px;
    display: block;
    position: absolute;
    right: 5px;
    bottom: 65px;
    height: 90px;
    width: 80px;
}

.thumbnailPrices {
    background: #FFFFFF;
    padding: 10px 0;
}

#homepageSpecialsGrid { margin: 60px 0; }
.gridItem { padding: 0 10px; }
video {
    border: 1px solid #0069B4;
    float: left;
    object-fit: cover;
    width: 100%;
}
video::-webkit-media-controls-panel {
     background-image: linear-gradient(transparent, transparent); !important;
}

#categoryDescription h1 { margin-top: 0; }
#categoryDescription p { font-size: 14px; }

.catItems {
    border: 1px solid #DDDDDD;
    box-shadow: 1px 1px 4px #DDDDDD;
    margin-bottom: 2.5rem; }
.catItems a { display: block; }
.catItems p {
    color: #0069b4;
    font-size: 16px;
    font-family: 'effrabold';
    height: 48px;
    margin: 0;
    text-align: center;
    text-decoration: none;
}

.pname2 { font-size: 14px; }

.product_wrapper { width: 100%; }
.product_wrapper .productItem,
#brandedProducts .productItem { 
    border: 1px solid #DDDDDD;
    box-shadow: 1px 1px 4px #DDDDDD;
    padding-bottom: 25px; }
#brandedProducts .productItem { height: 380px; }

#grid .productItem,
#favouriteProducts .productItem {
    border: 1px solid #DDDDDD;
    box-shadow: 1px 1px 4px #DDDDDD;
    height: 300px;
    margin-bottom: 2.5rem !important; }

#favouriteProducts .productItem .product_des{
    height: 80px;
  }

#grid .productItem { height: 435px; }
#list .productItem{
    border: 1px solid #DDDDDD;
    box-shadow: 1px 1px 4px #DDDDDD;
    /*height: 170px;*/
    margin-bottom: 2.5rem !important; }
#list .productItem .hasImage {
    border-right: 1px solid #DDDDDD;
    transition: all 0.5s;  }

#grid .product_name,
#grid .product_container { padding: 0 15px; }

#favouriteProducts .productItem { padding-bottom: 20px; text-align: center; }

#grid .productInfoItems { height: 1px; }

#grid .productInfoNotes {
    height: 84px;
    overflow: hidden; }

#list .productInfo { padding: 10px 15px 0 0; }
#list .productInfoNotes { margin: 10px 0 0 0; }
#list .productInfoNotes ul {
    margin: 0 !important;
    padding: 0 !important; }
#list .productInfoNotes li,
#list .productInfoNotes p {
    line-height: 1.3;
    margin: 0; }
#list .productInfoNotes li,
#list .productInfoNotes li span,
#list .productInfoNotes p,
#list .productInfoNotes p span {
    color: #333333 !important;
    font-size: 14px !important;
}
#list .productInfoNotes li {
    margin-left: 15px !important;
    padding-left: 0 !important; }

#grid .btn-info {
    margin: 10px 0;
    width: 100%; }

#list .productPricing {
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px; }
#list .productPricing .btn-info { width: 100%; }
#grid .input-group .form-control,
#list .productPricing .input-group .form-control { text-align: center; }
#grid .btn-primary {
    margin: 10px 0 0 0;
    width: 100%; }
#list .productPricing .btn-primary {
    margin: 10px 0 0 0;
    width: 100%; }
#list .productPricing .btn-primary.show_price { margin-top: 0; }

#favouriteProducts .productItem h2 { font-size: 16px; }
#favouriteProducts .productItem p { font-size: 14px; }

.product_wrapper .thumbnail,
#list .thumbnail,
#favouriteProducts .thumbnail,
#brandedProducts .thumbnail { border: 0; }
#list .thumbnail {
    overflow: hidden;
    padding: 0; }
#list .thumbnail:hover .hasImage { transform: scale(1.05); }
.product_wrapper .mb-small { margin-bottom: 2.5rem !important; }

#brandedProducts .productItem .pricelin, 
#brandedProducts .productItem .pricelin1 {
    float: none;
    display: inline; }

#list .list-group-item { border: 0; }



.brandItems {
    margin-bottom: 30px;
    text-align: center; }
.brandItems p {
    font-family: 'effrabold';
    margin-top: 10px; }



#productDetails h1 {
    font-size: 24px;
    font-family: 'effrabold';
    margin: 0 0 20px 0; }
#productDetails p.stock { font-size: 20px; }

.prod_price_col { font-size: 30px; }
.prod_price_col small { 
    color: #000000;
    font-size: 16px;
    margin-left: 10px; }

#productDetails .btn {
    font-size: 16px;
    width: 100%; }
#productDetails .mt-1 { margin-top: 2rem; }

#sitePreFooter {
    background: #DEE3E7;
    margin-top: 10px;
    padding: 30px 0;
}
#siteBrandsFooter {
    background: #F2F2F2;
    padding: 30px 0;
}

#homepageBrandsSlider .productImage { overflow: hidden; }
#homepageBrandsSlider .productImage img { transition: all 0.5s; }
#homepageBrandsSlider .thumbnail:hover { background-color: transparent; }
#homepageBrandsSlider .thumbnail:hover img { transform: scale(1.15); }

.slick-slider .product_container {
    border: 1px solid #DDDDDD;
    box-shadow: 1px 1px 4px #DDDDDD;
    height: 280px;
    margin: 0 5px;
    padding: 20px; }
.slick-slider .product_container .st5 {
    display: block;
    font-size: 16px;
    height: 46px;
    overflow: hidden;
    margin-bottom: 10px; }

#sitePreFooter .heading {
    color: #0069B4;
    font-family: 'effraregular';
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 10px 0;
    text-align: center;
}
.articlesHolder {
    
}
.articlesHolder ul {
    margin: 0;
    padding: 0;
}
.articlesHolder ul li {
    font-family: 'effra_lightregular';
    font-size: 16px;
    height: 50px;
    line-height: 18px;
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
}
.articlesHolder ul li span {
    float: left;
    font-weight: bold;
    margin: 7px 0 0 10px; 
    text-align: left;
    width: 75%;  
}
.articlesHolder ul li a {
    color: #FFFFFF;
    display: block;
    height: 100%;
    position: relative;
    text-align: center;
    transition: all 0.5s;
}
.articlesHolder ul li.testimonialsItems a { background: #0069B4; }
.articlesHolder ul li.testimonialsItems a:hover { background: #95C11F; }
.articlesHolder ul li.newsItems a { background: #95C11F; }
.articlesHolder ul li.newsItems a:hover { background: #0069B4; }
.articlesHolder ul li a i {
    float: right;
    font-size: 36px;
    margin: 7px 10px 0 0;
    transition: all 0.5s;
}
.articlesHolder ul li a:hover i { margin-right: 5px; }
.moreArticles {
    font-family: 'effraregular';
    margin: 0;
    text-align: right;
}
.moreArticles a { color: #706F6F; }

#siteFooter {
    background: #0069B4;
    border-top: 3px solid #95C11F;
    padding: 50px 0;
}
#siteFooter .container { position: relative; }

#siteLinks { padding: 0; }
.footerLinks { padding: 0; }
.footerLinks p {
    color: #95C11F;
    font-family: 'effraregular';
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 10px 0;
}
.footerLinks ul {
    margin: 0;
    padding: 0;
}
.footerLinks ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footerLinks ul li a {
    color: #FFFFFF;
    font-family: 'effra_lightregular';
    font-size: 16px;
    line-height: 18px;
}

#footerSearchbox span {
    color: #FFFFFF;
    font-family: 'effra_lightregular';
    font-size: 13px;
    line-height: 100%;
}
#siteIconsPayments { padding: 0; }
#siteIconsPayments ul {
    float: left;
    margin: 0 0 12px 0;
    padding: 0;
}
#siteIconsPayments ul li {
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: 'effra_lightregular';
    font-size: 13px;
    line-height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 58px;
}
#siteIconsPayments ul li.last { margin-right: 0; }
#siteIconsPayments .siteNavIcons {  background-color: #FFFFFF; }
#siteIconsPayments .siteNavIcons.login { background-image: url('../images/main/login-icon-blue.png'); }
#siteIconsPayments .siteNavIcons.contact { background-image: url('../images/main/phone-icon-blue.png'); }
#siteIconsPayments .siteNavIcons.email { background-image: url('../images/main/email-icon-blue.png'); }
#siteIconsPayments .siteNavIcons.logout { background-image: url('../images/main/logout-icon-blue.png'); }
#siteIconsPayments .siteNavIcons.favourite { background-image: url('../images/main/favourite-icon-blue.png'); }
#siteIconsPayments .siteNavIcons.basket { background-image: url('../images/main/basket-icon-blue.png'); }

#siteIconsPayments ul li .badge {
    background-color: #FFFFFF;
    color: #0069B4;
    position: absolute;
    top: 26px;
    left: 36px;
}

#siteIconsPayments .siteNavIcons.facebook { background-image: url('../images/main/facebook-icon-blue.png'); }
#siteIconsPayments .siteNavIcons.linkedin { background-image: url('../images/main/linkedin-icon-blue.png'); }

#siteIconsPayments ul li:hover .siteNavIcons { background-color: #003c68; }
#siteIconsPayments ul li:hover .siteNavIcons.login { background-image: url('../images/main/login-icon.png'); }
#siteIconsPayments ul li:hover .siteNavIcons.contact { background-image: url('../images/main/phone-icon.png'); }
#siteIconsPayments ul li:hover .siteNavIcons.email { background-image: url('../images/main/email-icon.png'); }
#siteIconsPayments ul li:hover .siteNavIcons.email { background-image: url('../images/main/email-icon.png'); }
#siteIconsPayments ul li:hover .siteNavIcons.logout { background-image: url('../images/main/logout-icon.png'); }
#siteIconsPayments ul li:hover .siteNavIcons.basket { background-image: url('../images/main/basket-icon.png'); }
#siteIconsPayments ul li:hover .siteNavIcons.favourite { background-image: url('../images/main/favourite-icon.png'); }

#siteIconsPayments ul li:hover .siteNavIcons.facebook { background-image: url('../images/main/facebook-icon.png'); }
#siteIconsPayments ul li:hover .siteNavIcons.linkedin { background-image: url('../images/main/linkedin-icon.png'); }

.paymentLogo {
    background: #FFFFFF;
    float: left;
    margin: 0 5px;
}
.paymentLogo img { height: 38px; }
#astra-seal {
    float: left;
    margin-left: 5px;
}

#backToTop {
    background: #95C11F;
    border-radius: 25px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -72.5px;
    height: 40px;
    text-align: center;
    width: 40px;
}
#backToTop i {
    color: #FFFFFF;
    font-size: 24px;
    margin-top: 5px;
    transition: all 0.5s;
}
#backToTop:hover i { margin-top: 0px; }

.noPadding { padding: 0; }

.smallImageHolder,
.tallImageHolder,
.wideImageHolder { position: relative; }
.smallImageHolder i,
.tallImageHolder i,
.wideImageHolder i {
    color: rgba(255,255,255,0.6);
    font-size: 32px;
    position: absolute;
    bottom: 10px;
    right: 12px;
    transition: all 0.5s;
}
.smallImageHolder:hover i,
.tallImageHolder:hover i,
.wideImageHolder:hover i { right: 5px; }

#searchAssetsBox label {
    float: right;
    margin: 3px 5px 0 0;
}
#searchAssetsBox .form-control {
    border-radius: 0;
    float: right;
    height: 27px;
    padding: 3px 6px;
    width: 120px;
}

#pdfAssets,
.folderAssets {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
#pdfAssets li {
    float: left;
    list-style: none;
    margin-bottom: 20px;
    width: 25%;
}

#pdfAssets p {
    margin: 5px 0 0 0 !important;
    line-height: 105%;
}
#pdfAssets p a {
    color: #0069B4;
    font-size: 14px;
}

/* Vital 4D Landing Page */

#vital4dBanner,
#knowledgeCentreBanner {
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
}
.vitalContent,
.knowledgeCentreContent {
    color: #58595B;
    padding: 0 55px;
    text-align: center;
}
.vitalContent h1,
.vitalContent h2,
.knowledgeCentreContent h1,
.knowledgeCentreContent h2 {
    font-family: 'effra_lightregular';
    font-size: 54px; }

.vitalContent h3 {
    font-family: 'effrabold';
    font-size: 36px; }

.vitalContent h4,
.vitalContent h5,
.vitalContent h6 {
    font-family: 'effrabold';
    font-size: 32px;
    margin: 20px 0 10px 0; }

.vitalContent h1 strong,
.vitalContent h2 strong,
.vitalContent h3 strong { font-family: 'effrabold'; }

.vitalContent h5,
.vitalContent h6 { color: #2484C6; }

.vitalContent p,
.knowledgeCentreContent p {
    font-family: 'effra_lightregular';
    font-size: 24px;
    line-height: 125%;
    margin: 0 0 20px 0; }

#vitalGrid {
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto;
    width: 1060px; }
.vitalGridRow { display: flex; }

.vitalGridBlock { width: 50%; }
.vitalGridBlock.text { padding: 20px; }
.vitalGridBlock p {
    color: #FFFFFF;
    font-family: 'effra_lightregular';
    font-size: 17px;
    line-height: 125%;
    margin-bottom: 20px; }
.vitalGridBlock p.gridHeading {
    font-size: 42px;
    margin-bottom: 10px;
    line-height: 100%; }
.vitalGridBlock p.gridHeading strong { font-family: 'effrabold'; }
.vitalGridBlock a {
    background: rgba(255,255,255,0.4);
    border-radius: 10px;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'effrabold';
    line-height: 125%;
    padding: 5px 10px;
    text-align: center;
    transition: all 0.5s; }
.vitalGridBlock a:focus,
.vitalGridBlock a:hover {
    background: rgba(0,0,0,0.4); }

.vitalQuote {
    margin: 10px auto;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 960px; }
.vitalQuote span {
    display: inline-flex; }

.vitalQuote p {
    color: #2484C6;
    font-family: 'effrabold';
    font-size: 24px;
    line-height: 125%;
    margin: 0; }

#vitalRecommended {
    background: #E6E7E8;
    margin: 10px 0 20px;
    padding: 20px 0;
    text-align: center; }
#vitalRecommended h2 {
    color: #58595B;
    font-family: 'effra_lightregular';
    font-size: 54px;
    margin: 0 0 20px 0; }

/* Knowledge Centre */

#knowledgeCentreSearch {
    background: #0072BC;
    border-radius: 20px;
    height: 50px;
    margin: 20px auto;
    padding: 6px 20px;
    width: 1060px; }

#knowledgeCentreSearch p {
    color: #FFFFFF;
    float: left;
    font-family: 'effrabold';
    font-size: 28px;
    margin: 0; }
#knowledgeCentreSearch .form-control {
    border-radius: 18px;
    float: right;
    font-size: 20px;
    height: 46px;
    margin: -4px -18px 0 0;
    width: 60%; }
#knowledgeCentreSearch .form-control::-webkit-input-placeholder { color: #CCCCCC; }
#knowledgeCentreSearch .form-control::-moz-placeholder { color: #CCCCCC; }
#knowledgeCentreSearch .form-control:-ms-input-placeholder { color: #CCCCCC; }
#knowledgeCentreSearch .form-control:-moz-placeholder { color: #CCCCCC; }
#knowledgeCentreSearch .form-control:focused {
    border-color: transparent;
    box-shadow: unset;
    outline: 0;
}

#knowledgeCentreGrid {
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto 20px auto;
    width: 1080px; }
.kcGridBlock {
    height: 320px;
    width: 360px; }
.kcGridBlockLarge {
    height: 320px;
    width: 720px; }
.kcGridBlock.text,
.kcGridBlockLarge.text { padding: 20px 30px; }

.kcGridBlock p,
.kcGridBlockLarge p {
    color: #FFFFFF;
    font-family: 'effra_lightregular';
    font-size: 21px;
    line-height: 125%;
    margin-bottom: 20px; }
.kcGridBlock p.kcGridHeading,
.kcGridBlockLarge p.kcGridHeading {
    font-family: 'effrabold';
    font-size: 42px;
    margin-bottom: 10px;
    line-height: 100%; }

#featuredArticlesSection {
    margin: 10px auto 20px auto;
    width: 1080px; }
#featuredArticlesSection a { display: inline; }
.featuredArticles {
    background: #D1D8DC;
    color: #0072BC;
    float: left;
    height: 140px;
    margin-top: 15px;
    padding: 15px 20px;
    position: relative;
    width: 350px;
    transition: all 0.5s; }
.featuredArticles:focus,
.featuredArticles:hover {
    background: #48535B;
    color: #FFFFFF; }
.featuredArticles:focus span,
.featuredArticles:hover span { color: #FFFFFF; }
.featuredArticles.first, .featuredArticles.second,
.featuredArticles.fourth, .featuredArticles.fifth { margin-right: 15px; }
.featuredArticles p {
    font-family: 'effraregular';
    font-size: 24px;
    line-height: 110%;
    margin: 0; }
.featuredArticles span {
    color: #58595B;
    font-family: 'effraregular';
    font-size: 16px;
    position: absolute;
    left: 20px;
    bottom: 15px;
    transition: all 0.5s; }

#kcFooterContact {
    background: #E6E7E8;
    margin: 10px 0 0 0;
    padding: 20px 0; }
#kcFooterContact h3 {
    color: #58595B;
    font-family: 'effra_lightregular';
    font-size: 54px;
    margin: 0 0 20px 0; }

.kcContactForm .form-group { margin-bottom: 10px; }
.kcContactForm .form-control {
    border: 0;
    border-radius: 12px; }
.kcContactForm .form-control::-webkit-input-placeholder { color: #58595B; }
.kcContactForm .form-control::-moz-placeholder { color: #58595B; }
.kcContactForm .form-control:-ms-input-placeholder { color: #58595B; }
.kcContactForm .form-control:-moz-placeholder { color: #58595B; }
.kcContactForm textarea.form-control {
    height: 92px;
    resize: none; }

.kcContactForm .btn {
    border-radius: 12px;
    margin-top: 42px;
    width: 100px; }

.kcContactInfo { color: #58595B; }
.kcContactInfo h4 {
    color: #2484C6;
    font-family: 'effrabold';
    font-size: 36px;
    margin: 0 0 10px 0; }
.kcContactInfo h5 {
    font-family: 'effrabold';
    font-size: 21px;
    margin: 0 }
.kcContactInfo p {
    font-family: 'effraregular';
    font-size: 18px;
    line-height: 125%;
    margin: 0 0 30px 0; }
.kcContactInfo p strong { font-family: 'effrabold'; }

#categoryDetails {
    border: 1px solid #DDDDDD;
    margin-bottom: 20px;
    padding: 15px 0; }

/* Filter Sidebar */
#filterSidebarCol h3 { margin: 0 0 10px 0; }
#filterSidebar {}

#clearFilterOptions {
    display: none;
    margin-bottom: 10px;
    width: 100%; }
.filterItemsBlock {
    background: #F2F2F2;
    margin-bottom: 10px;
    padding: 10px 15px; }

.filterItemsBlock.addScrollbar  {
    height: 250px;
    overflow-y: scroll;
    overflow-x: hidden; }
.filterItemsBlock::-webkit-scrollbar { width: 15px; }
.filterItemsBlock::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-left: 5px solid white;
    border-right: 5px solid white; }
.filterItemsBlock::-webkit-scrollbar-thumb {
  background-color: rgb(0,105,180);
  min-height: 20px;
  outline: 1px solid rgb(0,105,180); }

#custom_modal .modal-body {
    max-height: 400px;
    overflow-y: auto;
    padding: 10px 15px;
}
#custom_modal .modal-body::-webkit-scrollbar{
    width: 15px;
}
#custom_modal .modal-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-left: 5px solid white;
    border-right: 5px solid white;
}
#custom_modal .modal-body::-webkit-scrollbar-thumb {
  background-color: #004b81;
  min-height: 20px;
  outline: 1px solid #004b81;
}


#filterSidebar .filterHeading {
    color: #0069b4;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px 0; }
#filterSidebar .pretty {
    margin-bottom: 10px;
    width: 100%; }
.pretty .state label:before { border-color: #333; }

#categoryMainCol.fullWidth { width: 100% !important; }
#categoryMainCol #sorts { width: 25%; }
#categoryMainCol .gridlist { margin: 0 15px; }

#categoryMainCol div.pagination { margin-top: 20px; }
#categoryMainCol div.pagination strong,
#categoryMainCol div.pagination a {
    border-color: #DDDDDD;
    background-color: transparent;
    color: #000000;
    font-size: 16px;
    margin: 2px 0 0 0;
    padding: 5px 8px; }

#categoryMainCol div.pagination strong {
    border-color: #0069B4;
    background-color: #0069B4;
    color: #FFFFFF; }

/* Media Queries */
#searchResults .product_wrapper .productItem { height: 460px; }
#searchResults.loggedin .product_wrapper .productItem { height: 510px; }

/* Basket Page */

#basketModalFooter {
    border-top: 1px solid #DDDDDD;
    margin-top: 5px;
    padding: 10px 0 0 0; }
.viewbas {
    float: left;
    width: 30%; }
.viewbas1 {
    float: right;
    text-align: right;
    width: 60%; }
.viewbas1 .btn { margin-left: 5px; }

@media (max-width:413px) {
    .viewbas,
    .viewbas1,
    .viewbas .btn,
    .viewbas1 .btn { width: 100%; }
    .viewbas1 .btn { margin: 10px 0 0 0; }
}

.basketRow {
    border-bottom: 1px solid #DDDDDD;
    display: inline-block;
    margin: 5px 0;
}
#basketReturnButtons { padding-left: 0; }
#basketReturnButtons .btn-warning { margin-left: 10px; }
#basketProceedButtons {
    padding-right: 0;
    text-align: right; }
#basketProceedButtons .btn-primary { margin-right: 10px; }


.downloadguideQuote {
    margin: 10px auto;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 960px; }
.downloadguideQuote p {
    color: #2484C6;
    font-family: 'effrabold';
    font-size: 24px;
    line-height: 125%;
    margin: 0; }

#downloadguide {
    font-size: 16px;
    line-height: 2em;
    margin: 0 auto;
    max-width: 1280px;
    position: relative; }

#downloadguide .wave {
    position: absolute;
    bottom: 0;
    left: 0; }
#downloadguide h1 {
    color: #FFFFFF;
    font-size: 32px;
    text-shadow: 1px 1px 1px #000000;
    position: absolute;
    top: 10px;
    left: 60px;
    width: 600px; }

#downloadguide span {
    color: #FFFFFF;
    font-size: 22px;
    text-shadow: 1px 1px 1px #000000;
    position: absolute;
    top: 90px;
    left: 60px;
    width: 600px; }

.downloadguide ul {
    margin: 0;
    padding: 0 0 0 15px; }

.downloadguideContent p:first-child {
    margin: 0 auto;
    width: 75%; }


#productInfoData {
    background: rgba(255,255,255,0.8);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10000;
}
#productInfoData table {
    color: #0069B4;
    font-weight: bold;
    height: 100%;
    text-align: center;
    width: 100%;
}


@media (max-width:767px) {
    #basketProceedButtons .btn-primary { margin-right: 0; }
    #basketReturnButtons .btn-warning,
    #basketProceedButtons .btn-success {
        margin: 10px 0 0 0; }
}
@media (max-width:480px) {

    #basketReturnButtons,
    #basketProceedButtons {
        padding: 0;
        width: 100%; }
   
    #basketProceedButtons {
        border-top: 1px solid #CCCCCC;
        margin-top: 10px;
        padding-top: 10px;
    }

    #basketReturnButtons .btn,
    #basketProceedButtons .btn { width: 100%; }

}

@media (min-width:1200px) {

    #filterSidebarCol { width: 20%; }
    #categoryMainCol { width: 80%; }
    

    .tallImageHolder {
        height: 420px;
        overflow: hidden;
    }
    .tallImageHolder img { margin-top: -2.5px; }
    
    #pdfAssets li:nth-child(4n+1) { clear: left; }

    .productPricing .pricelin-maincat-gridview { font-size: 24px !important; }

}

@media (min-width:992px) and (max-width:1199px) {

    #list .productInfo h2 { margin-bottom: 5px; }
    #list .productInfoNotes { margin-top: 5px; }

    .list-group-item-text,
    #list .productInfoNotes li,
    #list .productInfoNotes p { line-height: 1.2; }

    #list .productPricing .btn-info {
        font-size: 13px;
        margin-bottom: 15px;
        padding: 5px 10px; }
    #list .productPricing .btn-primary {
        font-size: 13px;
        margin-top: 15px;
        padding: 5px 10px; }

    #filterSidebarCol { width: 24%; }
    #categoryMainCol { padding-left: 0; width: 76%; }

    #pdfAssets li:nth-child(4n+1) { clear: left; }
    
    .mobileLogo { width: 30%; }
    .mobileSearch { margin-left: 2.5%; width: 32.5%; }
    .mobileIcons { width: 35%; }

    #siteSearch { padding: 82px 0 0 20px; }
    #siteSearch.restrictedPadding { padding: 22px 0 0 20px; }
    #siteSearch label,
    #logInAsBox,
    #searchbox { width: 95%; }

    #restrictedListBtn { margin-bottom: 15px; }

    #siteIconsContact ul li { font-size: 12px; width: 60px; }
    #siteIconsContact p {
        font-size: 36px;
        line-height: 36px;
    }

    #mainMenu .nav>li>a {
        font-size: 14px;
        padding: 10px 7.5px;
    }

    .hotlinkIcon {
        background-size: 30px 30px;
        height: 50px;
        width: 50px;
    }
    .hotlinks p { font-size: 16px; }

    .sectionHeading span {
        font-size: 26px;
        line-height:  26px;
    }
    .homepageSliders .thumbnailTable p,
    #recommendedProducts .thumbnailTable p { font-size: 14px; }

    #myTab.nav-tabs>li>a { padding: 6px 10px; }
    #myTab.nav-tabs>li>a h4 {
        font-size: 16px;
        margin: 5px 0 !important;
    }

    #vitalGrid, #knowledgeCentreGrid { width: 960px; }
    .vitalGridBlock p.gridHeading { font-size: 32px; }
    .vitalGridBlock p {
        font-size: 15px;
        margin-bottom: 15px; }

    .vitalContent h1, .vitalContent h2, 
    .knowledgeCentreContent h1, 
    .knowledgeCentreContent h2,
    #vitalRecommended h2 { font-size: 42px; }
    .vitalContent h3 { font-size: 28px; }
    .vitalContent h4, .vitalContent h5, 
    .vitalContent h6 { font-size: 26px; }
    .vitalContent p, .knowledgeCentreContent p { font-size: 18px; }

    #knowledgeCentreSearch, 
    #featuredArticlesSection { width: 960px }
    .kcGridBlock { height: 284px; width: 320px; }
    .kcGridBlockLarge { height: 284px; width: 640px; }
    .kcGridBlock p.kcGridHeading, 
    .kcGridBlockLarge p.kcGridHeading { font-size: 32px; }
    .kcGridBlock p, .kcGridBlockLarge p { font-size: 18px; }

    .featuredArticles { height: 130px; width: 310px; }
    .featuredArticles p { font-size: 21px; }

    video { height: 162.9px; }
    .wideImageHolder {
        height: 164px;
        overflow: hidden;
    }
    .wideImageHolder img { margin-top: -1px; }

    #sitePreFooter .wideImageHolder { height: auto; }

    #sitePreFooter .heading {
        font-size: 21px;
        line-height:  21px;
    }
    .articlesHolder ul li {
        font-size: 14px;
        line-height: 16px;
    }

    .footerLinks p {
        font-size: 21px;
        line-height:  21px;
    }
    .footerLinks ul li a {
        font-size: 14px;
        line-height: 16px;
    }

    #siteIconsPayments ul li { width: 53px; }

}

@media (min-width:992px){

    #mainMenu .nav .dropdown-menu>li>a { padding: 5px 30px 5px 10px; }
    .navbar-nav {
        width: 100%;
        display: flex;
        align-content: space-between;
        justify-content: space-between;
        align-items: center; }
    .navbar-nav ul .sub-arrow { margin-right: 10px !important; }

    #categoryMainCol #displayFilters { display: none; }

    .productPricing .pricelin-maincat-gridview { font-size: 18px; }

}

@media (max-width:991px) {

    .overlayBlock {
        background: rgba(0,0,0,0.8);
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 999; }

    #filterSidebarCol {
        background: #FFFFFF;
        position: fixed;
        top: 0;
        right: -100%;
        padding: 0 0 26px 0;
        height: 100%;
        width: 100%;
        z-index: 1000;
        transition: all 1s; }
    #filterSidebarCol.display { right: 0 }
    #categoryMainCol { margin-top: 20px; width: 100%; }

    #filterSidebarCol h3 {
        background: #FFFFFF;
        display: block;
        height: 36px;
        margin: 0;
        padding: 5px 15px;
        z-index: 10000; }
    #filterSidebarCol h3 span {
        cursor: pointer;
        font-size: 24px;
        float: right; }

    #filterSidebar {
        height: inherit;
        overflow-y: scroll; }

    #clearFilterOptions {
        margin: 0 auto 10px auto;
        width: 96%; }

    .filterItemsBlock.addScrollbar {
        overflow-x: unset;
        overflow-y: unset;
        height: unset; }

    #categoryMainCol #sorts {
        margin-bottom: 10px;
        width: 48%; }
    #categoryMainCol .gridlist { display: none; }
    #categoryMainCol #displayFilters {
        margin-bottom: 10px;
        width: 48%; }
    #categoryMainCol #displayFilters .btn { width: 100%; }
    .showAllProducts {
        clear: both;
        width: 48%; }
    .showAllProducts .btn { width: 100%; }



    #searchResults .product_wrapper .productItem .st127 { margin-left: 0; }

    .formLeft, .formRight { padding: 0; }

    .navbar-header { float: none; }
    .navbar-header p {
        color: #FFFFFF;
        font-family: 'effra_lightregular';
        float: right;
        margin: 16px 5px 0 0;
    }
    .navbar-header p.phoneNumber {
        color: #FFFFFF;
        font-family: 'effrabold';
        float: left;
        margin: 16px 5px 0 15px;
    }
    .navbar-header p.phoneNumber a { color: #FFFFFF; }
    .navbar-header p {
        font-size: 18px;
        margin-top: 13px; }

    .navbar-left,
    .navbar-right { float: none !important; }
    .navbar-toggle { display: block; }
    .navbar-toggle:focus,
    .navbar-toggle:hover { background: transparent !important; }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    #mainMenu.navbar-collapse { padding: 0; }
    .navbar-collapse.collapse { display: none !important; }
    .navbar-nav {
        float: none!important;
        margin: 0 !important;
    }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .collapse.in{ display:block !important;}
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #FFFFFF; }

    #hotlinksSection { padding: 0 10px; }

    .hotlinks { margin: 10px 0; }
    .hotlinks table { margin: auto; }

    .hotlinkIcon {
        background-size: 36px 36px;
        border-radius: 27px;
        height: 54px;
        width: 54px;
    }
    .hotlinks p { font-size: 18px; }

}

@media (min-width:768px){

    .navbar-nav>li>a { line-height: 20px !important; }

    #list .productItem .row { display: flex; }
    #list .productPricing {
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
    #list .productPricing .price-thumb { margin: 0; }

}

@media (min-width:768px) and (max-width:991px) {

    #list .productInfo h2 { margin-bottom: 5px; }
    #list .productInfoNotes { margin-top: 5px; }

    .list-group-item-text,
    #list .productInfoNotes li,
    #list .productInfoNotes p { line-height: 1.2; }

    #list .productPricing .btn-info {
        font-size: 13px;
        margin-bottom: 15px;
        padding: 5px 8px; }
    #list .productPricing .btn-primary {
        font-size: 13px;
        margin-top: 15px;
        padding: 5px 8px; }

    #filterSidebar .pretty { width: 45%; }

    #siteHeader { padding: 10px 0; }
    
    #pdfAssets li { width: 33.33333333%; }
    #pdfAssets li:nth-child(3n+1) { clear: left; }
    
    .mobileLogo { width: 30%; }
    .mobileSearch { width: 30%; }
    .mobileIcons { width: 40%; }

    #siteLogo { padding: 12px 0 0 10px; }
    #siteSearch { padding-top: 42px; }
    #siteSearch.restrictedPadding { padding: 0px 0 0 20px; }

    #restrictedListBtn {
        float: right;
        margin-bottom: 10px; }

    #siteSearch.noPadding #searchbox { margin-top: 10px; }

    #siteSearch label, 
    #logInAsBox,
    #searchbox { float: right; width: 85%; }
    #siteIconsContact ul { margin-bottom: 5px; }
    #siteIconsContact ul li { font-size: 11px; width: 60px; }
    #siteIconsContact p {
        font-size: 36px;
        line-height: 36px;
    }

    #mainMenu { border-bottom-width: 5px;  }

    .sectionHeading span {
        font-size: 26px;
        line-height:  26px;
    }
    .sectionContent { padding: 0 10px; }
    .homepageSliders .thumbnailTable p,
    #recommendedProducts .thumbnailTable p { font-size: 14px; }

    #myTab.nav-tabs>li>a { padding: 6px 10px; }
    #myTab.nav-tabs>li>a h4 {
        font-size: 16px;
        margin: 5px 0 !important;
    }

    #homepageSpecialsGrid { padding: 0 10px; }

    .vitalGridRow { flex-wrap: wrap; }
    #knowledgeCentreGrid { width: 740px; }
    #vitalGrid, .vitalQuote { width: 740px; }
    .vitalGridBlock { width: 100%; }
    .vitalGridBlock p.gridHeading { font-size: 32px; }
    .vitalGridBlock p {
        font-size: 15px;
        margin-bottom: 15px; }
     .vitalGridBlock img { width: 100%; }

    .vitalContent, .knowledgeCentreContent { padding: 0 20px; }

    .vitalContent h1, .vitalContent h2, 
    .knowledgeCentreContent h1, 
    .knowledgeCentreContent h2,
    #vitalRecommended h2 { font-size: 36px; }
    .vitalContent h3 { font-size: 24px; }
    .vitalContent h4, .vitalContent h5, 
    .vitalContent h6 { font-size: 21px; }
    .vitalContent p, .knowledgeCentreContent p { font-size: 18px; }

    #knowledgeCentreSearch, 
    #featuredArticlesSection { width: 740px }
    #knowledgeCentreSearch .form-control { width: 54%; }
    .kcGridBlock.text, .kcGridBlockLarge.text { padding: 15px 20px; }
    .kcGridBlock { height: 218px; width: 246px; }
    .kcGridBlockLarge { height: 218px; width: 492px; }
    .kcGridBlock p.kcGridHeading, 
    .kcGridBlockLarge p.kcGridHeading { font-size: 24px; }
    .kcGridBlock p, .kcGridBlockLarge p { font-size: 16px; }

    .featuredArticles {
        height: 140px;
        margin: 5px;
        width: 360px; }
    .featuredArticles.first, .featuredArticles.second, 
    .featuredArticles.fourth, .featuredArticles.fifth { margin-right: 5px; }

    .kcContactInfo {
        border-top: 1px solid #DDDDDD;
        padding-top: 10px;
        clear: both; }

    .featuredArticles p { font-size: 21px; }

    video { height: 189px; }

    .footerLinks { padding-left: 10px; }
    .footerLinks p {
        font-size: 21px;
        line-height:  21px;
    }
    .footerLinks ul li a {
        font-size: 14px;
        line-height: 16px;
    }

    #siteIconsPayments ul { margin: 0; }
    #paymentIconsHolder {
        float: right;
        margin: 8px 10px 0 0;
    }

    #downloadguide h1 {
        font-size: 26px;
        top: 0px;
        left: 20px;
        width: 490px; }
    #downloadguide span {
        top: 80px;
        left: 20px; }

}

@media (max-width:767px) {
   
    /*
    #siteSearch label, 
    #logInAsBox { display: none; }
    */

    #siteSearch.noPadding #searchbox { margin-top: 10px; }

    .enquiryForms .btn-success { float: none !important; }
    .contactBlocks { height: 220px; margin-bottom: 10px; }
    .contactBlocks p { font-size: 14px; }

}
@media (min-width:600px) and (max-width:767px) {

    #list form {
        float: left;
        padding: 0 10px;
        width: 50%; }
    #list .productInfo {
        text-align: center;
        padding: 10px 30px; }

    #list .productInfo h2 {
        font-size: 14px !important;
        height: 46px; }
    #list .productInfoItems { height: 84px }
    #list .productInfoNotes {
        height: 84px;
        margin-top: 10px; }

    .list-group-item-text,
    #list .productInfoNotes li,
    #list .productInfoNotes p { line-height: 1.2; }

    #list .productPricing {
        padding-left: 30px;
        height: 140px; }
    #list .productPricing .btn-info { margin-bottom: 10px; }
    #list .productPricing .btn-primary { margin: 10px 0; }

}
@media (max-width:599px) {

    #list .productInfo {
        text-align: center;
        padding: 10px 30px; }

    #list .productPricing { padding-left: 30px; }
    #list .productPricing .btn-info { margin-bottom: 10px; }
    #list .productPricing .btn-primary { margin: 10px 0; }

}

@media (min-width:480px) and (max-width:767px) {

    #filterSidebar .pretty { width: 45%; }

    #categoryMainCol div.pagination strong,
    #categoryMainCol div.pagination a {
        font-size: 14px;
        padding: 5px 7px; }


    #pdfAssets li { width: 50%; }
    #pdfAssets li:nth-child(2n+1) { clear: left; }
    
    /*
    .mobileLogo { width: 30%; }
    .mobileSearch { width: 30%; }
    .mobileIcons { width: 40%; }
    */
    

    #siteHeader { padding: 10px 0; }
    #siteLogo { padding: 20px 15px 8px 10px; }
    #siteLogo.removePadding { padding: 0 15px 0 10px; }

    #siteLogo img { width: 214px; }

    #siteSearch {
        float: right;
        padding: 0 10px 0 0 !important;
    }
    #siteSearch.addSmallPadding { padding: 20px 15px 0 10px !important; }
    #siteSearch.restrictedPadding { padding: 0 15px 0 10px !important; }

    #restrictedListBtn {
        float: right;
        font-size: 12px;
        margin-bottom: 5px;
        padding: 5px 10px; }

    #searchbox { float: right; }

    #siteIconsContact {
        clear: both;
        float: none;
        text-align: center;
        width: 100%;
    }


    #siteIconsContact ul {
        float: none;
        display: inline-block;
        margin: 15px 0 0 0;
        width: 90%;
    }
    #siteIconsContact ul li {
        font-size: 15px;
        width: 25%; }
    #siteIconsContact ul li.smaller { width: 20%; }
    #siteIconsContact ul li .badge { left: 60%; }

    #siteIconsContact p {
        font-size: 36px;
        line-height: 36px;
    }

    .navbar-header p.phoneNumber {
        font-size: 21px;
        margin-top: 10px; }
    .navbar-header p {
        font-size: 18px;
        margin-top: 13px; }

    .sectionHeading span {
        font-size: 26px;
        line-height:  26px;
    }
    .sectionContent { padding: 0 10px; }
    .homepageSliders .thumbnailTable p,
    #recommendedProducts .thumbnailTable p { font-size: 14px; }

    #homepageSpecialsGrid { margin: 40px auto; width: 370px; }


    .vitalGridRow { flex-wrap: wrap; }
    #vitalGrid, .vitalQuote { width: 90%; }
    .vitalGridBlock { width: 100%; }
    .vitalGridBlock p.gridHeading { font-size: 32px; }
    .vitalGridBlock p {
        font-size: 15px;
        margin-bottom: 15px; }
     .vitalGridBlock img, .kcGridBlock img { width: 100%; }

    .vitalContent, .knowledgeCentreContent { padding: 0 20px; }

    .vitalContent h1, .vitalContent h2, 
    .knowledgeCentreContent h1, 
    .knowledgeCentreContent h2,
    #vitalRecommended h2 { font-size: 24px; }
    .vitalContent h3 { font-size: 18px; }
    .vitalContent h4, .vitalContent h5, 
    .vitalContent h6 { font-size: 18px; }
    .vitalContent p, .knowledgeCentreContent p { font-size: 16px; }

    #knowledgeCentreGrid { width: 100%; }
    #knowledgeCentreSearch {
        border-radius: 0;
        height: 100px; }
    #knowledgeCentreSearch, 
    #featuredArticlesSection { width: 100% }
    #featuredArticlesSection { text-align: center; }
    #knowledgeCentreSearch .form-control { float: none; width: 100%; }
    .kcGridBlock.text, .kcGridBlockLarge.text { padding: 15px 20px; }
    .kcGridBlock { height: 200px; width: 50%; }
    .kcGridBlockLarge { height: 200px; width: 100%; }
    .kcGridBlock p.kcGridHeading, 
    .kcGridBlockLarge p.kcGridHeading { font-size: 24px; }
    .kcGridBlock p, .kcGridBlockLarge p { font-size: 16px; }

    .featuredArticles {
        display: inline-block !important;
        float: none;
        height: 140px;
        margin: 5px auto;
        width: 90%; }
    .featuredArticles.first, .featuredArticles.second, 
    .featuredArticles.fourth, .featuredArticles.fifth { margin-right: auto; }

    .kcContactInfo {
        border-top: 1px solid #DDDDDD;
        padding-top: 10px;
        clear: both; }

    .featuredArticles p {
        font-size: 21px;
        text-align: left; }

    #kcFooterContact h3 { font-size: 21px; }

    .footerLinks { padding-left: 10px; }
    .footerLinks p {
        font-size: 21px;
        line-height:  21px;
    }   
    .footerLinks ul li a {
        font-size: 14px;
        line-height: 16px;
    }

    #downloadguide h1 {
        font-size: 18px;
        margin-top: 10px;
        top: 0px;
        left: 15px;
        width: 420px; }
    #downloadguide span {
        font-size: 16px;
        top: 40px;
        left: 15px; }

}

@media (min-width:320px) and (max-width:479px) {

    #categoryMainCol #sorts {
        padding: 0 5px;
        width: 60%; }
    #categoryMainCol #displayFilters { width:38%; }

    #filterSidebar .pretty {
        width: 60%;
    }

    .showAllProducts {
        clear: both;
        margin-bottom: 10px;
        width: 100%; }
    .paginationholder {
        clear: both;
        float: none !important;
        text-align: center; }

    #pdfAssets li { width: 100%; clear: left; }

    .hidden-mob { display: none !important; }
    .display-mob { display: block; }
    .mobSpacer { display: block; }
    .spacer { height: 20px; }

    #siteHeader { padding: 10px 0; }
    #siteLogo {
        padding: 0 20px 20px 20px;
        text-align: center;
        width: 100%;
    }
    #siteLogo img {
        height: 90px;
        margin: auto; }

    #siteSearch {
        clear: left;
        float: none;
        padding: 0 20px !important;
        margin-bottom: 10px;
        width: 100%;
    }
    #restrictedListBtn {
        font-size: 12px;
        padding: 5px 10px;
        width: 100%; }
    #searchbox { float: none; }

    #siteIconsContact {
        clear: right;
        float: none;
        text-align: center;
        width: 100%;
    }
    #siteIconsContact ul {
        float: none;
        display: inline-block;
        margin: 10px 0 0 0;
        width: 90%;
    }
    #siteIconsContact ul li {
        font-size: 10px;
        width: 25%; }
    #siteIconsContact ul li.smaller { width: 20%; }
    #siteIconsContact ul li .badge { left: 60%; }

    #siteIconsContact p {
        font-size: 36px;
        line-height: 36px;
    }

    .navbar-header p.phoneNumber {
        font-size: 21px;
        margin-top: 10px; }
    .navbar-header p {
        font-size: 18px;
        margin-top: 13px; }

    .sectionHeading span {
        font-size: 18px;
        line-height:  18px;
    }
    .sectionContent { padding: 0 10px; }
    .homepageSliders .thumbnailTable p,
    #recommendedProducts .thumbnailTable p { font-size: 14px; }

    #homepageSlidersContainer { margin-top: 0; }

    #homepageSpecialsGrid { margin: 40px auto; width: 280px; }
    video { height: 150px; }


    .vitalGridRow { flex-wrap: wrap; }
    #vitalGrid, .vitalQuote { width: 90%; }
    .vitalGridBlock { width: 100%; }
    .vitalGridBlock p.gridHeading { font-size: 21px; }
    .vitalGridBlock p {
        font-size: 14px;
        margin-bottom: 15px; }
     .vitalGridBlock img, .kcGridBlock img { width: 100%; }

    .vitalContent, .knowledgeCentreContent { padding: 0 20px; }

    .vitalContent h1, .vitalContent h2, 
    .knowledgeCentreContent h1, 
    .knowledgeCentreContent h2,
    #vitalRecommended h2 { font-size: 18px; }
    .vitalContent h3 { font-size: 16px; }
    .vitalContent h4, .vitalContent h5, 
    .vitalContent h6 { font-size: 16px; }
    .vitalContent p, .knowledgeCentreContent p { font-size: 14px; }

    #knowledgeCentreGrid { width: 100%; }
    #knowledgeCentreSearch {
        border-radius: 0;
        height: 86px; }
    #knowledgeCentreSearch p { font-size: 21px; }
    #knowledgeCentreSearch, 
    #featuredArticlesSection { width: 100% }
    #featuredArticlesSection { text-align: center; }
    #knowledgeCentreSearch .form-control {
        border-radius: 5px;
        font-size: 15px;
        height: 40px;
        float: none;
        width: 100%; }
    .kcGridBlock.text, .kcGridBlockLarge.text { padding: 15px 20px; }
    .kcGridBlock { height: 220px; width: 100%; }
    .kcGridBlockLarge { height: 240px; width: 100%; }
    .kcGridBlock p.kcGridHeading, 
    .kcGridBlockLarge p.kcGridHeading { font-size: 21px; }
    .kcGridBlock p, .kcGridBlockLarge p { font-size: 16px; }

    .featuredArticles {
        display: inline-block !important;
        float: none;
        height: 140px;
        margin: 5px auto;
        width: 90%; }
    .featuredArticles.first, .featuredArticles.second, 
    .featuredArticles.fourth, .featuredArticles.fifth { margin-right: auto; }

    .kcContactInfo {
        border-top: 1px solid #DDDDDD;
        padding-top: 10px;
        clear: both; }

    .featuredArticles p {
        font-size: 21px;
        text-align: left; }

    #kcFooterContact h3 { font-size: 21px; }
    .kcContactForm .btn { margin: 0 0 10px 0; width: 100%; }
    .kcContactInfo h4 { font-size: 21px; }
    .kcContactInfo h5 { font-size: 18px; }
    .kcContactInfo p { font-size: 16px; }

    .vitalQuote p { font-size: 18px; }

    .footerLinks { padding-left: 10px; }
    .footerLinks p {
        font-size: 21px;
        line-height:  21px;
    }   
    .footerLinks ul li a {
        font-size: 14px;
        line-height: 16px;
    }


    #sitePreFooter .heading {
        font-size: 21px;
        line-height:  21px;
    }
    .articlesHolder ul li {
        font-size: 12px;
        line-height: 15px;
    }
    .articlesHolder ul li span { width: 80%; }
    .articlesHolder ul li a i { font-size: 24px; margin-top: 12px; }

    .enquiryForms .btn-success { width: 100%; }

    .footerLinks {
        padding: 0 10px;
        text-align: center;
        width: 100%;
    }
    .footerLinks p {
        font-size: 21px;
        line-height:  21px;
    }   
    .footerLinks ul li a {
        font-size: 14px;
        line-height: 16px;
    }

    #siteIconsPayments { text-align: center; }
    #siteIconsPayments ul { float: none; display: inline-block; }
    #siteIconsPayments ul li { font-size: 12px; width: 50px; }
    #siteIconsPayments .siteNavIcons {
        background-size: 28px 28px;
        height: 36px;
        margin-bottom: 8px;
        width: 36px;
    }
    #siteIconsPayments ul li .badge { left: 28px; }

    #paymentIconsHolder { text-align: center; }
    .paymentLogo { float: none; display: inline-block; }
    #astra-seal { float: none; margin: 10px 0 0 0; }

    #downloadguide h1 {
        font-size: 18px;
        margin-top: 10px;
        top: 0px;
        left: 15px;
        width: 90%;
    }
    
    #downloadguide span,
    #downloadguide .wave { display: none; }

}