@media (max-width: 767px)
{

    div.input > label, div.input > span
    {
        text-align: left;
    }

    .top-bar-menu, .logo-left
    {
        padding-left: 10px;
    }

    .top-bar-menu, .logo-right
    {
        padding-right: 10px;
    }

    .header
    {
        background: url('images/header-bg-mobile.png') repeat-x;
        padding-left: 0;
    }

    .header .logo.panastaff,
    .header .logo.panastore {
        background-size:auto 44px;
    }

    .reducedleftpadding
    {
        padding-left: 12px;
    }

    .noleftpadding
    {
        padding-left: 0;
    }

    
.norightpad-notxs
{ padding-right:15px;}

    .norightpadding
    {
        padding-right: 0;
    }

    .header .logo,
    .header .logo.panadir,
    .header .logo.panaxd,
    .header .logo.panastore
    {
        background-size:110px 43px;
        padding-left: 140px;
        height: 44px;
        padding-top: 5px;
    }

    .navbar
    {
        margin-bottom: 0px;
    }

    .navbar-default
    {
        background-color: transparent;
        border: none;
        color: white;
    }

    div.navbar.navbar-default.topnav
    {
        min-height: 34px;
    }

    .mobile-login-text
    {
        float: right;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 600;
        padding: 10px 10px 0 0;
        color: #aaa;
    }

    .cart-button-mobile
    {
        height: 34px;
        width: 45px;
        background: url('images/cart-mobile.png') no-repeat #1f1f1f;
        border: solid 6px #1f1f1f;
        border-left: solid 10px #1f1f1f;
        border-right: solid 10px #1f1f1f;
        float: right;
    }

    .searchouterouter
    {
        border-left: solid 1px #727272;
    }

    .searchouter
    {
        padding-top: 10px;
        padding-left: 0px;
        padding-right: 0;
        border-left: solid 1px #000;
    }

    .btn-lg.btn-nav-cart
    {
        padding: 6px 12px 2px 12px;
        margin-top: 8px;
        float: right;
        margin-right: 5px;
        background: transparent;
        border: solid 1px #EEE;
        color: #808080;
        border-radius: 5px;
    }

    .mobile-menu
    {
        border-left: solid 3px #FFF;
    }

    .navbar-toggle, .navbar-brand
    {
        float: left;
    }

    .navbar-brand
    {
        padding: 20px 0 0 0;
    }

    .topbar-toggle
    {
        float: right;
        background-color: transparent;
        padding: 5px 9px 5px 11px;
        margin-top: 0;
        z-index: 100;
        margin-right: 5px;
        margin-bottom: 8px;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

        .topbar-toggle:focus
        {
            outline: 0;
        }

        .topbar-toggle .icon-bar
        {
            display: block;
            width: 14px;
            height: 3px;
            border-color: white;
            background-color: white;
            border-radius: 6px;
        }

            .topbar-toggle .icon-bar + .icon-bar
            {
                margin-top: 2px;
            }

    .navbar-nav
    {
        margin-top: 0;
    }

    .navbar-default .navbar-collapse
    {
        border-top: 0;
    }

    .navbar-nav li.dropdown
    {
        color: white;
    }


        .navbar-nav li.dropdown a
        {
            color: white;
            font-size: 13px;
            border-top: solid 1px #555;
            padding: 7px 20px;
        }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
    {
        background: url('images/navdropdownmobile.png');
        color: white;
    }

    .dropdown.open .dropdown-menu
    {
        background-color: #000;
    }

    .category-filter-bar .dropdown ul.dropdown-menu
    {
        background-color: #fff;
        z-index: 1020;
    }

        .category-filter-bar .dropdown ul.dropdown-menu li
        {
            position: relative;
            z-index: 1020;
        }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header
    {
        font-weight: bold;
        color: white;
        padding-left: 20px;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
    {
        color: white;
    }

    .slicknav_menu ul li
    {
        font-size: 13px;
        background: url('images/navdropdownmobile.png');
        margin: 0;
        padding: 0;
    }

        .slicknav_menu ul li a
        {
            font-size: 13px;
        }

    .slicknav_nav .slicknav_row
    {
        margin: 0;
    }

    div.mini-cart
    {
        padding: 5px;
    }

    .mini-cart-line
    {
        padding: 5px 0 5px 0;
    }


    .sticky0
    {
        width: 100%;
        left: 0;
        right: 0;
    }

    .sticky1
    {
        width: 100%;
    }

    .belowmenuinfobar .logo-left
    {
        overflow: hidden;
        line-height: 24px;
        height: 24px;
        max-width: 49%;
    }

    .belowmenuinfobar .logo-left.logo-full
    {
        max-width: 100%;
    }


    .belowmenuinfobar .logo-right
    {
        max-width: 49%;
    }

    #searchoptions
    {
        margin-left: 10px;
    }

    .checkbox label::before
    {
        width: 25px;
        height: 25px;
    }

    .checkbox label::after
    {
        font-size: 15px;
        height: 27px;
    }

    .checkbox label
    {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 10px;
    }

    .checkbox
    {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    img.productimg
    {
    }
  .product-grid .product-grid-box,
  .home-grid .product-grid-box
    {
        min-height: auto;
        overflow:hidden;
        width:100%;
        height:auto;
    }

  .product-grid-box .productimg {
      max-width:300px;
      margin:0 auto;
  }
  .product-grid-box .actions {
      bottom:auto;
      overflow:hidden;
      position:relative;
  }

    .product-grid  .product-grid-btm
    {
        min-height: 0;
        padding-bottom: 5px;
        overflow:hidden;
    }

    .shopping-basket span.title
    {
        font-size: 16px;
    }

    .shopping-basket .price .reg
    {
        font-size: 18px;
    }

    .rdc-basket-outer
    {
        background-size: 238px 41px;
    }

    #prodimgCarousel .carousel-inner .item
    {
        min-height: 0;
    }

    .logo-right .was-price {
        display:none;
    }

    div.address-error {
        margin-left:0;
        width:100%;
    }

    #opc-delivopt {
        width:100%;
    }

    .opc-payment-logo
    {
        display: block;
        min-width: 100px;
        min-height: 28px;
        float:none;
        background-position: 0 0;
    }

    .payment-method-name.css-rdlabel {
        margin-bottom:10px;
    }

    .payment-method-name {
    margin-left:15px;
    margin-bottom:10px;
    
    }

    .xopc-payment-logo {
        display:none;
    }
    .opc-payment-form {
                          padding-left:15px;
                      }

    .opc-stagebox .col-xs-2 {
        padding-right:0;
    }
    .opc-stagebox .opc-stagenumber {
        padding:5px 10px;
        text-align:center;
        float:none;
    }
    .opc-stagetext {
        font-size:24px;
    }

     #frontPageBanner div.bannerfloat {
        position:static;
        
        color:black;
        width:100%;
        left:auto;
        bottom:auto;
        right:auto;
        padding:5px;
          overflow:hidden;
          display:block;
        top:auto;
        clear:both;
        z-index:0;

    }

    #frontPageBanner div.bannerfloat h1 {
        font-size:18px;
        margin:2px;
        color:white;
    }

    #frontPageBanner div.bannerfloat span {
        font-size:12px;
    }

    #frontPageBanner  a button.btn {
       display:none;
    }

    #frontPageBanner div.pricefloat {
        display:block;
        float:none;
         position:static;
         overflow:hidden;
         z-index:0;

        background:#000;
        color:white;
        width:100%;
        left:auto;
        top:0;
        right:auto;
        bottom:auto;
        padding:5px;
     
    }

    #frontPageBanner div.pricefloat div.pricefloatinner {
        overflow:hidden;
        float:right;
        position:static;
        right:auto;
        top:auto;
        display:block;
        text-align:right;
    }

     #frontPageBanner div.pricefloat p,
     #frontPageBanner div.saleinner p
      {
         text-shadow:none;
         margin:2px 0 2px 0;
     }
        #frontPageBanner div.pricefloat p.curr
        {
            font-size: 24px;
            line-height:1;
          position:static;
            letter-spacing:normal;
            color:white;
            padding:0;
        }

        #frontPageBanner div.pricefloat p.units
        {
           font-size: 24px;
            line-height:1;
            letter-spacing:normal;
          position:static;
          color:white;

        }

        #frontPageBanner div.pricefloat p.pence
        {
            font-size: 24px;
            line-height: 1;
            letter-spacing: normal;
           position:static;
           color:white;
        }
         #frontPageBanner div.pricefloat div.saleinner {
             padding-bottom:0;
         }

         #frontPageBanner div.pricefloat div.saleinner p.saving,
         #frontPageBanner div.pricefloat div.saleinner p.savetext {
             text-shadow:none;
         }

         #worldpay-div {
             height:810px;
         }
         
