@media (max-width: 768px) {
    body {
        font-size: 0.9rem;
        line-height: 1.25rem;
    }

    h1.fancy, h2.fancy {
        font-size: 1.125rem;
    }

    h1.alt {
        font-size: 1.15rem;
    }

    h1 {
        font-size: 2.0rem;
    }

    h5 {
        font-size: 1.0rem;
    }

    h6 {
        font-size: 0.90rem;
    }

    .table thead th, .table td, .tbl .th, .tbl .td {
        font-size: 0.85rem;
    }

    .btn {
        font-size: 0.9rem;
    }

    .card-body {
        padding: 0.7rem;
    }

    .prod-outer .price.small {
        font-size: 0.9rem;
    }

    .prod-outer h5 img {
        width: 20px;
    }

    .rrp.small {
        margin-bottom: 5px !important;
        padding: 0.3rem 0.5rem !important;
    }
}


/*
CONTAINERS
--------------------------------------------------------------------------------------------- */

@media (min-width: 576px) {

    .container {
        max-width: 95%;
    }
}

@media (min-width: 1200px) {

    .container {
        max-width: 1170px !important;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1340px !important;
    }
}

/*
MAIN RESPONSIVE
--------------------------------------------------------------------------------------------- */

@media (max-width: 1399px) {

    /*
	HEADER
	----------------------------------------------- */

    .navbar-nav .nav-link::after {
        content: none !important;
    }

    .navbar-collapse .form-inline {
        margin-bottom: 0.25rem !important;
    }

    /*
	SIDEBAR
	----------------------------------------------- */

    /* Search */

    #search-reg > div {
        background-size: 100% !important;
        padding: 19px 18px 27px 68px !important;
    }

    #search-reg h5 {
        font-size: 1.1rem !important;
    }

    .small#search-reg > div {
        background-size: contain !important;
        padding: 19px 18px 27px 20px !important;
    }

    #search-reg input {
        font-size: 1rem !important;
    }

    .small#search-reg input {
        width: 75% !important;
    }

    .col-4 .fancy:before, .col-4 .fancy:after {
        width: 25% !important;
    }

    .col-4 .fancy:before {
        margin-left: -30% !important;
    }

    .col-4 .fancy:after {
        margin-left: 5% !important;
    }

    /* CTA */

    .side-cta {
        background: url(../images/svgs/tags.svg) no-repeat 125% 98% !important;
        background-size: 98px 80px !important;
        padding: 1.2rem !important;
    }

    /*
	BANNER
	----------------------------------------------- */

    #asda-img {
        right: 0 !important;
    }

    /*
	HIGHLIGHTS
	----------------------------------------------- */

    #shop-highlights {
        text-align: center !important;
    }

    #shop-highlights .box-shadow {
        padding-bottom: 3rem !important;
    }

    #shop-highlights h6 {
        line-height: 1.6rem !important;
    }

    #shop-highlights .text-muted {
        float: left !important;
        width: 100% !important;
    }

    /*
	CATEGORIES
	----------------------------------------------- */

    .box-cat {
        background-position: 45% 75% !important;
        padding: 1.5rem 3rem 1.5rem 1.5rem !important;
    }

    .box-blog .hide {
        display: none !important;
    }

    .box-blog p::first-letter {
        text-transform: capitalize !important;
    }

    /*
	OVERVIEW
	----------------------------------------------- */

    #overview-tabs #tab-car img {
        width: 21px !important;
    }

    #overview-tabs #tab-van img {
        width: 25px !important;
    }

    #overview-tabs #tab-motorcycle img {
        width: 30px !important;
    }

    /*
	CATEGORY
	----------------------------------------------- */

    #filter {
        padding-bottom: 1rem !important;
    }

    #filter .col {
        flex: 0 0 25% !important;
        margin-bottom: 10px !important;
        max-width: 25% !important;
    }

    /*
	PRODUCT
	----------------------------------------------- */

    /* Images */

    .prod-thumb {
        width: 29.5% !important;
    }

    /* ASDA */

    #prod-asda {
        background-position: 102% 100% !important;
        margin-top: 30px !important;
        padding-right: 90px !important;
    }

    /* CTA */

    #prod-cta {
        margin-top: 30px !important;
    }

    /* Price */

    #price-strip {
        margin-top: 30px !important;
    }

    /* Recently Viewed */

    #recently-viewed .price {
        margin-bottom: 15px !important;
        text-align: center !important;
    }

    /*
	CAR MAKES
	----------------------------------------------- */

    .make-box {
        margin: 13px !important;
    }
    /*
	REVIEWS
	----------------------------------------------- */

    #banner-reviews #text {
        padding-left: 3.4rem;
    }
}

