/* ==========================================================================
	#Media Queries
========================================================================== */
@media screen and (max-width: 1199px) {
    h2 { font-size: 38px; line-height: 34px; }
    .banner-caption-home h2 { font-size: 38px; line-height: 34px; }
    .banner-caption-home .btn { width: 185px; }
    .banner-caption-content p { font-size: 12px;}
    h3 { font-size: 24px; }
    .container { padding: 59px 0 299px; }
    .shell { width: 728px; }
    
    .logo { width: 109px; height: 59px; margin: 0 18px 0 0; }
    .logo a { height: 59px; background: url(images/logo-tablet.png) no-repeat 0 0; }
    .nav { width: 621px; }
    .top-message { width: 354px; font-size: 8px; line-height: 17px; }
    .search { width: 172px; height: 17px; padding: 2px 7px 2px 21px; }
    .search .icon-search { width: 9px; height: 10px; top: 4px; left: 7px; background: url(images/icon-search-tablet.png) no-repeat 0 0; }
    .search .field { height: 13px; font-size: 8px; padding: 1px 12px 1px 0;  }
    .search .submit { width: 12px; height: 12px; background: url(images/search-submit-tablet.png) no-repeat center center; top: 2px; right: 7px; }
    .btn-sign { width: 95px; font-size: 7px; line-height: 17px; }
    ul.nav-main > li { height: 42px; }
    ul.nav-main > li > a { font-size: 8px; line-height: 10px; height: 42px; padding: 11px 0; }
    ul.nav-main li.link-1 { width: 105px; }
    ul.nav-main li.link-2 { width: 127px; }
    ul.nav-main li.link-3 { width: 122px; }
    ul.nav-main li.link-4 { width: 89px; }
    ul.nav-main li.link-5 { width: 83px; }
    ul.nav-main li.link-6 { width: 49px; }
    ul.nav-main li.link-7 { width: 46px; }
    ul.nav-main li a .icon-bag { width: 23px; height: 27px; background: url(images/icon-bag-tablet.png) no-repeat 0 0; margin: -4px 11px -3px 12px; }
    /* ==========================================================================
    	#Dropdowns
    ========================================================================== */
    .nav-dropdown { top: 59px; }
    .nav-dropdown .cols { padding: 10px 0 0 0; }
    .nav-dropdown .col { width: 140px; }
    .nav-dropdown .col ~ .col { margin-left: 25px; }
    .nav-dropdown-image img { width: 245px; height: auto; }
    .nav-dropdown-title { margin-bottom: 14px; }
    .nav-dropdown-links { float: none; width: auto; }
    .nav-dropdown-events { top: 42px; width: 267px; padding-left: 13px; }
    .nav-dropdown-events .nav-dropdown-links { width: 80px; }
    .nav-dropdown-events .nav-dropdown-image img { width: 145px; }
    .nav-dropdown-sweets .col-size1,
    .nav-dropdown-sweets .col-size2 { width: 210px; }
    .nav-dropdown-sweets .col-size3 { float: none; width: auto; }
    .nav-dropdown-sweets .col-size3 ~ .col-size3 { margin-left: 0; }
    /* ==========================================================================
    	#Main
    ========================================================================== */
    .main { padding-bottom: 96px; -webkit-background-size: 768px 96px; background-size: 768px 96px; border-bottom: 12px solid #fff; }
    .main-secondary { padding-bottom: 0; }
    .main-inner { padding: 0; }
    
    .breadcrumbs { margin: 8px 0; letter-spacing: 0; padding-top: 22px; }
    .col-size1 { width: 388px; }
    .col-size2 { width: 324px; }
    
    .banner-caption { padding-top: 48px; }
    .banner-caption h2 { font-size: 28px; line-height: 36px; }
    .banner-alt .banner-image img { height: auto; }
    .banner-alt .banner-caption-home { width: 205px; padding-top: 70px; }
    .banner-alt .banner-caption-home p { margin-bottom: 14px; }
    .banner-alt .banner-caption-home h2 { margin-bottom: 17px; }
    .banner-caption-home { padding-top: 41px; letter-spacing: 1.5px; }
    .banner-caption-home .banner-caption-content { padding-left: 44px; }
    
    .home-grid .col-left { width: 384px; }
    .home-grid .col-right { width: 364px; }
    .home-grid-item .post-item { font-size: 9px; line-height: 15px; padding: 42px 40px; height: 324px; letter-spacing: 1px; }
    .home-grid-item .post-item p { margin-bottom: 25px; }
    .home-grid-item .post-item blockquote { font-size: 28px; line-height: 31px; text-indent: -8px; margin-bottom: 23px; }
    .home-grid-item .overlay { top: 50%; left: 50%; margin: -142px 0 0 -142px; }
    .home-grid-item .overlay-circle { width: 227px; height: 227px; font-size: 9px; line-height: 15px; padding-top: 63px; letter-spacing: 1px; }
    .home-grid-item .overlay-circle h2 { font-size: 28px; line-height: 31px; margin-bottom: 21px; }
    .home-grid-item .overlay-circle p { margin-bottom: 21px; }
    .home-grid-item .overlay-circle .link-arrow { padding-right: 12px; background-position: right 0; }
    .home-grid-item .post-item .link-arrow { padding-right: 12px; background: url(images/link-arrow-white-tablet.png) no-repeat right 1px; letter-spacing: 1px; }
    .home-grid-item:hover .form-quickview { padding-top: 200px; }
    
    .home-slider { margin-bottom: 14px; }
    .home-slider .slide-wrapper { padding: 33px 61px; }
    .home-slider .slide-wrapper .col-left,
    .home-slider .slide-wrapper .col-right { width: 277px; }
    .home-slider .slide-circle { width: 277px; height: 277px; }
    .home-slider .slide-circle .icon-zoom { top: 131px; left: 157px; width: 17px; height: 17px; background: url(images/icon-zoom-tablet.png) no-repeat 0 0; }
    .home-slider .slide-circle-black img.number-image { width: 79px; height: 71px; margin: 42px auto 26px; }
    .home-slider .slide-circle-black .sep { width: 27px; height: 4px; background: #f6d900; margin: 21px auto 23px; }
    .home-slider .slide-circle-black .link-arrow { padding-right: 12px; background: url(images/link-arrow-white-tablet.png) no-repeat right 1px; padding-left: 12px; letter-spacing: 1px; }
    .home-slider .slide-circle-black h3 { font-size: 15px; line-height: 18px; margin-bottom: 13px; }
    .home-slider .slide-popup-image img { width: 160px; height: auto; }
    .bx-controls-direction a { width: 28px; height: 37px; background-size: 56px 37px; margin-top: -18px; }
    .product-detail { font-size: 12px; line-height: 20px; padding: 81px 0 48px; min-height: 427px; }
    .product-detail .col-left { width: 215px; margin: 0; }
    .product-detail .col-right { width: 187px; margin: 3px 0; }
    .product-detail h2 { margin-bottom: 14px; }
    .product-detail .rating { display: block; margin: 0 0 8px; }
    .product-detail .row { margin-bottom: 5px; }
    .product-detail .form-giftcard { width: 188px; bottom: 200px; right: 0; }
    .form-giftcard .form-head { padding-bottom: 8px; }
    .form-giftcard .field { width: 116px; height: 24px; }
    .form-giftcard .btn { width: 63px; height: 24px; padding: 0; font-size: 10px; }
    .product-slider { width: 340px; top: 22px; margin-left: -170px; }
    .product-slider .thumbs a img { width: 50px; }
    .toggle-item-title { font-size: 10px; line-height: 17px; padding: 11px 18px 9px 0; }
    .toggle-item .icon-toggle-arrow { width: 14px; height: 9px; top: 13px; right: 0; -webkit-background-size: 14px 18px; background-size: 14px 18px; }
    .toggle-item-active .icon-toggle-arrow { background-position: 0 bottom; }
    .toggle-item-content { font-size: 10px; line-height: 18px; padding-bottom: 8px; }
    .toggle-item-content p { margin-bottom: 6px; padding-top: 12px; }
    .form-add { padding: 10px 0 31px; }
    .form-add .custom-select-size ~ .chosen-container { width: 96px!important; }
    .form-add .form-hint { font-size: 14px; left: 110px; }
    .other { padding: 21px 0 0; border-width: 2px; }
    .other h4 { margin-bottom: 25px; }
    .other .four-cols { padding: 0; margin: 0 -10px; }
    .other .category-item { width: 165px; height: 259px; }
    .other .category-item-image img { width: 167px; height: 167px; }
    .circle-item { width: ; height: 315px; }
    .circle-item-bg { width: 354px; height: 315px; }
    .circle-item .author { font-size: 9px; line-height: 20px; margin-bottom: 32px; }
    .circle-item h2 { font-size: 27px; line-height: 30px; }
    .circle-item blockquote { font-size: 20px; line-height: 22px; }
    .circle-item-overlay { width: 268px; height: 268px; margin: -134px 0 0 -134px; }
    .circle-item-1 .circle-item-overlay { padding: 43px 30px; }
    .circle-item-2 .circle-item-overlay { padding: 60px 30px; }
    .circle-item-2 .circle-item-overlay p.title { font-size: 9px; line-height: 15px; margin-bottom: 21px; }
    .circle-item-2 .circle-item-overlay h2 { margin-bottom: 14px; }
    .circle-item-2 .circle-item-overlay .link-arrow { padding-right: 12px; background-position: right 0; }
    .link-arrow { font-size: 8px; line-height: 14px; padding-right: 12px; background-image: url(images/link-arrow-tablet.png); }
    
    .reviews { margin: 13px 0 0px; }
    .review,
    .reviews,
    .reviews-head { border-width: 2px; }
    .reviews-head { padding: 17px 0 20px; }
    .reviews-head h3 { font-size: 14px; line-height: 18px; margin-bottom: 15px; }
    .reviews-head .btn { font-size: 9px; line-height: 12px; padding: 7px 24px 5px; letter-spacing: 0.5px; }
    .reviews .two-cols { margin: 0 -44px; }
    .reviews .two-cols .col { padding: 0 44px; }
    .review { font-size: 10px; line-height: 15px; padding: 44px 0 37px; margin-bottom: 0; }
    .review-head { width: 114px; }
    .review-head .date { margin-bottom: 10px; }
    .review-entry { width: 206px; }
    .review .name { font-size: 16px; line-height: 17px; }
    .review .rating .star { width: 10px; height: 10px; background: url(images/star-tablet.png) no-repeat 0 0; }
    .review .rating .star-active { background-position: 0 bottom; }
    .review .rating .star ~ .star { margin-left: 1px; }
    
    .category-aside { margin-right: 41px; }
    .category-content { width: 547px; }
    .category-items-small ul.category-items-list,
    ul.category-items-list { margin-right: -20px; }
    .category-items-small ul.category-items-list > li,
    ul.category-items-list > li { width: 169px; height: 310px; margin: 0 20px 58px 0; }
    
    .category-items-small .category-item-image,
    .category-item-image { width: 169px; height: 169px; }
    .category-items-small .category-item-image img,
    .category-item-image img { width: 169px; height: 169px; }
    .category-items-list li:hover .category-item-image { width: 169px; height: 169px; border-radius: 50%; margin-bottom: 11px; overflow: hidden; }
    .category-items-small .category-item-image-circle .overlay,
    .category-item-image-circle .overlay { top: 20px; right: 9px; bottom: 20px; left: 9px; }
    .category-items-small .category-item-image-circle .overlay img.img-left,
    .category-item-image-circle .overlay img.img-left { width: 57px; height: 107px; margin: 9px 13px 0 21px; }
    .category-items-small .category-item-image-circle .overlay .circle-title,
    .category-item-image-circle .overlay .circle-title { width: 60px; font-size: 15px; line-height: 17px; padding: 26px 0 12px; }
    .category-items-small .category-item-image > .hover-image { left: 0; }
    .category-items-small .category-item-image-circle-2 .overlay .circle-title { width: 100%; padding-top: 5px; }
    .category-items-small .category-items-list li:hover .category-item-image-circle { width: auto; height: 169px;  }
    .category-items-small .category-item-image-circle .overlay .arrow,
    .category-item-image-circle .overlay .arrow { width: 19px; height: 19px; -webkit-background-size: 19px 19px; background-size: 19px 19px; }
    .category-items-small .category-item p.offer,
    .category-item p.offer { padding-top: 0; font-size: 10px; }
    .form-quickview { left: -10px; padding: 310px 10px 10px; }
    .form-quickview .chosen-container .chosen-results li,
    .form-quickview .chosen-container { font-size: 8px; }
    .form-quickview .chosen-container-single .chosen-single { height: 24px; padding: 2px 0 2px 7px; }
    .form-quickview .chosen-container-single .chosen-single div { width: 26px; height: 24px; background-image: url(images/select-arrow-tablet.png); }
    .form-quickview .form-row { padding-bottom: 8px; }
    .form-quickview .btn { height: 22px; padding: 0; font-size: 8px; line-height: 22px; }
    .form-quickview .form-notice { padding-top: 4px; font-size: 9px; }
    .category-item-image-circle-2 .overlay .circle-title { width: 100%; padding: 4px 0 7px; letter-spacing: 1px; }
    .category-item-image-circle-2 .overlay img { width: 117px; height: auto; margin: 0 auto 14px; }
    .footer { font-size: 10px; line-height: 20px; padding-top: 39px; -webkit-background-size: 768px 20px; background-size: 768px 20px; height: 299px;}
    .footer .four-cols { margin: 0 -10px; }
    .footer .four-cols .col { width: 25%; padding: 0 10px; }
    .footer .four-cols .col-1 { width: 232px; }
    .footer .four-cols .col-2 { width: 170px; }
    .footer .four-cols .col-3 { width: 156px; }
    .footer .four-cols .col-4 { width: 190px; }
    
    .social-links { padding-bottom: 16px; }
    .social-links li ~ li { margin-left: 22px; }
    .copyright { font-size: 10px; line-height: 14px; padding: 19px 0 0; }
    /* ==========================================================================
    	#Forms
    ========================================================================== */
    .form-join { width: 100%; }
    .form-join label { margin-bottom: 20px; }
    .form-join .field { font-size: 10px; }
    .form-join .submit { width: 8px; height: 20px; bottom: 3px; }
    .form-join .form-alert { font-size: 11px; }
    .form-notice { font-size: 11px; }
    
    .form-add-secondary .form-body { padding-bottom: 4px; }
    .form-add-secondary .textarea { height: 101px; }
    .form-add-secondary .btn { font-size: 12px; }
    /* ==========================================================================
        #Modals
    ========================================================================== */
    .modal-cart { top: 0; }
    /* ==========================================================================
        #Lifestyle
    ========================================================================== */
    .lifestyle .breadcrumbs { padding: 12px 0 14px; margin: 0; font-size: 12px; }
    .lifestyle .breadcrumbs ul { padding: 0; }
    .list-promotions { font-size: 12px; }
    .list-promotions li { width: 242px; padding: 1px 0 2px; }
    /* ==========================================================================
        #Features
    ========================================================================== */
    .feature { width: 355px; margin-right: 20px; }
    .feature-image { width: 355px; height: 310px; }
    .feature-content,
    .feature-content a { width: 215px; height: 215px;  }
    .feature-content { margin: -107px 0 0 -107px; }
    .feature-title { font-size: 28px; }
    /* ==========================================================================
        #Slider Related
    ========================================================================== */
    .section-related-products { padding-bottom: 50px; }
    .slider-related .slider-clip { width: 670px; }
    .slider-related .slide { width: 110px!important; }
    .slider-related .bx-controls-direction a.bx-next { right: -25px; }
    .slider-related .bx-controls-direction a.bx-prev { left: -25px; }
    /* ==========================================================================
        #Section Search
    ========================================================================== */
    .section-search { padding: 38px 0 0; }
    .section-search .section-head-inner { padding-top: 11px; }
    .section-search .section-body { padding-top: 24px; } 
    .section-search .nav-layout { display: none; }
    .section-search .category-items-small ul.category-items-list { margin-right: -28px; }
    
    .search-secondary { padding: 10px 0 44px; }
    .search-secondary h6 { line-height: 1.42; text-transform: none; font-weight: normal; }
    .search-secondary h6 br { display: block; }
    /* ==========================================================================
        #Section Popular
    ========================================================================== */
    .section-popular { padding: 0; }
    .section-popular .category-items-small ul.category-items-list { margin-right: -28px; }
    .section-popular .category-items-small li:last-child { display: none; }
    /* ==========================================================================
        #Section Cart
    ========================================================================== */
    .section-cart { padding: 27px 0 35px; }
    .section-cart .section-head { padding-bottom: 22px; }
    .section-cart .form-alert { padding: 12px 0 0 32px; font-size: 12px; }
    .table-cart th { padding: 10px 0; font-size: 12px; }
    .table-cart td { padding-top: 18px; }
    .table-cart .table-actions-inner { width: 160px; }
    .table-cart .table-actions .btn { font-size: 12px; padding: 7px 0; }
    .table-cart .table-actions .btn ~ .btn { margin-top: 15px; }
    .cart-item-image { width: 100px; }
    .cart-item-image img { width: 100%; }
    .cart-item-title { padding-bottom: 12px; }
    .cart-item-meta { padding-bottom: 0; }
    .cart-item-content { max-width: 260px; }
    .cart-item-quantity .field { width: 66px; height: 31px; }
    .cart-item-quantity-actions { padding-left: 10px; }
    .form-promo h6 { font-size: 12px; }
    .form-promo .form-head { padding-bottom: 9px; }
    .form-promo .field { width: 135px; height: 32px; }
    .form-promo .btn { width: 80px; height: 32px; padding: 0; margin-left: 8px; font-size: 12px; }
    .total { width: 195px; padding-right: 20px; font-size: 12px; }
    .total dt { padding-bottom: 8px; }
    /* ==========================================================================
        #Section Order
    ========================================================================== */
    .section-order { padding-top: 23px; }
    .section-order .section-head { padding-bottom: 25px; text-align: center; }
    .section-order .section-head h2 { font-size: 24px; }
    .section-order .cart-item-image { padding-right: 16px; }
    .section-order .cart-item-meta { padding-top: 3px; }
    .section-order .section-actions { padding-bottom: 3px; margin-top: -13px; }
    .section-order h5 { font-size: 12px; }
    .section-order .section-body-inner-head { padding: 8px 18px 9px; background: #e5e5e5; }
    .section-order .total { width: 185px; margin: 21px 0 0 auto; font-size: 12px; }
    .section-order .total-foot { padding-top: 6px; }
    .shipping-entry { padding-bottom: 0; font-size: 12px; }
    .cart-item ~ .cart-item { padding-top: 7px; }
    
    .section-order-final { padding-top: 27px; }
    .section-order-final .section-head { padding-bottom: 17px; }
    .section-order-final .order-infos-head { padding-bottom: 6px; }
    .order-info { padding-bottom: 21px; } 
    .order-infos .col-size1 { width: 187px; }
    .order-infos .col-size2 { width: 370px; }
    .order-infos .col-size3 { width: 165px; }
    .section-profile .order-info { padding-bottom: 21px; } 
    .section-profile .order-infos { border-bottom: 1px solid #e7e6e8; } 
    .section-profile .order-infos .col-size1 { overflow: hidden; float: none; width: auto; }
    .section-profile .order-infos .col-size1 .order-info { float: left; width: 50%; }
    .section-profile .order-infos .col-size2 { overflow: hidden; display: block; float: none; width: auto; }
    .section-profile .order-infos .col-size3 { float: none; width: auto; }
    .section-profile .order-infos .col-inner { float: left; width: 350px; }
    /* ==========================================================================
        #Section Checkout
    ========================================================================== */
    .section-checkout { padding-top: 27px; }
    .section-checkout .section-head { padding-bottom: 21px; }
    .section-checkout .form-alert { bottom: 5px; font-size: 11px; }
    
    .step-head { padding: 9px 18px; }
    .step-head h5 { font-size: 12px; }
    .form-checkout-register { padding: 13px 20px 16px; }
    .form-checkout-register ~ .form-checkout-register { padding-top: 9px; padding-bottom: 14px; }
    .form-checkout-register .form-head { padding-bottom: 8px; }
    .form-checkout-register h5 { font-size: 12px; }
    .form-checkout-register .form-row { padding-bottom: 9px; }
    .form-checkout-register .form-label { width: 76px; padding-top: 5px; font-size: 12px; }
    .form-checkout-register .field { width: 216px; height: 33px; font-size: 14px; }
    .form-checkout-register .btn { font-size: 12px; padding: 2px 12px 3px; }
    .form-checkout-register .form-foot { width: 217px; padding-left: 76px; }
    .form-checkout-register .forgot-password { padding-bottom: 6px; font-size: 12px; }
    .form-checkout-register .form-notice { width: 180px; top: 26px; }
    
    .form-checkout { font-size: 12px; margin: 0 -5px; }
    .form-checkout h5 { font-size: 11px; white-space: nowrap; }
    .form-checkout .form-head { padding-bottom: 4px; }
    .form-checkout .form-col-1of2 { width: 163px; }
    .form-checkout .form-col-1of2 ~ .form-col-1of2 { float: right; width: 171px; }
    .form-checkout .form-row { padding-bottom: 0; }
    .form-checkout .form-row .form-col-1of2 { width: 83px; }
    .form-checkout .form-row .form-col-1of2 ~ .form-col-1of2 { width: 74px; }
    .form-checkout .form-group ~ .form-group { padding-top: 49px; }
    .form-checkout .field { height: 33px; }
    .form-checkout .field ~ .field { margin-top: 4px; }
    .form-checkout .textarea { height: 137px; }
    .form-checkout .chosen-container { font-size: 12px; }
    .form-checkout .chosen-container .chosen-results li { font-size: 12px; }
    .form-checkout .chosen-container-single .chosen-single { height: 33px; padding-top: 7px; }
    .form-checkout .chosen-container-single .chosen-single div { height: 33px; width: 30px; }
    .form-checkout .form-hint { white-space: nowrap; }
    .form-checkout .form-actions { padding-top: 13px; }
    .form-checkout .btn { padding: 2px 12px 3px; font-size: 12px; }
    .form-checkout .icheckbox,
    .form-checkout .iradio { margin-right: 6px; }
    .form-checkout .radio { padding-bottom: 0; }
    .form-checkout .form-apply, 
    .form-checkout .form-hint.top-gutter { padding-top: 5px; }
    .link-cancel { margin-right: 25px; font-size: 12px; }
    .icheckbox,
    .iradio { width: 13px; height: 13px; }
    .chosen-container-single .chosen-single  { background-image: url(images/select-arrow-tablet.png); }
    
    .checkout-item-content { padding-left: 5px; }
    .checkout-item-title,
    .checkout-item-type { font-size: 9px; }
    .form-checkout-inner { padding: 8px 7px 20px; }
    .form-checkout-inner .form-row .form-col-1of2 { width: 49%; }
    .form-checkout-inner .form-row .form-col-1of2 ~ .form-col-1of2{ width: 49%; }
    .checkout-items .checkout-item { padding-bottom: 10px; }
    /* ==========================================================================
        #Order Infos
    ========================================================================== */
    .order-info,
    .order-infos h5 { font-size: 12px; }
    .order-info { line-height: 1.42; }
    .order-infos-head { padding-bottom: 9px; }
    .step .order-infos { padding-top: 9px; margin: 0 -6px; }
    .step .order-infos .col-1of3 { width: 119px; }
    /* ==========================================================================
        #Section Account
    ========================================================================== */
    .form-account { padding-bottom: 20px; font-size: 12px; }
    .form-account .form-head { padding-bottom: 0; }
    .form-account .field { height: 33px; }
    .form-account .chosen-container { font-size: 12px; }
    .form-account .chosen-container .chosen-results li { font-size: 12px; }
    .form-account .chosen-container-single .chosen-single { height: 33px; padding-top: 7px; }
    .form-account .chosen-container-single .chosen-single div { height: 33px; width: 30px; }
    .form-account .btn { padding: 2px 12px 3px; font-size: 12px; }
    .form-account .forgot-password a { text-decoration: underline; }
    .form-account .forgot-password a:hover { color: #000; text-decoration: none; }
    .form-account .chosen-container-single .chosen-single { padding-left: 7px; }
    .form-account .chosen-container-single .chosen-single span { margin-right: 20px; }
    .form-account .checkbox { overflow: hidden; }
    .form-account .icheckbox { float: left; margin: 0 15px 10px 0; }
    .form-account .checkbox label {display: block;  overflow: hidden; line-height: 1.4; }
    .form-account .form-actions { padding-top: 3px; }
    /* ==========================================================================
        #Section Profile
    ========================================================================== */
    .section-profile { padding-top: 46px; }
    .section-profile .section-aside { width: 200px; }
    .section-profile .section-content { float: none; overflow: hidden; width: auto; }
    .personal-info-entry { padding-bottom: 20px; }
    .form-profile .form-group { padding-right: 83px; }
    .profile-edit .col { width: 222px; }
    .profile-edit .col ~ .col { width: 270px; padding-left: 20px; }
    .profile-info-actions { width: auto; }
    .section-profile .cart-item-image { width: 60px; }
    /* ==========================================================================
        #Section About
    ========================================================================== */
    .section-about { padding: 40px 20px 20px 0; font-size: 12px; }
    .section-about .section-aside { padding: 6px 8px 0 0; }
    .section-about .section-content-head { padding-bottom: 33px; }
    .section-about .section-content p { padding-bottom: 17px; }
    .section-about h2 { font-size: 18px; font-weight: bold; }
    .section-about h5,
    .section-about h6 { font-size: 12px; }
    /*.section-about .section-content p + h5 { padding-top: 10px; }*/
    .section-about .col,
    .section-about .col ~ .col { float: none; width: auto; }
    .section-about .section-nav li { padding-bottom: 8px; }
    /* ==========================================================================
        #Section Press
    ========================================================================== */
    .section-press { padding: 15px 0 0 20px; }
    .press-items { margin-right: -51px; }
    .press-item,
    .press-item-title { font-size: 14px; }
    .press-item { padding-right: 73px; }
    /* ==========================================================================
        #Section Stores
    ========================================================================== */
    .section-stores { padding: 20px 0 0; }
    .section-stores .section-body { padding: 0 30px; }
    .section-stores .section-foot { padding: 25px 30px 0; }
    .section-stores .slider-store { padding-top: 0; }
    .store { padding: 0 0 30px; font-size: 12px; line-height: 1.5; }
    .store .col-size1 { width: 200px; }
    .store .col-size2 { width: 130px; }
    .store-head { padding: 15px 0 35px; }
    .store-label { position: static; display: block; }
    .store-image { top: 22px; width: 190px; height: 190px; margin-left: -95px; }
    .store-entry { padding: 0 40px 15px 0; }
    .store-contacts { padding-top: 50px; }
    .store-contacts p + p { padding-top: 15px; }
    
    .form-location { font-size: 12px; }
    .location-field { width: 78px; height: 22px; padding: 0 6px; margin: 0 0 0 10px; }
    
    .stores-secondary { padding-top: 30px; }
    .stores-secondary .col-1of2 { width: 334px; }
    .list-stores li { padding-bottom: 10px; }
    .list-stores h5,
    .list-stores p { font-size: 12px; }
    .section-stores .socials-label { font-size: 12px; }
    .section-stores .socials-label,
    .section-stores .social-links { display: inline-block; vertical-align: top; }
    .section-stores-secondary { padding: 20px 30px 0; }
    .section-stores-secondary .section-body { padding: 0; }
    .section-stores-secondary .col-1of3 { width: 167px; }
    .section-stores-secondary .col-2of3 { width: 483px; }
    .section-stores-secondary .col-1of2 { width: 236px; }
    .store-single .store-label { font-size: 12px; }
    .store-single .store-head { padding: 0; }
    .store-single .store-entry { font-size: 12px; }
    .store-single .store-contacts { padding-top: 0; font-size: 12px; line-height: 1.25; }
    .store-single .store-actions .btn { font-size: 10px; white-space: nowrap; }
    .store-single .store-contacts p + p { padding-top: 7px; }
    .section-stores-alt .col-1of3 { width: 175px; }
    /* ==========================================================================
        #Article
    ========================================================================== */
    .article-title { padding-bottom: 0; font-size: 28px; }
    .article-entry { font-size: 12px; }
    .article-image { padding-bottom: 5px; }
    
    .article-single .article-title { font-size: 22px; }
    .article-single .article-image { width: 545px; }
    .article-single .article-content { width: 175px; padding-top: 20px; }
    .article-single .article-entry { line-height: 1.25; }
    .article-single .article-entry p + p { padding-top: 15px; }
    
    .article-tertiary .article-head h6 { padding-bottom: 28px; }
    .article-tertiary h3 { font-size: 22px; line-height: 1.36; }
    .article-tertiary .article-image { width: auto; }
    .article-tertiary .article-image .col ~ .col { float: right; }
    .article-tertiary .article-image .col-1of2 { width: 364px; }
    .article-tertiary .article-image .col-1of4 { width: 155px; }
    .article-tertiary .article-entry { padding-bottom: 15px; font-size: 12px; }
    .article-tags { font-size: 12px; }
    .article-tertiary .article-body .cols { padding-bottom: 40px; }
    .article-tertiary .article-body .col { width: 340px; padding-top: 25px; }
    .article-tertiary .article-body .col ~ .col { padding-top: 0; }
    .article-tertiary .article-body .col .article-entry { width: auto; padding: 0 25px 15px; }
    .slider-article-images .slide-caption { font-size: 10px; }
    .form-tickets { width: 280px; padding-bottom: 10px; }
    .form-tickets .btn { width: 185px; height: 33px; line-height: 33px; }
    .packages h4 { padding-bottom: 7px; font-size: 15px; }
    .list-packages > li { padding: 6px 10px 10px; }
    .list-packages > li + li { margin-top: 14px; }
    .list-packages h5 { padding-bottom: 13px; font-size: 12px; }
    .list-packages ul li { font-size: 12px; background-position: 0 5px; line-height: 1.25; }
    .list-events li { padding-bottom: 8px; }
    /* ==========================================================================
        #Section Related
    ========================================================================== */
    .section-related .section-body { padding-top: 60px; }
    .section-related .article { width: 229px; }
    .section-related .article ~ .article { padding-left: 20px; }
    .section-related .article h6 { font-size: 12px; }
    .section-related .article h4 { font-size: 22px; }
    .section-related .link-more { font-size: 12px; }
    .section-related .article-tags { font-size: 14px; }
    .section-related .article-image { padding-bottom: 25px; }
    /* ==========================================================================
        #Section Parties
    ========================================================================== */
    .section-parties .articles { margin-right: -22px; }
    .section-parties .article { width: 355px; margin: 0 20px 40px 0; }
    /* ==========================================================================
        #Section Events
    ========================================================================== */
    .section-events .article-single .article-image { width: auto; }
    .section-events-secondary .article-single .article-image { width: 545px; }
    .section-events-secondary .events { width: 500px; }
    .section-events-secondary .events-content { width: 360px; }
    
    .events { padding-top: 25px; }
    .events h5  { font-size: 12px; }
    .events-filter { width: 113px; }
    .events-filter li { padding-bottom: 10px; }
    .events-content { width: 595px; }
    .table-events,
    .table-events h6 { font-size: 10px; }
    
    .table-events td { padding-bottom: 10px; }
    .table-events td:first-child { width: 80px; }
    .table-events td:first-child + td { width: 85px; }
    .table-events td:first-child + td + td { width: 150px; }
    /* ==========================================================================
        #Slider Quotes
    ========================================================================== */
    .slider-quotes .slide-content { width: 275px; height: 275px; margin: -137px 0 0 -137px; }
    .slider-quotes .quote { width: 275px; height: 275px; }
    .slider-quotes .quote-entry  { padding: 40px 15px 30px; font-size: 22px; }
    .slider-quotes .quote-actions .link-more { font-size: 12px; }
    /* ==========================================================================
        #Services
    ========================================================================== */
    .services { margin-right: -22px; }
    .service { width: 230px; height: 230px; }
    .service-image img { width: 230px; height: 230px; }
    
    .service-content { padding-top: 47px; }
    .service-title { font-size: 22px; }
    .service-content h6 { font-size: 12px; }
    .service-actions { padding-top: 45px; font-size: 12px; } 
    /* ==========================================================================
        #Recipe
    ========================================================================== */
    .section-recipe { padding-bottom: 18px; }
    .section-recipe .col { width: 320px; }
    .section-recipe .col ~ .col { width: 360px; }
    
    .recipe-head { padding-top: 12px; }
    .recipe-head h6 { padding-bottom: 10px; font-size: 12px; }
    .recipe-title { padding-bottom: 15px; margin-bottom: 30px; font-size: 22px; }
    .recipe-head p { padding-bottom: 20px; font-size: 22px; }
    
    .recipe-body { padding-top: 15px; font-size: 12px; line-height: 1.25; }
    .recipe-body h4 { margin-bottom: 13px; }
    .recipe-body h4 { font-size: 16px; }
    .recipe-body h6 { padding-bottom: 6px; font-size: 12px; }
    .recipe-products { padding-bottom: 27px; }
    
    .list-recipe-steps li { padding: 0 0 15px 20px; }
    .recipe-step { font-size: 12px; }
    /* ==========================================================================
        #Section Shopping List
    ========================================================================== */
    .section-shopping-list .section-head { padding-bottom: 5px; }
    .section-shopping-list .section-head h3 { font-size: 28px; }
    .section-shopping-list .category-item p { font-size: 8px; line-height: 1.25; }
    .section-shopping-list .other { padding-top: 10px; margin-bottom: 0; }
    .section-shopping-list .other .category-item { width: 145px; }
    .section-shopping-list .other .category-item-image { width: auto; }
    .section-shopping-list .form-quickview { top: 0; padding: 214px 20px 20px; }
    /* ==========================================================================
        #Selecter
    ========================================================================== */
    .selecter .selecter-selected { padding: 6px 0 7px 12px; background-image: url(images/select-arrow-tablet.png); font-size: 12px; line-height: 18px; }
    .selecter .selecter-item { padding: 6px 0 7px 12px; font-size: 12px; }
    /* ==========================================================================
        #Popup Cart
    ========================================================================== */
    .popup-content-cart.popup-content { width: 740px; }
    .cart-product-image img { width: 100%; height: auto; }
    .cart-product { width: 215px; }
    .cart-product ~ .cart-product { padding-left: 11px; }
    .form-quickview .btn { height: 24px; font-size: 13px; line-height: 24px; }
    /* ==========================================================================
        #Footer
    ========================================================================== */
    .full-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: transparent; z-index: 10; }
    .overlay-visible .full-overlay { display: block; }
}
@media screen and (max-width: 767px) {
    body { min-width: 320px; }
    .desktop-only { display: none !important; }
    .mobile-only { display: block; }
    h2 { font-size: 20px; line-height: 22px; }
    h3 { font-size: 16px; }
    .shell { width: auto; }
    .container { padding: 92px 0 0; }
    .menu { display: block; position: absolute; top: 37px; left: 20px; width: 26px; height: 16px; background: url(images/menu.png) no-repeat 0 0; }

    /* .logo - removed the width:148px */
    .logo { float: none; display: block; margin: 0 auto; height: 92px; padding-top: 20px;  }
    .logo a { height: 92px; background-image: url(images/DCB-LOGO.svg) no-repeat 0 0; }
    .top-message,
    .search,
    .home-grid,
    .home-slider { display: none; }
    
    .nav { float: none; position: fixed; top: 92px; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: scroll; margin: 0; width: 100%; opacity: 0; visibility: hidden; }
    .nav .btn-sign,
    .nav ul.nav-main li.link-7 { display: none; }
  
    .nav-visible { opacity: 1; visibility: visible; }
    
    .main .nav-main { opacity: 1; visibility: visible; }
    .main .nav-hidden { opacity: 0; visibility: hidden; }
    .btn-bag { position: absolute; top: 46px; right: 10px; width: 48px; height: 46px; padding: 6px 10px 7px; }
    .btn-bag .icon-bag { display: block; width: 28px; height: 33px; background: url(images/icon-bag-mobile.png) no-repeat 0 0; }
    ul.nav-main > li { width: 100% !important; min-height: 64px; height: auto; float: none; display: block; }
    ul.nav-main > li > a { font-size: 14px; line-height: 16px; height: 64px; }
    ul.nav-main > li > a br { display: none; }
    ul.nav-main > li > a:hover { opacity: 1; }
    ul.nav-main > li:hover .nav-dropdown { display: none; }
    ul.nav-main > li.hover .nav-dropdown  { display: block; }
    
    .nav-secondary { padding-top: 5px; }
    /* BEGIN ACADACA CHANGE: text-align was left, now center */
    .nav-secondary li { display: block; padding: 0 0 6px 0; text-align: center; }
    /* END ACADACA CHANGE */
    
    .nav-main .link-search { display: block; }
    .nav-main .search { display: block; width: 100%; }
    .nav-main .search { display: block; width: 100%; height: 64px; padding: 35px 14px 6px 32px; background: #ffe000; position: relative; }
    .nav-main .search .field { display: block; width: 100%; border: 0; border-bottom: 1px solid #302a00; color: #302a00; background: transparent; padding: 1px 0 7px; height: 16px; font-size: 14px; }
    .nav-main .search .icon-search { position: absolute; top: 26px; left: 0; width: 32px; height: 28px; border: 0; cursor: pointer; background: url(images/icon-search.png) no-repeat 10px 6px; }
    .nav-main .search .submit { position: absolute; top: 27px; right: 14px; width: 17px; height: 19px; background: url(images/search-submit.png) no-repeat center center; border: 0; cursor: pointer; }
    /* ==========================================================================
    	#Dropdowns
    ========================================================================== */
    .nav-dropdown { position: static; padding: 12px; }
    .nav-dropdown .cols { float: none; padding: 0; }
    .nav-dropdown .col { width: 50%; padding: 0 8px; }
    .nav-dropdown .col ~ .col { margin-left: 0; }
    .nav-dropdown-image { display: none; }
    .nav-dropdown-title { padding-bottom: 0; margin-bottom: 3px; }
    .nav-dropdown-lifestyle { border-top: 1px solid #fbd6e1; }
    .nav-dropdown-events { width: auto; border-top: 1px solid #bfe7de; }
    .nav-dropdown-events .nav-dropdown-links { overflow: hidden; float: none; width: auto; }
    .nav-dropdown-events .nav-dropdown-links li { float: left; width: 50%; text-align: center; }
    .nav-dropdown-events .nav-dropdown-title { border: 0; }
    .nav-dropdown-sweets .col-size1,
    .nav-dropdown-sweets .col-size2 { float: left; width: 50%; }
    .nav-dropdown-sweets .col-size3 { width: 100%; }
    .nav-dropdown-sweets .col { padding: 0; }
    .nav-dropdown-sweets .col-size2 { display: block; padding-left: 10px; }
    .btn-sign { position: absolute; top: 0; right: 10px; width: 48px; height: 46px; padding: 10px; font-size: 11px; line-height: 13px; color: #000; text-align: center; background: transparent; }
	
	/* ==========================================================================
		#Main
	========================================================================== */
    .main { padding: 0; background: transparent; border: 0; }
    
    .col-size1 { float: none; width: auto; }
    .col-size2 { display: none; float: none; width: auto; }
    .mobile-show { display: block; }
    .breadcrumbs { font-size: 11px; line-height: 16px; padding: 0 0 2px; }
    .banner-caption-home { padding-top: 27px; }
    .banner-caption-home .banner-caption-content { padding: 0; font-size: 9px; line-height: 15px; }
    .banner-caption-content p { margin: 0 0 1px; letter-spacing: 1px; }
    .banner-caption-content h2 { font-size: 20px; line-height: 22px; margin: 0 0 1px; letter-spacing: 0.5px; }
    .banner-caption-content .btn { font-size: 9px; line-height: 14px; padding: 6px 24px 4px; width: 132px; }
    .banner-caption { padding-top: 8px; }
    .banner-caption h2 { font-size: 16px; line-height: 19px; width: 170px; margin: 0 auto; letter-spacing: 0.5px; }
    .banner-caption p { font-size: 12px; }
    .category { padding: 0 0 30px; }
    .category-aside,
    .category-content { float: none; width: 100%; }
    .category-options { display: none; }
    
    .category-aside { background: #e92b89; color: #fff; margin: 0 -20px 21px; padding: 14px 20px 11px; }
    .category-aside h4 { font-size: 14px; line-height: 24px; font-weight: bold; margin-bottom: 12px; }
    .category-aside-secondary .form-actions,
    .category-aside-secondary h4,
    .category-aside .nav-aside { display: none; }
    .category-aside-secondary { background: #f6adc2; }
    .form-filter { padding: 0 20px; margin: 0 -20px; }
    .form-filter ~ .form-filter { padding-top: 20px; border-top: 1px solid #f495c4; }
    .form-filter .select { margin-bottom: 12px; }
    .form-filter .chosen-container-single .chosen-single { border-color: #fff; font-weight: bold; }
    .form-filter .chosen-container .chosen-results { border-color: #fff; }
    .form-filter .submit { border: 0; cursor: pointer; background: transparent; font-size: 14px; line-height: 24px; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing: 1px; }
    .form-filter .form-actions { overflow: hidden; }
    .form-filter .form-actions .submit { float: left; }
    .form-filter .form-actions .btn { float: right; margin-top: 8px; }
    
    .category-items-small ul.category-items-list,
    ul.category-items-list { margin: 0; }
    .category-items-small ul.category-items-list li,
    ul.category-items-list li { margin: 0 0 48px; height: auto; width: 100%; }
    .category-items-small .category-item,
    .category-item { width: auto; height: auto; }
    .category-items-small .category-item-image,
    .category-items-small .category-item-image img,
    .category-item-image,
    .category-item-image img { display: block; margin: 0 auto; width: 280px; height: 280px; overflow: hidden; }
    .category-items-small .category-item-image,
    .category-item-image { margin-bottom: 12px; }
    
    .category-items-small .category-items-list li:hover .category-item-image,
    .category-items-list li:hover .category-item-image { width: 280px; height: 280px; border-radius: 50%; margin-bottom: 12px; overflow: hidden; }
    .category-items-small .category-item-image-circle .overlay img.img-left,
    .category-item-image-circle .overlay img.img-left { width: 95px; height: 179px; margin: 26px 23px 0 41px; }
    .category-items-small .category-item-image-circle .overlay .circle-title,
    .category-item-image-circle .overlay .circle-title { font-size: 24px; line-height: 28px; width: 92px; padding: 55px 0 20px; }
    .category-items-small .category-item-image-circle .overlay .arrow,
    .category-item-image-circle .overlay .arrow { width: 32px; height: 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
    .category-items-small .category-item-image-circle-2 .overlay .circle-title,
    .category-item-image-circle-2 .overlay .circle-title { font-size: 26px; line-height: 30px; width: auto; padding: 13px 0 11px; }
    .category-items-list li:hover .category-item-image > img:first-child { opacity: 1; }
    .category-items-small .category-item-image > .hover-image { display: none !important; }
    .category-items-small .category-item-image-circle-2 .overlay img,
    .category-item-image-circle-2 .overlay img { width: 207px; height: 90px; margin: 0 auto 26px; }
    .form-quickview { display: none!important; }
    .product-detail { padding: 0; letter-spacing: 0.5px; }
    .product-detail h2 { font-size: 20px; line-height: 24px; font-weight: bold; }
    .product-detail h2 .price { display: block; }
    .product-detail .col { float: none; width: 100%; padding: 0; }
    .product-detail .rating { display: inline-block; margin: 0 21px 0 0; }
    .product-detail .row { margin-bottom: 11px; }
    .product-detail .social-links { width: 100%; padding: 15px 0; line-height: 0; }
    .product-detail .social-links li { line-height: 0; }
    .product-detail .form-giftcard { position: static; width: auto; padding: 6px 0; }
    .form-giftcard .field { width: 195px; height: 24px; }
    .form-giftcard .btn { float: left; margin-left: 10px; }
    .form-giftcard .form-body { padding-bottom: 10px; }
    .mobile-hide { display: none; }
    .product-slider { position: relative; width: 280px; z-index: 0; margin: 0 auto 10px; top: auto; left: auto; }
    .product-slider .thumbs a ~ a { margin-left: 54px; }
    .product-slider .thumbs a img { width: 54px; }
    .form-add { padding: 2px 0; width: 100%; margin-bottom: 0; }
    .form-add .form-control { margin-bottom: 20px; }
    .form-add .btn { margin: 0; }
    .colors-label { font-size: 14px; }
    
    .toggle-item .icon-toggle-arrow { width: 17px; height: 11px; -webkit-background-size: 17px 22px; background-size: 17px 22px; top: 13px; right: 18px; }
    .toggle-item-title { font-size: 12px; padding-right: 40px; padding: 12px 40px 10px 0; }
    .toggle-item-content { font-size: 13px; line-height: 24px; }
    
    .other { border-top: 0; margin-bottom: 25px; }
    .other .four-cols { margin: 0; }
    .other .four-cols .col { width: 100%; padding: 0; }
    .other .four-cols .col:last-child .category-item { margin-bottom: 0; }
    .other .category-item { width: 100%; height: auto; margin-bottom: 40px; }
    .other .category-item-image { width: 280px; height: 280px; margin: 0 auto 12px; display: block; }
    .other .category-item-image img { width: 280px; height: 280px; }
    .circle-items .two-cols { margin: 0; }
    .circle-items .two-cols .col { padding: 0; width: 100%; }
    .circle-item { width: 280px; height: 248px; margin: 0 auto 20px; }
    .circle-item-bg { width: 280px; height: 248px; }
    .circle-item .author { font-size: 10px; line-height: 16px; margin: 19px 0 15px; }
    .circle-item .title { font-size: 10px; line-height: 12px; margin: 30px 0 18px; }
    .circle-item-overlay { width: 210px; height: 210px; margin: -105px 0 0 -105px; }
    .circle-item-overlay blockquote { font-size: 18px; line-height: 20px;  }
    .circle-item-1 .circle-item-overlay { padding: 16px; }
    .circle-item-2 .circle-item-overlay { padding: 16px; width: 218px; height: 218px; margin: -109px 0 0 -109px; }
    .circle-item-2 .circle-item-overlay h2 { font-size: 24px; line-height: 24px; margin: 0 0 7px; }
    .circle-item-2 .circle-item-overlay p.title { margin-bottom: 18px; }
    .circle-item-2 .circle-item-overlay .link-arrow { font-size: 10px; letter-spacing: 1.5px; background: url(images/link-arrow-tablet.png) no-repeat right 0; }
    .reviews { border: 0; margin-top: 0; padding-bottom: 16px; }
    .reviews-head { border: 0; }
    .reviews .btn { font-size: 14px; line-height: 24px; padding: 8px 20px 6px; display: block; width: 100%; }
    .reviews .two-cols { margin: 0; }
    .reviews .two-cols .col { width: 100%; padding: 0; }
    .reviews .two-cols .col ~ .col { border-top: 2px solid #e5e5e5; margin-top: 32px; }
    .reviews .more-wrapper { padding-top: 4px; }
    .review { border: 0; font-size: 16px; line-height: 24px; padding: 19px 0; letter-spacing: 0.5px; }
    .review .rating .star ~ .star { margin-left: 2px; }
    .review-head { position: relative; padding-right: 80px; width: auto; float: none; }
    .review-head .name { font-size: 17px; line-height: 17px; }
    .review-head .date { font-size: 10px; line-height: 15px; margin-bottom: 7px; }
    .review-head .rating { position: absolute; top: 0; right: 0; left: auto; }
    .review-head .rating .star { width: 15px; height: 15px; background: url(images/star.png) no-repeat 0 0; }
    .review-head .rating .star-active { background-position: 0 -15px; }
    .review-entry { float: none; width: auto; }
    
    .more-wrapper .load-more { left: 0; margin: 0; width: 100%; }
    .footer { position: relative; height: auto; -webkit-background-size: 100% 15px; background-size: 100% 15px; padding: 15px 0 6px; }
    .footer .four-cols .col { clear: both; width: 100%;}
    .footer .social-links { padding: 23px 0; line-height: 0; }
    .footer .call-info { margin: 20px 0; }
    /* ==========================================================================
    	#Forms
    ========================================================================== */
    .form-join .form-body { width: 135px; }
    .form-join label { margin: 0; }
    .form-join .field { border-width: 2px; }
    .form-join .submit { width: 6px; -webkit-background-size: 6px auto; background-size: 6px auto; bottom: 2px; }
    .copyright { font-size: 13px; margin: 27px 0 23px; }
    .chosen-container .chosen-drop { display: none; }
    .chosen-with-drop .chosen-drop { display: block; }
    /* ==========================================================================
    	#Popups
    ========================================================================== */
    .popup-email { width: 280px; height: 280px; }
    .form-popup-email { width: 280px!important; height: 280px; }
    .form-popup-email .form-head { padding: 0 30px 7px; }
    .form-popup-email h2 { font-size: 21px; line-height: 25px; }
    .form-popup-email .form-body,
	.form-popup-email .form-actions { width: 130px; }
	.form-popup-email .form-body { padding-bottom: 17px; }
	.form-popup-email .form-row { padding-bottom: 6px; }
	.form-popup-email .field { padding-bottom: 3px; font-size: 10px; border-bottom-width: 2px; }
	.form-popup-email .btn { padding: 5px 16px 4px; font-size: 8px; line-height: 1.7; }
	.form-popup-email .form-notice { padding-top: 3px; white-space: nowrap; margin-bottom: -11px; }
	.form-popup-email .form-alert { padding-bottom: 25px; }
	.form-popup-email .form-welcome h2,
	.form-popup-email .form-welcome p { font-size: 15px; }
	.form-popup-email .form-welcome .signature { padding-left: 100px; }
	.form-popup-email .form-welcome .signature img { width: 80px; }
    .popup-primary { width: 280px; padding: 20px; }
    .popup-primary .popup-head { overflow: hidden; padding: 10px 0; }
    .popup-primary .popup-head h4 { font-size: 20px; line-height: 1.2; }
    .popup-primary .popup-head .product-image,
    .popup-primary .popup-head .product-title { display: block; }
    .popup-primary .popup-head-inner { overflow: hidden; }
    .popup-primary .popup-head-inner h4 { padding-bottom: 14px; letter-spacing: -1px; }
    .popup-primary .popup-head .product-image { float: left; }
    
    .popup-form { padding-top: 28px; }
    .popup-form .form-aside { display: none; }
    .popup-form .form-content { float: none; width: auto; }
    .popup-form .form-actions .btn { float: right; width: 177px; }
    .popup-form .form-row { padding-bottom: 20px; }
    .popup-form .textarea { height: 177px; }
    .popup-form .form-row { position: relative; }
    .popup-form .form-notice { position: absolute; bottom: 0; left: 0; padding-left: 0; }
    .popup-form-review { padding-top: 8px; }
    .popup-form-review .form-label { padding-bottom: 3px; }
    
    .popup-article { padding-right: 0; }
    .popup-article-image { margin-right: 30px; }
    .popup-article-image img { width: 110px; height: auto; }
    .popup-article-content { padding-top: 0; }
    .popup-secondary { width: 280px; padding: 20px; }
    .popup-article-secondary .popup-article-entry { font-size: 14px; }
    .popup-article-secondary .popup-article-entry p + p { display: none; }
    .popup-events h2 { padding-bottom: 10px; font-size: 18px; }
    .list-events-secondary,
    .list-events-secondary h5 { font-size: 12px; }
    .list-events-secondary li { float: none; width: auto; margin: 0; margin-bottom: 20px; }
    /* ==========================================================================
        #Modals
    ========================================================================== */
    .modal-cart { position: fixed; top: 92px; /*bottom: 0;*/ width: 100%; overflow: auto; }
    .modal-cart { 
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box; 
        box-sizing: border-box;
    }
    /* ==========================================================================
        #Lifestyle
    ========================================================================== */
    .lifestyle .banner { display: none; }
    
    .section-promotions { padding-bottom: 0; }
    .list-promotions { margin: 0 -20px; }
    .list-promotions li { display: none; }
    .list-promotions li:first-child { display: block; width: auto; float: none; }
    /* ==========================================================================
        #Features
    ========================================================================== */
    .section-features { padding-top: 0; }
    .features { margin: 0 -20px; }
    .feature { float: none; width: 320px; margin: 0 auto 10px; }
    .feature-image { width: 320px; height: 320px; }
    .slider-related .slide { width: 120px!important; }
    .slider-related .slider-clip { width: 250px; }
    /* ==========================================================================
        #Section Search
    ========================================================================== */
    .section-search { padding-top: 8px; }
    .section-search .section-head h3,
    .section-search .section-head .section-head-inner { float: none; }
    .section-search .sort { width: 100%; }
    .search-secondary { padding-top: 0; margin-top: -6px; }
    .search-secondary .form-head { padding-bottom: 15px; }
    .search-secondary .search-field { width: 185px; }
    .search-secondary .search-btn { width: 83px; height: 39px; margin-left: 12px; font-size: 12px; }
    /* ==========================================================================
        #Section Popular
    ========================================================================== */
    .section-popular .section-head { padding-bottom: 15px; }
    /* ==========================================================================
        #Section Cart
    ========================================================================== */
    .section-cart .section-head h2 { float: none; }
    .section-cart .form-alert { display: block; float:none; padding: 6px 0 0; font-size: 10px; margin-bottom: -25px; }
    .table-cart th,
    .table-cart td { display: none; }
    .table-cart td:first-child { display: block; }
    .table-cart tr + tr td { padding-top: 33px; }
    .table-cart .mobile-only { padding-top: 6px; clear: both; }
    .table-cart .table-body { padding-bottom: 18px; }
    .table-cart .table-foot { padding: 13px 0 17px; }
    .cart-item-image { padding: 0; }
    .cart-item-content .cart-item-actions { display: none; }
    .cart-item-actions,
    .cart-item-price,
    .cart-item-quantity { display: inline-block; padding: 0 9px; vertical-align: middle; }
    .cart-item-quantity { width: auto; }
    .cart-item-quantity,
    .cart-item-price { padding-top: 0; }
    .cart-item-content { float: none; overflow: hidden;  max-width: none; }
    .cart-item-quantity .field { width: 40px; }
    
    .table-cart .form-promo { float: none; padding-bottom: 33px; }
    .form-promo .field { width: 167px; height: 30px; }
    .form-promo .btn { width: 80px; height: 30px; margin-left: 30px; }
    .form-promo .form-notice { margin-bottom: -25px; }
    .table-cart .total { float: none; }
    .table-cart .table-actions { padding-top: 22px; }
    .table-cart .table-actions-inner { width: auto; margin-left: 0; }
    /* ==========================================================================
        #Section Checkout
    ========================================================================== */
    .section-checkout { padding-top: 31px; }
    .section-checkout .section-head { padding-bottom: 19px; }
    .section-checkout .form-alert { bottom: 0; }
    .section-checkout .section-body { margin: 0 -20px; }
    .section-checkout .row { padding-bottom: 22px; }
    .steps-checkout { border: 0; }
    .form-checkout-register { padding: 0 0 18px 0; }
    .form-checkout-register .form-head { padding-bottom: 13px; }
    .form-checkout-register .form-label { display: block; float: none; width: auto; padding: 0; padding-bottom: 2px; }
    .form-checkout-register .form-foot { width: auto; padding: 0; }
    .form-checkout-register .forgot-password { padding-bottom: 2px; }
    .form-checkout-register .form-controls { float: none; }
    .form-checkout-register .field { width: 100%; }
    .form-checkout-register .form-notice { top: 22px; width: 150px; }
    .form-checkout .form-group ~ .form-group { padding-top: 40px; }
    .form-checkout .textarea { height: 118px; }
    .form-checkout .form-actions .btn { width: 100%; }
    .form-checkout .form-hint { padding-top: 22px; }
    
    .form-checkout .form-col-1of2,
    .form-checkout .form-col-1of2 ~ .form-col-1of2 { float: none; width: auto;  }
    .form-checkout .form-col-1of2 ~ .form-col-1of2 { padding-top: 30px; }
    
    .form-checkout .form-row .form-col-1of2 { float: left; width: 49%; }
    .form-checkout .form-row .form-col-1of2 ~ .form-col-1of2 { float: right; width: 49%; padding-top: 0; }
    .form-checkout-items .form-col-1of2 ~ .form-col-1of2 { padding-top: 5px; }
    .form-checkout-items .form-col .form-hint { display: none; }
    
    .form-checkout .form-actions .btn ~ .btn { margin-top: 8px; }
    .form-checkout .link-cancel { display: none; }
    .form-checkout-inner { padding: 20px 0 0; border: 0; }
    /* ==========================================================================
        #Order Infos
    ========================================================================== */
    .step .order-infos { padding: 25px 0 0; border: none; }
    .step .order-infos .col-1of3,
    .step .order-infos .col-2of3 { float: none; width: auto; }
    .step .order-infos .row .col-1of3 { float:left; width: 50%; }
    .step .order-infos .row .col-1of3 { float:left; width: 50%; }
    .step .order-infos .row { padding-bottom: 50px; }
    .step .order-infos-alt .col-2of3,
    .step .order-infos-alt .col-1of3 { overflow: hidden; float: none; width: auto; }
    .step .order-infos-alt .col-2of3 { padding-bottom: 20px; }
    .step .order-infos-alt .col-2of3 .col-1of3 { float: left; width: 50%; }
    .step .order-infos-alt { margin-bottom: -50px; }
    
    .order-infos-head h5 { font-size: 11px; }
    /* ==========================================================================
        #Section Order
    ========================================================================== */
    .section-order { margin: 0 -20px; }
    .section-order .section-head { display: none; }
    
    .section-order .section-actions.mobile-only { padding: 20px 20px 0; margin: 0; }
    .section-order .section-actions .btn { width: 100%; height: 28px; padding: 0; line-height: 28px; text-decoration: none; font-size: 12px;  }
    .section-order .section-body.border-none { border: 0; }
    .section-order-final { padding-top: 31px; }
    .section-order-final .section-head { padding-bottom: 21px; }
    .section-order-final .order-infos-head { padding-bottom: 6px; }
    .section-order-final .order-info { padding-bottom: 21px; } 
    .section-order-final .order-infos { border-bottom: 1px solid #e7e6e8; } 
    .section-order-final .order-infos .col-size1 { overflow: hidden; float: none; width: auto; }
    .section-order-final .order-infos .col-size1 .order-info { float: left; width: 50%; }
    .section-order-final .order-infos .col-size2 { overflow: hidden; display: block; float: none; width: auto; }
    .section-order-final .order-infos .col-size3 { float: none; width: auto; }
    .section-order-final .cart-item-content { float: none; overflow: hidden; }
    .section-order-final .cart-item-meta { overflow: hidden; font-size: 12px; font-weight: bold; }
    .section-order-final .cart-item-meta .cart-item-quantity { float: left; width: auto; padding: 0; }
    .section-order-final .cart-item-price { float: right; padding: 0; }
    .section-order-final .table-cart .mobile-only { padding-top: 2px; }
    .section-order-final .table-foot-head { padding: 8px 18px; background: #e5e5e5; }
    .section-order-final .table-foot-head h5 { font-size: 12px; }
    .section-order-final .table-cart .table-body { padding-bottom: 0; }
    .section-order-final .table-cart .table-foot { margin: 0 -20px; border-top: 0; }
    .section-order-final .table-cart .total { padding-top: 15px; margin-left: auto; }
    /* ==========================================================================
        #Section Account
    ========================================================================== */
    .section-account { padding-top: 10px; }
    .section-account .col { float: none; width: auto; padding: 0 0 20px; }
    .section-account .col ~ .col { padding-top: 10px; border-top: 1px solid #e5e5e5; }
    .form-account { border: 0; padding: 0; }
    .form-account h4 { font-size: 20px; }
    .form-account .form-head { padding-bottom: 4px; }
    .form-account .btn { width: 100%; }
    .form-account .form-actions-alt { margin-top: 0; }
    .form-account .form-actions { padding-top: 13px; }
    .form-account .form-col-1of2 { float: none; width: auto; }
    .form-account .form-col-1of2 ~ .form-col-1of2 { float: none; }
    .form-account .form-controls .form-col-1of2 { float: left; width: 48%; }
    .form-account .form-controls .form-col-1of2 ~ .form-col-1of2 { float: right; }
    /* ==========================================================================
        #Section Profile
    ========================================================================== */
    .section-profile { padding: 15px 0 30px; }
    .section-profile .section-aside { float: none; width: auto; padding-bottom: 18px; border-bottom: 1px solid #e5e5e5; }
    .section-profile .section-content { padding-top: 17px; }
    .section-profile .section-content-head { padding-bottom: 10px; }
    .section-profile .section-content-alt { top: 0; padding-top: 0; }
    .section-profile .link-back { position: static; display: inline-block; margin: 20px 0; }
    .section-profile .btn { width: 100%;  padding: 2px 0 3px;}
    
    .personal-info-entry { padding-bottom: 17px; }
    .personal-info-entry dt { width: 140px; padding-bottom: 10px; }
    .form-profile .form-group { padding-right: 0; }
    .form-profile .field { height: 33px; }
    .form-profile .field ~ .field { margin-top: 4px; }
    .form-profile .textarea { height: 137px; }
    .form-profile .chosen-container { font-size: 12px; }
    .form-profile .chosen-container .chosen-results li { font-size: 12px; }
    .form-profile .chosen-container-single .chosen-single { height: 33px; padding-top: 7px; }
    .form-profile .chosen-container-single .chosen-single div { height: 33px; width: 30px; }
    .form-profile .form-actions { padding-top: 0; }
    .form-profile .link-cancel { display: block; width: 100%; padding: 2px 0 3px; margin: 10px 0 0; background: #000; color: #fff; text-align: center; }
    .form-profile .form-col ~ .form-col { padding-left: 8px; }
    .form-profile .form-col-size1 { width: 124px; }
    .form-profile .form-col-size2 { width: 63px; }
    .form-profile .form-col-size3 { width: 77px; }
    .form-profile-alt .form-col,
    .form-profile-alt .form-col ~ .form-col { float: none; padding: 0; }
    .form-profile .form-col-1of3,
    .form-profile .form-col-2of3 { width: auto; }
    .form-profile-alt .form-col-1of2 { float: left; }
    .form-profile-alt .form-col-1of2 ~ .form-col-1of2 { float: right; }
    .form-profile-alt .form-hint { padding: 5px 0 0; }
    
    .credit-card-info,
    .address-info { margin-top: 0; padding-top: 10px; }
    .credit-card-info-entry,
    .address-info-entry { padding-bottom: 10px; }
    .profile-edit .col { float: none; width: auto; }
    .profile-edit .col ~ .col { width: auto; padding: 20px 0 0; border: 0; margin: 0; }
    .order-history-entry { overflow: hidden; padding-bottom: 10px; }
    .order-history .col { width: 50%; }
    .order-history-entry dl { overflow: hidden; }
    .order-history-entry dt,
    .order-history-entry dd { float: left; }
    .order-history-entry dt { padding: 0 15px 0 0; clear: left; font-weight: bold; }
    .order-history ~ .order-history { padding-top: 13px; border-top: 1px solid #e5e5e5; }
    .order-history { padding-bottom: 20px; }
    .order-history-entry { }
    .section-profile .order-infos .col-inner { float: none; width: auto; overflow: hidden;  }
    
    .section-profile .cart-item-content { float: none; overflow: hidden; }
    .section-profile .cart-item-meta { overflow: hidden; font-size: 12px; font-weight: bold; }
    .section-profile .cart-item-meta .cart-item-quantity { float: left; width: auto; padding: 0; }
    .section-profile .cart-item-price { float: right; padding: 0; }
    .section-profile .table-cart .mobile-only { padding-top: 2px; }
    .section-profile .table-foot-head { padding: 8px 18px; background: #e5e5e5; }
    .section-profile .table-foot-head h5 { font-size: 12px; }
    .section-profile .table-cart .table-body { padding-bottom: 0; }
    .section-profile .table-cart .table-foot { margin: 20px -20px 0; }
    .section-profile .table-cart .total { padding-top: 15px; margin-left: auto; }
    /* ==========================================================================
        #Section About
    ========================================================================== */
    .section-about { padding: 33px 0 40px; }
    .section-about .section-content-head { padding-bottom: 25px; }
    .section-about .section-aside { display: none; }
    .section-about dl { overflow: hidden; font-weight: bold; }
    .section-about dt,
    .section-about dd { float: none; }
    .section-about dt { width: auto; }
    .section-about dl span { font-weight: normal; }
    .section-about a { font-weight: normal; }
    /* ==========================================================================
        #Section Press
    ========================================================================== */
    .section-press { padding-left: 0; }
    .press-items { margin: 0; }
    .press-item { float: none; padding-right: 0; }
    /* ==========================================================================
        #Section Stores
    ========================================================================== */
    .section-stores { padding-bottom: 30px; }
    .section-stores .section-body { padding: 0; }
    .section-stores .section-bar .form-location { text-align: left; }
    .section-stores .section-foot { padding: 15px 0 0; }
    
    .store { padding: 12px 0 20px; border-color: #e5e5e5; }
    .store .col-size1 { width: auto; float: none; }
    .store .col-size2 { display: block; width: auto; float: none; }
    .store-head { padding: 0 0 20px; }
    .store-title { font-size: 20px; }
    .store-image { position: static; width: 280px; height: 280px; margin: 0 auto; padding-bottom: 10px; }
    .store-entry { padding: 0 0 22px; }
    .store-actions { position: absolute; top: 15px; right: 0; }
    .store-actions .link-more { letter-spacing: 0; }
    .store-contacts { position: relative; min-height: 5px; padding: 14px 17px 18px; background: #f4acc0; }
    .store-contacts:after { position: absolute; top: 10px; right: 11px; width: 14px; height: 14px; background: url(images/toggle-icons.png) 0 0 no-repeat; content: ''; }
    .store-contacts p + p { padding-top: 5px; }
    .store-contacts .toggle { position: absolute; top: 0; left: 0; display: block; width: 100%; padding: 9px 0 5px 11px; }
    .store-contacts-entry { display: none; }
    .store-contacts.expanded:after { background-position: 0 -16px; }
    .store-contacts.expanded .toggle { display: none; }
    .form-location label { display: block; padding-bottom: 4px; }
    .location-field { width: 92%; margin: 0; }
    .stores-secondary { padding-top: 30px; }
    .stores-secondary .col { float: none; width: auto; }
    .list-stores li { padding-bottom: 10px; }
    .list-stores h5,
    .list-stores p { font-size: 12px; }
    
    .section-stores-secondary { padding: 20px 0 0; }
    .section-stores-secondary  .section-head { display: none; }
    .section-stores-secondary .slider-store { display: none; }
    .section-stores-secondary .cols { padding-bottom: 0; }
    .section-stores-secondary .col-1of3,
    .section-stores-secondary .col-2of3,
    .section-stores-secondary .col-1of2 { float: none; width: auto; padding-bottom: 20px; }
    .store-single .store-entry { padding-bottom: 10px; }
    .store-single .store-image { height: auto; }
    .store-single .store-image img { height: auto; }
    .store-single .store-contacts { padding: 0; background: transparent; }
    .store-single .store-contacts:after { display: none; }
    .store-single .store-actions { position: static; }
    /* ==========================================================================
        #Article
    ========================================================================== */
    .article-title { padding-bottom: 10px; font-size: 22px; }
    .article-image { padding-bottom: 15px; }
    
    .article-single { overflow: visible; }
    .article-single .article-image { float: none; width: auto; margin: 0 -20px; }
    .article-single .article-content { float: none; width: auto; padding-top: 0; }
    .article-single .article-title { display: none; }
    
    .article-tertiary .article-head { margin-bottom: 50px; }
    .article-tertiary .article-image .col-1of2 { float: none; width: auto; }
    .article-tertiary .article-image .col-1of4 { width: 50%; }
    .article-tertiary .article-image .col-1of2 ~ .col-1of2 { display: none; }
    .article-tertiary .article-image { margin: 0 -20px; }
    .article-tertiary .article-entry { width: auto; }
    .article-tertiary .cols.clearfix { overflow: visible; }
    .article-tertiary .article-body .cols { padding-bottom: 15px; }
    .article-tertiary .article-body .col { float: none; width: auto; padding-top: 0; }
    .article-tertiary .article-body .col ~ .col { float: none; padding-top: 0; margin: 0 -21px; }
    .article-tertiary .article-body .col .article-entry { width: auto; padding: 0 25px 15px; }
    
    .packages h4 { display: none; }
    .list-packages > li { border: 0; border-top: 2px solid #e5e5e5; padding: 13px 20px 10px; }
    .list-packages > li + li { margin-top: 0; }
    .section-world { padding-top: 0; }
    /* ==========================================================================
        #Section Related
    ========================================================================== */
    .section-related .section-head { width: auto; margin: 0 -20px; }
    .section-related .articles { margin: 0 -20px; }
    .section-related .article { width: auto; padding: 0 20px; }
    .section-related .article ~ .article { padding-left: 20px; padding-top: 15px; border-top: 2px solid #e5e5e5; }
    /* ==========================================================================
        #Section Parties
    ========================================================================== */
    .section-parties { padding-bottom: 20px; }
    .section-parties .article-single { padding-bottom: 10px; }
    .section-parties .article { float: none; width: auto; margin-bottom: 0; }
    .section-parties .article .article-entry { display: none; }
    /* ==========================================================================
        #Section Events
    ========================================================================== */
    .section-events-secondary .article-single .article-image { float: none; width: auto; }
    .section-events-secondary .events { width: auto; margin: 0 auto; }
    .section-events-secondary .events-content { width: auto; }
    
    .events { padding: 10px 0 20px; }
    .events h5 { padding-bottom: 13px; }
    .events-filter,
    .events-content { float: none; width: auto; }
    .events-content h5 { padding-bottom: 3px; font-size: 18px; }
    .events-filter ul { display: none; }
    .events-filter .mobile-only { display: block; overflow: hidden; }
    .events-filter li { float: left; width: 25%; }
    
    .table-events h6 { font-size: 12px; }
    .table-events h6.mobile-only { padding-top: 12px; font-size: 10px; }
    .table-events td { padding-right: 0; }
    .table-events td:first-child { width: 150px; }
    .table-events td:first-child + td { width: auto; text-align: right; }
    .table-events td:first-child + td + td,
    .table-events td:first-child + td + td + td { display: none; }
    /* ==========================================================================
        #Slider Quotes
    ========================================================================== */
    .slider-quotes { margin: -20px; padding: 20px 0 40px; }
    .slider-quotes .slide-image { text-align: center; }
    .slider-quotes .slide-image img { height: auto; width: auto; }
    .slider-quotes .slide-content { width: 250px; height: 250px; margin: -125px 0 0 -125px; }
    .slider-quotes .quote { width: 250px; height: 250px; }
    .slider-quotes .quote-entry  { padding: 40px 20px 30px; font-size: 20px; }
    /* ==========================================================================
        #Services
    ========================================================================== */
    .services { margin: 0 -20px; }
    .service { float: none; width: 320px; height: auto; margin: 0 auto 20px; }
    .service-image img { width: 100%; height: auto; }
    
    .service-content { display: block; padding-top: 85px; }
    .service-title { font-size: 30px; }
    /* ==========================================================================
        #Recipe
    ========================================================================== */
    .section-recipe .col,
    .section-recipe .col ~ .col { float: none; width: auto; }
    .section-recipe .col ~ .col { display: none; }
    .section-recipe .cols { overflow: visible; }
    
    .recipe-head { border-bottom: 0; }
    .recipe-image { margin: 0 -20px; }
    .recipe-head p { font-size: 12px; padding: 0 0 20px; }
    .section-shopping-list .other .category-item { width: auto; }
    .section-shopping-list .form-quickview { position: static; padding: 15px 0 0; display: block!important; box-shadow: none; }
    .section-shopping-list .form-quickview .btn { font-size: 12px; height: 24px; }
    .section-shopping-list .category-item p { font-size: 12px; }
    
    .form-filter .selecter { font-weight: bold; text-transform: uppercase; }
    .form-filter .selecter .selecter-options,
    .form-filter .selecter .selecter-selected { border: 0; }
    
    /* ================================================================ *\
    	#Section Candy Barn
    \* ================================================================ */
    .section-candy-barn .btn-donate { width: 320px; font-size: 15px; }
    .section-related.section-related-monthly .articles { margin: 0 20px; }
}