@media only screen and (max-width: 67.8125em) { /* 1085px / 16 */
    /* header */
    .header-nav {
        width: 70%;
        float: right;
        height: 2em;
    }
    
    .header .left-column {
        width: 28%;
    }
    
    .header .right-column {
        margin-top: 7em;
        width: auto;
        float: none;
    }
    
    .page .header .header-inner .header-content .header-search {
        width: 95%;
    }
    
    .page .header .header-inner .header-content .header-search .advanced {
        margin-right: 1em;
    }
    
    /*.page .header .header-inner .header-content .right-column-responsive p.nameChange {
        width: auto;
    }*/
    
    .page .header .header-inner .header-content .header-search fieldset .form-row {
        margin: 0;
        width: 400px;
        float: right;
    }
    
    .header-inner .right-column {
        display: none;
    }
        .header-inner .right-column-responsive {
        display: block !important;
        float: right;
        width: 300px;
        height: 130px;
    }

    .page .header .header-inner {
        width: 95%;
    }
    
    .page .header .header-inner .header-content .utils {
        float: right;
    }
    
    .page .header .header-inner .header-content .utils li.access {
        display: none;
    }

    .home .content .content-inner {
        margin-top: 6.35em;
    }
    
    input.btn-blue-search-arrow {
        height: 2.17em;
        margin: 0;
    }
    
    .page .header .header-inner .header-content .header-search fieldset {
        margin: 2em 0 0 0;
        clear: both;
    }
}

/* Hub pages, blog & shop */
@media screen and (max-width: 64em) { /* 1024 / 16 */
    /* although less than ideal :not has good support outside of ie */
    body:not(.home) .content .content-inner .cols .col {
        margin: 0;
        width: 100%;
    }
    .accbilling .col.last {
        width: 100% !important;
    }
    .col.last .block.help,
    .col.last .membership-details {
        -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
    }
    body:not(.home) .content .content-inner .cols .col.last {
        clear: both;
        position: relative;
        margin-top: 30px;
    }

    body:not(.home):not(.shop) .content .content-inner .cols .last .block {
        float: left;
        margin: 0 5% 20px 0 !important;
        width: 45%;
    }
    body:not(.home):not(.shop) .content .content-inner .cols .last .block {
        float: left;
        margin: 0 5% 20px 0 !important;
        width: 45%;
    }
    body:not(.home) .content .content-inner .cols .last.col-helpline .block{
        width: 100%;
    }
    body:not(.home) .content .content-inner .cols .last .quote-mark {
        display: none;
    }
    .secondary .box-col.left.single-col,
    .secondary .box {
        width: 100%;
    }
    .secondary .box-col.left.single-col img {
        width: 46.7741935484%; /* 290px / 620px */
        max-width: 290px;
    }
    .secondary .box-col.left.single-col .box-inner {
        padding: 0 3.2258064516%; /* 20px / 620px */
        width: 46.7741935484%; /* 290px / 620px */
    }
    .blog-container {
        float: left;
        padding: 10px 1.0526315789%; /* 10px / 950px */
        width: 97.8947368421%; /* 930px / 950px */ 
    }
    .blog-container .entry {
        float: left;
        clear: both;
        padding: 10px 1.0752688172% 20px 1.0752688172%; /* 10px / 930px */ 
        width: 97.8494623656%; /* 910px / 930px */
    }
    
    .news ul li .short-item .imageFrame {
        float: left;
        margin-right: 1em;
        overflow: none;
        position: static;
    }
    
    .news ul li .short-item h3 {
        float: left;
    }
    
    .news ul li .short-item h3, .news ul li .short-item h4, .news ul li .short-item .info {
        width: auto;
    }
    
    /* shop */
    .top-section .carousel {
        width: 100%;
    }

    .top-section .carousel .carouselControls {
        bottom: 0;
        position: absolute;
        width: 100%;
    }

    .top-section .carousel .carouselControls .scrollTo {
        margin-left: 43%;
    }

    .top-section .carousel ul li {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .top-section .carousel ul li img {
        max-width: 100%;
    }

    .latest-products li {
        width: 21.26984126984127%;
        height: 25em;
    }
    
    .product-grid {
        width: 100%;
    }
    
    html.js .block-product-gallery.non-static .link-prev,
    html.js .block-product-gallery.non-static .link-next {
        display: none;
    }

    /* helpful wrapper */
    .helpline {
        margin: 0 0 0 0.5%;
        float: left;
        width: 75%;
        max-width: 17.46153846153846em;
    }

    .help-wrapper {
        background: #ececec;
        margin: 0 auto 2em -2.5%;
        box-shadow: inset 0 0 4px rgba(0,0,0,0.25);
        width: 100%;
        display: block;
    }

    .help-wrapper-inner {
        margin: 0 auto;
        width: 75%;
        padding: 1.5em 0;
        text-align: right;
        position: relative;
    }

    .help-wrapper-inner > a {
        padding: 0.25em 0.5em 0.25em 3em;
        margin-left: 1em;
        background: url('../img/icons/small/shop-sprite.png') no-repeat #ec008c;
        background-position: 0.65em 115%;
        font-size: 1.230769230769231em;
        color: #fff;
        text-decoration: none;
        font-weight: 600;
        display: inline-block;
        width: 29%;
        max-width: 18.46153846153846em;
        min-height: 2em;
        text-align: left;
        line-height: 2;
        cursor: pointer;
    }

    .help-wrapper-inner > .search-shop-button {
        background-position: 0.5em -15%;
    }

    .help-wrapper-inner > a:first-of-type {
        margin-bottom: 0.25em;
    }
    
    .block-basket,
    .block-search-categories {
        display: none;
    }
    
    /* best sellers */
    html.js .block.block-product-gallery.non-static .block-inner .block-content {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0,0,0);
    }
    
    .block-overlay-arrow > img.is-transparent {
        opacity: 0;
    }
    
    .block.block-product-gallery input.btn-pink-add-to-basket {
        position: absolute;
        margin: 0;
        bottom: 1em;
    }
    
    html.js .block.block-product-gallery.non-static .block-inner .block-content .products .item {
        width: 9em;
        min-height: 25em;
        position: relative;
    }

    .newsletter input.form-text {
        width: 75%;
    }

    .newsletter input.form-text ~ input[type="submit"] {
        width: 20%;
        height: 2.17em;
        padding: 0;
    }
    
    .quote-mark {
        margin-right: 10px;
    }
    
    .content .content-inner .cols .col.last .helpline {
        display: none;
    }
    
    .block.block-product-gallery .block-content .products .item .details .price,
    .block.block-product-gallery-noscroll .block-content .products .item .details .price {
        font-size: 13px !important;
    }
    
    .block.block-product-gallery .block-content .products .item .details .price strong,
    .block.block-product-gallery-noscroll .block-content .products .item .details .price strong {
        font-size: 13px !important;
    }
    
    .col.last .right-column {
        width: 45%;
    }
    
    body .thumb-gallery {
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        background: none;
        min-height: 7em;
    }
    
    body .thumb-gallery .block-inner {
        border: 0;
    }
    
    /* checkout */
    .donateRow .amounts {
        width: auto;
    }
    .donateRow .donationAmount {
        width: 43%;
    }
    .donateRow .donationAmount fieldset {
        width: auto;
    }
    
    .postcode-search #billingSearchError {
        float: left;
        margin: 1em 0 0 0;
    }
    
    /* primary hub */
    .block.block-sub-menu .block-inner {
        margin-bottom: 0;
    }
    
    /* news and events */
    .latest-list ul li .short-item h3,
    .latest-list ul li .short-item .info {
        clear: none;
        float: none;
        margin: 0;
        display: block;
    }
    
    .latest-list ul li .short-item .info {
        display: inline;
    }
    
    .latest-list ul li .short-item img {
        margin-bottom: 1em;
    }
    
    .account ul.tabs li {
        list-style: none;
    }
    .account ul.tabs li a {
        background: url("../img/a/home/plain-tab-long.png") no-repeat scroll 0 0 transparent;
        height: 53px;
    }
    ul.tabs li a {
        background: url("../img/a/home/plain-tab.png") no-repeat scroll 0 0 transparent;
        color: #EC008C;
        float: left;
        font-weight: bold;
        height: 36px;
        list-style: none outside none;
        margin: 0 2px 10px;
        padding: 5px;
        text-align: center;
        text-decoration: none;
        width: 107px;
    }
    .account ul.tabs li a:hover {
        background: #EC008C;
        color: #fff;
    }
    
    /* footer */
    .footer .footer-inner .footer-content {
        margin: 0 auto;
        width: 90%;
    }
    
    .footer .footer-inner .footer-content .footer-social {
        float: none;
    }
    
    .footer .footer-inner .footer-content .footer-details {
        width: 100%;
    }
    
    .footer-border {
        width: 90%;
    }
}