#wp-cl-worldpay-div-iframe
{
    
    width:100%;
    min-width: 0;
    height:800px;
    
}


.footer h4.store-title
{
    font: 600 28px 'Open Sans Condensed', sans-serif;
    color: #ececec;
    margin: 0;
    padding-right: 0;
    border-right: none;
    vertical-align: top;
    display: block;
}

.footer .store-phone-number
{
    color: #dbdbdb;
    font-size: 21px;
    vertical-align: bottom;
    padding-left: 0;
    border-left: none;
}
.footer .cardbar
{
    text-align:center ;
        background-size:cover ;
        
        margin: 0 auto;
 }

    .footer .cardbar .icons
    {
    }

    .footer .cardbar .cardicon,
    .footer .cardbar .delivicon
    {
background-size:100%;
-moz-background-size:100%;
-webkit-background-size:100%;
        float:left;
              width:68px;
       height:43px;
       margin-right:1px;
       margin-left:1px;
       margin-bottom:3px;
    }

 .footer .cardbar .delivicon:first-of-type {
     margin-left:30px;
    
 }

  .footer .cardbar .delivicon:last-of-type {
     
     margin-right:12px;
 }
    .shopping-basket .delivery-title {
        padding-bottom:5px;
    }

    
}

@media (min-width: 768px) and (max-width:991px)
{
 
     .header .logo
    {
        padding-top:3px;
    }

    .top-bar-menu, .logo-left
    {
        padding-left: 15px;
    }

    .top-bar-menu, .logo-right
    {
        padding-right: 20px;
    }


        .top-bar-menu .menu-item
        {
            font-size: 11px;
        }

    .menu-container .sub-menu li
    {
        width: 85px;
    }

        .menu-container .sub-menu li span
        {
            font-size: 11px;
        }

        .menu-container .sub-menu li a img
        {
            max-width: 50px;
        }

    ul.global-menu li.global-menu-item
    {
        width: 90px;
    }

        ul.global-menu li.global-menu-item img
        {
            width: 90px;
        }

        ul.global-menu li.global-menu-item .global-menu-title
        {
            font-size: 12px;
        }

    .sticky0
    {
        width: 750px;
    }

    .sticky1
    {
        width: 750px;
    }

    .basket-title {
        padding-top:50px;
    }




     #frontPageBanner div.bannerfloat {
        left:15px;
       
    }

    #frontPageBanner div.bannerfloat h1 {
        font-size:24px;
        margin:2px;
    }

    #frontPageBanner div.bannerfloat span {
        font-size:12px;
    }

    #frontPageBanner  a button.btn {
        left:15px;
        bottom:15px;
    }

    #frontPageBanner div.pricefloat {
        right:15px;
    }

        #frontPageBanner div.pricefloat p.curr
        {
            font-size: 32px;
            padding-top: 4px;
            letter-spacing:normal;
        }

        #frontPageBanner div.pricefloat p.units
        {
            font-size: 64px;
            padding-top:10px;
            letter-spacing:normal;
        }

        #frontPageBanner div.pricefloat p.pence
        {
            font-size: 32px;
            line-height:1;
            padding-top:40px;
            letter-spacing:normal;
        }


      .product-grid .product-grid-box,
    .home-grid .product-grid-box {
            min-height:640px;
        }

        #worldpay-div
{
    height: auto;
}

        

