@media only screen and (max-width : 1130px), screen\9 {
    .memberlogin {
        display: none;
    }

    .mobile-links > a {
        display: block;
    }

    .std_links li {
        padding: 7px 0px 15px 0px;
        display: inline-block;
    }

    li.mobile-links,
    li.mobile-links > a {
        display: inline-block;
    }

    .std_links {
        margin-top: 5px;
        width: 100%;
    }
}

@media screen and (min-width: 1068px) {
    .swirly {
        display: inline-block;
        background: transparent !important;
        border: 0px !important; }

    .swirly img {
        position: absolute;
        top: 0px;
        left: 580px;
        z-index: 100;
    }

    .std_links {
        display: inline-block;
    }
}

@media only screen and (max-width : 950px), screen\9 {
    .simplenav {
        display: none;
    }
}

@media only screen and (max-width : 800px), screen\9 {
    #details-container {
        display: none;
    }

    header {
        position: fixed;
        width: 100%;
        z-index: 99999;
    }

    section {
        margin-top: 36px;
    }

    #header {
        position: relative;
    }

    .logocontainer {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    nav ul,
    .sfploginbutton,
    .contactbutton {
        display: none;
    }

    #top-label {
        display: block;
        background: #ffcc00;
        width: 40px;
        height: 36px;
        cursor: pointer;
        position: absolute;
        left: 7px;
        top: 6px;
    }

    #top-label:after{
        content:'';
        display: block;
        width: 30px;
        height: 5px;
        background: #000;
        margin: 7px 5px;
        box-shadow: 0px 10px 0px #000, 0px 20px 0px #000
    }

    nav a {
        color: #fff;
    }

    nav ul li {
        display: block;
        float: none;
        width: 100%;
        text-align: left;
        background: #222;
        text-indent: 20px;
    }

    nav > ul > li {
        margin-left: 0px;
    }

    .baskets {
        margin: 0 auto;
        border: none
    }

    .baskets:nth-child(2) {
        display: none;
    }

    .checkoutstuff {
        display: block;
        width: auto;
        height: 100%;
        text-align: center;
        right: auto;
        position: static;
    }

    #toppanel {
        display: none;
    }

    .bask_little {
        left: 0;
    }

    .mobile-links {
        display: inline;
    }

    .ui-accordion-content li {
        margin-left: 0;
    }

    .new_nav {
        margin-top: 14px;
    }

    .new_nav ul:last-child li:last-child {
        margin-left: -15px;
        padding-bottom: 10px;
        border-bottom: solid 1px #484848;
    }

    .new_nav ul:last-child li:last-child a {
        display: block;
        margin-left: 22px;
    }

    .mobile-basket {
        display: inline-block;
        position: absolute;
        left: 65px;
        top: 13px;
    }

    #mobile-count {
        position: absolute;
        right: -30px;
        top: 3px;
        width: 10px;
        height: 10px;
        text-align: center;
        line-height: 11px;
        font-size: 8px;
        border: solid 1px rgb(236, 62, 51);
        border-radius: 50%;
        color: white;
        background-color: rgb(236, 62, 51);
    }

    #header {
        display: none;
    }

    .mobile-logo {
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 7px;
    }

    .mobile-logo img {
        height: 36px;
    }

    #navtoppanel {
        height: 50px;
        background-color: #ffcc00;
    }

    .tablet-number {
        display: inline-block;
        position: absolute;
        left: 37%;
        top: 7px;
        font-weight: bold;
        font-size: 25px;
    }

    #nav {
        position: absolute;
        left: -200px;
    }

    #menu-toggle {
        display: inline-block;
        position: absolute;
        left: 0;
        font-size: 35px;
        padding: 10px;
    }

    .std_links {
        display: none;
        position: absolute;
        left: -15px;
        top: 50px;
        width: 150px;
        margin-top: 0;
    }

    .std_links li:hover {
        border-top: none;
    }

    .std_links li {
        margin-left: 0;
    }

    li.mobile-links, li.mobile-links > a {
        display: block;
    }

    #mobile-numbers {
        display: none;
        margin-top: 0;
        padding-right: 15px;
    }

    #shopping-basket {
        font-size: 30px;
        display: inline-block;
        position: absolute;
        top: -3px;
        left: -6px
    }

    .mobile-numbers {
        display: inline-block;
        position: absolute;
        left: 25%;
        top: 50px;
    }

    .mobile-numbers a {
        display: block;
        font-size: 20px;
        color: white;
    }

    .mobile-phone {
        display: block;
    }

    #mobile-call {
        display: none;
    }
}

@media only screen and (max-width : 650px), screen\9 {
    .tablet-number {
        display: none;
    }

    .mobile-phone {
        display: inline-block;
        position: absolute;
        left: 115px;
        top: 20px;
        font-size: 30px;
        width: 40px;
    }

    .mobile-phone i {
        padding: 5px;
    }

    #mobile-call {
        display: block;
        position: absolute;
        top: -12px;
        left: -5px;
    }

    .mobile-numbers {
        position: absolute;
        left: -147px;
        top: 30px;
        width: 116vw;
    }
}