@media screen and (max-width: 960px) {

    body {
        padding-top: 60px;
    }
    .col {
        width: 100% !important;
        text-align:center;
    }

    .col-contents-right {
        text-align:center !important;
    }

    .col-contents-left {
        text-align:center !important;
    }

    .colextended {
        margin-bottom: 40px;
    }

    #burger {
        display: inline-block;
    }

    h1 {
        padding: 40px 20px 20px 20px;
        font-size: 2.8em;
        text-align: center;
    }
    h1 span.age {
        float: none;
        display:block;
        text-align:center;
    }

    h2 {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 2.0em;
    }
    h3 {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1.8em;
    }
    h4 {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1.6em;
    }


    p {
         padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
        font-size: 1.4em;
    }

    p.foundwarning {
        display:none;
    }

    p.previewnotice {
        
    }

    p.previewnotice a {
        display:block;
        margin: 10px 10px 0 10px;
    }
    .logo p {
        text-align:left;
    }

    .logo p img {
        width: 200px;
    }

    hr {
        margin: 10px 40px 20px 40px;
    }
    h1.front {
        padding-top: 40px;
        font-size: 2.0em;
    }

    header {
        margin-bottom: 0;
        margin-top: 0;
        position:fixed;
        top: 0;
    }

    .pagecontent {
        margin-top: 0;
        text-align:center;
    }


    header .navigation  {
        display: none;
        text-align:center !important;
        padding-bottom: 10px;
    }


    header .navigation  ul li {
        display:block !important;
        padding-left: 0;
        padding-right: 0;
        margin: 0 10px 0 10px;
    }

    header .navigation ul li.found {
        background-color:transparent;
    }

    header .navigation ul li a {
        background-color:#000;
        border-radius: 10px;
    }

    header .navigation ul li.selected {
        background-image: none;
    }

    header .navigation ul li.selected a {
        background-color:#fff;
        color:#000;
    }

    #foundbox {
            margin: -10px auto 0 auto;
    width: 92%;
    position: relative;
    }


    .showcase {
        padding-top: 180px;
        margin-top: 0;
        background-position: 50% 0;
    }

    .showcase p.headline {
        font-size: 2.6em;
        margin: 20px 0 0 0;
        text-align:center;
        padding: 10px 20px 20px 20px;
        position: inherit;
    }

    .showcase p.headline img {
        clear: both;
        float: none;
        margin: -20px auto 10px auto;
        width: 60px;
        display:block;
    }

    .showcase ul {
        width: auto;
        margin: 0 20px 0 20px;
        float: none;
    }

    .showcase ul li {
        font-size: 1.6em;
        margin: 0 auto 20px auto;
        display: block;
    }

    .showcase ul li img {
        clear: both;
        float: none;
        margin: -20px auto 10px auto;
        width: 20px;
        display:block;
    }

    .front h1 {
        font-size: 1.6em;
    }


    .steps div {
        margin-bottom: 40px;
    }

    .steps hr {
        display: none;
    }

    .colstickers {
        display: none;
    }

    .shoppingbasket {
        padding-top: 15px;
        padding-bottom: 5px;
        display:block;
        margin: 0 0 -15px 0;
        background-color:#3b5998;
        float:none;
    }

    .shoppingbasket a {
        margin: 0;
        padding: 0;
        display:block;
    }

    .shoppingbasket p {
        color:#fff;
        padding: 0;
        margin: 0;
    }

    .shoppingbasket img {
        display: none;
    }

    .shoppingbasket .flash {
        display: none !important;
    }

    ul.productgrid {
        margin: 0 10px 10px 10px;
    }

    ul.productgrid li {
        display:block;
        width: auto;
    }

    select.buynow {
        width: auto;
    }


    .loginform {
        width: 290px;
        margin: 20px auto 20px auto;
    }

    input[type="email"] {
        width: 240px;
        margin: 0 auto 10px auto;
    }

     input[type="text"] {
        width: 240px;
        margin: 0 auto 10px auto;
    }

     input[type="checkbox"].dependents {
         margin: 0 10px 10px 25px;
     }

      input[type="password"] {
        width: 240px;
        margin: 0 auto 10px auto;
    }

      input[type="date"] {
        width: 240px;
        margin: 0 auto 10px auto;
    }

      input[type="date"].half {
          width: 120px;
      }

     select {
        width: 240px;
        margin: 0 auto 10px auto;
    }
     
     select#subnavs {
         width: 100%;
         max-width: 100%;
         margin: 0 0 0 0;
         padding: 15px 20px;
         font-weight: bold;
         text-align:center;
         background-color:#000;
         color:#fff;
         border: 0;
     }

     select#subsubnavs {
         width: 100%;
         max-width: 100%;
         margin: -20px auto 0 auto;
         padding: 10px 20px;
         font-weight: bold;
         text-align:center;
         background-color:#3b5998;
         color:#fff;
         border: 0;
     }

      label {
          margin: 0 0 5px 20px;
      }

      .collapsiblewrapper h3 {
          margin-left: 10px;
          margin-right: 10px;
          text-align:left;
      }

      .collapsiblecoloured {
          margin-left: 10px;
          margin-right: 10px;
          text-align:left;
      }

      .collapsiblecoloured input[type="text"] {
          margin-left: 20px;
      }

      .collapsiblecoloured input[type="date"] {
          margin-left: 20px;
      }


      .profilecard {
          margin-left: 20px;
          margin-right: 20px;
      }

      .profilecard a {
          margin: 0 10px 10px 10px;
          display:block;
      }

      .profilecard p.pcr {
          margin-left: 20px;
          margin-right: 20px;
          display:block;
      }

      .profilecard p.pcr span {
          display:block;
          text-align:center;
          margin: 0;
          padding: 10px;
          top: -5px;
          left: -10px;
          width: 100%;
          position:relative;
          margin-bottom: -20px;
      }

      ul.onboardstatus {
          margin: 0 10px 20px 10px;
      }

      ul.onboardstatus li {
          margin: 0 0 20px 0;
      }

      ul.onboardstatus li img {
                  clear: both;
        float: none;
        margin: -20px auto 10px auto;
        width: 20px;
        display:block;
      }

      ul.onboardstatus li a {
          display:block;
          float: none;
          margin: 10px;
      }

      .pricingplans ul li {
          display:block;
          width: auto;
      }

        .pricingplans ul li div.wrapper h2 {
            font-size: 2.6em;
        }

        .pricingplans ul li div.wrapper p {
          font-size: 1.6em;
      }

        p.successmessage {
            text-align:center;
            padding: 10px 10px;
            margin: 10px 10px 0 10px;
        }

        p.successmessage img {
             clear: both;
        float: none;
        margin: 0px auto 10px auto;
        width: 32px;
        display:block;
        }

        .basketwrapper {
            margin: 0 20px 20px 20px;
            margin-left: 20px;
        }

        table {
            
        }

        tr {
            border: 0;
        }

        th {
            border-bottom: 0;
        }

        td {
            border-bottom: 0;
        }

        td.tdfooter {
            border-bottom: 5px solid #54de64;
        }

      .mobile {
          display:inherit;
      }

      .desktop {
          display: none;
      }
}