@media only screen and (max-width: 63.25em) { /* 1012px / 16 */
    .page .nav {
        width: 100%;
    }
}

@media screen and (max-width: 62.5em) { /* 1000 / 16 */
    .block-sub-menu {
        display: none;
    }
    
    .account ul.tabs {
        border: 0;
        width: 630px;
    }
    .account .col-main {
        padding-right: 15px !important;
    }
    .accbilling .col.last {
        clear: both;
        position: relative;
        top: 20px;
        right: auto;
    }
    .account .col.last .block-donate {
        margin-left: 0;
    }
    .account .col-main {
        padding-right: 2.4% !important; /* 15px / 625px */
        padding-left: 2.4% !important;
        width: 93.92% !important; /* 587px / 625px */ 
    }
    .account .form-row {
        padding: 8px 2.0442930153%; /* 12px / 587px */
        width: 95.9114139693%; /* 563px / 587px */
    }
    .accbilling .single-option-line label,
    .accbilling .multiple-option-line legend,
    .accbilling label.multiple-option,
    .accbilling .other-information label.grouplabel,
    .accbilling .other-information label.select {
        margin: 0 1.7761989343% 0 0; /* 10px / 563px */
        width: 26.6429840142%; /* 150px / 563px */
    }
    #personal-details .single-option-line .form-row span {
        width: 71.5808170515%; /* 403px / 563px */
    }
    .content .content-inner .cols .col-main h3,
    .accbilling #personal-details .accordions .accordion .accordion-inner {
        width: auto;
    }
    body .scfForm {
        width: 620px;
    }
}

@media screen and (max-width: 61.25em) { /* 980 / 16 */
   .yafnet table.enhanced td.icon,
   #DivIconLegend {
      display: none;
      width: 2em;
   }
}