@media (max-width: 1199px) {

    /*
	HEADER
	----------------------------------------------- */

    #header-contact #tel {
        font-size: 1.55rem !important;
    }

    #header-right {
        position: absolute !important;
        right: 0 !important;
    }

    #header-row {
        position: relative !important;
    }

    .navbar {
        padding: 5px 0 !important;
    }

    .navbar-collapse.collapse.show .nav-item:last-child {
        border-bottom: 0 !important;
    }

    .navbar-nav .nav-item {
        border-bottom: 0 solid #eee !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 0.875rem;
        padding-right: .4rem !important;
        padding-left: .4rem !important;
    }

    #header-right .btn {
        line-height: 45px !important;
    }

    #header-contact {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
    }

    #basket-count, #account-login {
        margin-top: 21px !important;
    }

    #site-search {
        margin-top: 16px !important;
    }

    #basket-count.mobile {
        margin-top: 0 !important;
    }

    /*
	HOMEPAGE
	----------------------------------------------- */

    /* Search */

    #search-reg {
        padding: 1rem 1rem 0.2rem 1rem !important;
    }

    #search-reg > div {
        padding: 11px 7px 27px 40px !important;
    }

    #search-reg input {
        width: 75% !important;
    }

    .col-4 .fancy:before {
        margin-left: -12% !important;
    }

    .col-4 .fancy:before, .col-4 .fancy:after {
        width: 7% !important;
    }

    #search-form .fancy:before {
        margin-left: -12%;
    }

    #search-form .fancy:before, #search-form .fancy:after {
        width: 10%;
    }

    /* Banner */

    #home-banner {
        font-size: 1.4rem !important;
    }

    #home-banner #top-strip span {
        font-size: 1.8225rem !important;
    }

    #asda-img {
        right: -94px !important;
    }

    /* Categories */

    .box-cat {
        background-position: 91% 75% !important;
        padding: 1.5rem 2rem 1.5rem 1.5rem !important;
    }

    .box-cat h5 {
        font-size: 0.925rem !important;
    }

    .box-alt h4 {
        font-size: 1.2rem !important;
    }

    /*
	OVERVIEW
	----------------------------------------------- */

    /* Categories */

    #overview-tabs .cat-tab img {
        clear: both !important;
        display: block !important;
        margin: 0 auto 6px !important;
    }

    #overview-tabs .cat-tab h6 {
        font-size: 0.9rem !important;
    }

    .overview-cat li {
        width: 48% !important;
    }

    /*
	PRODUCT
	----------------------------------------------- */

    /* Images */

    .prod-thumb {
        width: 28% !important;
    }

    /* Price */

    .rrp {
        padding: 0.5rem 0.8rem !important;
        text-align: center;
    }

    /* ASDA */

    #prod-asda {
        background-position: 102% 100% !important;
        padding-right: 129px !important;
    }

    .asda-box-outer.align-items-end {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .asda-box-outer.justify-content-end {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .asda-box-outer {
        padding-top: 1rem;
    }

    /* Recently Viewed */

    #recently-viewed .title {
        min-height: 72px !important;
    }

    /*
	MOTORCYCLES - OVERVIEW
	----------------------------------------------- */

    #overview-standout #image {
        background-position: bottom left;
        min-height: 385px;
    }

    /*
	CAR MAKES
	----------------------------------------------- */

    .make-box {
        width: 21% !important;
    }

    /*
	FOOTER
	----------------------------------------------- */

    footer .col-lg-6:first-child, footer .col-lg-6:last-child {
        flex: none !important;
    }

    footer .col-lg-6:first-child {
        max-width: 40% !important;
    }

    footer .col-lg-6:last-child {
        max-width: 60% !important;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {

    /*
	OVERVIEW
	----------------------------------------------- */

    #sidebar-small {
        flex: 0 0 31% !important;
        max-width: 31% !important;
    }

    #overview-main {
        flex: 0 0 69% !important;
        max-width: 69% !important;
    }
}

