body {
    font-family: 'PT Sans', sans-serif;
    margin-bottom: 345px;
}
a, .quotesubmitinput-prodlist, .wishlistsubmitinput-prodlist, .addFavourite, .moveFavourite {
    color: #555555;
}
.quotesubmitinput-prodlist:hover, .quotesubmitinput-prodlist:active, .quotesubmitinput-prodlist:focus {
    color: #62283c;
}
.btn-primary {
    background-color: #62283c;
    border-color: #62283c;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #494949;
    border-color: #494949;
}
.btn-primary.disabled {
    background-color: #cccccc;
    border-color: #cccccc;
    color: #aaa;
}

header {
    margin-top: 44px;
    background: #62283c;
}
.navbar-default {
    background: #fff;
    border: none;
    box-shadow: none;
}
.navbar-myaccount .fas { color: #62283c; }

.head-phone {
    padding: 10px 20px;
    display: inline-block;
}
.head-phone span { color: #62283c; }
#header-detail { margin:10px 0; }
.header-search {
    float: left;
    width: 55%;
}
.header-search .searchform .searchterm {
    background: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1);
    font-style: italic;
    border: 1px solid #fff;
}
.header-search .searchform .btn {
    background: #fff;
    border: 1px solid #fff!important;
}
.header-search .searchform .btn .fas {
    font-size: 16px;
    color: #62283c;
}
.header-search .searchform { margin-top: 27px; }

.header-basket-link .header-links-text, .header-basket-link .basket-head-items { display: inline; }
.header-basket a { line-height: 20px; }
.header-login-basket { float: right; width: 40%; }
.header-basket a, .myaccount-login a { color: #fff; }
.header-login-basket .header-basket-link { display: block; }
.header-login-basket .header-basket-link, .header-login-basket .myaccount-login { padding: 10px; }
.header-login-basket .header-basket-link:hover { background-color: #4c1f2e; border-radius: 4px; }
.header-login-basket h5 { font-size: 15px; margin: 7px 0 0 0; }
.header-login-basket, .header-basket-link { line-height: 20px; }
.header-links-text, .basket-head-items { font-size: 13px; }
.header-basket-text { margin-bottom: 0px; color: #fff; }
.header-basket { float: right; padding:0; }
.head-login {
    display: inline-block;
    color: #fff;
    text-align: center;
}
.myaccount-login { float: right; margin-right: 10px; }
.header-login-basket .fas { font-size: 30px; }
.head-login a:hover { color: #fff; }
.head-login p { margin-bottom: 0px; font-size: 13px; }

.menu-container {
    background-color: #656569;
    padding: 0px;
    margin-top: 4px;
    border-top: 5px solid #fff;
}
.menu-container .yamm {
    background: transparent;
}


.level1.Workshop-Consumables-class:hover { background-color: #D18D58; color: #fff;}
.level1.Workshop-Consumables-class:hover > a { color: #fff;}
.level1.Door-Hardware-class:hover { background-color: #9CC1A8; color: #fff;}
.level1.Door-Hardware-class:hover > a { color: #fff;}
.level1.Window-Hardware-class:hover { background-color: #8BADDC; color: #fff;}
.level1.Window-Hardware-class:hover > a { color: #fff;}
.level1.Weather-Seals-class:hover { background-color: #66AFAE; color: #fff;}
.level1.Weather-Seals-class:hover > a { color: #fff;}
.level1.Cabinet-Hardware-class:hover { background-color: #805885; color: #fff;}
.level1.Cabinet-Hardware-class:hover > a { color: #fff;}
.level1.Gate-Hardware-class:hover { background-color: #739479; color: #fff;}
.level1.Gate-Hardware-class:hover > a { color: #fff;}
.level1.Roof-Capping-Systems-class:hover { background-color: #A6A6A7; color: #fff;}
.level1.Roof-Capping-Systems-class:hover > a { color: #fff;}

.navbar-greeting { padding-top: 11px; }

.tooltipcontainer, .tooltipcontainer.fixed {
    top: 0px;
}

.home-info-points {
    margin-top: 20px;
}
.home-info-points div:first-child {
    padding-left: 50px;
}
.home-info-points p {
    display: inline-block;
    width: 75%;
    line-height: 16px;
}
.home-info-points .fas {
    font-size: 22px;
    color: #62283c;
    vertical-align: top;
    padding-right: 10px;
}
.homecarousel {
    margin-top: 8px;
}
.featured-list .thumbnail {
    border: 0px;
}
.featured-list a h2 { font-size: 16px; color: #656569; text-align: center; }
.featured-list .image-container { min-height: 215px; }

.featured-title {
    text-align: center;
    background: transparent;
    font-weight: 500;
}

.newsletterform {
    padding: 50px;
    background-color: #f2f2f2;
    margin: 0 0 50px 0;
    text-align: center;
}
.newsletterform .newsletterfield { margin-right: 20px; width: 50%; border-radius: 4px; border:1px solid #ccc; padding: 7px; }
.newsletterform form { text-align: center; }
.newsletterform .newsletter-btn { border: 1px solid #62283c; padding: 7px 25px; border-radius: 4px; }

.breadcrumb {
    background: transparent;
    border: 0px;
}
.breadcrumb a {
    color: #555;
}

.main-heading {
    color: #62283c;
    font-weight: 500;
}

.category-box, .product-box, .grouped-category-box {
    border-radius: 4px;
    text-align: center;
    max-height: 450px;
}
.grouped-cat-caption {
    height: 105px;
}
.grouped-cat-price-label {
    height: 44px;
}
.grouped-category-box h3 { margin: 10px 0px; }

.product-box .quantity, .product-box .basketsubmit, .product-box .quoteform, .product-box .level {
    display: none;
}
.product-box .add {
    height: 45px;
}
.product-caption h2 {
    font-weight: 400;
    font-size: 16px;
}
.caption__overlay__title {
    display: none;
}

.grid-view-buttons .wishlistform { display: none; }

.product-group .image, .product-details .image { min-height: 400px; }
.price, .pricegp { color: #62283c; font-weight: 600; }
.altimg img { max-height: 50px; }

.fa-filter { display: none; }
.product-filter-container .panel-heading .panel-title { font-weight: 100; }
.product-filter-container { background: none; }
.panel-default > .panel-heading { background-color: #f5f5f5; }
.product-filter-container label.option:hover { text-decoration: underline; }

.alsobought-container { border: 0px; }
.pgroup .alsobought-container { padding: 15px 0px; }

.product-filter-container .panel-body .panel-default > .panel-heading { background-color: #fff; color: #666; margin-bottom: 10px; }
#leftsidebar .panel-title .collapsed::after { color: #666; font-size: 11px; padding-top: 4px;  }
#leftsidebar .panel-title a::after { color: #666; font-size: 11px; padding-top: 4px; }
.panel-body .panel-default > .panel-heading a:hover { background-color: transparent; color: #666; }
#leftsidebar .panel-default > .panel-heading a:hover { background-color: #ddd; color:#666; }
.panel { box-shadow: none; }
.product-filter-container #accordion { border: none; padding: 0; }
.product-filter-container #accordion .panel-heading a, .product-filter-container #accordion .panel-heading a.collapsed { padding-left: 5px; }
#leftsidebar .portal.panel-default > .panel-heading a:hover { background-color: #5f6975; color:#fff; }

.caption__overlay__title {
    transform: translateY( calc(-100% - -55px) );
}

.pdetails .add .quantity {
    text-align: left;
}
#quantitybreaktable td {
    font-size: 13px;
}
.brktable {
    margin: 15px 0px;
    color: #555555;
}
.brktable > table th {
    font-size: 12px;
}

select.btn.groupedProduct {
    min-width: 170px;
    background-color: #e7e7e7;
}

#accordian-desc-large .panel-body ul li::before {
    content: "\2022";
    color: #622c3e;
    display: inline-block;
    width: 1em;
}
#accordian-desc-large .panel-body ul li a {
    display: contents;
}

#accordion {
    margin-bottom: 25px;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 15px;
}
#accordian-desc ul {
    list-style: none;
}

.addtoquote-prodgrp-table #quotesubmitinput, #wishlistsubmitinput { color: #555; }

.addtoquote-prodgrp-table #quotesubmitinput:hover, .addtoquote-prodgrp-table #quotesubmitinput:active, .addtoquote-prodgrp-table #quotesubmitinput:focus {
    color: #222;
    text-decoration: underline;
}

.plist-listview-item .wishlistsubmitinput-prodlist { margin-right: 20px; }
.wishlistsubmitinput-prodlist:hover, .wishlistsubmitinput-prodlist:active, .wishlistsubmitinput-prodlist:focus {
    color: #222222;
}

.plist-listview-item .moveFavourite { margin-right: 20px; }

.table.group .brktable {
    margin: 0px;
}

.flexslider-image {
    position: relative;
}
.flexslider-image img {
    margin: 0 auto;
}
.flexslider-image .caption {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 200px;
    margin-left: 15%;
    width: 45%;
    text-align: left;
    z-index: 3;
}
.flexslider-image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
/*    background: rgba(50, 50, 50, .2);*/
    z-index: 2;
}
.flexslider-image .caption h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 500;
    min-height: 130px;
}
.flexslider-image .caption .btn {
    margin-top: 10px;
    border-radius: 4px;
    width: 110px;
}
.flexslider-image a:hover {
    text-decoration: none;
}

.homecarousel .owl-dots { bottom: 0px; }
.owl-dot span {
    border: 3px solid #555555;
    background: transparent;
    width: 16px;
    height: 16px;
}
.owl-dot.active span {
    background: #62283c;
    -moz-box-shadow: 0 0 10px #fff;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
}

#home-sub-adds img { border: none; }

#home-sub-adds2 { margin-top: 20px; }

.main-cat-level { width: 33%; }

.nav-tabs {
    background-color: #f2f2f2;
    border: 0px;
    margin-top: 20px;
    border: 0px;
    border-bottom: 1px solid #f2f2f2;
}
#product-tabs.nav-tabs li a {
    padding: 12px 13px;
    background-color: #f2f2f2;
    border-right: 1px solid #dcdcdc;
    margin-right: 0px;
}
#product-tabs.nav-tabs li:last-child a {
   border-right: 0px;
}
#product-tabs.nav-tabs li.active a {
    background-color: #494949;
    color: #fff;
}

.suggested-box-price, .alsobought-box-price {
    height: 55px;
}
.suggestedbox > div {
    /* width: 20%; */
}
.suggestedbox .suggested-container {
    border: 0px;
}
.suggestedbox .suggested-container .btn-primary {
    background: #f1f1f1;
    border-color: #f1f1f1;
    color: #494949;
}
.suggestedbox .suggested-container .btn-primary:hover, .suggestedbox .suggested-container .btn-primary:focus {
    background: #62283c;
    border-color: #62283c;
    color: #fff;
}

.frmPageNav {
    border-top: 0px;
}

.tooltipcontainer, #tooltipcontainer.fixed {
    top: 0px;
}
.tooltipcontainer .data {
    text-align: center;
    background: #494949;
    background: #090;
}
.tooltipcontainer .basket-notification {
    opacity: 1;
}

.alsobought-container div.row > div {
    width: 20%;
}
.alsobought-container .alsobought-box {
    border: 0px;
}
.alsobought-container .alsobought-box .btn-primary {
    background: #494949;
    border-color: #494949;
    color: #ffffff;
}
.alsobought-container .alsobought-box .btn-primary:hover, .alsobought-container .alsobought-box .btn-primary:focus {
    background: #62283c;
    border-color: #62283c;
    color: #ffffff;
}

footer { padding: 50px 0 70px; }
footer, #footer {
    background: #7e7e82;
    color: #fff;
    font-size: 13px;
}
#footer h4 {
    font-weight: normal;
}
#footer a { color: #fff; }
#footer .footer-social {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 0px 6px;
    background: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    float: right;
    padding: 5px;
}
#footer .footer-social .fab {
    color: #7e7e82;
    font-size: 18px;
    vertical-align: top;
}
#footer .social {
    float: right;
    width: 100%;
}
#footer #sagepayLogo {
    float: right;
    margin-top: 15px;
}
#poweredByOGL {
    float: right;
}
#footer a#poweredByOGL:hover {
    color: #bbbbbb;
}

.footer-top {
    background-color: #f1f1f1;
    padding: 25px 0px;
}
.footer-top .image, .footer-top .text {
    float: left;
    border: 0px;
}
.footer-top .image {
    width: 35%;
}
.footer-top .text {
    width: 50%;
    text-align: center;
    padding-top: 10px;
    line-height: 18px;
}
.footer-top .text img {
    margin: 0 auto;
}
.footer-top .image .fa {
    font-size: 80px;
    color: #62283c;
}

#footer .footer-right { margin-bottom: 30px; }
#footer .useful-links { padding-left: 0; }

/* Megamenu Style */
.dropdown-menu {
    background-color: #ffffff;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:0px;
    margin-left:0px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
    background-color: #fff;
    height: 100%;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    margin-top:5px;
    margin-right:-10px;
}

/* New Megamenu Setup */
.yamm { margin-top: 0; }
.yamm .nav { background-color: #656569; }
.navbar .level1 { background: #656569 url(../images/nav-divline.png) no-repeat center right; }
.navbar .level1:last-child { background-image: none; }
.navbar .level1 > a { color: #fff; }
.navbar .level1 .nav-heading { padding-bottom: 6px; }
.navbar .level1 .nav-heading a { color: #72243c!important; }
.navbar .level3 { line-height: 14px; padding-bottom: 6px; }
.navbar .level3 a { font-size: 13px; }
.yamm .nav-heading a { color: #555555; }
#main-nav2 > ul > li > ul { border-top: 0px; }

.yamm .level1.D18D58:hover {
    background-color: #D18D58;
}

/* Old Megamenu Setup
.nav > li > a {
    padding: 16px 13px;
}
.navbar .level1 {
    height: 53px;
}
#main-nav2 {
    z-index: 10;
}
#main-nav2 > ul > li > ul {
    border: 0px;
}
#main-nav2 .level1 ul {
    width: 380px;
    padding: 10px 0px;
    min-height: 540px;
    height: auto;
}
#main-nav2 > ul > li.level1 {
    background: #656569 url(../images/nav-divline.png) no-repeat center right;
}
#main-nav2 > ul > li.level1:last-child {
    background-image: none;
}
#main-nav2 > ul > li.level1:first-child {
    background-color: #494949;
}
#main-nav2 li.level1 ul ul {
    border-right: 1px solid #ccc;
}

#main-nav2 li .fa { display: none; }

.navbar .dropdown-menu > li > a, .navbar .dropdown-menu > li > a:focus {
    margin: 0px 20px;
    font-size: 15px;
}
.navbar .level1 > a {
    color: #fff;
}
.navbar .level1 a:hover, .navbar .level1 a:focus {
    background-color: #62283c;
    color: #fff;
}
#main-nav2 li:hover > a, #main-nav2 li:focus > a {
    background-color: #62283c;
    color: #fff;
}
#main-nav2 li:hover > a .fa {
    float: right;
    display: inline-block;
    font-size: 20px;
}
#main-nav2 li .fa-bars, #main-nav2 li:hover > a .fa-bars {
    display: inline-block;
    float: none;
    color: #fff;
    font-size: 15px;
}
*/

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: transparent;
}

#basketupdatebasket .btn-primary, #basketemptybasket .btn {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    color: #555555;
}

.drilldown a.navback { background-color: #494949; color: #fff; border-bottom: 1px solid #fff; padding: 10px; }
.drilldown li { background: #c8c8c8; border-color: #fff; }
.drilldown li.static { background-color: #fff; }
.drilldown a { color: #494949; }

#loginform .bottom, .guestcheckout { margin-top: 10px; }
.guestcheckout label, .guestcheckout input { display: none; }

.alert { text-align: center; font-size: 13px; }
.delopt div { margin-right: 10px; }

#minordval {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
fieldset#minordval {
    border: 0px;
}
#minordval .btn {
    margin-top: 20px;
}

#SearchResults {
    top: 65px;
}

.review .user {
    font-size: 12px;
}
#accordian-reviews .total, #reviews .total {
    font-size: 12px;
    color: #666666;
}
#accordian-reviews .none, #reviews .none {
    margin-top: 10px;
}
.rating:not(:checked) > label {
    text-shadow: none;
}
.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label,
.rating > input:checked + label:hover, .rating > input:checked + label:hover ~ label, .rating > input:checked ~ label:hover, .rating > input:checked ~ label:hover ~ label, .rating > label:hover ~ input:checked ~ label {
    color: #62283c;
    text-shadow: none;
}
#accordian-reviews > div > div > div.total {
    padding-top: 0px;
}

.postcode-estimator-result fieldset.delopt { margin-top: 20px; }
.postcode-estimator-result fieldset.delopt legend { font-size: 15px; margin-top: 10px; margin-bottom: 10px; }
.postcode-estimator-update-btn { margin-top: 20px; }

#deliverycharges .delopt div:nth-child(2) { max-width: 350px; }





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

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    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);
      }
}

.g-recaptcha {
    margin: 10px auto;
}
.g-recaptcha > div {
    margin: auto;
}

.btn-primary[disabled], .btn-primary[disabled]:hover {
    background-color: #7e7e82;
    border-color: #62283c;
}
input[name="sbe"] { display: none; }

span.price { font-size: 17px; }

#logo { margin-top: 32px; }

@media only screen and (min-width: 700px) {
    /* Removed as hiding shop menu
    .header-search .searchform {
        width: 140%;
    }
    */
}
 
@media only screen and (min-width: 600px) {
    header-search .searchform { width: 140%; }
}
 
@media only screen and (max-width: 767px) {
    #logo {
        max-width: 90%;
        margin-top: 6px;
    }
}
 
.price-vat-switch .price{
    font-weight: 100 !important;
}
 
@media only screen and (min-width: 600px) {
    .alsobought-container div.row > div {
        width: 20%;
    }
}
 
@media only screen and (max-width: 767px) {
    .alsobought-container div.row > div {
        width: 50% !important;
    }
}
.suggested-container {
    margin: 20px 0;
    border: 1px solid #DDDDDD;
    padding: 5px;
}
.suggestedbox {
    clear: both;
}
h2.suggested {
    font-size: 19px;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
    border-bottom: 1px solid #DDDDDD;
    height: 35px;
    font-weight: bold;
    margin-left: 15px;
}
.alsobought-container h2 {
    font-weight: bold;
}
.selectors .grpselectlabel {
    min-width: 170px;
}

#accordian-desc ul li::before {
  content: "\2022";
  color: #622C3E;
  display: inline-block;
  width: 1em;
}

#accordion ul > ul {
   padding-left: 55px;
   list-style-type: circle;
}
#accordion ul > ul li::before {
  display: none;
}
.grouped-cat-caption h2 {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
}

