/* CSS for Mobile Device
=====================================================================*/
@media screen and (max-width: 700px) {
    #mobile_mode { display: block; }
    .wrapper {
        width:auto;
        padding:0;
        height:auto;
        background: none;
        margin:0;
    }
    #header-top,
    #header,
    #content,
    #footer {
        min-width:0;
        width:auto;
        padding:0 10px;
        height:auto;
    }
    #header-top {
        padding-top:5px;
        padding-bottom:5px;
    }
    #nav-top {
        margin:0;
    }
    .rwd-only {
        display:block;
    }
    .full-view-only {
        display:none;
    }
    input:not([type='checkbox']):not([type='radio']):not([type='radio']) {
        -webkit-appearance:none;
    }
    #nav-top li,
    #text-shipping,
    #button-cart,
    #nav #nav-sub,
    #slideshow .flex-control-nav,
    .content.home,
    #back-organization,
    .nav-footer-wrapper,
    #contact-us p span,
    #contact-us p br,
    #button-chat,
    .sub-title,
    #nav-page,
    .sep-address,
    .sort-by,
    .list-toolbar,
    .info-toolbar li,
    #list-product li .discount-2,
    #list-product.grid .image-product a:hover strong,
    .toolbar.bottom .info-toolbar li.last,
    #carousel,
    #video-carousel,
    #choking-warning,
    #list-also,
    #slideshow-also .flex-control-nav,
    #title-cart,
    #list-cart li .row-2,
    #list-cart li .row-3,
    #list-cart li .row-4,
    #order-summary-box,
    #text-required,
    #sidebar #sidebar-nav,
    #sidebar .banner-sidebar,
    #sidebar .facet-group .nav-sidebar,
    #title-sidebar,
    #sidebar-nav .accordion {
        display: none;
    }
    #contact-us p span.show
    {
        display: inline;
    }
    .mobile {
        display: block;
    }
    #nav-top li.last {
        display: block;
        font-size:12px;
        line-height: 1.2;
        height: auto;
    }
    #header-top h3 {
        font-size:11px;
        line-height: 1.2;
    }
    #logo {
        width:200px;
        height:63px;
        background-size:200px 63px;
        float:none;
        display: block;
    }
    #logo img {
        width:200px;
        height:63px;
    }
    #header {
        margin-bottom:10px;
    }
    #header .header {
        height: auto;
    }
    #header-content {
        float:none;
        width:100%;
    }
    #nav-mobile {
        height:60px;
        background:url(../images/nav.png);
        list-style: none;
        margin:0 0 6px 0;
    }
    #nav-mobile li {
        float:left;
        width:25%;
        height:60px;
        border-right:1px solid #b8b8b8;
    }
    #nav-mobile li a {
        display: block;
        height:46px;
        text-align: center;
        text-indent: -9999px;
        padding-top:14px;
    }
    #nav-mobile li.last {
        border:none;
        width:23%;
    }
    #nav-mobile li a span {
        width:32px;
        height:32px;
        display: block;
        margin:0 auto 0 auto;
    }
    #mobile-category span {
        background:url(../images/menu-normal.png) no-repeat 0 5px;
    }
    #login-category span {
        background:url(../images/icon-mobile-login.png) no-repeat;
    }
    #wishlist-category span {
        background:url(../images/icon-mobile-wishlist.png) no-repeat;
    }
    #cart-category span.cart-icon {
        background:url(../images/icon-mobile-cart.png) no-repeat;
    }
    #form-search {
        margin:0;
        display: block;
        width:auto;
        height:33px;
    }
    #form-search .input {
        width:84%;
        padding:0 0 0 2%;
    }
    #form-search .twitter-typeahead{
        position:static !important;
        display:inline !important;
    }
    .tt-dropdown-menu {
        width:100%;
        margin-left:-1px;
    }
    #main-promo {
        font-size: 16px;
        height:auto;
        line-height: 1.2;
        padding:7px 0;
    }
    #slideshow {
        margin-bottom:15px;
    }
    #nav-mobile-container h3 {
        font-size:20px;
        color:#fff;
        font-weight: bold;
        text-transform: uppercase;
        background: #c3c3c3;
        padding:10px 20px;
    }
    #nav-main-mobile {
        list-style: none;
        margin:0 0 18px 0;
        border:1px solid #cfcfcf;
        padding:10px;
    }
    #nav-main-mobile li {
        border-bottom:1px solid #e2e2e2;
        position: relative;
    }
    #nav-main-mobile li:last-child {
        border:none;
    }
    #nav-main-mobile li a {
        display: block;
        padding:10px 5px;
        font-size:17px;
        color:#393939;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
    }
    #nav-main-mobile li.last a {
        color:#666;
    }
    #nav-main-mobile li a span {
        width:23px;
        height:23px;
        float:right;
        background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAANlBMVEUCrMwCrM0Crc1rxNuq2+iq2+lsxdwDrc1sxdv///+c1eWc1uVrxdtCudTS6/Lo9fnp9flBuNS8m8kQAAAAQklEQVR4XoXNyQqAQAwD0CRtZ3H3/39WGAYseLC3R0qCnm4gGC8cnpME18RiVm7sZbO1o1WCUqXafONfwXfnPK6BB0uSBEzZwHOHAAAAAElFTkSuQmCC') /*../images/icon-plus.png*/ no-repeat 6px 5px;
        border-radius:25px;
        border:1px solid #c8c8c8;
    }
    #nav-main-mobile li a span.expanded {
        background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAJ1BMVEUCrMwCrM0Crc0Drc1BuNRCudRrxNtrxdtsxdtsxdyc1eWc1uX/////ZMe2AAAAM0lEQVR4Xo3LMQ0AMAgFUSQ030KN1AYSMICBruhABRIQRYIAwi03PcpunMtjDfoHF7YABZAJNBEYG5CIAAAAAElFTkSuQmCC') /*../images/icon-minus.png*/ no-repeat 6px 5px;
    }
    .static-page h1 {
        font-size: 26px;
        margin: 30px 0;
    }
    .static-page h2 {
        font-size: 22px;
        margin: 25px 0;
    }
    .static-page h3 {
        font-size: 20px;
        margin: 22px 0;
    }
    .static-page h4 {
        font-size: 18px;
        margin: 25px 0;
    }
    .static-page h5 {
        font-size: 16px;
        margin: 30px 0;
    }
    .static-page h6 {
        font-size: 14px;
        margin: 36px 0;
    }
    .static-page p {
        margin: 0 0 24px;
        line-height: 1.6;
        font-size: 14px;
        color:#333;
    }
    .static-page ul, .static-page ol {
        margin: 0 0 24px 30px;
        line-height: 1.6;
        font-size: 14px;
        color:#333;
    }
    #main-title, .sub-title {
        font-size:20px;
        margin:20px 0 15px 0;
        padding:5px 0 0 0;
    }
    #main-title span, .sub-title span {
        padding:0 10px;
    }
    #image-featured {
        margin-bottom:20px;
    }
    .static-page ul {
        list-style: none;
        margin-left:10px;
    }
    .static-page ul li {
        padding-left:30px;
        background:url(../images/bullet.png) no-repeat;
        margin:0 0 20px 0;
    }
    .static-page.about p, .static-page.about ul {
        padding:0 10px;
    }
    #text-promise {
        font-size:16px;
    }
    #title-promise {
        font-size:25px;
        line-height: 1.2;
    }
    .form-login, .form-login.return {
        float:none;
        width:100%;
        padding:0;
        border:none;
        height: auto;
        margin-bottom:30px;
    }
    .checkout-login .form-login.return,
    .checkout-login .form-login {
        margin:0 auto 40px auto;
        border:none;
        padding-right:0;
        width:100%;
    }
    #form-guest-checkout .button {
        background: #069 url(../images/arrow-button-big.png) no-repeat 264px 14px;
        width:100%;
        margin-top:25px;
    }
    .form-account label {
        font-size:13px;
        width:30%;
    }
    .checkout-login .form-login.return input, 
    .checkout-login .form-login:last-child input {
        width:57%;
    }
    .checkout-login .form-account .input {
        width:50%;
    }
    .form-account .input {
        width:65%;
        float:left;
    }
    #form-login-member .button, #form-new-member .button {
        width:100%;
        background-image:none;
        margin:0;
    }
    #form-new-member .button {
        margin-top:10px;
    }
    .button-back, .button-back:link, .button-back:visited {
        display: block;
        padding:0;
        width:100%;
    }
    .form-edit-half, .form-edit-half.last {
        float:none;
        width:auto;
        padding:0 10px;
        border:none;
    }
    #form-edit label {
        font-size:13px;
        width:30%;
    }
    #form-edit .input, #form-edit .select {
        width:65%;
        float:right;
        padding:0 1%;
    }
    #form-edit .select {
        width:67%;
        padding:0;
    }
    .form-edit-half {
        padding-bottom:10px;
        margin-bottom:15px;
        border-bottom:1px solid #ccc;
    }
    .form-edit-bottom {
        position: relative;
        left:auto;
        bottom:auto;
        clear:both;
        padding-top:15px;
    }
    #form-edit .button {
        width:100%;
        margin-bottom:10px;
    }
    #nav-account {
        float:none;
        width:100%;
        border-bottom:1px solid #ccc;
        padding:0 0 15px 0;
    }
    #nav-account li a {
        width:100%;
    }
    #nav-account li {
        margin:0 0 12px 0;
    }
    #address-info {
        float:none;
        width:100%;
        border:none;
        padding:20px 0 0 0;
    }
    #address-info h2 {
        font-size:18px;
    }
    #address-info p, #address li {
        font-size:13px;
    }
    .button-back.address, .button-back.address:link, .button-back.address:visited {
        width:47%;
        float:left;
    }
    .button-add-contact, .button-add-contact:link, .button-add-contact:visited {
        width:49%;
        float:right;
    }
    .address-book, .address-book.last {
        width:100%;
        height:auto;
        border:none;
        margin:0 0 10px 0;
        border-bottom:1px solid #ccc;
        padding:0 0 10px 0;
    }
    .content-address-book {
        width:auto;
    }
    #main-content {
        width: 100%;
        float:none;
    }
    #list-category li, #list-category li.last {
        width:46%;
        margin:0 2% 15px 2%;
        text-align: center;
        height: auto;
    }
    #list-category li h3 {
        font-size:14px;
    }
    #button-category {
        width:100%;
    }
    #list-featured li, #list-featured li.last {
        width:46%;
        margin:0 2% 15px 2%;
    }
    #button-filter {
        height:42px;
        background:#c3c3c3 url(../images/accordion-plus.png) no-repeat right 15px top 10px;
        display: block;
        font-size:20px;
        color:#fff;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 42px;
        padding:0 0 0 20px;
        text-decoration: none;
    }
    #button-filter.active {
         background:#c3c3c3 url(../images/accordion-minus.png) no-repeat right 15px top 10px;
    }
    #item-mobile {
        font-size:16px;
        color:#5b5b5b;
        text-transform: uppercase;
        font-weight: bold;
        margin:0 0 2px 0;
    }
    .info-toolbar {
        float:none;
        margin-left:10px;
    }
    .info-toolbar li.last {
        display: block;
        float:none;
        position: relative;
    }
    .link-sort-mobile, .link-sort-mobile:link, .link-sort-mobile:visited {
        float:left;
        margin:0 5px 0 0;
        height:23px;
        background:#fff;
        border:1px solid #c9c9c9;
        line-height: 23px;
        text-align: center;
        width:32%;
        text-decoration: none;
        font-weight: bold;
    }
    .link-sort-mobile span {
        padding-right:13px;
        background: url(../images/arrow-blue.png) no-repeat 100% 6px;
    }
    .icon-list, .icon-grid {
        position: absolute;
        z-index: 10;
        right:0;
    }
    .icon-grid {
        right:30px;
    }
    #list-product.grid li, #list-product.grid li.last {
        width:46%;
        float:left;
        margin:0 2% 2% 2%;
        height:413px;
        overflow:hidden;
    }
    #list-product.grid li .image-product {
        width: auto;
        height:auto;
    }
    #list-product.grid li h3 {
        font-size:13px;
    }
    #list-product.grid li .content-product-info {
        position: static;
        padding-bottom:30px;
    }
    #list-product.grid li .content-product {
        position: relative;
        padding-top:35px;
    }
    #list-product.grid li .rate {
        right: auto;
        left:0;
    }
    #list-product.grid li .price-area h4 {
        line-height: 1.1;
    }
    #list-product.grid li .product-code {
        font-size:11px;
    }
    #list-product.grid li p {
        width:auto;
        font-size:12px;
    }
    #list-product.grid li .icon-product {
        position: absolute;
        bottom:0;
        left:0;
    }
    #list-product.grid li .discount-1, #list-product.list li .discount-1 {
        width:100px;
        height:103px;
        background-size:100px 103px;
        top:-4px;
        left:-6px;
    }
    .toolbar .page-prev {
        float:left;
        height:23px;
        background: #fff;
        border:1px solid #c8c8c8;
        line-height: 23px;
        text-decoration: none;
        text-transform: uppercase;
        font-size:13px;
        font-weight: bold;
        width:28%;
        margin:11px 0 0 2%;
        text-align: center;
    }
    .toolbar .page-prev span {
        padding-left:8px;
        background: url(../images/prev-page.png) no-repeat 0 5px;
    }
    .toolbar .page-next {
        float:left;
        height:23px;
        background: #fff;
        border:1px solid #c8c8c8;
        line-height: 23px;
        text-decoration: none;
        text-transform: uppercase;
        font-size:13px;
        font-weight: bold;
        width:27%;
        text-align: center;
        margin:11px 2% 0 0;
    }
    .toolbar .page-next span {
        padding-right:8px;
        background: url(../images/next-page.png) no-repeat 100% 5px;
    }
    #page-list {
        text-align: center;
        height:23px;
        background: #fff;
        border:1px solid #c8c8c8;
        font-size:13px;
        text-transform: uppercase;
        color:#333;
        line-height: 23px;
        width:34%;
        margin:11px 2% 0 2%;
        float:left;
    }
    #list-product.list li {
        border-bottom:1px dotted #c5c5c5;
        padding:20px 0;
        position: relative;
    }
    #list-product.list li .image-product {
        width:35%;
        height:auto;
        float:left;
        margin:0;
        padding-bottom:125px;
    }
    #list-product.list li .content-product {
        width:62%;
        padding-bottom:65px;
    }
    #list-product.list li h3 {
        width:auto;
        font-size:13px;
    }
    #list-product.list li .price-area {
        position: relative;
        top:auto;
        right:auto;
        text-align: left;
        margin:0 0 15px 0;
    }
    #list-product.list li p {
        width:auto;
        font-size:13px;
    }
    #list-product.list li .product-code {
        margin:0 0 10px 0;
        display: block;
    }
    #list-product.list li .icon-product {
        position: absolute;
        z-index:10;
        bottom:90px;
        left:0;
    }
    #list-product.list li .rate {
        position: absolute;
        z-index:10;
        bottom:80px;
        left:0;
        margin:0;
    }
    #list-product.list li .form-list {
        right:auto;
        left:0;
        bottom:20px;
        text-align: left;
        width:100%;
    }
    .form-list .input, .form-list label {
        float:left;
        margin-top:25px;
    }
    .form-list .button {
        width:62%;
        float:right;
        font-size:21px;
    }
    #image-product, #product-info, #video-product {
        width: 100%;
        float:none;
    }
    #image-product {
        border-bottom:1px solid #c8c8c8;
    }
    #slideshow-detail {
        width: 100%;
        height:auto;
        position: relative;
    }
    #slideshow-detail .flex-control-nav {
        display: block;
        text-align: center;
        height:15px;
    }
    #slideshow-detail .flex-control-nav li {
        display: inline-block;
        width:15px;
        height:15px;
        margin:0 3px; 
    }
    #slideshow-detail .flex-control-nav li a {
        display: inline-block;
        width:15px;
        height:15px;
        background: url(../images/bullet-mobile.png) no-repeat;
        text-indent: -9999px;
    }
    #slideshow-detail .flex-control-nav li a.flex-active {
        background: url(../images/bullet-mobile-active.png) no-repeat;
    }
    #product-info h1 {
        font-size:26px;
    }
    #product-info .rate {
        margin-top:40px;
    }
    #product-info #text-item {
        float:none;
        display: block;
    }
    #price-detail {
        float:left;
        clear:none;
        margin:30px 0 0 0;
    }
    #price-detail p span {
        display: none;
    }
    #price-detail p strong {
        display: block;
        margin:10px 0 30px 0;
    }
    #table-qty {
        width:100%;
    }
    #form-order .input {
        margin-bottom:20px;
    }
    #form-order .button {
        width:100%;
        height:45px;
        float:none;
        margin:0 0 6px 0;
    }
    #button-wishlist {
        float:none;
        width: 100%;
        display: block;
    }
    #product-icon {
        text-align: center;
        float:none;
        padding:0;
    }
    #product-icon li {
        float:none;
        display: inline-block;
        margin:0 5px;
    }
    #social-share {
        float:none;
        text-align: center;
        margin:0 0 40px 0;
    }
    #social-share li {
        float:none;
        display: inline-block;
    }
    #social-share li a {
        width:30px;
        height:30px;
        float:none;
        display: block;
        text-indent: -9999px;
    }
    .mobile .choking-warning {
        width:100%;
        margin:0 0 15px 0;
    }
    #slideshow-also {
        width:60%;
        margin:0 auto;
        position: relative;
    }
    #slideshow-also .flex-prev {
        width:41px;
        height:50px;
        position: absolute;
        z-index: 10;
        top:70px;
        left:-55px;
        background: url(../images/slide-prev.png) no-repeat;
        text-indent: -9999px;
    }
    #slideshow-also .flex-next {
        width:41px;
        height:50px;
        position: absolute;
        z-index: 10;
        top:70px;
        right:-55px;
        background: url(../images/slide-next.png) no-repeat;
        text-indent: -9999px;
    }
    .review-mobile {
        border:1px solid #ccc;
    }
    #panel-1 {
        border-top:6px solid #f86c50;
    }
    #recent-view {
        float:none;
        width:100%;
    }
    .title-review-accordion {
        cursor: pointer;
        font-size:18px;
        text-transform: uppercase;
        padding:10px 15px;
        outline: none;
        border-bottom:1px solid #ccc;
        border-top:1px solid #ccc;
        position: relative;
        background: #eeedee;
    }
    .title-review-accordion.ui-state-active {
        background: #fff;
    }
    .title-review-accordion span {
        position: absolute;
        width:20px;
        height:20px;
        z-index: 10;
        background: url(../images/nav-accordion.png) no-repeat;
        right:15px;
        top:12px;
    }
    .title-review-accordion.ui-state-active span {
        background-position: 0 -20px;
    }
    .content-review {
        padding:18px 10px;
    }
    .button-ask, .button-ask:link, .button-ask:visited {
        width:100%;
        margin-top:20px;
    }
    .header-review p {
        float:none;
        text-align: center;
        margin:0 0 5px 0;
    }
    .page-review-mobile {
        background: #ebebeb;
        padding:0 0 12px 0;
        margin:0 0 12px 0;
    }
    .review-content {
        width:80%;
        float:left;
    }
    .reviewer-name {
        width:auto;
        float:none;
        margin:0 0 15px 0;
    }
    .reviewer-info p {
        float:none;
        width: auto;
        text-align: left;
    }
    #list-recent li {
        width:46%;
        margin:0 2%;
        float:left;
        text-align: center;
        height:235px;
    }
    #title-shopping {
        font-size:20px;
        float:none;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        background: url(../images/sep-title.png) no-repeat 0 10px;
        margin:0 0 15px 0;
    }
    #title-shopping span {
        padding:0 15px;
        background:#fff;
    }
    .button-area {
        float:none;
        width:auto;
    }
    #form-cart .button {
        float: none;
        width: 100%;
        height:40px;
        background: #00accd;
        margin:0 0 10px 0;
    }
    .button-continue, .button-continue:link, .button-continue:visited {
        float: none;
        display: block;
        background:#fff;
        height:38px;
        border:1px solid #c8c8c8;
        border-radius:2px;
        margin:0 0 35px 0;
        text-align:center;
        line-height:38px;
    }
    #list-cart li .row-1 {
        width:100%;
        float:none;
    }
    #list-cart li .row-1 img {
        width:25%;
        float:left;
        margin:0;
    }
    #list-cart li .row-1 .group-cart {
        width:72%;
        float:right;
    }
    #list-cart li .row-1 .group-cart h3 {
        font-size:14px;
    }
    #list-cart li .row-1 .mobile label {
        font-size:14px;
        text-transform: uppercase;
        font-weight: bold;
    }
    #list-cart li .row-1 .mobile .input {
        width: 28px;
        height: 28px;
        border: 1px solid #cfcfcf;
        text-align: center;
        line-height: 28px;
        font-size: 16px;
        color: #333;
        box-shadow: 0 3px 2px 0 rgba(0,0,0,0.1) inset;
        margin: 0 0 7px 0;
    }
    #list-cart li .row-1 .mobile .link-update, #list-cart li .row-1 .mobile .link-remove {
        font-size:12px;
        text-transform: uppercase;
        font-weight: bold;
        text-decoration: none;
    }
    #list-cart li .row-1 .mobile .link-update:hover, #list-cart li .row-1 .mobile .link-remove:hover {
        text-decoration: underline;
    }
    #list-cart li .row-1 .link-update {
        border-right: 1px solid #069;
        padding-right:4px;
        margin:0;
    }
    .price-mobile {
        padding-top:12px;
    }
    #list-cart li .row-1 .group-cart .price-mobile p {
        font-size:14px;
        color:#2d2d2d;
        text-transform: uppercase;
        font-weight: bold;
        margin:0 0 5px 0;
    }
    #total-wrapper {
        width:auto;
        float:none;
        padding:0;
    }
    #total-container {
        margin:0 0 20px 0;
    }
    #promotion-code .input {
        width:50%;
    }
    #form-cart #promotion-code .button {
        float:left;
        margin:0 0 0 10px;
    }
    #total-wrapper .button-area {
        position: relative;
        right:auto;
        bottom:auto;
    }
    #recommended-product {
        width: 100%;
        float:none;
    }
    #list-recommended li {
        width:46%;
        float:left;
        margin:0 2% 20px 2%;
        text-align: center;
    }
    #checkout-info {
        width:100%;
        float:none;
        margin:0 0 30px 0;
    }
    .checkout-header h2 {
        font-size:16px;
        margin:13px 0 0 10px;
    }
    .checkout-header a {
        margin-right:10px;
        width:60px;
    }
    .checkout-content {
        padding:10px;
    }
    .checkout-content .address {
        width:100%;
    }
    .checkout-content .address h3, .checkout-content .address p, .checkout-content .checkout-info p, .checkout-content p {
        font-size:13px;
    }
    #title-final {
        font-size:20px;
        text-align: center;
    }
    #list-review-order li img {
        width:25%;
        margin:0 2% 0 0;
    }
    #list-review-order li .row-1 {
        width:73%;
    }
    #list-review-order li .row-2 {
        float:left;
        margin-left:27%;
        text-align: left;
        width:73%;
        font-size:15px;
    }
    #list-review-order li .row-1 h3 {
        font-size:13px;
    }
    #list-review-order div.customizations {
        display:none;
    }
    #order-box {
        width:auto;
        float:none;
        margin:0 0 10px 0;
    }
    #button-order {
        width:100%;
        float:none;
        display: block;
    }
    #order-summary.sidebar {
        width:100%;
        float:none;
    }
    #list-customer {
        background: none;
        border-top:1px solid #ccc;
    }
    #list-customer li img {
        width:25%;
        margin:0 2% 0 0;
    }
    .banner-sidebar {
        text-align: center;
    }
    #thanks-container {
        margin:0 0 20px 0;
    }
    #thanks-container h2 {
        font-size:18px;
    }
    #thanks-container p {
        font-size:14px;
    }
    #order-number {
        width:100%;
        float:none;
    }
    #list-review-order.receipt {
        width:100%;
        float:none;
    }
    #total-container.receipt {
        width:100%;
        float:none;
    }
    #total-container.receipt h3, .subtotal strong {
        margin-left:20px;
    }
    .subtotal span {
        margin-right:20px;
    }
    #total-cart {
        padding-right:20px;
        padding-left:20px;
    }
    #title-order-number {
        width:auto;
        height:39px;
        background:#ebebeb;
        border:1px solid #cfcfcf;
        border-bottom: none;
        padding:0 20px;
        line-height: 39px;
        font-size:16px;
        color:#2d2d2d;
        font-weight: bold;
        text-transform: uppercase;
    }
    #accordion-history {
        padding:0 12px;
        border:1px solid #cfcfcf;
        border-top:none;
        margin:0 0 20px 0;
    }
    .title-history {
        height:40px;
        border-bottom:1px dotted #c6c6c6;
        color:#005b8e;
        text-decoration: underline;
        font-weight: bold;
        font-size:16px;
        text-transform: uppercase;
        line-height:40px;
        padding-left:8px;
        outline: none;
    }



    #footer {
        background: none;
    }
    #footer .wrapper {
        background: #f3f3f3;
        padding:10px;
    }
    #footer-information, #footer-customer {
        float:none;
        width:auto;
    }
    #footer-information h4, #footer-customer h4 {
        border-bottom:1px solid #ccc;
        padding:10px 0;
        margin:0;
    }
    #footer-information h4 span, #footer-customer h4 span {
        padding-right:12px;
        background: url(../images/arrow-footer.png) no-repeat 100% 8px;
    }
    #footer-information h4:hover, #footer-customer h4:hover {
        cursor:pointer;
    }
    .nav-footer-wrapper {
        padding:10px 0 0 0;
    }
    .nav-footer {
        width: auto;
        float:none;
    }
    #contact-us {
        width: 100%;
        padding:15px 0;
        margin-top:65px;
        clear:both;
        margin-bottom:0;
    }
    #contact-us h4 {
        font-size:15px;
        color:#fff;
        margin:0 0 5px 0;
    }
    #contact-us p {
        font-size:12px;
        margin:0 0 10px 0;
    }
    #form-email h5 {
        font-size:15px;
    }
    #form-email div {
        margin:0 6%;
        width:auto;
    }
    #form-email .input {
        width:65%;
    }
    #logo-gsa {
        top:-304px;
        position: relative;
    }
    #logo-gsa img {
        width:60px;
        height:auto;
    }
    #nav-footer {
        margin:-25px 0 25px 0;
        width:100%;
    }
    #nav-footer li {
        border:none;
        padding:0 3px;
        font-size:11px;
    }
    #nav-footer li a {
        font-size:11px;
        text-decoration: underline;
    }
    #footer h6 {
        font-size:12px;
    }
    #nav-social {
        margin-bottom:20px;
    }
    #nav-social li {
        margin:0 4px;
    }
    #nav-social li img {
        width:30px;
        height:30px;
    }
    #text-footer {
        font-size:12px;
        line-height: 1.4;
    }
    #text-footer span {
        display: block;
        height: 0;
        visibility: hidden;
    } 
    #sidebar {
        width: auto;
        float:none;
        margin:0 0 15px 0;
    }
    #sidebar .facet-group-name {
        padding: 10px 0 10px 10px;
        cursor:pointer;
    }
    .nav-sidebar {
        margin: 5px 0 10px 10px;
    }
    .title-category-sidebar {
        border-top: 1px solid #e5e5e5;
        border-bottom:none;
    }
    .mobile-subcats {
        display:none;
        list-style: none;
        margin-left: 0;
        border-top:1px solid #e2e2e2;
    }
    #nav-main-mobile .mobile-subcats li a {
        padding-left:20px;
    }
    .show-menu .outer-wrapper {
        margin-left: 256px;
        margin-right: -256px;
    }
    .show-menu #header #logo,
    .show-menu #header-top {
        margin-right:256px;
        margin-left:-256px;
    }
    .show-menu #nav-container {
        display:block;
    }
    .show-menu #nav {
        position:static;
    }
     #close-nav {
        display: none;
        position: fixed;
        left: 256px;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 3;
    }
    .show-menu #close-nav {
        display: block;
    }
    #nav-container {
        display:none;
        position: absolute;
        z-index: 100;
        left: 0;
        width: 256px;
        background-color: #fff;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-transition: display 0.3s ease;
        -moz-transition: display 0.3s ease;
        -o-transition: display 0.3s ease;
        transition: display 0.3s ease;
        text-align: left;
        webkit-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.75);
        box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.75);
        top:85px;
    }
    #nav-main-container {
        width:256px;
    }
    #nav-main,
    #nav-secondary {
      margin-left: 0;
      height: auto;
      float:none;
      margin:0;
      border:none;
    }
    #nav-main li,
    #nav-secondary li {
      margin: 0;
      width: 100%;
      height: auto;
      background:none;
      padding-right:0;
    }
    #nav-main li a,
    #nav-secondary li a {
      padding: 5px 0 5px 6%;
      width: 94%;
      border-bottom: 1px solid #d7d5c4;
      display: block;
      line-height:40px;
      margin:0;
    }
    #nav-main li .nav-flyout {
      width: 100%;
      height: auto;
      box-shadow: none;
      top: 0;
      padding: 0;
      position: static;
    }
    #nav-main li:hover:after 
    {
        display:none;
    }
    #nav-main li ul.nav-category,
    #nav-main li .monster-nav .nav-monster {
      width: 100%;
      padding: 0;
      float: none;
      height: auto;
      border-right: none;
      clear: both;
      background:none;
    }
    #nav-main li.category .nav-category li,
    #nav-main li .monster-nav .nav-monster li {
        margin:0;
        width:100%;
        height:auto;
    }
    #nav-main li .nav-category li a,
    #nav-main li.category .nav-category li a,
    #nav-main li .monster-nav .nav-monster li a {
      padding: 5px 0 5px 10%;
      width: 90%;
      height: 40px;
      line-height: 40px;
      font-size:15px;
    }
    #nav-main li.category a {
        background:none;
        padding: 5px 0 5px 6%;
    }
    #nav-main li.category:hover a {
        background-image:none;
    }
    #nav-main li .monster-nav a.link-banner-monster {
        display:none;
    }
    #nav-main li.category .nav-category li:hover .category-popup {
        display:none;
    }
    #nav-main li.category .nav-category li:hover a span {
        padding-right:0;
        background:none;
    }
    #nav-main li.category .nav-category a:hover,
    #nav-main li .monster-nav .nav-monster a:hover,
    #nav-main li .nav-category li a:hover,
    #nav-secondary li a:hover {
        color:#00accd;
        text-decoration:none;
    }
    .title-category-sidebar {
        padding:10px;
    }
    
    .bottom-box .quick-box {
        width:95%;
    }
    .bottom-box .quick-box table td:nth-child(n+4),
    .bottom-box .quick-box table th:nth-child(n+4) {
        display:none;
    }
    .bottom-box .quick-box table td:nth-child(2) {
        width:190px;
    }
    #additional-container {
        width:100%;
        margin-bottom:25px;
    }
    .overall-rating {
        text-align:center;
    }
    .list-page span, .list-page a {
        float:none;
    }
    .list-page {
        float:none;
        text-align:center;
    }
    .list-page a.next_link,
    .list-page a.previous_link {
        padding: 4px 10px 0 10px;
    }
    .list-page a {
        padding: 4px 10px;
    }
    #nav-tabs-additional {
        display:none;
    }
    #additional-container .ui-tabs-panel {
        padding:0;
    }
    #faq-container,
    #review-container {
        padding: 0 10px;
        display:none;
    }
    .ellipse.less,
    .ellipse.more {
        display:none!important;
    }
    #table-history .row-2,
    #table-history .row-3,
    #table-history .row-4 {
        display:none;
    }
    #table-history {
        border: 1px solid #cfcfcf;
    }
    #table-history thead .row-1,
    #table-history tbody .row-1 {
        border-left:0;
    }
    #table-history thead .row-1 {
        height:39px;
        padding-left:15px;
    }
    #table-history tbody .row-1 {
        padding-left:25px;
    }
    #container-table-history {
        border:0;
    }
    #static-content {
        padding: 0 10px;
    }
    .info-cust-links {
        float:none;
    }
    #form-email div.signup-option {
        width:88%;
    }
    #static-content h1 {
        font-size:24px;
    }
    #nav-main li.category .nav-category li.hover .category-popup {
        display:none;
    }
    #nav-main li.category .nav-category li.hover a {
        background:none;
        color:#212121;
    }
    #nav-main li.category .nav-category li a:hover {
        color:#00accd;
    }
    #nav-main li.category .nav-category li.hover a span {
        background:none;
    }
    .form-list a.button {
        padding: 0;
        text-decoration: none;
        text-align: center;
        line-height: 45px;
    }
    .toolbar.bottom.single-page {
        display:none;
    }
    #product-detail .corner-banner p:before {
        left:29%;
    }
    #product-detail .corner-banner p:after {
        top:31%;
    }
    #truck-product {
        left: inherit;
        top: 0;
        right: inherit;
        margin-bottom: -23px;
        width: 47px;
        display: block;
        margin-top: 0;
        margin-left: 84%;
    }
    #list-product.grid .image-product a:hover strong, #list-product.list .image-product a:hover strong {
        display:none;
    }
    #shopping-cart .button {
        float: none;
        width: 100%;
        height: 40px;
        background: #00accd;
        margin: 0 0 10px 0;
        display:block;
        line-height:40px;
    }
    #nav-mobile li a #mobile-cart-count {
        height: 20px;
        width: 20px;
        border-radius: 20px;
        background-color: #f86846;
        line-height: 20px;
        display: block;
        text-align: center;
        position: absolute;
        margin-left: 13%;
        margin-top: -40px;
        color: #fff;
        text-indent: 0;
    }
    #sidebar.category-landing {
        display:none;
    }
    #form-edit .phone-number {
        float: left;
        margin-left: 13px;
        width: 37%;
    }
    #form-edit .phone-number-extension {
        width: 40px;
    }
    
    #checkout-info .phone-number {
        width: 400px;
    }
    #checkout-info .phone-number-ext {
        width: 400px;
        margin-left:0;
    }
    #form-order .style-level {
        width:auto;
    }
    #BillingShippingForm .input,
    #BillingShippingForm select,
    #list-shipping-method #open-credit-information select {
        width: 96%;
        padding: 0 2%;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
    #list-shipping-method select {
        width:56%;
    }
    .checkout-content #BillingShippingForm label.label-newsletter {
        width:90%;
    }
    .checkout-content .button {
        margin:10px 0;
        float:none;
        padding: 0 25px 0 25px;
        background: #006699 url(../images/arrow-checkout.png) no-repeat right 10px top 14px;
        width: 100%;
    }
    .validation-error {
        margin: 0 0 15px -10px;
        padding:18px 0 0 10px;
    }
    .checkout-header.active h2 {
        padding:0 10px;
    }
    .order-comments {
        width:96%;
        padding:5px 2%;
    }
    #carrier input,
    #open-credit-information .input,
    #apply-gift-cert-container div .input {
        width:96%;
        padding:0 2%;
    }
    #carrier label {
        margin-left:0;
    }
    .checkout-content .address-row {
        width:100%;
    }
    #ReviewForm input.submit-quote-button {
        width: auto;
        float: none;
    }
    #tabs-product-image, 
    .product-media {
        width: 100%;
    }
    .video-container {
        width: 100%;
        height: auto;
        display: block;
        margin: 20px 0;
    }
    .youtube-video {
        width: 100%;
    }
    .product-media {
        float: none;
    }
}
@media screen and (max-width: 400px) {
    #form-order .style-level select {
        display:block;
        width:100%;
    }
    .checkout-header a {
        margin-right: 5px;
        width: 40px;
    }
    .checkout-header h2 {
        font-size:14px;
    }
    .card-wrapper {
        zoom:.75;
    }
    #card-exp-container {
        width:100px;
    }
    .card .front .lower .number {
        font-size:20px !important;
    }
    .card .front .lower .name {
        font-size:16px !important;
    }
    #form-order .customizeinput {
        width:90%;
    }

}