@media only screen and (max-width: 60.3125em) { /* 965px / 16 */
    .page .nav {
        width: 95%;
    }
    
    .nav-inner {
        display: block;
    }
    
    .nav-inner > li {
        display: block;
    }
    
    .nav-inner > li > a {
        color: inherit;
    }
    
    /* main nav */
    .page .nav-responsive {
        cursor: pointer;
        color: #000080;
        font-weight: 600;
        font-size: 1.230769230769231em;
        min-height: 2em;
        border: 1px solid rgb(223, 223, 223);
        border-bottom: 0 none;
        border-right: 0 none;
        text-align: left;
        background: #fefefe;
        display: block;
        border-right: 1px solid #dfdfdf;
        border-bottom: 0;
        background: -moz-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dfdfdf));
        background: -webkit-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: -o-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: -ms-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: linear-gradient(to bottom, #fefefe 0%,#dfdfdf 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfdfdf',GradientType=0 );
        -webkit-tap-highlight-color: rgba(0,0,0,0); /* stops the whole bar from appearing selected on Chrome Android */
    }
    
    .medium .nav-responsive,
    .larger .nav-responsive {
        height: 39px;
        min-height: none;
    }
    
    .page .nav-responsive-menu {
        float: left;
        padding-top: 0.5em;
        padding-bottom: 0.4em;
        width: 9em;
        background: url('../img/layout/nav/bars-menu.gif') no-repeat 1em 0.7em;
        display: inline-block;
    }
    
    .page .nav-responsive-menu > img {
        vertical-align: middle;
        margin: 0 0.1em 0 0.5em;
    }
    .page .nav-responsive-menu > a {
        text-decoration: none;
        vertical-align: middle;
        margin-left: 3em;
    }
    .page .nav-responsive .donate img {
        position: absolute;
        top: -0.3em;
        left: -1em;
    }
    
    .page .nav .nav-inner li.first a.primary:hover {
        border-left: 0;
    }
    
    .hero-banner {
        top: 1em !important;
    }
    
    .page .nav .nav-inner li > a.primary,
    .page .nav .nav-inner li.active > a.primary,
    .page .nav .nav-inner li.first > a.primary {
        color: transparent;
        background: none;
        color: #fff !important;
        padding: 0.5em 2em;
    }
    
    .page .nav .nav-inner li.active a.primary,
    .page .nav .nav-inner li a.primary:hover,
    .page .nav .nav-inner li:hover a {
        border-top: 1px solid #fff;
        border-bottom: 0;
        padding-top: 0.5em !important;
        padding-bottom: 0.5em !important;
        padding: 0.5em 2em !important;
        background: url('../img/layout/nav/right-arrow.gif') #da0082 0.75em 50% no-repeat;
    }
    
    .page .nav .nav-inner li.first a.primary:hover {
        padding-left: 2em !important;
    }
    
    .page .nav-responsive .nav-responsive-menu.is-highlighted {
        background-color: #da0082;
        background-position: 1em -36px;
        color: #fff;
        padding-bottom: 0.5em;
    }
    
    .page .nav-responsive .nav-responsive-menu.is-highlighted a {
        color: #fff;
    }
    
    .page .nav .nav-inner {
        width: 97%;
        display: none;
        position: absolute;
    }
    
    .page .nav .nav-responsive li {
        float: right;
        position: relative;
	    list-style-type: none;
    }
    
    .page .nav .nav-responsive .donate > .sub-nav {
        display: none;
    }
    
    .page .nav .nav-inner > li > a.primary,
    .page .nav .nav-inner > li.first > a.primary {
        display: none;
        float: none;
        margin: 0;
        border-top: 1px solid #fff;
        border-bottom: 0;
    }
    
    .page .nav .nav-inner > li.first > a.primary {
        border-top: 0;
        border-left: 0;
    }
    
    .page .nav .nav-inner > li {
        width: 50%;
        float: none;
        height: 2.5em;
        background: url('../img/layout/nav/right-arrow.gif') #da0082 0.75em 50% no-repeat;
        border-left: 0.5em solid #da0082;
        border-right: 0.5em solid #da0082;
    }
    
    .page .nav .nav-inner > li > .join {
        display: none;
    }
    
    .page .nav .nav-inner > .donate {
        display: none;
    }
    
    .page .nav .nav-inner > li > .sub-nav {
        display: none;
    }
    
    .page .nav li.donate a.primary {
        padding: 0.5em 2em 0.6em 3em !important;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block;
    }
    
    .page .nav li.donate a.primary:hover {
        background: #da0082 !important;

    }
    
    .page .nav .nav-inner.is-highlighted {
        display: block;
    }
    
    .page .nav .nav-inner.is-highlighted > li > a.primary {
        display: block;
        color: #000080;
    }
    
    .page .nav .nav-inner.is-highlighted > li > .join {
        visiblity: visible;
    }
    
    .page .nav .nav-inner.is-highlighted > li.donate.last > a.primary {
        display: none;
    }
    
    .page .nav li.active.donate a.primary {
	    color: #fff !important;
	    background: none !important;
    }

    .page .nav li.donate a.primary:hover  {
	    color: #fff !important;
	    /*height: 20px;*/
	    background-image: none !important;
    }

    body.larger .page .nav li.donate a.primary {
	    background-image: none;
    }

    body.larger .page .nav li.donate a.primary:hover  {
	    color: #fff !important;
	    background-image: none;
    }
    
    body.larger .page .nav .nav-inner li a.primary,
    body.larger .page .nav .nav-inner li.first a.primary:hover {
        padding: 0.5em 2em !important;
    }
    
    /* sub-nav */
    .nav-wrapper > .sub-nav {
        background: #ececec;
        margin: 0 auto;
        max-width: 950px;
        width: 95%;
        box-shadow: inset 0px 0px 4px rgba(0,0,0,0.25);
        cursor: pointer;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .nav-wrapper > .sub-nav .nav-responsive-menu {
        text-align: left;
        margin-bottom: 0;
        color: #000080;
        font-size: 1.230769230769231em;
        padding-left: 0.5em;
    }

    .sub-nav .responsive-sub-menu {
        margin: 0;
        width: 50%;
        text-align: left;
        background-color: #EC008C;
        z-index: 1;
        padding-left: 0;
        list-style: none;
    }

    .sub-nav .responsive-sub-menu > li {
        padding: 0.5em 0;
        border-bottom: 1px solid #fff;
        border-left: 1em solid #EC008C;
        border-right: 1em solid #EC008C;
        background: url("../img/layout/nav/right-arrow.gif") no-repeat scroll 0 0.75em;
        font-size: 0.8125em;
    }

    .sub-nav .responsive-sub-menu li:last-child {
        border-bottom: 0;
    }

    .sub-nav .responsive-sub-menu li a {
        padding: 0 1em;
        color: #fff;
        text-decoration: none;
        text-transform: capitalize;
        display: block;
        font-weight: 600;
    }

    .sub-nav-responsive-menu {
        float: left;
        padding-bottom: 0.4em;
        padding-top: 0.5em;
        font-size: 1.230769230769231em;
        display: block;
    }

    .sub-nav-responsive-menu.is-highlighted {
        background: #EC008C;
    }

    .sub-nav-responsive-menu.is-highlighted a {
        color: #fff;
    }

    .sub-nav-icon {
        color: #ec008c;
        font-size: 2em;
        line-height: 0;
        vertical-align: middle;
        margin-right: 0.25em;
        display: inline;
    }

    .sub-nav-responsive-menu.is-highlighted .sub-nav-icon {
        background: #fff;
        color: #fff;
        display: inline-block;
	    height: 0.09375em;
	    overflow: hidden;
	    width: 0.46875em;
    }

    .sub-nav-responsive-menu > a {
        text-decoration: none;
        padding: 0.5em 1em;
    }
    
    .help-wrapper ~ .content .content-inner .cols {
        padding: 0;
    }
    
    .accordion-inner > ul {
        margin: 0;
        padding: 0 0 0 1em;
    }
    
    .category-accordion li {
        list-style: none;
        background: url("../img/layout/nav/right-arrow.gif") no-repeat 0.25em 50%;
    }
    
    .accordion-inner li {
        margin: 1em 0;
    }

    .nav-wrapper > .sub-nav ul.responsive-sub-menu {
        position: absolute;
        visibility: hidden;
        margin-top: 0.4em;
    }
    
    .page .crumbs .crumbs-inner {
        width: 90%;
        max-width: 950px;
    }
    
    .welcome h2,
    .guest-blog h3 {
        font-size: 1.8em;
    }
    
    /* top carousel */
    .hero-banner .features .features-inner .features-content .section .section-inner .tab {
        height: auto;
        margin: 0;
    }
    
    map, area {
        display: none;
    }
    
    .hero-banner .features .features-inner .features-content .section-inner .tab a {
        position: static;
        margin: 0;
    }
    
    /* hero banner */
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side {
        float: none;
        width: 100%;
        border-top: 2px dotted #f252b1;
        padding-top: 1em;
        margin-top: 1em;
    }
    .hero-banner .hero-banner-inner .hero-banner-content > .hero-main {
        float: none;
        width: 100%;
    }
    
    .hero-side .further .further-inner .section-active .section-content {
        width: 65%;
        float: right;
        margin-top: 0;
    }
    
    .hero-side .further .further-inner .section-active.section-prevention .section-content {
        margin-top: -6.538461538461538em;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .tab.help a {
        position: static;
        height: auto;
        width: auto;
        background: none;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .tab {
	    color: #EC008C;
	    border: 1px solid #dfdfdf;
	    background: -moz-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dfdfdf));
        background: -webkit-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: -o-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: -ms-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: linear-gradient(to bottom, #fefefe 0%,#dfdfdf 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfdfdf',GradientType=0 );
	    padding: 0.5em 1em;
	    position: relative;
	    display: inline-block;
	    width: 33%;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .section-active .tab a,
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .section-active .tab a:hover{
        background: none;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .section-active {
        position: relative;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .section-active:after {
        content: '';
        width: 34px;
        height: 30px;
        background: url('../img/a/home/pointer.png') no-repeat;
        position: absolute;
	    top: 8%;
	    left: 33%;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .section-active .tab {
        background: #da0082;
        border: 0;
        float: left;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .tab.prevention a {
        background: none;
	    display: inline-block;
        height: auto;
        width: auto;
	    position: static;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .section-content h4 {
        font-size: 1.230769230769231em;
        font-weight: 600;
        margin-top: 0;
        text-transform: none;
    }
    
    .hero-side .right-column,
    .hero-side .left-column {
        width: 50%;
        float: left;
        -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    padding: 0 0.5em;
    }
    
    .hero-banner .features .features-inner .features-content {
	    overflow: hidden;
	    width: 100%;
    }
    
    .hero-banner .features .features-inner .features-content .section {
        width: 100%;
    }
    
    .hero-banner .features .features-inner .features-content .section .section-inner img {
        max-width: 146%;
    }
    
    /* content */
    body.home .content .content-inner {
        margin-top: 4em;
    }
    
    body.home .content .content-inner .cols {
        padding: 0;
    }
    
    .content .content-inner .cols .col {
        width: 100%;
    }

    body.home .content .content-inner .cols .col,
    /*body.shop .content .content-inner .cols .col,*/
    body.home .content .content-inner .cols .col.latest-list {
        width: 45%;
        margin-right: 2em;
    }
    
    .home .content .content-inner .cols .col:nth-child(2),
    .shop .content .content-inner .cols .col:nth-child(2) {
        float: right;
        margin: 0;
    }
    
    .home .content .content-inner .cols .col.last {
        width: 30%;
        clear: none;
        float: left;
        margin: 0;
    }
    
    .home .content .content-inner .cols .last .block,
    .shop .content .content-inner .cols .last .block {
        float: none;
        margin: 0 5% 20px 0;
        width: 100%;
    }
    
    .welcome {
        margin-left: 0;
        margin-top: 1em;
    }
    
    .in-your-area ul li {
        float: none;
    }
    
    .block.newsletter {
        margin-top: -1em;
    }
    
    .news ul {
        list-style: none;
        padding: 0;
    }
    
    .block.block-blue.best-seller .block-inner .wrapper {
        width: auto;
    }
    
    .forum-overview {
        padding-top: 0;
    }
    
    /* product detail */
    
    .shop.detail .shop-item-images {
        float: none;
        width: auto;
    }
    
    .shop.detail .shop-item img.product {
        height: auto;
        width: auto;
        max-width: 100%;
    }
    
    .shop .accordions {
        width: auto;
    }
    
    .col-main .accordions .accordion .accordion-inner {
        width: auto;
    }
    
    dl.customer-reviews dt.title {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    h4.related-products {
        margin: 0 0 1em;
    }
    html.js .block.block-product-gallery.non-static .block-inner .block-content .products .item {
	
}
    html.js h4.related-products ~ .block.block-product-gallery.non-static .block-inner .block-content .products .item {
        min-height: 17em;
    }
    
    .block.block-product-gallery .block-content .products .item .details .title,
    .block.block-product-gallery-noscroll .block-content .products .item .details .title,
    .latest-products li .details .title {
        height: auto;
    }
    
    .block-additional-links h2 {
        color: #000080;
        text-transform: capitalize;
    }
    
    .forms-box .form-row textarea {
        width: 98%;
        height: 8em;
    }
    
    /* donate online */
    .forms-box h2 {
        width: auto;
    }
    
    /* basket */
    .basket > h1 {
        margin-top: -0.5em;
    }
    
    /* product page */
    .shop.detail h1 {
        margin: 0;
    }
    
    .shop-item-image-container {
        position: relative;
        width: 100%;
        max-width: 292px;
    }
    
    .shop.detail .shop-item-images p.caption {
        position: absolute;
        right: 1em;
        float: none;
        margin: 0;
        top: 220px;
    }
    
    .shop.detail .shop-item-body h1, .shop.detail .shop-item-body dl, .shop.detail .shop-item-body p {
        width: auto;
    }
    
    .modal-image {
        margin: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
    }

    .modal-image img {
        max-height: none;
        max-width: none;
    }
    
    /* in your area */
    .in-your-area .description {
        width: auto;
        margin-left: 0;
    }

    h2.at-a-glance {
        margin: 1em 0 0 0;
        width: auto;
    }

    .in-your-area > .get-involved,
    .in-your-area > .news-events {
        margin-top: 4em;
        float: none;
    }

    .in-your-area > .supporting-you {
        margin-top: 3em;
        float: none;
    }

    /* checkout */
    .checkout-process {
        width: 100%;
        padding: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .footer-border {
        width: 95%;
    }
    
    #hearing-aid-locator .ratings {
        width: 100%;
    }
    
    .sign-in .panel {
        float: left;
        margin-bottom: 1em;
        width: 40%;
    }
    
    .sign-in .register-panel {
        margin-bottom: 1em !important;
    }
    
    div.billing .form-text {
        width: 65%;
    }
    
    .accbilling iframe {
        width: 100%;
    }
}

@media only screen and (max-width: 49.1875em) { /* 787 / 16 */
    .header .right-column {
        width: 100%;
        float: none;
    }
    
    .header-nav {
        height: auto;
        max-height: none;
    }
}

@media only screen and (max-width: 48.125em) { /* 770 / 16 */
    /* header */
    .page .header .header-inner .logo {
        width: 100%;
    }
    
    .page .header .header-inner .logo a em {
        background-size: 80%;
    }
    
    /* footer */
    .footer .footer-inner .footer-content .footer-quick-links {
        display: none;
    }
}

@media screen and (max-width: 43.75em) { /* 700 / 16 */
   .yafnet table.enhanced td.icon,
   .yafnet table.enhanced td.starter,
   #DivIconLegend {
      display: none;
   }
}

@media screen and (max-width: 42.5em) { /* 680 / 16 */
    .sign-in .panel {
        margin-bottom: 20px;
    }
    .accbilling #training .btn {
        margin: 5px 10px 0 0;
    }
    .accbilling #training input.btn {
        margin-top: 0.5em !important;
        margin-left: 0 !important;
    }
    .account ul.tabs {
        width: 100%;
        padding: 0;
    }
    .account ul.tabs li {
        margin: 0 0.32% 10px 0.32%; /* 2px / 625px */
	    width: 19.36%; /* 121px / 625px */ 

        float: left;
        list-style: none outside none;
        position: relative;
        top: 1px;
    }
    .account ul.tabs li a {
        background-size: 100% 100%;
        padding: 5px 4.2735042735%; /* 5px / 117px */ 
	    width: 91.452991453%; /* 107px / 117px */
    }
    .forms-box .checkbox label {
        float: none;
    }
    .forms-box .checkbox input {
        margin-bottom: 0;
    }
    body .scfForm {
        width: 100%;
    }
    body .scfDropListBorder,
    body .scfSingleLineTextBorder,
    body .scfMultipleLineTextBorder,
    body .scfCheckboxBorder,
    body .scfRadioButtonListBorder,
    body .scfCheckBoxListBorder {
        padding: 15px 2.5423728814%; /* 15px / 590px */
        width: 94.9152542373%; /* 560px / 590px */
    }
    body .scfCheckboxBorder,
    body .scfCaptchaGeneralPanel,
    body .scfSectionLegend {
        padding: 10px 2.5423728814%; /* 15px / 590px */
        width: 94.9152542373% !important; /* 560px / 590px */
    }
    .accbilling #wishlist table {
        width: 100%;
    }
    
    .postcode-search .btn {
        float: left;
    }
}

@media screen and (max-width: 41.25em) { /* 660 / 16 */
    .content .content-inner .cols .last .block { 
        clear: both;
        margin-right: 0 !important;
        width: 100%;
    }
}

@media only screen and (max-width: 40em) { /* 640 / 16 */
    .header-nav {
        background: none;
        border: none;
        width: 50%;
    }
      
    .cloned-search {
        display: block;
    }
    
    .page .header .header-inner .logo {
        width: 140px;
        height: 70px;
    }
    .page .header .header-inner .logo a em {
        width: 140px;
        background: url('../img/layout/header/aohl-logo-small.png') no-repeat;
        background-size: 100%;
    }
    
    .page .header .header-inner .header-content .utils li.contact {
        margin-left: 40px;
    }
    
    .page .header .header-inner .logo a {
        height: 60px;
    }

    .page .header .header-inner .header-content .header-search {
        width: 200%;
    }
    
    .page .header .header-inner .header-content .header-search fieldset .form-row {
        float: none;
        width: auto;
    }
    
    .page .header .header-inner .header-content .utils li {
        border-left: 0 solid;
        float: none;
        margin: 0;
        padding: 0;
    }
    
    .page .header .header-inner .header-content .utils {
        font-size: 1em;
        float: right;
	    text-align: right;
	    line-height: 2;
    }
    
    .header .right-column {
        clear: both;
        float: left;
        margin: 1em 0;
    }
    
    .header-inner input.form-text {
        width: 80%;
    }
    
    .page .header .header-inner .header-content .header-search .advanced {
        float: none;
        display: inline-block;
	    margin-left: 1em;
    }
    
    .page .header .header-inner .header-content .header-search {
       margin-top: 1em 0 0;
    }
    
    .page .header .header-inner .header-content .right-column-responsive p.nameChange {
        float: right;
    }

    /* sub navigation */
    .sub-nav .category-accordion {
        width: 95%;
        z-index: 3;
    }
        
    .crumbs {
        display: none;
    }
        
    /* hero */
    .hero-side .right-column,
    .hero-side .left-column {
        width: 100%;
    }
    
    .hero-side .further .further-inner .section-active .section-content {
        width: 100%;
        float: none;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .tab {
        width: 45%;
        min-height: 3.25em;
        vertical-align: middle;
        widtH: 45% !important;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .section-active:after {
        background: none;
    }
    
    .tab-container {
        position: relative;
    }
    
    .tab-container > .tab {
        box-shadow: 0px 0px 7px #dfdfdf;
        text-transform: none;
    }
    
    .tab-container > .tab:first-child {
        margin-right: 1em;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .tab.help a {
        background: none;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .tab.active {
        background: #da0484;
        box-shadow: none;
        border: 0;
        overflow: visible;
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .tab.active:after {
        background: url('../img/a/home/pointer.png') no-repeat;
        content: '';
        height: 3em;
        width: 3em;
        position: absolute;
	    bottom: 0;
	    top: 100%;
        left: 15%;
        z-index: 1;
        -webkit-transform: rotate(90deg) scaleY(-1);
        -o-transform: rotate(90deg) scaleY(-1); 
        transform: rotate(90deg) scaleY(-1);
    }
    
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .tab.active a {
        color: #fff;
    }
    
    .features-inner > .tab {
        font-size: 1em;       
        font-weight: 600;
        padding: 1em;
        border: 1px solid #ececec;
        text-transform: none;
        margin: 0;
        background: -moz-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dfdfdf));
        background: -webkit-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: -o-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: -ms-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: linear-gradient(to bottom, #fefefe 0%,#dfdfdf 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfdfdf',GradientType=0 );
    }
    
    .features-inner > .tab > a {
        color: #EC008C;
        text-decoration: none;
    }
    
    .features-inner > .tab.active {
        border: 1px solid #EC008C;
        background: #EC008C;
    }
    
    .features-inner > .tab.active > a {
        color: #fff;
    }
    
    .hero-side .further .further-inner .section-active.section-prevention .section-content {
        margin-top: 0;
    }
    
    .home .left-column a[href^=tel] {
        display: block;
    }
    
    /* content */
    body.home .content .content-inner {
        margin-top: 2em;
    }
    
    body.home .content .content-inner .cols .col {
        width: 100% !important;
    }
    
    .in-your-area {
        padding-bottom: 3em;
        margin-bottom: 0;
    }
    
    .in-your-area .map {
        left: 35%;
    }
    
    .balloons {
        z-index: 20;
        margin-right: -0.5em;
    }
    
    .block {
        margin-bottom: 1em;
    }
    
    .guest-blog {
        padding: 0 0.5em;
    }
    
    .forum-overview .block-content {
        width: 65%;
    }
    
    .block.newsletter {
        margin-top: 0;
    }
    
    .newsletter > h2 {
        color: #fff;
        background: #000080;
    }
    
    /* shop */
    .latest-products li {
        width: 42%;
        min-height: 20em;
        height: 20em;
        overflow: hidden;
    }

    .latest-products li:nth-child(even) {
        border-right: 0;
    }
    
    .product-grid-bottom a,
    .latest-products-bottom li {
        border-bottom: 1px solid #e5e5e5;
    }

    .latest-products li .details .description {
        display: none;
    }

    h1 > img, h2 > img, h3 > img {
        max-width: 100%;
    }

    .block-more {
        background: url("../img/inc/blocks/more.png") no-repeat top right;
        height: 276px;
    }

    .block-more .hand {
        display: none;
    }
    
    .block-links .box-row .box {
        width: auto;
        padding-right: 0;
    }
    
    .off-canvas {
        width: 85%;
    }
    
    .off-canvas > .close-wrapper {
        width: 90%;
    }
    
    .is-closed {
        right: -85%;
    }
    
    .page.is-slid-out {
        right: 85%;
    }
    
    .off-canvas .block {
        width: 90%;
    }
    
    .off-canvas .block-search-categories select {
        float: none;
        margin: 0 0 1em;
        width: 100%;
    }
    
    .block.block-additional-links {
        float: none;
        width: 100%;
    }
    
    .block.block-more {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    
    .product-grid {
        display: none;
    }
    
    .col.last .left-column,
    .col.last .right-column {
        width: 100%;
    }
    
    .shop-categories-accordion-trigger {
        font-size: 1.230769230769231em;
        background: #000080;
        display: block;
        padding: 0.5em;
        color: #fff;
        font-weight: 600;
        cursor: pointer;
    }
    
    .shop-categories-accordion {
        margin: 0;
        padding: 0;
        height: 0;
        visibility: hidden;
        cursor: pointer;
    }
    
    .is-expanded .shop-categories-accordion {
        height: auto;
        visibility: visible;
    }
    
    .shop-categories-accordion > li {
        border-bottom: 1px solid #ececec;
        padding: 0.5em 0;
        list-style: none;
        padding-left: 2em;
    }
    
    .shop-categories-accordion > li:last-child {
        border-bottom: 0.5em solid #000080;
    }
    
    .shop-categories-accordion > li a {
        color: #ec008c;
        text-decoration: none;
        font-weight: 600;
    }
    
    /* product page */
    html.js .accordions .grey.accordion .header h3 a {
        font-size: 0.7272727272727273em;
    }
    
    .mini .block-content {
        width: auto;
    }
        
    .categoryResults .category-header h1 {
        margin-bottom: 0.5em;
    }
    
    /* donate online */
    dl.donation-progress,
    dl.billing-and-delivery {
        background: none;
        width: 100%;
        counter-reset: step;
    }
    
    dl.donation-progress dd,
    dl.billing-and-delivery dd {
        width: 100%;
        border: 1px solid #eee;
        float: none;
        margin: 0;
        background: -moz-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dfdfdf));
        background: -webkit-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: -o-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: -ms-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: linear-gradient(to bottom, #fefefe 0%,#dfdfdf 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfdfdf',GradientType=0 );
    }
    
    dl.donation-progress dd.active,
    dl.billing-and-delivery dd.active {
        background: #da0484;
        border: 1px solid #da0484;
    }
    
    dl.donation-progress dd a,
    dl.billing-and-delivery dd a {
        width: auto;
        padding: 0 1em;
        height: 2.8em;
    }

    dl.donation-progress dd a span:before,
    dl.billing-and-delivery dd a span:before {
        counter-increment: step;
        content: counter(step);
        width: 2em;
        height: 2em;
        line-height: 2;
        border-radius: 5em;
        display: inline-block;
        border: 1px solid #bebebe;
        color: #da0484;
        margin-right: 1em;
        background: -moz-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dfdfdf));
        background: -webkit-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: -o-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: -ms-linear-gradient(top, #fefefe 0%,#dfdfdf 100%);
        background: linear-gradient(to bottom, #fefefe 0%,#dfdfdf 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfdfdf',GradientType=0 );
    }
    
    dl.donation-progress dd a span,
    dl.billing-and-delivery dd a span {
        padding: 0;
    }
    
    /* basket */
    
    .basket-products-container > div:not(.before-delivery) {
        background: url("../img/inc/blocks/dotted-line-pink.gif") repeat-x left bottom;
        padding-bottom: 1em;
        margin-bottom: 1em;
    }
    
    .basket .basket-contents {
        float: none;
        margin: 0 0 1em 0;
        width: auto;
    }
    
    .basket-products-container {
        display: block;
    }
    
    .basket-product {
        background: url("../img/inc/blocks/dotted-line-pink.gif") repeat-x left bottom;
        margin: 0 0 1em 0;
    }
    
    .basket-product .name {
        display: block;
        font-weight: 600;
        background: #e8e8e8;
        padding: 0.5em;
        font-size: 1.230769230769231em;
    }
    
    .basket-product .name a {
        text-decoration: none;
    }
    
    .basket .my-basket {
        padding-top: 1.538461538461538em;
        margin: 0;
        box-shadow: none;
    }
    
    .basket .my-basket .subtotal {
        text-align: left;
    }
    
    .basket-product > div {
        padding: 1em;
    }
    
    .basket .my-basket .remove, .basket .my-basket .emptyBasket {
        float: none;
    }
    
    .my-basket .before-delivery .left:after {
        content: ':';
        margin: 0 0 0 -0.25em;
    }
    
    .my-basket .before-delivery .left,
    .my-basket .before-delivery .right {
        width: 100%;
        float: none;
        display: inline;
    }

    .basket-product > .right-column {
        text-align: right;
        float: none;
        width: auto;
    }
    
    .basket-product .left-column > span {
        display: block;
    }
    
    .basket-product .quantity-label {
        display: none;
    }
    
    .donateRow .about {
        float: none;
        font-size: 1em;
        width: auto;
    }
    
    .donateRow .donationAmount, .donateRow .donationAmount fieldset {
        width: auto;
        float: none;
        text-align: left;
        margin-bottom: 1em;
    }
    
    .donateRow .amounts {
        width: auto;
    }
    
    .donateRow .btn {
        margin-top: 0;
        clear: none;
    }
    
    .donateRow .otherAmount {
        float: none;
    }
       
    .before-delivery {
        margin-bottom: 0.5em;
    }
    
    .donateRow .amounts br {
        display: block;
    }
    
    .content .content-inner .cols .basket .col.last {
        position: static;
        width: 100% !important;
    }
    
    .content .content-inner .cols .basket .col.last > .block {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }
    
    .basket .my-basket .checkout-buttons {
        margin: 0;
    }
    
    .basket-products-container label[for*="Voucher"] {
        display: block;
    }
    
    .basket-products-container label[for*="Voucher"] ~ input[type="text"]  {
        width: 100%;
    }
    
    .content .content-inner .cols .basket .last .block.block-recent.currency-type {
        margin-bottom: 0 !important;
    }
    
    .block-helpline h4 {
        font-size: 1.230769230769231em;
        text-transform: uppercase;
    }

    .supporting-you .block-inner, .get-involved .block-inner, .news-events .block-inner {
        width: auto;
        margin: 0;
    }

    /* checkout */
    div.billing fieldset.double-col {
        width: 100%;
    }

    div.billing .last {
        padding: 0;
    }
    
    .confirm dl.details div {
        float: none;
        margin: 0;
        width: 105%;
    }
    
    .confirm div .edit-row{
        width: 95%;
        padding: 0.3333333333333333em;
    }
    
    .confirm td.delivery-options {
        width: auto !important;
    }
    
    .delivery-options > select{
        width: 95%;
    }
    
    .delivery-options > h2 {
        margin: 0;
        padding: 0;
    }
    
    .confirm table {
        width: auto;
    }
    
    .confirm table td {
        background: none;
        padding: 0.3em 0;
    }
    
    .checkout-product {
        padding-bottom: 1em;
        padding-top: 1em;
    }
    
    .checkout-product:first-child {
        padding-top: 0;
    }
    
    /* Force table to not be like tables anymore */
	.your-order table, .your-order thead, .your-order tbody, .your-order th, .your-order td, .your-order tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.your-order thead tr { 
		position: absolute;
		top: -9999em;
		left: -9999em;
	}

	.your-order tbody tr { 
		/* Behave  like a "row" */
		border-bottom: 1px solid #eee; 
		position: relative;
	}
	
	.your-order tbody tr td:before { 
		padding-right: 1em;
		font-weight: 600;
		display: inline-block;
		width: 30%;
	}
    
    .your-order tbody .checkout-product td:not(.delivery-options):nth-of-type(1):before { content: "Item name"; }
	.your-order tbody .checkout-product td:not(.delivery-options):nth-of-type(2):before { content: "Qty"; }
	.your-order tbody .checkout-product td:not(.delivery-options):nth-of-type(3):before { content: "VAT (20.0%)"; }
	.your-order tbody .checkout-product td:not(.delivery-options):nth-of-type(4):before { content: "Subtotal"; }
	
	.confirm .purchaser ul {
	    margin: 0;
	}
	
	.confirm dl.details dd.total {
	    padding-top: 1em;
	    margin-bottom: 0.5em;
	}
	
	body:not(.home):not(.shop) .content .content-inner .cols .last .block {
        width: 100%;
    }
    
    .liveChatList {
        width: auto;
    }
    
    .shop-categories-accordion-container {
        display: block;
    }
    
    /* my account */
    #subscriptions .form-row select {
        width: 100%;
    }
    
    
    body:not(.home) .content .content-inner .cols .col.last {
        margin-top: 1em;
    }
    
    /* blog comments */
    .form-row {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .entry-comments label {
        display: block;
        position: static;
        width: auto;
    }
    .entry-comments .form-row {
        width: 100%;
    }
    .entry-comments .textbox,
    .entry-comments textarea {
        margin-left: 0;
        width: 100%;
    }
    
    div.billing .postcode-search .form-text {
        width: 95%;
    }
    
    .hero-banner .features .features-inner .features-content .section .section-inner .details {
        left: 0;
        top: 6em;
        padding: 1em;
    }
    
    .content .content-inner .cols .col-main .normal img {
        max-width: 100%;
    }
    
    .box h2 {
        font-size: 1.2em;
    }
    
    .sign-in .panel {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    /* start to sign */
    .content .content-inner .cols .col-main h2 {
        width: auto;
    }
    
    .quiz-area ul {
        width: auto;
        float: none;
    }
    
    /* news and events */
    body:not(.home) .content .content-inner .cols .col.latest-list {
        width: 100%;
    }
    
    body .scfSubmitButtonBorder input {
        margin: -1em 1.25em;
    }
    
    /* in your area */
    .postcode-search {
        margin-bottom: 1em;
    }
    
    .postcode-search span {
        margin-left: 0;
    }
    
    .postcode-search .btn {
        float: none;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-width: 40em){ /* 640px / 16 */
    .header-inner input.form-text {
        width: 65%;
    }
}

@media screen and (max-width: 36.875em) { /* 590 / 16 */
    .accbilling label {
        float: none;
    }
    .accbilling .single-option-line label,
    .accbilling .multiple-option-line legend,
    .accbilling label.multiple-option,
    .accbilling .other-information label.grouplabel,
    .accbilling .other-information label.select {
        float: left;
        margin: 0 0 5px 0;
        width: 100%;
    }
    #personal-details .single-option-line .form-row span {
        width: 100%;
    }
    .accountOptions {
        background: url("../img/inc/blocks/dotted-line-pink.gif") repeat-x left top, url("../img/inc/blocks/dotted-line-pink.gif") repeat-x left bottom;
        display: block;
        margin: 0 0 20px 0;
    }
    .accountOptions a {
        background: url("../img/layout/nav/expandPlus.gif") no-repeat 5px center;
        display: block;
        padding: 8px 0 8px 30px;
        color: #000080;
        font-size: 1.3em;
        font-weight: bold;
        text-decoration: none;
    }
    .accountOptions.open a {
        background: url("../img/layout/nav/expandMinus.gif") no-repeat 5px center;
    }
    .account ul.tabs {
        background: url("../img/inc/blocks/dotted-line-pink.gif") repeat-x left bottom;
        display: none;
        margin: -22px 0 20px 0;
        padding: 0 0 10px 0;
    }
    .account ul.tabs li {
        clear: both;
        margin: 0;
	    width: 100%;
    }
    .account ul.tabs li a {
        background: #fff;
        background-image: linear-gradient(bottom, #DFDFDF 10%, #FFFFFF 90%);
        background-image: -o-linear-gradient(bottom, #DFDFDF 10%, #FFFFFF 90%);
        background-image: -moz-linear-gradient(bottom, #DFDFDF 10%, #FFFFFF 90%);
        background-image: -webkit-linear-gradient(bottom, #DFDFDF 10%, #FFFFFF 90%);
        background-image: -ms-linear-gradient(bottom, #DFDFDF 10%, #FFFFFF 90%);
        border: 1px solid #dfdfdf;
        height: auto;
        margin: 0;
        padding: 8px 4.2735042735%; /* 5px / 117px */
        text-align: left;
    }
    .account ul.tabs li.active a {
        background: #EC008C;
        height: auto;
        margin: 0;
        color: #fff;
    }
    .account ul.tabs li .secondary {
        width: 88.6%;
    }
    .accbilling.account input[type=text],
    .accbilling.account input[type=password] {
        margin: 0;
        padding: 2px 2%;
        width: 96%;
    }
    .accbilling.account input.postcode-search {
        margin: 0 0 5px 0;
    }
    .accbilling.account select,
    .accbilling.account #personal-details .other-information select {
        margin: 0;
        width: 100%;
    }
    body .scfDropListLabel,
    body .scfSingleLineTextLabel,
    body .scfMultipleLineTextLabel,
    body .scfRadioButtonListLabel,
    body .scfCheckBoxListLabel {
        margin: 0 0 3px 0;
        width: 100%;
    }
    body .scfDropListGeneralPanel,
    body .scfSingleLineGeneralPanel {
        margin: 0;
        width: 100%
    }
    body .scfForm .scfSingleLineTextBox {
        margin: 0;
        padding: 2px 2%;
        width: 96%;
    }
    body .scfDropList {
        width: 100%;
    }
    body .scfValidatorRequired,
    body .scfRequired {
        top: 20px;
        right: 20px;
        left: auto;
    }
    .popularSearchTerms {
        display: none;
    }
}

@media only screen and (min-width: 36.875em) and (max-width: 64em) { /* between 590 and 1024 */
    /* used to hide second level navigation on tablet widths */ 
    .sublinks {
        display: none;
    }
    
    .account ul.tabs {
        display: block !important;
    }
}

@media only screen and (max-width: 35.5em) { /* 568 / 16 */
    .help-wrapper-inner {
        width: 95%;
    }
    
    .help-wrapper-inner > a {
        width: 35%;
    }
    
    .crumbs ~ .help-wrapper {
        margin-top: 1em;
    }
    
    .crumbs ~ .content .help-wrapper .help-wrapper-inner > a {
        right: 0;
    }
}

@media screen and (max-width: 35em) { /* 560 / 16 */
    .yafnet .command input,
    .yafnet .header2links input,
    .yafnet .footer1 input {
        margin: 2px 0;
    }
    .yafnet #yafpage_postmessage #browserlayoutcontent_0_yafForum_ctl01_SubjectRow input.edit {
        width: 200px !important;
    }

    .help-wrapper a > span {
        display: none;
    }

    .help-wrapper-inner {
        width: 100%;
    }

    .help-wrapper-inner > a {
        padding-right: 0;
        width: auto;
        margin: 0;
        position: absolute;
        right: -0.5em;
    }
    
    .help-wrapper img {
        margin-left: 5%;
    }

    .help-wrapper-inner > a:first-of-type {
        margin: 0;
    }

    .help-wrapper-inner > .search-shop-button {
        bottom: 0.75em;
    }
    
    .enhanced th.optional, .enhanced td.optional {
        display: none;
    }
    
    .table {
        display: block;
    }
    
    .table-row {
        display: inline-block;
    }
    
    .table-row > div {
        display: block;
        padding: 0;
    }
    
    .table-row .table-heading {
        display: none;
    }
    
    .product {
        margin: 0 0 1em;
    }
    
    .product .prod {
        display: block;
    }
    
    .ex-vat:before {
        content: 'Price (ex. VAT): ';
        font-weight: 600;
    }
    
    .vat:before {
        content: 'VAT: ';
        font-weight: 600;
    }
    
    .quant {
        width: 111px;
    }
    
    .quant:before {
        content: 'Quantity: ';
        font-weight: 600;
    }
    .donationProduct .quant:before {
        content: '';
        font-weight: 600;
    }
    
    .subtotal:before {
        content: 'Subtotal: ';
        font-weight: 600;
    }
    
    .product .align-right {
        text-align: left;
    }
}

@media only screen and (max-width: 33.75em) { /* 540px / 16 */
    .shop.detail .shop-item-body {
        width: 100%;
    }
    .videoWrapper {
        width: 100%;
    }
    .videoWrapper embed {
        max-width: 100%;
    }
    
    .latest-list ul li .short-item h3,
    .latest-list ul li .short-item .info {
        display: block;
    }
    
    .latest-list ul li .short-item img {
        float: none;
    }
}

@media screen and (max-width: 31.25em) { /* 500 / 16 */
    .forms-box.details label {
        margin: 0 0 3px 0;
        width: 100%;
    }
    .forms-box.details input[type=text],
    .forms-box.details input[type=password] {
        margin: 0;
        padding: 2px 2%;
        width: 96%;
    }
    .forms-box.details select {
        margin: 0;
        width: 100%;
    }
    .accbilling #wishlist table tr th:nth-child(2),
    .accbilling #wishlist table tr td:nth-child(2) {
        display: none;
    }

    .yafnet table.enhanced td.icon,
    .yafnet table.enhanced td.starter,
	.yafnet table.enhanced td.replies,
	.yafnet table.enhanced td.views,
	#DivIconLegend {
		display: none;
	}
	.yafnet table.enhanced td.lastPost {
	    width: 40%;
	}
	.yafnet table.enhanced td.header1 {
	    padding-bottom: 25px;
	}
	.yafnet .table-menu-wrapper {
        top: 40px;
    }
}

@media only screen and (max-width: 28.75em) { /* 460px / 16 */   
   
   .page .header .header-inner .header-content .header-search .advanced {
        float: right;
    }
    
    .header-inner input.form-text {
        width: 72%;
    }
    
    .page .header .header-inner .logo a em {
        width: 140px;
        background: url('../img/layout/header/aohl-logo-small.png') no-repeat;
    }
    
    .page .nav {
        margin-top: 1.5em;
    }
    
    .page .nav .nav-inner > li {
        width: 94%;
    }
    
    .page .nav .nav-responsive .donate {
        z-index: 501;
    }
    
    /* hero */
    .hero-banner .hero-banner-inner .hero-banner-content .hero-side .tab {
        padding: 0.2em;
    }
    
    .donateRow img {
        display: none; 
    }
    
    .sub-nav-responsive-menu .responsive-sub-menu {
        width: 95%;
    }
}

@media screen and (max-width: 27.5em) {  440 / 16 */
    .accbilling #training input.btn {
        clear: both;
        margin: 5px 0 0 28.4191829485%;
    }
    .forms-box.details label {
        margin: 0 0 3px 0;
        width: 100%;
    }
    .forms-box.details input[type=text],
    .forms-box.details input[type=password] {
        margin: 0;
        padding: 2px 2%;
        width: 96%;
    }
    .forms-box.details select {
        margin: 0;
        width: 100%;
    }
    
    .secondary .box-col.left.single-col img {
        margin: 0 0 20px 0;
        width: 100%;
    }
    .secondary .box-col.left.single-col .box-inner {
        padding: 0;
        width: 100%;
    }
}

@media screen and (max-width: 26.9375em) {
    .voucherCode .btn {
        margin: 0.5em 0 1em;
        display: block;
    }
}

@media screen and (max-width: 22.5em) { /* 360 / 16 */
    .yafpopupmenu {
        display: none;
    }
    
    .help-wrapper img {
        margin-left: 1%;
    }
}

@media only screen and (max-width: 22.1875em) { /* 355px / 16 */
    .header-inner input.form-text {
        width: 68%;
    }
    
    .in-your-area .map {
        left: 30%;
    }
}

@media screen and (max-width: 21.875em) { /* 350 / 16 */ 
    .content .content-inner .cols .col-main .normal img {
        height: auto !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 21.5625em) { /* 345px / 16 */
    .page .header .header-inner .header-content .right-column-responsive p.nameChange {
        font-size: 1em;
    }
}

@media screen and (max-width: 21.25em) { /* 340 / 16 */
    .accbilling #wishlist table tr th,
    .accbilling #wishlist table tr td {
        font-size: 0.9em;
    }
    
    /*.page .header .header-inner .header-content .right-column-responsive p.nameChange {
        margin-top: 1.7em;
    }*/
       
    .yafnet .content td {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .postheader {
        display: inline;
    }
}

@media only screen and (max-width: 20em) { /* 320px / 16 */
    .confirm .details input,
    .confirm .details .edit-row a,
    .confirm .details .edit-row input {
        float: none;
    }
}

@media only screen and (max-width: 20em) and (-webkit-min-device-pixel-ratio: 2) { /* 320px / 16 */
    .header-inner input.form-text {
        width: 77%;
        margin: 0;
        height: 1.5em;
    }

    .header-inner .header-search input[type="submit"] {
        height: 2em;
        width: 20%;
        vertical-align: middle;
        padding: 0;
        margin: 0;
    }
}

body.regular .hero-banner .hero-banner-inner .hero-banner-content .hero-side .tab {
    font-size: 1.15em;
}
body.larger .hero-banner .hero-banner-inner .hero-banner-content .hero-side .tab {
    font-size: 1em;
}
body.larger .account ul.tabs li a {
    font-size: 0.9em;
}
.sub-nav .responsive-sub-menu ul {
    list-style: none;
}
.footer .footer-inner .footer-content .footer-details ul {
    margin-left: 0;
}

.left {
    float: left;
}
.right {
    float: right;
}
.fullClear {
    float: left;
    clear: both;
    width: 100%;
}

@media screen and (max-width: 42.5em) { /* 680 */
    .page .header .header-inner .header-content .utils li.contact {
        margin-left: 20px;
    }
}
@media screen and (max-width: 35.125em) { /* 562 */
    .my-basket .prod,
    .my-basket .ex-vat,
    .my-basket .vat,
    .my-basket .quant,
    .my-basket .subtotal {
        margin: 0 0 5px 0;
        width: 100%;
    }
    .donationProduct .quant .update {
        display: none;
    }
}
@media screen and (max-width: 32.5em) { /* 520 */
    .page .header .header-inner .header-content .utils li.first a {
        display: block;
    }
}