#red-price .price-block {
    color: red !important;
}
#red-price .price-block .price {
    color: red !important;
}
#red-price .grouped-cat-price-label {
    color: red !important;
}
#red-price .price {
    color: red !important;
}

a.navbar-myaccount.quote.hidden-xs {
    margin-top: 15px;
}

a.navbar-myaccount.hidden-xs {
    margin-top: 17px;
    margin-bottom: 0;
}
a.navbar-myaccount.static {
    margin-top: 18px;
}

a.navbar-greeting.hidden-xs.hidden-sm {
    margin-top: 15px;
}

a.head-phone {
    margin-top: 18px;
}

.home-info-points {
    margin-top: 10px;
}

.homecarousel {
    margin-top: 1px;
}

.navbar.navbar-default.navbar-fixed-top {
    margin-top: -15px;
}

@media only screen and (max-width: 768px) {
    .slides .owl-item .flexslider-image img {
        height: 40%;
        width: 100%;
    }
    .homecarousel {
        height: 170px;
    }
    .owl-stage-outer {
        height: 170px;
    }
}

.alsobought-caption {
    height: 75px !important;
    padding-top: 0px !important;
    padding-bottom: 28px !important;
}

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

@media only screen and (min-width: 1200px) {
    .flexslider-image .caption { width: 40%; margin-left: 25%; }
    #logo { height: 55px; }
}

