@media screen and (min-width: 240px) and (max-width: 400px) {

    html { width: 100%; height: 100%; overflow: scroll; }

    .header-bottom .search-box {
        display: none;
    }
    .flyout-cart {
        display: none !important;
    }

    .admin-header-links  { display: none!important; }
    .help-links { display: none;}

    body { width: 400px!important; overflow: hidden;}

        #featured-banners { display: none!important; }
        #helper { display: none!important; }
        .home-page { width: 400px!important; }

 /* HEADER */


.responsive-nav-wrapper { display: block!important; }

 .header-links a {
  width: auto;
  height: auto;
  color: #7e7e7e;
  font-size: 12px;
  text-indent: 0;
  float: left;
  line-height: 36px;
}
.header-links .top-divider { display: none; }

.header-links-wrapper { float: left; }

.header-links-wrapper #euro.flags { margin-left: 20px; }

.header-top { width: 90%; margin: 0 auto; }
.shopping-cart-link { margin-right: 20px; }

#logo { margin-top: 0px;   width: 90%;
  margin: 0 auto;
  background-size: 95%;
  background-position: 50%; }

.header .header-bottom { height: auto; }

.header-logo { padding-to: 20px; }
.header-bottom {   background-size: 200%;
  background-position: top left; }


/* RESPONSIVE NAV WRAPPER */

    .responsive-nav-wrapper-parent {
        height: 51px;
    }
    .responsive-nav-wrapper {
        position: relative;
        background: #10385d;
        width: 100%;
        box-shadow: 0 1px 3px 1px rgba(0,0,0,0.15);
        text-align: center;
        font-size:0;
    }
    .stick {
        position: fixed;
        top: 0;
        z-index: 10000;
    }
        .responsive-nav-wrapper:after {
            content: ".";
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            line-height: 0;
            font-size: 0;            
        }
        .responsive-nav-wrapper > div > span{
            display: block;
            color: #fff;
            font-size: 20px;
            text-transform: uppercase;
            height: 51px;
            width: 85px;
            overflow: hidden;
            text-indent: -9999px;
            cursor: pointer;
        }
    .responsive-nav-wrapper .menu-title {
        display: inline-block;
        background: url(../img/icon-menu.png) no-repeat center;
    }
    .responsive-nav-wrapper .search-wrap {
        display: inline-block;
        background: url(../img/icon-search.png) no-repeat center;
    }
    .responsive-nav-wrapper .filters-button {
        display: none;
        background: url(../img/icon-filters.png) no-repeat center;
    }

/* RESPONSIVE MENU */

    .overlayOffCanvas {
        display: none;
        position: fixed;
        top: 0;
        left:0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        overflow: hidden;
        z-index: 999;
    }
    #headerMenuParent {
        height: 0;
    }
    .justAFixingDivBefore,
    .header-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        text-align: left;
        background: #fff /* url(../img/pattern-nav.png) */ left top !important;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 2147483647;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transform: translate(-320px);
        -moz-transform: translate(-320px);
        -ms-transform: translate(-320px);
        transform: translate(-320px);
    }
    .header-menu.open {
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        transform: translate(0px);
        box-shadow: 1px 0 5px rgba(0,0,0,0.5);
        height: 100%!important;
    }
        .header-menu .close-menu {
            background: #46c688 url(../img/pattern-nav.png) left top;
            cursor: pointer;
        }
        .close-menu span {
            display: block;
            padding: 15px 20px;
            background: #10385d;
            font-size: 20px;
            color: #fff;
            text-transform: uppercase;
            line-height: 15px;
            text-align: right;
        }
    .header-menu > ul li {
        background: #fff url(../img/nav-item-border-bottom.png) repeat-x left bottom;
    }
        .header-menu > ul li:after {
            content: ".";
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            line-height: 0;
            font-size: 0;
        }
    .header-menu > ul li > a,
    .header-menu > ul li > span {
        display: block;
        padding: 16px 18px 18px !important;
        line-height: 16px;
        color: #505050;
        font-size: 16px;
        text-transform: uppercase;
        position: relative;
        z-index: 1;
    }
        .header-menu > ul li > .with-subcategories {
            width: 270px;
            float: left;   
        }
    .plus-button {
        position:relative;
        float: right;
        background: url(../img/nav-item-border-side.png) repeat-y left top, url(../img/nav-item-open.png) no-repeat center;
        width: 50px;
        height: 48px;
        z-index: 2;
        cursor: pointer;
    }

        .header-menu .sublist {
            position: absolute;
            top: 0;
            left: 0;
            width: 320px;
            height: 100%;
            background: #333 !important;
            box-shadow: 1px 0 5px rgba(0,0,0,0.5);
            z-index: 3;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            -webkit-transform: translate(-320px);
            -moz-transform: translate(-320px);
            -ms-transform: translate(-320px);
            transform: translate(-320px);
        }
            .header-menu .sublist.active {
                -webkit-transform: translate(0);
                -moz-transform: translate(0);
                -ms-transform: translate(0);
                transform: translate(0);
            }
        .header-menu ul li.back-button {
            background: #46c688 url(../img/pattern-nav.png) left top;
        }
            .header-menu .back-button span {
                background: url(../img/nav-item-close.png) no-repeat 25px center;
                text-transform: none;
                color: #fff;
                text-align: right;
                padding: 14px 18px 15px !important; 
            }