#checkoutminicart
{
    width: 280px;
}


.footer .cardbar .cardicon,
    .footer .cardbar .delivicon
    {
background-size:100%;
-moz-background-size:100%;
-webkit-background-size:100%;
        float:left;
             
       margin-right:1px;
       margin-left:1px;
       margin-bottom:3px;
    }

.footer .deliverytitle {
        color:white;
        float:right;
        padding-right:200px;
    }
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .top-bar-menu, .logo-left
    {
        padding-left: 100px;
    }

    .logo-right
    {
        padding-right: 100px;
    }

    .col-logo-indent
    {
        padding-left: 95px;
        padding-right: 95px;
    }

    .col-logo-indent-leftonly
    {
        padding-left: 95px;
    }

    ul.global-menu li.global-menu-item
    {
        width: 100px;
    }

        ul.global-menu li.global-menu-item img
        {
            width: 100px;
        }

        ul.global-menu li.global-menu-item .global-menu-title
        {
            font-size: 13px;
        }

    .menu-container .sub-menu li
    {
        width: 110px;
    }

        .menu-container .sub-menu li span
        {
            font-size: 13px;
        }

        .menu-container .sub-menu li a img
        {
            max-width: 80px;
        }

    .sticky0
    {
        width: 970px;
    }

    .sticky1
    {
        width: 970px;
    }

    .basket-title
    {
        padding-top: 50px;
    }

    #frontPageBanner div.bannerfloat
    {
        left: 100px;
    }

        #frontPageBanner div.bannerfloat h1
        {
            font-size: 24px;
            margin: 2px;
        }

        #frontPageBanner div.bannerfloat span
        {
            font-size: 12px;
        }

    #frontPageBanner a button.btn
    {
        left: 100px;
    }

    #frontPageBanner div.pricefloat
    {
        right: 100px;
    }

        #frontPageBanner div.pricefloat p.curr
        {
            font-size: 32px;
            padding-top: 4px;
            letter-spacing: normal;
        }

        #frontPageBanner div.pricefloat p.units
        {
            font-size: 64px;
            padding-top: 10px;
            letter-spacing: normal;
        }

        #frontPageBanner div.pricefloat p.pence
        {
            font-size: 32px;
            line-height: 1;
            padding-top: 40px;
            letter-spacing: normal;
        }

             .product-grid .product-grid-box,
    .home-grid .product-grid-box {
            min-height:620px;
        }
    #isitepanel
    {
        width: 100%;
        height: 100%;
        display: none;
    }

    #checkoutminicart
    {
        width: 320px;
    }
}




    @media (min-width: 1200px)
    {
        .top-bar-menu, .logo-left
        {
            padding-left: 115px;
        }

        .logo-right
        {
            padding-right: 115px;
        }

         
        .col-logo-indent
        {
            padding-left: 110px;
            padding-right: 120px;
        }
          
        .col-logo-indent-leftonly
        {
            padding-left: 110px;
        }

        .basket-title
        {
            padding-top: 50px;
            padding-bottom: 10px;
        }
    }



    /*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
    .slicknav_btn
    {
        position: relative;
        display: block;
        vertical-align: middle;
        float: right;
        padding: 0.438em 0.625em 0.438em 0.625em;
        line-height: 1.125em;
        cursor: pointer;
    }

        .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar
        {
            margin-top: 0.188em;
        }

    .slicknav_menu
    {
        *zoom: 1;
    }

        .slicknav_menu .slicknav_menutxt
        {
            display: block;
            line-height: 1.188em;
            float: left;
        }

        .slicknav_menu .slicknav_icon
        {
            float: left;
            margin: 0.188em 0 0 0.438em;
        }

        .slicknav_menu .slicknav_no-text
        {
            margin: 0;
        }

        .slicknav_menu .slicknav_icon-bar
        {
            display: block;
            width: 1.125em;
            height: 0.125em;
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px;
            -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        }

        .slicknav_menu:before
        {
            content: " ";
            display: table;
        }

        .slicknav_menu:after
        {
            content: " ";
            display: table;
            clear: both;
        }

    .slicknav_nav
    {
        clear: both;
    }

        .slicknav_nav ul
        {
            display: block;
        }

        .slicknav_nav li
        {
            display: block;
        }

        .slicknav_nav .slicknav_arrow
        {
            font-size: 0.8em;
            margin: 0 0 0 0.4em;
            float: right;
            padding-right: 10px;
        }

        .slicknav_nav .slicknav_item
        {
            cursor: pointer;
        }

            .slicknav_nav .slicknav_item a
            {
                display: inline;
            }

        .slicknav_nav .slicknav_row
        {
            display: block;
        }

        .slicknav_nav a
        {
            display: block;
        }

        .slicknav_nav .slicknav_parent-link a
        {
            display: inline;
        }

    .slicknav_brand
    {
        float: left;
    }

    .slicknav_menu
    {
        font-size: 16px;
        box-sizing: border-box;
        background: #4c4c4c;
        padding: 0;
    }

        .slicknav_menu *
        {
            box-sizing: border-box;
        }

        .slicknav_menu .slicknav_menutxt
        {
            color: #fff;
            font-weight: bold;
            text-shadow: 0 1px 3px #000;
        }

        .slicknav_menu .slicknav_icon-bar
        {
            background-color: #fff;
        }

    .slicknav_btn
    {
        margin: 5px 5px 6px;
        text-decoration: none;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #222;
    }

    .slicknav_nav
    {
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 0.875em;
        list-style: none;
        overflow: hidden;
    }

        .slicknav_nav ul
        {
            list-style: none;
            overflow: hidden;
            padding: 0;
            margin: 0 0 0 0;
        }

        .slicknav_nav .slicknav_row
        {
            padding: 5px 10px;
            margin: 0;
            min-height: 31px;
        }

    .xxxx .slicknav_nav .slicknav_row:hover
    {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background: #ff0;
        color: #fff;
    }

    .slicknav_nav a
    {
        padding: 5px;
        margin: 0 5px;
        text-decoration: none;
        color: #fff;
    }

    .xxxx .slicknav_nav a:hover
    {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background: #f00;
        color: #222;
    }

    .slicknav_nav .slicknav_txtnode
    {
        margin-left: 15px;
    }

    .slicknav_nav .slicknav_item a
    {
        padding: 0;
        margin: 0;
    }

    .slicknav_nav .slicknav_parent-link a
    {
        padding: 0;
        margin: 0;
    }

    .slicknav_brand
    {
        color: #fff;
        font-size: 18px;
        line-height: 30px;
        padding: 7px 12px;
        height: 44px;
    }

    .slicknav_btn
    {
        display: none;
    }

    .slicknav_collapsed
    {
        display: none;
    }

    .slicknav_open
    {
        border-bottom: none;
    }

    .slicknav_menu
    {
        padding-top: 0;
        padding-bottom: 0;
    }

    .slicknav_nav li.sn_level1 > a
    {
        height: 35px;
        padding: 10px 10px;
        background: url('images/navdropdownmobile.png') repeat-x;
        margin: 0;
    }

    li.sn_level1
    {
        border-top: solid 1px #444;
    }

    .slicknav_parent.sn_level1.slicknav_open > a
    {
        border-bottom: 0;
    }


    .slicknav_parent.sn_level2.slicknav_open > a
    {
        border-bottom: 0;
    }

    .slicknav_parent.sn_level2 a
    {
        height: 35px;
        padding: 10px 10px;
        background-image: none;
        background-color: rgb(59,59,59);
        border-bottom: solid 1px #000;
        margin: 0;
    }


    .slicknav_parent.sn_level2:first-child > a
    {
        background: url('images/navdropdownmobilel2.png') repeat-x rgb(59,59,59);
    }


    .slicknav_parent.sn_level2 li.sn_level3
    {
        background-image: none !important;
        background-color: rgb(98, 98, 98);
    }

        .slicknav_parent.sn_level2 li.sn_level3 a
        {
            height: 35px;
            padding: 10px 10px;
            background-image: none;
            background-color: rgb(98, 98, 98);
            border-bottom: 0;
            margin: 0;
        }

        .slicknav_parent.sn_level2 li.sn_level3:first-child a
        {
            background: url('images/navdropdownmobilel2.png') repeat-x rgb(98,98,98);
        }
}