@media (max-width: 991px) {

    .container {
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 0.2rem !important;
    }

    #price-strip {
        margin-top: 15px !important;
    }

    #header-spacer {
        height: 90px;
    }

    .side-cta {
        display: none;
    }

    .mb-4, .my-4 {
        margin-bottom: 0.4rem !important;
    }

    .mt-4, .my-4 {
        margin-top: 0.4rem !important;
    }

    .mb-5, .my-5 {
        margin-bottom: 0.8rem !important;
    }

    .mt-5, .my-5 {
        margin-top: 0.8rem !important;
    }

    .p-4 {
        padding: 0.4rem !important;
    }

    .pl-4, .px-4 {
        padding-left: 0.4rem !important;
    }

    .pr-4, .px-4 {
        padding-right: 0.4rem !important;
    }

    .pb-3, .py-3 {
        padding-bottom: 0.3rem !important;
    }

    .pt-3, .py-3 {
        padding-top: 0.3rem !important;
    }

    hr {
        margin: 1rem 0;
    }

    p {
        margin-bottom: 0.5rem;
    }

    #totals {
        text-align: center;
    }


    /*
	HEADER
	----------------------------------------------- */

    .trustpilot-block {
        display: none !important;
    }

    .contact-block {
        flex: auto !important;
        max-width: 48% !important;
    }

    #header-right {
        margin-top: 0 !important;
        max-width: 50% !important;
        right: 0 !important;
        width: 50% !important;
    }

    #basket-count {
        float: none !important;
    }

    /*
	HOMEPAGE
	----------------------------------------------- */

    /* Search */

    #search-reg > div {
        padding: 0 7px 0 65px !important;
        height: 210px;
        display: inline-block;
        width: 100%;
        position: relative;
    }

    #search-reg.has-vehicle > div {
        height: auto;
    }

    #search-reg input {
        font-size: 45px !important;
        position: absolute;
        top: 28%;
    }

    #search-reg #input-registration-lookup {
        float: right;
        width: 100px;
        position: absolute;
        right: 84px;
        top: 28%;
        line-height: 57px;
        font-size: 25px;
    }

    #search-form .fancy:before {
        margin-left: -50% !important;
    }

    #search-form .fancy:before, #search-form .fancy:after {
        width: 48% !important;
    }

    /* Banner */

    #home-banner {
        margin-top: 30px !important;
    }

    /* Highlights */

    #shop-highlights {
        display: none;
        margin-bottom: 0 !important;
        margin-top: 60px !important;
    }

    #shop-highlights .col-12 {
        margin-bottom: 30px !important;
    }

    /* Categories */

    .cat-tab {
        margin-bottom: 30px !important;
    }

    .cat-outer .col {
        flex-basis: auto !important;
        width: 100% !important;
    }

    .box-cat {
        background-position: 100% 75% !important;
        margin-bottom: 30px !important;
    }

    .box-cat h5 {
        font-size: 1.125rem !important;
    }

    .box-alt {
        min-height: auto !important;
        position: relative !important;
    }

    .box-alt img {
        position: absolute !important;
        right: 34px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .box-alt:hover img {
        transform: translate(-68%, -50%) !important;
    }

    /* Offers */

    .offers .slick-list {
        margin: 0 30px !important;
    }

    .slick-prev {
        left: -15px !important;
    }

    .slick-next {
        right: -15px !important;
    }

    /*
	OVERVIEW
	----------------------------------------------- */

    /* Sidebar */

    #sidebar-small {
        margin-bottom: 20px !important;
    }

    .small#search-reg > div {
        background: url(../images/reg-plate.png) no-repeat !important;
        background-size: 100% !important;
        padding: 25px 7px 30px 65px !important;
    }

    .small#search-reg input {
        width: 63% !important;
    }

    .side-cta {
        width: 100% !important;
    }

    .side-cta img {
        margin: 0;
    }

    #side-reviews {
        display: none;
    }

    /* Banners */

    #overview-banners div:first-child {
        margin-bottom: 30px !important;
    }

    #overview-banners #banner-left {
        min-height: 270px !important;
    }

    #overview-img {
        bottom: -30px !important;
        left: 90px !important;
    }

    #overview-banners #strip {
        margin-top: 0 !important;
    }

    /* Cartegories */

    .overview-cat img {
        display: none !important;
    }

    /*
	CATEGORY
	----------------------------------------------- */

    .asda-box img {
        width: 51px !important;
    }

    .price-strip {
        margin-top: 0.5rem !important;
    }

    .btn-area {
        margin-top: 0 !important;
        margin-bottom: 1rem;
    }

    .btn-area .btn {
        width: 31.2%;
        float: left;
        font-size: 0.9rem;
        margin-right: 3%;
        margin-top: 0;
    }

    .btn-area .btn:last-child {
        margin-right: 0;
    }

    /*
	PRODUCT
	----------------------------------------------- */

    /* Related Products */

    #related {
        display: none !important;
    }

    /* ASDA */

    #prod-asda {
        background-position: bottom right !important;
        padding-right: 150px !important;
    }

    /* Recently Viewed */

    #recently-viewed .box-shadow {
        margin-bottom: 30px !important;
    }

    /*
	MOTORCYCLES - OVERVIEW
	----------------------------------------------- */

    #motorcycles-banner {
        padding-bottom: 10.3125rem;
    }
    /*   
	BASKET
	----------------------------------------------- */

    #basket #summary img {
        display: block !important;
    }

    /*
	REVIEWS
	----------------------------------------------- */

    #banner-reviews {
        margin-top: 3rem;
    }

    #banner-reviews #text {
        padding-left: 2.8rem;
    }

    /*
	FOOTER
	----------------------------------------------- */

    #footer-text {
        margin-bottom: 30px !important;
    }

    #footer-text .row:first-child {
        margin-bottom: 30px !important;
    }

    #footer-text .row:first-child p {
        margin: 1rem 0 0 0 !important;
    }

    footer, footer .text-right {
        text-align: center !important;
    }

    footer .col-lg-6:first-child {
        max-width: 100% !important;
    }

    footer .col-lg-6:last-child {
        max-width: 100% !important;
    }
}

