/* RESPONSIVE CSS BELOW */
/* RESPONSIVE NEW HEADER CSS */
@media screen and (max-width: 1280px) {
    ul .nav li a {
        font-size: 12px;
    }
}


@media screen and (max-width: 1440px) {
    ul.nav li a {
        font-size: 13px;
    }
   
}

/* TABLET LANDSCAPE */
@media screen and (max-width:1024px) {

    ul.nav li a {
        font-size: 11px;
        padding: 0 10px;
    }

        ul.nav li a span {
            width: 25px;
            height: 25px;
        }
}

/* TABLET PORTRAIT */
@media screen and (max-width:768px) {

    nav.main-nav {
        margin-top: -105px;
        height: 105px;
    }

        nav.main-nav ul.nav li {
            margin: 5px 0;
        }
    header h1 a {
        width: 160px;
        height: 60px;
    }
}

/* MOBILE GENERIC PORTRAIT */
@media screen and (max-width:737px) and (orientation: portrait) {

    header {
        position: sticky;
        top: 0;
        height: 90px !important;
    }
    .search-box {
        width: 94% !important;
        height:40px !important;
        left:20px !important;
        right: 20px !important;
        top: unset !important;
        transform: translate(0px, 0px) !important;
    }

    form.search {
        width: 220px !important;
        top: unset;
        bottom: 0 !important;
        transform: translate(0, 0);
    }

    section.hero h2 {
        font-size: 2rem !important;
    }

    .search-box.mob form.search {
        position: relative;
        top: 0;
        transform: none;
        /* width: 100%; */
    }

    .search-box.mob {
        right: unset;
        display: block;
        visibility: visible;
        width: 100%;
        padding: 0 5%;
        height: auto;
    }

        .search-box.mob input.header-search {
            width: 100%;
        }

    nav.main-nav {
        margin-top: -100%;
        position: fixed;
        height: auto;
    }

        nav.main-nav.active {
            margin-top: 0 !important;
        }

    /*    .search-box {
        display: none;
    }
*/
    .logos ul li.covid-logo {
        width: 320px !important;
        height: 180px !important;
    }

    nav.main-nav ul.nav li {
        margin: 5px 0;
        width: 50%;
    }

    header h1 {
        left: 20px !important;
        position: absolute;
    }

    .menu {
        margin-right: 0;
    }

    .login-box {
        right:70px !important;
        top:30px !important
    }

    .login-btn span {
        width: 15px !important;
        height: 15px !important;
    }

    a.login-btn {
        font-size: 12px !important;
    }
}

/* LANDSCAPE PHONES GENERIC */
@media screen and (max-width:900px) and (orientation: landscape) {

    ul.nav li a {
        font-size: 10px;
        padding: 0 10px;
    }

        ul.nav li a span {
            width: 25px !important;
            height: 25px !important;
        }

    nav.main-nav {
        height: 30px !important;
    }

    .search-box.mob {
        display: none;
        visibility: hidden;
    }

    .search-box {
        width: 35%;
        right:220px;
        text-align: right;
        height: 80px;
        top: 0;
        /* position: relative; */
    }

    .menu {
        right: 10px;
    }

    .login-box {
        right: 100px;
    }

    input.header-search {
        width: 240px;
    }
}

/* RESPONSIVE NEW HEADER CSS ENDS */



/* Big Mac's !!!! */
@media screen and (min-device-width: 2560px) {
}

/* Big Mac's !!!! */
@media screen and (max-device-width: 2560px) {
}

/* HD Monitors*/
@media screen and (max-device-width: 1920px) {
}

/* HD Monitors*/
@media screen and (max-device-width: 1680px) {
}

/* HD 1920 Zoomed by 25% */
@media screen and (max-width: 1536px) {
}

/*  Macbook*/
@media screen and (max-device-width: 1440px) {
}

/* Laptop */
@media screen and (max-width: 1366px) {


}

/* Laptop */
@media screen and (max-width: 1280px) {
    
    input.header-search {
        width: 250px;
    }

    .search-box {
        width: 440px;
    }
}

/* Tablet */
@media screen and (max-width: 1024px) {

    input.header-search {
        width: 220px;
    }

    .search-box {
        width: 410px;
    }

    header h1 a {
        width: 200px;
    }
}