/* header menu functionality classes */

    .admin-header-links,
    .header,
    .responsive-nav-wrapper,
    .slider-wrapper,
    .master-wrapper-page,
    .footer {
        -webkit-transition: -webkit-transform .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;        
    }
    .move-right {
        -webkit-transform: translate(320px);
        -moz-transform: translate(320px);
        -ms-transform: translate(320px);
        transform: translate(320px);        
    }

/* BLOCKS */



/* CATEGORY PAGE & ITEM GRIDS */

    .product-viewmode,
    .product-page-size {
        display: none !important;
    }

/* SEARCH */

    .search-box {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        padding: 7px;
        width: 100%;
        background: #10385d;
        box-shadow: -1px 2px 1px rgba(0,0,0,0.3);
        z-index: 9999999;
        text-align: center;
    }
    .search-box.open {
        display: block;
        width: 400px;
        z-index: 9999;
    }
    .search-box form {
        display: inline-block;
        padding: 7px;
        background: rgba(0,0,0,0.2);
    }
        .search-box form:after {
	        content: ".";
	        display: block;
	        visibility: hidden;
	        clear: both;
	        height: 0;
	        line-height: 0;
	        font-size: 0;
        }
    .search-box input.search-box-text {
	    float: left;
	    width: 257px !important;
	    height: 34px;
        border: 0;
    }
    .search-box .search-box-button {
	    float: left;
	    width: 34px;
	    height: 34px;
	    border: none;
	    overflow: hidden;
	    background: #1e5386;
	    text-indent: 999px;
    }

/* Featured Products */
#featured-products { width: 400px; overflow: hidden;}
#featured-products h3 { font-size: 28px; margin-bottom: 10px; }
#featured-products p { font-size: 12px!important; }
#featured-products p br { display: none; }
#featured-products .title p { width: 90%!important; }
#featured-products .item-box { width: 85%!important; }
.item-box .product-item .picture a:before { display: none!important; }
#featured-products .picture img { position: relative;}
#productFeaturesXS { text-align: center; }
#productFeaturesXS img { float: none; border-radius: 10px; }

#brand-logos ul { width: 100%!important; }
#brand-logos ul li { margin: -5px 0 0 -20px}


/* ----- CATEGORY PAGES ---- */
.master-wrapper-main { width: 100%!important; margin-bottom: 50px!important;}
.content-wrapper-page { width: 90%; margin: 0 auto; float: none!important; }
.breadcrumb { text-align: center;}
.category-description p { text-align: center; }

#subCat-desktop { display: none!important; }
#subCat-mobile { display: block!important; margin: 0 auto; height: 30px; font-weight: bold; text-align: center;  }