@media (max-width: 960px) {

    /*
	REVIEWS
	----------------------------------------------- */

    #banner-reviews #stars {
        height: 30px;
    }

    #banner-reviews #badge {
        background-size: 176px 172px;
    }
}

@media (min-width: 779px) and (max-width: 991px) {

    #header-spacer {
        height: 85px !important;
    }
}

@media (max-width: 860px) {

    #search-reg input {
        top: 26%;
    }

    #search-reg #input-registration-lookup {
        right: 44px;
        top: 20%;
    }
}

@media (max-width: 768px) {

    #header-spacer {
        height: 90px !important;
    }

    #search-reg > div {
        padding: 0 7px 0 65px !important;
        height: 175px;
    }

    #search-reg.has-vehicle > div {
        height: auto;
    }

    #search-reg input {
        top: 31%;
    }

    #search-reg #input-registration-lookup {
        top: 24%;
    }

    .small#search-reg input {
        width: 75% !important;
    }

    #home-banner {
        height: auto !important;
    }

    .col-4 {
    }
}

@media (max-width: 767px) {

    /*
	HEADER
	----------------------------------------------- */

    header .flex-nowrap {
        flex-wrap: wrap !important;
    }

    .contact-block {
        max-width: 100% !important;
    }

    #header-contact {
        text-align: left !important;
        width: 100% !important;
    }

    #shop-highlights {
        display: none !important;
    }

    .navbar .dropdown-menu {
        overflow-y: scroll;
        max-height: calc(100vh - 84px);
    }

    .nav-link {
        padding: .3rem 1rem;
        font-size: 0.9rem;
    }

    /*
	HOMEPAGE
	----------------------------------------------- */

    /* Search */

    #search-reg {
        padding: 1.5rem 1rem 0 1rem !important;
    }

    #search-reg > div {
        height: 155px;
    }

    .small#search-reg input {
        /*width: 58% !important;*/
    }

    #search-reg input {
        top: 32%;
    }

    #search-reg #input-registration-lookup {
        top: 26%;
    }

    /*
	SIDEBAR
	----------------------------------------------- */

    .side-cta {
        display: none !important;
    }

    /*
	CATEGORY
	----------------------------------------------- */

    .price-strip .border {
        margin-bottom: 15px !important;
    }

    /*
	PRODUCT
	----------------------------------------------- */

    #images-exhaust #prod-logo {
        margin-top: -14px !important;
    }

    #prod-main {
        text-align: center !important;
    }

    .prod-thumb {
        width: 31.3% !important;
    }

    #prod-logo {
        margin-top: -11px !important;
        width: 80px !important;
    }

    /*
	MOTORCYCLES - OVERVIEW
	----------------------------------------------- */

    #motorcycles-banner-outer {
        margin-bottom: 1.5rem;
    }

    #motorcycle-logos {
        display: none;
    }

    #overview-standout #image {
        min-height: 267px;
    }

    /*
	MAKES
	----------------------------------------------- */


    .make-box {
        text-align: center !important;
        width: 44% !important;
    }

    /*
	REVIEWS
	----------------------------------------------- */

    #banner-reviews {
        background-position: bottom right;
        background-size: cover;
    }

    #banner-reviews #text #inner {
        position: relative;
        padding: 2rem;
        text-align: center;
    }

    #banner-reviews #stars {
        background-position: center;
    }
}