@media only screen and (max-width: 1024px) {
    .flexslider-image .caption { width: 25%; bottom: 90px; margin-left: 10%; }
    .flexslider-image .caption h2 { font-size: 24px; }

    .home-info-points small { font-size: 75%; }
    #footer div.row > div { padding-right: 0px; }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .header-login-basket .myaccount-login { padding-right: 0px; margin-right: 5px; }
}

@media only screen and (max-width: 992px) {
    .navbar-toggle { display: none; }
    #collapse-nav { padding: 12px 25px; border-right: 1px solid #fff; background: #494949; display: inline-block; color: #fff; }
    #collapse-nav:hover, #collapse-nav:focus { text-decoration: none; }
    .header-search.tablet { display: block; float: right; width: 72%; }
    .header-search.tablet .searchform { margin: 0px; }
    .header-search.tablet .searchform .form-control { height: 44px; border-radius: 0;}
    .header-search.tablet .searchform .input-group-btn .btn { padding: 11px 10px;border-radius: 0;}
    .favourite-product-buttons .add .buy-qty { max-width: 45px; margin-bottom: 5px; }
    .favourite-product-buttons .add .dec, .favourite-product-buttons .add .inc { padding: 6px 9px; }
    .favourite-product-buttons .brktable { display: none; }
    #main-nav2 { position: absolute; z-index: 100; width: 100%; background-color: #fff; max-height: 500px; }
    #main-nav2 li .fa { display: inline-block; }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    body { margin-bottom: 600px; }
    .head-phone { padding: 10px 0px; }
    .navbar-header #collapse-nav { display: none; }
    .header-login-basket { width: 100%; }
    .navbar-myaccount.quote { padding-right: 40px; }

    #logo { margin-top: 14px;}
    #offers { color: #fff; padding: 11px 25px; }

    .footer-top .container > div { padding-left: 0px; }
    .footer-top .text { font-size: 12px; line-height: 15px; }
    .footer-top .image .fa { font-size: 50px; }
    .footer-top .container > div:nth-child(3) .image { width: 28%; }
    .footer-top .container > div:nth-child(3) .text { width: 65%; }
}