/* Tablet */
@media screen and (max-width: 800px) {
    p.tel {
        font-size:15px;
    }

    form.search {
        width: 180px;
    }
    .login-box {
        top: 30px;
        right: 80px;
    }
    .search-box {
        width: 350px;
        right: 190px;
        top: 50%;
        height: unset;
        transform: translate(0, -50%);
        bottom: 5px;
    }
    input.header-search {
        border: 2px solid #cecece;
        border-radius: 5px;
        padding: 2px 5px;
        height: 30px;
        width: 190px;
    }
}


/*Ipad Pro*/
/* Portrait */
@media only screen and (device-width: 1366px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
@media only screen and (device-width: 1366px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}


/*Droid Tablet*/
@media screen and (device-width: 1280px) and (device-height: 800px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1.5) {
}


/*Nexus 7 portrait*/
@media screen and (device-width: 600px) and (device-height: 960px) and (orientation: portrait) {
}

/*Nexus 7 landscape*/
@media only screen and (device-height : 600px) and (device-width : 960px) and (orientation : landscape) {
}


/* mobile all*/
@media only screen and (min-width : 100px) and (max-width : 812px) {

    p.tel {
    }

    input.header-search {
    border: 2px solid #cecece;
    border-radius: 5px;
    padding: 2px 5px;
    width: 400px;
}

   /* .search-box {
        width: 380px;
    }*/

    .carousel-caption {
        position: absolute;
        right: unset;
        bottom: 50px;
        top: unset;
        transform: translate(-50%, 0);
        left: 50%;
        width: 80%;
        text-align: center !important;
    }

}


/* Droid Tablet Portrait*/
@media screen and (device-width: 800px) and (device-height: 1280px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1.5) {
}

/*  Nexus 10  */
@media screen and (device-width: 800px) and (device-height: 1280px) and (orientation: portrait) {
}

/* Ipad & Small Droid tablet & Big Droid phone*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .hero-content .hero-panel {
        width: 70%;
    }

    section.hero h2 {
        font-size: 2rem !important;
    }

    section.hero p {
        font-size: 1.5rem;
    }

    .logos ul li.covid-logo {
        width: 250px !important;
        height: 250px !important;
    }

    .hero-content .logos {
        width: 30%;
    }

}


/* iPad Landscape */
@media only screen and (device-height : 768px) and (device-width : 1024px) and (orientation : landscape) {

    .hero-content .hero-panel {
        width: 70%;
    }

    section.hero h2 {
        font-size: 2rem !important;
    }

    section.hero p {
        font-size: 1rem !important;
    }

    .logos ul li.covid-logo {
        width: 250px !important;
        height: 250px !important;
    }

    .hero-content .logos {
        width: 30%;
    }

    ul.footer-nav {
        float: right !important;
        margin-bottom: 20px;
    }

    ul.footer-logos li.covid-19 {
        width: 100px !important;
    }

    ul.footer-logos li a.nhs {
        width: 130px !important;
    }

    ul.footer-logos li.atol {
        width: 55px !important;
    }


    .search-box {
        width: 42%;
        height: 80px;
    }

    input.header-search {
        width: 230px;
    }

    ul.nav li a {
        font-size: 11px;
    }

        ul.nav li a span {
            width: 40px;
            height: 40px;
            margin-right: 15px;
        }

    .quick-view {
        top: 0;
        transform: translate(-50%, 0%);
        width: 90%;
    }
}

/* ipad Portrait */
@media only screen and (device-width : 768px) and (device-height : 1024px) and (orientation : portrait) {

    form.search {
        top: 42% !important;
    }

    .hero-content .hero-panel {
        width: 70%;
    }

    section.hero h2 {
        font-size: 2rem;
    }

    section.hero p {
        font-size: 1.5rem;
    }

    .logos ul li.covid-logo {
        width: 200px !important;
        height: 200px !important;
    }

    .hero-content .logos {
        width: 30%;
    }

        .menu {
        top: 50% !important;
    }


    ul.footer-nav {
        float: right !important;
        margin-bottom: 20px;
    }

    ul.footer-logos li.covid-19 {
        width: 100px !important;
    }

    ul.footer-logos li a.nhs {
        width: 130px !important;
    }

    ul.footer-logos li.atol {
        width: 55px !important;
    }


    ul.core-services li {
        width: 30% !important;
        text-align: center;
    }

    .search-box {
        height: 80px;
    }

    input.header-search {
        width: 300px;
    }

    ul.nav li a {
        font-size: 11px;
    }

        ul.nav li a span {
            width: 40px;
            height: 40px;
            margin-right: 15px;
        }

    .bid-now .col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bid-now .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bid-now .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 400px;
    }

    .quick-view {
        top: 0;
        transform: translate(-50%, 0%);
        width: 80%;
    }

        .quick-view .col-md-6 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
}