@media (max-width: 700px) {

    #search-reg > div {
        height: 140px;
    }

    #search-reg input {
        top: 28%;
        width: 63% !important;
    }

    #search-reg #input-registration-lookup {
        top: 22%;
    }

    .small#search-reg input {
        width: 65% !important;
    }

    /*
	MOTORCYCLES - OVERVIEW
	----------------------------------------------- */

    #overview-standout #image {
        min-height: 234px;
    }
}

@media (max-width: 650px) {

    #search-reg > div {
        height: 132px;
    }

    #search-reg input {
        top: 30%;
    }

    #search-reg #input-registration-lookup {
        right: 35px;
        top: 23%;
    }
}

@media (max-width: 595px) {

    #search-reg > div {
        height: 115px;
    }

    #search-reg input {
        font-size: 30px !important;
        top: 28%;
        width: 58% !important;
    }

    #search-reg #input-registration-lookup {
        line-height: 43px;
        right: 25px;
        top: 22%;
        width: 76px;
    }

    .btn-area .btn {
        font-size: 0.8rem;
    }
}

@media (max-width: 500px) {

    /*
	TYPOGRAPHY
	----------------------------------------------- */

    .fancy:before, .fancy:after {
        content: none !important;
    }

    /*
	HEADER
	----------------------------------------------- */

    header .row {
        display: block !important;
    }

    #header-row {
        border: 0 !important;
    }

    .contact-block {
        display: none !important;
        max-width: 100% !important;
    }

    #header-contact {
        text-align: center !important;
        width: 100% !important;
    }

    #header-contact #tel {
        font-size: 1.125rem !important;
    }

    #header-contact img {
        margin-top: -5px !important;
        width: 19px !important;
    }

    #header-logo img {
        padding-bottom: 15px !important;
        padding-top: 15px !important;
        position: relative !important;
        width: 42% !important;
    }

    .navbar-light .navbar-toggler {
        padding: 0.75rem 0.75rem !important;
        position: absolute !important;
        right: 0 !important;
        top: -70px !important;
    }

    .navbar {
        border: 0 !important;
        flex: 3 0 100% !important;
        margin-top: 0 !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .navbar-nav {
        border-top: 2px solid #eee !important;
    }

    #header-right {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        position: relative !important;
        right: 0 !important;
        top: 0 !important;
    }

    nav.navbar #site-search {
        margin: 12px auto 0 21px !important;
    }

    .header-search .form-control-plaintext {
        padding-left: 1rem;
    }

    /*
	HOMEPAGE
	----------------------------------------------- */

    /* Sidebar */

    #sidebar-small {
        margin-bottom: 0 !important;
    }

    /* Search */

    #search-reg {
        padding: 0.7rem 1rem 0 1rem !important;
    }

    #search-reg > div {
        height: 85px;
    }

    #search-reg input {
        font-size: 22px !important;
        top: 30%;
        width: 64% !important;
    }

    #search-reg #input-registration-lookup {
        top: 27%;
        width: 50px;
        line-height: 27px;
        font-size: 18px;
    }

    .fancy:before {
        margin-left: -34% !important;
    }

    .fancy:before, .fancy:after {
        width: 32% !important;
    }

    #search-form {
        display: none !important;
    }

    #search-form .form-group {
        flex-basis: auto !important;
        width: 100% !important;
    }

    /* Side CTA */

    .side-cta {
        display: none !important;
    }

    /* Banner */

    #home-banner {
        font-size: 1.1rem !important;
        height: auto !important;
        margin-bottom: 00px !important;
        margin-top: 5px !important;
    }

    #home-banner #top-strip {
        line-height: 1.6375rem !important;
        padding: 20px !important;
    }

    #home-banner #top-strip span {
        font-size: 1.6225rem !important;
    }

    #home-banner #bottom-strip {
        line-height: 1.65rem !important;
        padding: 20px !important;
    }

    #home-banner #asda-img {
        display: none !important;
    }

    #home-banner #bottom-strip .asda-logo {
        margin: 0.5rem 0 !important;
        width: 39% !important;
    }

    #asda-img {
        background-size: 70% !important;
        bottom: auto !important;
        height: 205px !important;
        top: 21px !important;
        width: 226px !important;
    }

    #cta-btns {
        padding: 60px 0 !important;
    }

    #cta-btns .btn {
        margin-bottom: 15px !important;
    }

    /*
	OVERVIEW
	----------------------------------------------- */

    #shop-highlights {
        display: none !important;
        margin-bottom: 0 !important;
        margin-top: 30px !important;
    }

    /* Sidebar */

    .small#search-reg > div {
        background-size: contain !important;
        padding: 22px 7px 30px 65px !important;
    }

    .small#search-reg input {
        width: 57% !important;
    }

    /* Categories */

    .overview-cat li {
        width: 100% !important;
    }

    /*
	CATEGORY
	----------------------------------------------- */

    #filter .col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .prod-outer h5 img {
        /* display: block !important; */
        /* margin-bottom: 10px !important; */
    }

    .price-strip {
        margin-bottom: 0 !important;
    }

    .prod-outer .prod-img {
        margin-bottom: 0rem !important;
    }

    /* .prod-outer .prod-img img { */
    /* float: left !important; */
    /* } */

    .border {
        margin-bottom: 15px !important;
    }


    /*
	PRODUCT
	----------------------------------------------- */

    /* Images */

    .prod-thumb {
        width: 30.7% !important;
    }

    /* Details */

    #prod-logo {
        margin-top: 0 !important;
        position: relative !important;
    }

    #images-exhaust #prod-logo {
        margin-top: -4px !important;
    }

    /* Price */

    #price-strip .btn {
        margin-top: 15px !important;
    }

    /* Recently Viewed */

    #recently-viewed .title {
        min-height: auto !important;
    }

    /*
/*
	MOTORCYCLES - OVERVIEW
	----------------------------------------------- */

    #overview-standout #image {
        min-height: 199px;
    }

    /*  
	CAR MAKES
	----------------------------------------------- */

    .make-box {
        width: 43% !important;
    }

    .make-box .box-shadow {
        padding: 1rem !important;
    }

    /*
	BASKET
	----------------------------------------------- */

    .proceed, .proceed .text-right {
        text-align: center !important;
    }

    .proceed .text-muted {
        float: left !important;
        margin: 10px 0 !important;
    }

    #basket #summary .text-right, #basket #discount .text-right {
        text-align: left !important;
    }

    #basket #summary .totals {
        text-align: center !important
    }

    #basket #totals {
        padding: 0 !important;
    }

    /*
	FOOTER
	----------------------------------------------- */

    #footer {
        font-size: 0.825rem;
        line-height: 1.3rem;
        padding-bottom: 0 !important;
        text-align: center !important;
    }

    #footer-text {
        margin-bottom: 20px !important;
    }

    #footer-text .row:first-child {
        margin-bottom: 10px !important;
    }

    #footer-logo {
        margin-top: 0 !important;
        width: 35% !important;
    }

    #footer .list-unstyled {
        float: left;
        margin-bottom: 8px !important;
        width: 100%;
    }

    #footer h5 {
        margin-bottom: 0.3rem !important;
        text-align: left;
    }

    #footer li {
        float: left;
        font-size: 0.84rem !important;
        line-height: 1.475rem;
        text-align: left;
        width: 50%;
    }

    footer {
        line-height: 1.3rem;
        font-size: 0.8rem;
    }

    footer .container {
        padding: 0.5rem !important;
    }

    #footer-text .row:first-child p {
        margin: 0.5rem 0 0 0 !important;
    }
}