/* Sub Category Links */
.sub-category-grid { overflow: hidden; }
.sub-category-grid .picture { display: none!important;}
.sub-category-grid .item-box { Overflow: hidden; float: left; width: auto; margin: 0px!important; }
.sub-category-grid .item-box h2 { text-align: center; display: inline; float: left; height: auto; padding: 5px; margin: 5px; border: 1px solid #505050;  }
.product-selectors { display: none; }

/* Product List */
.product-grid .item-box { width: 49%; }
.product-grid .item-box .product-item .picture img { position: relative; }
.product-grid .item-box .product-item .picture a { display: inline-block; }
.product-grid .item-box .product-item .picture { text-align: center; }
#page-nav-bottom .pager { float: none; }
.block-category-navigation { display: none; }
.product-grid .item-box h2 { margin: 0px;  }

/* Product Page */
.center-1 { width: 90%!important; }
.center-1 .breadcrumb li strong, .center-1 .breadcrumb li a span { font-size: 10px!important; line-height: 14px; }
#pcrumb { margin-bottom: 10px; padding-bottom: 5px; padding-top: 0px; }
.product-details-page { width: 100%; overflow: hidden; }
.product-details-page #product-media, .product-details-page .gallery { width: 100%!important; float: none; }
.product-details-page .overview { margin: 0px; padding: 0px; width: 100%;}
.product-details-page h1 { text-align: center; }
.product-details-page .short-description { text-align: center; }
.product-details-page .sku { margin-left: 100px; }
.product-details-page #login-prices { text-align: center; }
.product-details-page .email-a-friend { display: none; }
.product-details-page .manufacturers { text-align: center; }
.product-details-page #sales-info { text-align: center; }
.block-recently-viewed-products { display: none; }

/* Nav Feature Blocks */
#nav-featureBlocks .block { width: 90%; margin: 0 auto 25px; }
#nav-featureBlocks { text-align: center; }

/* ------ SHOPPING CART / ADD To Basket  ----- */
/* ------------------------------------------- */

#bar-notification { position: fixed!important; top: 0!important; left: 0!important; width: 100%!important; }

.cart thead { display: none!important; }
.cart td { display: block; float: left; border: none!important; background: #f6f6f6; }
.cart tr { position: relative; display: inline-block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d3d3d3;  }
.cart .product-unit-price { display: none; }
.cart .product-picture { width: 30%; }
.cart .remove-from-cart { position: absolute; bottom: 0; right: 0; }
.cart .sku { display: none; }
.cart .product { width: 70%; overflow: hidden; }
.cart .unit-price { display: none; }
.cart .subtotal { font-size 20px; margin-top: 7px; }
.shopping-cart-page form { background: #f6f6f6; }
#total-wrapper { border: none; }
.cart-total .cart-total-right { float: right;  }
.shopping-cart-page .button-1, .checkout-page .button-1 { float: right!important;}
.checkout-page .section { width: 100%!important; }
.checkout-page form { background: #f6f6f6; }
.checkout-page .enter-address { background: #f6f6f6; padding: 20px 0 20px 10px!important; }
.checkout-page .section .title { margin: 0px!important }
.checkout-page .order-summary-content { border: 1px solid #ecebeb; }

.checkout-page .totals { background: #f6f6f6; padding: 10px; margin: 0 auto!important;  }
.shopping-cart-page .totals { background: #f6f6f6; padding: 10px; }
.shopping-cart-page .totals :before, .shopping-cart-page .cart-footer:after  { display: none!important; }
.shopping-cart-page form { overflow: hidden; background: #f6f6f6; padding-bottom: 20px; }
.shopping-cart-page .button-1, .checkout-page .button-1 { float: none!important; }

/* ------ ACCOUNT PAGES  ----- */
/* --------------------------- */

/* Login Page */
.login-page .returning-wrapper .form-fields { width: 100%; }

/* My Account */
.customer-info-page label { text-align: left; }
.customer-info-page .text-box { float: left; }
.customer-info-page select { float: left; margin-bottom: 10px; }
.customer-info-page .vat-status { display: none; }
.customer-info-page .vat-note { margin-left: 0px; }
.customer-info-page .vat-note em { font-size: 9px; width: 400px; overflow: hidden;}
.customer-info-page table { width: 100%!important; font-size: 12px; background: #fff; }
.customer-info-page table td { padding: 5px;  }
.master-wrapper-main .side-2 { display: block;}

.customer-info-page td { width: 50%; float: left; display: block; border: none!important;  }

/* Footer */
.footer-middle { background-position: bottom left; }
#company-info p { text-align: center!important;}
.footer-block li, .footer-block h3 { text-align: center; }
.footer-block h3:before { display: none; }
#home-info { width: 100%; margin: 0 auto; }
#home-info .wrapper { width: 90%; }
#home-info h4, #home-info p { text-align: center; }
.footer #sm_links {  position: relative;
  margin: 20px auto;
  text-align: center;
  width: 100%; }
.footer #sm_links ul { textalign: center; }

/* ID LUBE LANDING PAGE */
#fwc .fww { width: 100%%}
#idlube_lp #id_nav { display: none; }
#idlube_lp .featured-brand, #idlube_lp .id_wrap { width: 100%; }
#idlube_lp .id_content { width: 90%; margin: 0 auto;}
#idlube_lp .id_content br { display: none; }

#idlube_lp #xs-links li, #idlube_lp #xs-links li img { width: 100%; margin: 0 auto; }
#idlube_lp #glide { background: #75bde8; margin-top: 20px; }
#idlube_lp #pleasure { background: #e9b6d5; }
#idlube_lp #millienium { background: #082c1e; }
#idlube_lp #frutopia { background: #ffe63f; }


/* ------ Fifty Days of Play Landing Page  ----- */
/* --------------------------------------------- */
#fdop_lp { width: 358px; height: 1602px; margin: 0 auto; overflow: hidden; background: url(../img/50DaysofPlay_bgMOBILE.jpg) no-repeat;}
#fdop_lp .title { font-size: 16px; }
#fdop_lp .title br { display: none; }
#fdop_lp .sub-title { margin-top: 80px; font-size: 12px; }
#fdop_lp .item .link { width: 358px!important; opacity: 0.1;}
#fdop_lp .item .link:hover { opacity: 0!important;}
#fdop_lp .item p { display: none; }
#fdop_lp .item { width: 358px!important; margin: 0 auto!important; padding: 0px!important;  text-align: center;}
#fdop_lp .item h3 { font-size: 22px!important; }
#fdop_lp #game h3 { margin: 0px!important; padding: 160px 0 0 0!important;  }
#fdop_lp #blindfold h3 { margin: 0px!important; padding: 220px 0 0 0!important; }
#fdop_lp #tape h3 { margin: 0px!important; padding: 280px 0 0 0!important; }
#fdop_lp #game .link { height: 270px!important; }
#fdop_lp #blindfold .link { top: 20px!important; height: 325px!important;  }
#fdop_lp #tape .link { top: 100px!important; height: 290px!important;  }

/* FOOTER */

    .footer-bottom .footer-centering > * {
        margin-bottom: 10px;
    }
        .footer-bottom .footer-centering > *:last-child {
            margin: 0;
    }

}