@media only screen and (max-width: 768px) {
    body { margin-bottom: 530px; }
    #header-logo { margin-top: 6px; }
    .home-info-points div:first-child { padding-left: 25px; }
    .pdetails { margin-top: 10px; }
    .newsletterform { padding: 50px 0px; }
    .featured-list .image-container { min-height: 150px; }
    #footer .footer-right { text-align: center; margin-top: 40px; }
    #footer #sagepayLogo { float: none; }
    #footer #sagepayLogo img { margin: 0 auto; }
    #footer .social { float: none; display: inline-block; width: auto; }
    #footer div.row:nth-child(2) > div { text-align: center; }
    #footer div.row:nth-child(1) > div { padding-left: 15px; }
    #poweredByOGL { float: none; }

    .homecarousel {  height: 300px;  }
    .slides .owl-item .flexslider-image { overflow: hidden; height: 300px; }
    .slides .owl-item .flexslider-image img {
        position: absolute;
        left: 50%;
        top: 0%;
        height: 300px;
        width: 880px;
        max-width: 800px;
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
    .flexslider-image .caption h2 { min-height: 95px; }
    .head-container.navigation { margin-top: 0px; }

    .home-info-points p { font-size: 13px; }
    .home-info-points small { font-size: 85%; }
    #accordion { padding: 0; border: none; }
}

@media only screen and (max-width: 767px) {
    body { margin-bottom: 600px; }
    .navbar-header { text-align: center; height: 40px; }
    #collapse-nav { width: 25%; }
    .header-search.tablet { width: 75%; }
    .fa-shopping-cart, .head-login .fa { font-size: 29px; }
    .header-basket-link { position: relative; }
    .header-basket-link .badge { position: absolute; left: 28px; top: 5px; background-color: #cecdcd; font-weight: 500; color: #222; }
    #logo { max-height: 40px; }
    #header-logo { text-align: left; }
    .head-phone { padding: 10px; }
    header { margin-top: 40px;  }
    #collapse-nav .fa-bars { font-size: 15px;}
    #main-nav3 {
        width: 100%;
        max-height: 340px;
    }

    #footer div.row:nth-child(1) > div { text-align: center; }
    .footer-top .image img { display: inline-block; }
    .footer-top .container >div { text-align: right; }

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

    .header-login-basket { width: 100%; padding-top: 8px; }
}

@media only screen and (max-width: 767px) and (min-width: 500px) {
    #home-sub-adds > div { width: 33.33333%; }
    #home-sub-adds.row.lower > div { width: 50%; }
    .featured-list .image-container { min-height: 215px; }
}

@media only screen and (max-width: 480px) {
    body { margin-bottom: 755px; }
    #main-nav2 { position: relative; }
    /*header { height: 110px; }*/
    header { margin-top: 22px;  }
    .navbar { min-height: 40px; }
    .head-container { padding: 0; }
    a.head-phone { margin-top: 8px; }
    #header-detail { margin: 0; }
    .navbar-header #collapse-nav { display: block; }
    #collapse-nav { width: 30%; }
    .header-search.tablet { width: 70%; }
    .myaccount-login { margin-right: 0px; }
    #footer a { line-height: 24px; }
    .footer-top .image { text-align: center; }
    .footer-top .text { width: 65%; }
    .footer-top .container > div { margin: 20px 0px; }

    .newsletterform .newsletterfield, .newsletterform .newsletter-btn { width: 85%; margin: 0px; }
    .newsletterform .newsletter-btn { margin-top: 10px; }

    #collapse-nav { border-right: 0px; margin-left: 0;}

    .favourite-product-buttons .col-xs-6{ width: 50%; }
    .list-view .favourite-product-buttons .basketqty { width: 100%!important; }
    .list-view .favourite-product-caption h2 { font-size: 14px; }
    .list-view .favourite-product-buttons .add .basketsubmit { width: 118px; }
    #footer #sagepayLogo { margin: 15px; }
    .col-xs-6 { width: 50%; }

    #home-sub-adds > div { width: 100%; }

    .grouped-cat-image-container, .product-image-container { height: 180px; }
    .grouped-cat-price-label { height: 65px; }
    .grid-view-buttons { height: 84px; }
}

@media only screen and (max-width: 320px) {
    .header-search.tablet { width: 67%; }
    .header-search.tablet .searchform .form-control { font-size: 13px; }
    #collapse-nav { padding: 11px 20px; }
}