@media (max-width: 419px) {

    #header-spacer {
        height: 75px !important;
    }

    /*
	LOGIN / SIGN UP
	----------------------------------------------- */

    #login-box .btn-primary {
        margin-bottom: 15px !important;
    }

    /*
	MOTORCYCLES - OVERVIEW
	----------------------------------------------- */

    #motorcycles-banner {
        padding: 3rem 3rem 8rem 3rem;
    }

    #overview-standout #image {
        min-height: 174px;
    }
}

@media (max-width: 375px) {

    /*
	HEADER
	----------------------------------------------- */

    .navbar {
        margin-top: 0 !important;
    }

    .navbar-light .navbar-toggler {
        top: -67px !important;
    }

    #basket-count {
        margin: 0 !important;
        position: absolute !important;
    }

    #header-right .btn {
        display: none !important;
    }

    #header-right {
        padding: 0;
        position: absolute !important;
        top: 0 !important;
    }

    nav.navbar #site-search {
        margin: 12px auto 0 16px !important;
    }

    /*
	HOMEPAGE
	----------------------------------------------- */

    /* Search */

    #search-reg > div {
        height: 77px;
        padding: 0 0 0 50px !important;
    }

    #search-reg input {
        font-size: 22px !important;
        top: 30%;
        width: 65% !important;
    }

    #search-reg #input-registration-lookup {
        top: 24%;
        right: 17px;
    }

    .small#search-reg > div {
        padding: 17px 0px 27px 58px !important;
    }

    .small#search-reg input {
        width: 54% !important;
    }

    /*
	PRODUCT OVERVIEW
	----------------------------------------------- */

    #overview-img {
        left: 0 !important;
    }

    /*
	CATEGORIES
	----------------------------------------------- */

    /* Sidebar */

    #sidebar-small {
        margin-bottom: 0px !important;
    }

    .prod-outer .col-8, .prod-outer .col-4 {
        flex: none !important;
        max-width: 100% !important;
        text-align: left !important;
        width: 100% !important;
    }

    /*
	PRODUCT
	----------------------------------------------- */

    .prod-thumb {
        width: 29.8% !important;
    }

    /*
	MOTORCYCLES - OVERVIEW
	----------------------------------------------- */

    #motorcycles-banner {
        padding: 2rem 2rem 8rem 2rem;
    }

    #motorcycles-banner h1 {
        font-size: 1.3625rem;
    }

    #motorcycles-banner h2 {
        font-size: 1.2875rem;
    }

    #motorcycle-filter {
        padding: 0 2rem;
    }

    .box-cat.motorcycle {
        background-position: center !important;
    }

    #overview-standout #image {
        min-height: 146px;
    }

    /*
	CHECKOUT
	----------------------------------------------- */

    /* Basket */

    .basket-reg {
        margin: 10px 0 !important;
        width: 100% !important;
    }

    /* Login / Sign Up */

    #login-box, #register-box {
        padding: 30px !important;
    }

    /*
	MAKES
	----------------------------------------------- */

    #filter-alphabet a {
        margin: 0 15px !important;
    }

    #filter-alphabet a:first-of-type {
        margin-left: 15px !important;
    }

    .make-box {
        margin: 18px !important;
        width: 38.7% !important;
    }

    /*
	FOOTER
	----------------------------------------------- */

    #asda-img {
        top: 42px !important;
        width: 205px !important;
    }
}

@media (max-width: 375px) {

    #basket-count.mobile {
        margin: -1px auto 0 10px !important;
    }
}

@media (max-width: 321px) {

    .header-search .dropdown-menu {
        min-width: 15.65rem !important;
    }

    /*
	HOMEPAGE
	----------------------------------------------- */

    /* Search */

    #search-reg > div {
        height: 63px;
        padding: 11px 0px 27px 44px !important;
    }

    #search-reg input {
        font-size: 18px !important;
        top: 28%;
        width: 55% !important;
    }

    #search-reg #input-registration-lookup {
        top: 22%;
        right: 13px;
        width: 47px;
        line-height: 20px;
        font-size: 18px;
    }

    .small#search-reg > div {
        padding: 11px 0px 27px 44px !important;
    }

    .small#search-reg input {
        width: 54% !important;
    }

    .btn-area .btn {
        margin-bottom: 0.5rem;
        width: 100%;
    }
}