/* iPhone X*/
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio : 3) {
}


/* Generic mobile portrait*/
@media only screen and (min-device-width : 360px) and (max-device-width : 892px) and (orientation : portrait) {

    header {
        height: 60px;
    }
  /*      .login-box {
        top: 30px;
        right:100px;
    }*/

    p.tel {
        font-size:17px;
    }

    header h1 a {
        width: 160px;
        height:60px;
    }
    input.header-search {
        width: 80% !important;
    }

    .search-box {
        height: 60px;
        right: 200px;
    }

    .login-box {
        right: 80px;
        top: 50%;
        transform: translateY(-50%);
    }

    .menu {
        top: 30px;
        width:40px;
        right:20px;
    }



    ul.nav li a {
        justify-content: center;
    }
    /*.search-box {
        height: 30px;
        right: 10px;
        top: unset;
        transform: translate(0, 0);
        bottom: 5px;
        display: block;
    }*/
    
    .search button {
        top: 50%;
        bottom: unset;
        width: 30px;
        height: 30px;
        background-size: 25px 25px;
    }

    
}

@media only screen and (max-width : 480px) {
    p.tel {
        margin: 0;
        font-size: 13px;
        background-size: 20px 20px;
        padding-left: 30px;
        height: unset;
        position: absolute;
        bottom: 5px;
    }
    form.search {
        right: 10px;
    }
    header {
        height: 90px;
    }
    .search-box {
        width: 100%;
        right: 10px;
        top: unset;
        bottom: 5px;
        transform: translate(0, 0);
    }
}


/* Landscape mobiles*/

/* Generic mobile landscape*/
@media only screen and (min-width : 400px) and (max-width : 825px) and (orientation : landscape) {

    .search-box {
        width: 44%;
        height: 80px;
    }

    header h1 a {
        width: 170px;
    }

    input.header-search {
        width: 170px;
    }

    nav.main-nav {
        margin-top: -50px;
        height: 50px;
    }

    ul.nav li a {
        font-size: 10px;
    }

        ul.nav li a span {
            width: 30px;
            height: 30px;
            margin-right: 4px;
        }

    .logos ul li.covid-logo {
        width: 250px;
        height: 300px;
    }

    section.hero {
        height: 350px;
    }
}

/*iphone x */
@media only screen and (device-height : 375px) and (device-width : 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
}

/* Plus only*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
}

/* One Plus etc*/
@media only screen and (device-height : 412px) and (max-device-width : 916px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2.5) {
}

/*Iphone 6 etc*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/*Pixel XL only*/
@media only screen and (device-height : 411px) and (device-width : 823px) and (orientation : landscape) {
}

/*Pixel 4*/
@media only screen and (device-height : 393px) and (device-width : 830px) and (orientation : landscape) {
}

/*Pixels*/
@media only screen and (device-height : 411px) and (device-width : 731px) and (orientation : landscape) {
}

/*Droids*/
@media only screen and (device-height : 360px) and (device-width : 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
}

/*Samsung Galaxy S5 etc range*/
@media screen and (device-width: 640px) and (device-height:360px ) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
}


/*Portrait mobiles*/

/*Iphone X */

@media only screen and (device-width : 375px) and (device-height : 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {

    .search-box.mob form.search {
        position: relative;
        top: 0;
        transform: none;
        /* width: 100%; */
    }

    .search-box.mob {
        right: unset;
        display: block;
        visibility: visible;
        width: 100%;
        padding: 0 5%;
        height: auto;
    }

        .search-box.mob input.header-search {
            width: 100%;
        }

    /* GENERIC STYLES */

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

    .logos ul li.covid-logo {
        width: 300px;
        height: 180px;
    }

    section.hero {
        background: #CCC;
        height: 400px;
    }

        section.hero h2 {
            font-size: 3rem;
        }

        section.hero p {
            font-size: 1.5rem;
        }

    .confirm-bid-panel .confirm {
        width: 90%;
    }

    .padding {
        padding: 25px;
    }

    .menu {
        width: 40px;
        height: 40px;
        margin: 20px 10px;
    }

    .quick-view {
        width: 80%;
        height: 100%;
        background: #f6f6f6;
    }

        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

        ul.nav li a {
            justify-content: flex-start;
        }

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: 300px;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}

/*iPhone plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {

    .search-box.mob form.search {
        position: relative;
        top: 0;
        transform: none;
        /* width: 100%; */
    }

    .search-box.mob {
        right: unset;
        display: block;
        visibility: visible;
        width: 100%;
        padding: 0 5%;
        height: auto;
    }

        .search-box.mob input.header-search {
            width: 100%;
        }

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

/*    .confirm-bid-panel .confirm {
        width: 90%;
    }*/

    .padding {
        padding: 25px;
    }

    .search-box {
        display: none;
    }

    .menu {
        width: 40px;
        height: 40px;
        margin: 20px 10px;
    }

    .quick-view {
        width: 80%;
        height: 100%;
        background: #f6f6f6;
    }

        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

/*        ul.nav li a {
            justify-content: flex-start;
        }*/

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: 300px;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}

/*Iphone 6 etc*/
@media only screen and (device-width : 375px) and (device-height : 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {

    .search-box.mob form.search {
        position: relative;
        top: 0;
        transform: none;
        /* width: 100%; */
    }

    .search-box.mob {
        right: unset;
        display: block;
        visibility: visible;
        width: 100%;
        padding: 0 5%;
        height: auto;
    }

        .search-box.mob input.header-search {
            width: 100%;
        }

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

    .confirm-bid-panel .confirm {
        width: 90%;
    }

    .padding {
        padding: 25px;
    }

    .search-box {
        display: none;
    }

    .menu {
        width: 40px;
        height: 40px;
        margin: 20px 10px;
    }

    .quick-view {
        width: 80%;
        height: 100%;
        background: #f6f6f6;
    }

        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

/*        ul.nav li a {
            justify-content: flex-start;
        }*/

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: 300px;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}

/* One Plus 6, 7,  */
@media only screen and (device-width : 412px) and (max-device-height : 916px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2.5) {

    .search-box.mob form.search {
        position: relative;
        top: 0;
        transform: none;
        /* width: 100%; */
    }

    .search-box.mob {
        right: unset;
        display: block;
        visibility: visible;
        width: 100%;
        padding: 0 5%;
        height: auto;
    }

        .search-box.mob input.header-search {
            width: 100%;
        }

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

    .confirm-bid-panel .confirm {
        width: 90%;
    }

    .padding {
        padding: 25px;
    }

    .menu {
        width: 40px;
        height: 40px;
    }

    .quick-view {
        width: 80%;
        height: 100%;
        background: #f6f6f6;
    }

        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

/*        ul.nav li a {
            justify-content: flex-start;
        }*/

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: 300px;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}

/*Pixels*/
@media only screen and (device-width : 411px) and (device-height : 731px) and (orientation : portrait) {

    .search-box.mob form.search {
        position: relative;
        top: 0;
        transform: none;
        /* width: 100%; */
    }

    .search-box.mob {
        right: unset;
        display: block;
        visibility: visible;
        width: 100%;
        padding: 0 5%;
        height: auto;
    }

        .search-box.mob input.header-search {
            width: 100%;
        }

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

    .confirm-bid-panel .confirm {
        width: 90%;
    }

    .padding {
        padding: 25px;
    }

    .search-box {
        display: none;
    }

    .menu {
        width: 40px;
        height: 40px;
        margin: 20px 10px;
    }

    .quick-view {
        width: 80%;
        height: 100%;
        background: #f6f6f6;
    }

        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

/*        ul.nav li a {
            justify-content: flex-start;
        }*/

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: 300px;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}

/* Pixel Xl only*/
@media only screen and (device-width : 411px) and (device-height : 823px) and (orientation : portrait) {

    .search-box.mob form.search {
        position: relative;
        top: 0;
        transform: none;
        /* width: 100%; */
    }

    .search-box.mob {
        right: unset;
        display: block;
        visibility: visible;
        width: 100%;
        padding: 0 5%;
        height: auto;
    }

        .search-box.mob input.header-search {
            width: 100%;
        }

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

    /* GENERIC STYLES */

    .confirm-bid-panel .confirm {
        width: 90%;
    }

    .padding {
        padding: 25px;
    }

    .search-box {
        display: none;
    }

    .menu {
        width: 40px;
        height: 40px;
        margin: 20px 10px;
    }

    .quick-view {
        width: 80%;
        height: 100%;
        background: #f6f6f6;
    }

        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

/*        ul.nav li a {
            justify-content: flex-start;
        }*/

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: 300px;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}

/*Pixel 4*/
@media only screen and (device-width : 411px) and (device-height : 869px) and (orientation : portrait) {

    .search-box.mob form.search {
        position: relative;
        top: 0;
        transform: none;
        /* width: 100%; */
    }

    .search-box.mob {
        right: unset;
        display: block;
        visibility: visible;
        width: 100%;
        padding: 0 5%;
        height: auto;
    }

        .search-box.mob input.header-search {
            width: 100%;
        }

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

    .confirm-bid-panel .confirm {
        width: 90%;
    }

    .padding {
        padding: 25px;
    }

    .menu {
        width: 40px;
        height: 40px;
    }

    .quick-view {
        width: 80%;
        height: 100%;
        background: #f6f6f6;
    }

        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

        ul.nav li a {
            justify-content: flex-start;
        }

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: 300px;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}

/*Samsung Galaxy 5 etc*/
@media screen and (device-width: 360px) and (device-height:640px ) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {

    .search-box.mob form.search {
        position: relative;
        top: 0;
        transform: none;
        /* width: 100%; */
    }

    

    .search-box.mob {
        right: unset;
        display: block;
        visibility: visible;
        width: 100%;
        padding: 0 5%;
        height: auto;
    }

        .search-box.mob input.header-search {
            width: 100%;
        }

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

    section.hero h2 {
        font-size: 3rem;
    }

    section.hero p {
        font-size: 1.5rem;
    }

    .logos ul li.covid-logo {
        width: 300px;
        height: 200px;
    }

    .confirm-bid-panel .confirm {
        width: 90%;
    }

    .padding {
        padding: 25px;
    }

    .search-box {
        display: none;
    }

    .menu {
        width: 40px;
        height: 40px;
        margin: 20px 10px;
    }

    .quick-view {
        width: 80%;
        height: 100%;
        background: #f6f6f6;
    }

        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

        ul.nav li a {
            justify-content: flex-start;
        }

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: 300px;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}

/*iPhone 5/SE*/
@media only screen and (min-device-width : 320px) and (max-device-height : 568px) and (orientation : portrait) {

    .search-box.mob form.search {
        position: relative;
        top: 0;
        transform: none;
        /* width: 100%; */
    }

    .search-box.mob {
        right: unset;
        display: block;
        visibility: visible;
        width: 100%;
        padding: 0 5%;
        height: auto;
    }

        .search-box.mob input.header-search {
            width: 100%;
        }

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

    .confirm-bid-panel .confirm {
        width: 90%;
    }

    .padding {
        padding: 25px;
    }

    .search-box {
        display: none;
    }

    .menu {
        width: 40px;
        height: 40px;
        margin: 20px 10px;
    }

    .quick-view {
        width: 80%;
        height: 100%;
        background: #f6f6f6;
    }

        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

        ul.nav li a {
            justify-content: flex-start;
        }

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: 300px;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}

/*Droids*/
@media only screen and (min-device-width : 360px) and (max-device-height : 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {

    .search-box.mob form.search {
        position: relative;
        top: 0;
        transform: none;
        /* width: 100%; */
    }

    p.tel {
        height: unset;
        margin: 0;
        font-size: 20px;
        background-size: 25px 25px;
        padding-left: 35px;
        bottom: 20px;
        left: 20px;
    }

    .search-box.mob {
        right: unset;
        display: block;
        visibility: visible;
        width: 100%;
        padding: 0 5%;
        height: auto;
    }

        .search-box.mob input.header-search {
            width: 100%;
        }

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

    .confirm-bid-panel .confirm {
        width: 90%;
    }

    .padding {
        padding: 25px;
    }

    .search-box {
        display: none;
    }

    .menu {
        width: 40px;
        height: 40px;
        margin: 20px 10px;
    }

    .quick-view {
        width: 80%;
        height: 100%;
        background: #f6f6f6;
    }

        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

        ul.nav li a {
            justify-content: flex-start;
        }

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: 300px;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}

/* Droid e.g. Galaxy S iii*/
@media screen and (device-width: 360px) and (device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {

    .search-box.mob form.search {
        position: relative;
        top: 0;
        transform: none;
        /* width: 100%; */
    }

    .search-box.mob {
        right: unset;
        display: block;
        visibility: visible;
        width: 100%;
        padding: 0 5%;
        height: auto;
    }

        .search-box.mob input.header-search {
            width: 100%;
        }

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

    .confirm-bid-panel .confirm {
        width: 90%;
    }

    .padding {
        padding: 25px;
    }

    .search-box {
        display: none;
    }

    .menu {
        width: 40px;
        height: 40px;
        margin: 20px 10px;
    }

    .quick-view {
        width: 80%;
        height: 100%;
        background: #f6f6f6;
    }

        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

        ul.nav li a {
            justify-content: flex-start;
        }

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: 300px;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}

@media only screen and (min-device-width : 360px) and (max-device-width : 768px) and (orientation : portrait) {

    .logos ul li.covid-logo {
        width: 300px;
        height: 300px;
    }

    ul.footer-nav {
        float: left;
        margin-bottom: 20px;
    }

    ul.footer-logos li a.nhs {
        width: 100px;
    }

    ul.footer-logos li.atol {
        width: 70px;
    }

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

    

        .search-box.mob form.search {
            position: relative;
            top: 0;
            transform: none;
            /* width: 100%; */
        }

        .search-box.mob {
            right: unset;
            display: block;
            visibility: visible;
            width: 100%;
            padding: 0 5%;
            height: auto;
        }

            .search-box.mob input.header-search {
                width: 100%;
            }

    ul.nav li a {
        font-size: 11px;
    }

        ul.nav li a span {
            width: 40px;
            height: 40px;
            margin-right: 15px;
        }
}

@media only screen and (device-width : 653px) and (device-height : 280px) and (orientation : landscape) {

    .logos ul li.covid-logo {
        width: 190px;
        height: 230px;
    }

    col-md-4 {
        margin: 10px 0;
    }

    section.hero h2 {
        font-size: 2.5rem;
    }

    section.hero p {
        font-size: 1.5rem;
    }

    section.hero {
        height: 270px;
    }
}

@media only screen and (device-width : 280px) and (device-height : 653px) and (orientation : portrait) {

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

    .confirm-bid-panel .confirm {
        width: 90%;
    }

    .logos ul li.covid-logo {
        width: 200px;
        height: 100px;
    }

    .padding {
        padding: 25px;
    }

    .search-box {
        display: none;
    }

    .menu {
        width: 40px;
        height: 40px;
        margin: 20px 10px;
    }

    .quick-view {
        width: 80%;
        height: 100%;
        background: #f6f6f6;
    }

        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

        ul.nav li a {
            justify-content: flex-start;
        }

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: 300px;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}

@media only screen and (min-device-width : 100px) and (max-device-width : 640px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : portrait) {

    .col-md-6.col-md-offset-2 {
        margin: 10px 0;
    }

    .col-md-4 {
        margin: 10px 0;
    }

/*    .confirm-bid-panel .confirm {
        width: 90%;
    }*/

    .padding {
        padding: 25px;
    }



    .menu {
        width: 40px;
        height: 40px;
        right: 10px !important;
        margin: 0;
        top:10px;
        transform: translate(0,0);
        /* margin: 20px 10px; */
    }

    .quick-view {
        width: 80%;
        height: auto;
        background: #f6f6f6;
    }

        .quick-view .carousel-inner {
            height: auto;
        }


        .quick-view .buy-it-now-image {
            height: 240px;
        }

    .buy-it-now-image {
        font-size: 0;
        position: relative;
        height: 230px;
    }

    ul.footer-logos li.covid-19 {
        width: 160px;
        height: 90px;
    }

    section.sub-band ul li {
        width: 100%;
    }

        section.sub-band ul li a {
            margin-left: 0;
            width: 100%;
            margin: 10px auto;
        }

    ul.nav li {
        width: 100%;
    }

/*        ul.nav li a {
            justify-content: flex-start;
        }*/

    nav.main-nav {
        margin-top: -300px;
        height: 300px;
    }

        nav.main-nav.active {
            margin-top: 0;
            height: auto;
        }

    .nav-pagination-box {
        position: relative;
        right: 15px;
        top: 0;
        margin: 20px 0 0 0;
    }

    .item-number {
        position: relative;
        top: 10px;
        display: block;
        right: 0;
        text-align: left;
        width: 100%;
    }

    h3 {
        font-size: 2rem;
        color: #588fd2;
    }
}