diff --git a/packages/Webkul/Checkout/src/Database/Migrations/2018_09_05_150444_create_cart_table.php b/packages/Webkul/Checkout/src/Database/Migrations/2018_09_05_150444_create_cart_table.php
index c11b69d97..b142835c8 100644
--- a/packages/Webkul/Checkout/src/Database/Migrations/2018_09_05_150444_create_cart_table.php
+++ b/packages/Webkul/Checkout/src/Database/Migrations/2018_09_05_150444_create_cart_table.php
@@ -16,9 +16,9 @@ class CreateCartTable extends Migration
         Schema::create('cart', function (Blueprint $table) {
             $table->increments('id');
             $table->integer('customer_id')->unsigned()->nullable();
-            $table->foreign('customer_id')->references('id')->on('customers');
+            $table->foreign('customer_id')->references('id')->on('customers')->onDelete('cascade');
             $table->integer('channel_id')->unsigned();
-            $table->foreign('channel_id')->references('id')->on('channels');
+            $table->foreign('channel_id')->references('id')->on('channels')->onDelete('cascade');
             $table->string('shipping_method')->nullable();
             $table->string('coupon_code')->nullable();
             $table->boolean('is_gift')->default(0);
diff --git a/packages/Webkul/Checkout/src/Database/Migrations/2018_09_05_150915_create_cart_items_table.php b/packages/Webkul/Checkout/src/Database/Migrations/2018_09_05_150915_create_cart_items_table.php
index 99ab8d31c..0c106ef06 100644
--- a/packages/Webkul/Checkout/src/Database/Migrations/2018_09_05_150915_create_cart_items_table.php
+++ b/packages/Webkul/Checkout/src/Database/Migrations/2018_09_05_150915_create_cart_items_table.php
@@ -19,7 +19,7 @@ class CreateCartItemsTable extends Migration
             $table->foreign('product_id')->references('id')->on('products');
             $table->integer('quantity')->unsigned()->default(1);
             $table->integer('cart_id')->unsigned();
-            $table->foreign('cart_id')->references('id')->on('cart');
+            $table->foreign('cart_id')->references('id')->on('cart')->onDelete('cascade');
             $table->string('sku')->nullable();
             $table->string('type')->nullable();
             $table->string('name')->nullable();
diff --git a/packages/Webkul/Checkout/src/Database/Migrations/2018_09_19_092845_create_cart_address.php b/packages/Webkul/Checkout/src/Database/Migrations/2018_09_19_092845_create_cart_address.php
index 2148ccf8f..1e5f9f6c6 100644
--- a/packages/Webkul/Checkout/src/Database/Migrations/2018_09_19_092845_create_cart_address.php
+++ b/packages/Webkul/Checkout/src/Database/Migrations/2018_09_19_092845_create_cart_address.php
@@ -27,7 +27,7 @@ class CreateCartAddress extends Migration
             $table->string('phone');
             $table->string('address_type');
             $table->integer('cart_id')->nullable()->unsigned();
-            $table->foreign('cart_id')->references('id')->on('cart');
+            $table->foreign('cart_id')->references('id')->on('cart')->onDelete('cascade');
             $table->integer('customer_id')->nullable()->unsigned();
             $table->foreign('customer_id')->references('id')->on('customers');
             $table->timestamps();
diff --git a/packages/Webkul/Customer/src/Database/migrations/2018_07_24_082930_create_customers_table.php b/packages/Webkul/Customer/src/Database/migrations/2018_07_24_082930_create_customers_table.php
index bd5ea3ebb..e5ad82a69 100644
--- a/packages/Webkul/Customer/src/Database/migrations/2018_07_24_082930_create_customers_table.php
+++ b/packages/Webkul/Customer/src/Database/migrations/2018_07_24_082930_create_customers_table.php
@@ -15,6 +15,8 @@ class CreateCustomersTable extends Migration
     {
         Schema::create('customers', function (Blueprint $table) {
             $table->increments('id');
+            $table->integer('channel_id')->unsigned();
+            $table->foreign('channel_id')->references('id')->on('channels');
             $table->string('first_name');
             $table->string('last_name');
             $table->enum('gender', ['Male', 'Female']);
diff --git a/packages/Webkul/Customer/src/Database/migrations/2018_07_24_083025_create_customer_addresses_table.php b/packages/Webkul/Customer/src/Database/migrations/2018_07_24_083025_create_customer_addresses_table.php
index 5d68a3249..dd9676769 100644
--- a/packages/Webkul/Customer/src/Database/migrations/2018_07_24_083025_create_customer_addresses_table.php
+++ b/packages/Webkul/Customer/src/Database/migrations/2018_07_24_083025_create_customer_addresses_table.php
@@ -16,7 +16,7 @@ class CreateCustomerAddressesTable extends Migration
         Schema::create('customer_addresses', function (Blueprint $table) {
             $table->increments('id');
             $table->integer('customer_id')->unsigned();
-            $table->foreign('customer_id')->references('id')->on('customers');
+            $table->foreign('customer_id')->references('id')->on('customers')->onDelete('cascade');
             $table->string('address1');
             $table->string('address2')->nullable();
             $table->string('country');
diff --git a/packages/Webkul/Customer/src/Database/migrations/2018_10_03_025230_create_wishlist_table.php b/packages/Webkul/Customer/src/Database/migrations/2018_10_03_025230_create_wishlist_table.php
new file mode 100644
index 000000000..08f8adae4
--- /dev/null
+++ b/packages/Webkul/Customer/src/Database/migrations/2018_10_03_025230_create_wishlist_table.php
@@ -0,0 +1,41 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateWishlistTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('wishlist', function (Blueprint $table) {
+            $table->increments('id');
+            $table->integer('channel_id')->unsigned();
+            $table->foreign('channel_id')->references('id')->on('channels');
+            $table->integer('product_id')->unsigned();
+            $table->foreign('product_id')->references('id')->on('products');
+            $table->integer('customer_id')->unsigned();
+            $table->foreign('customer_id')->references('id')->on('customers')->onDelete('cascade');
+            $table->json('item_options')->nullable();
+            $table->date('moved_to_cart')->nullable();
+            $table->boolean('shared')->nullable();
+            $table->date('time_of_moving');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('wishlist');
+    }
+}
diff --git a/packages/Webkul/Shop/src/Providers/ComposerServiceProvider.php b/packages/Webkul/Shop/src/Providers/ComposerServiceProvider.php
index 1fb2ebf9d..b60018b7a 100644
--- a/packages/Webkul/Shop/src/Providers/ComposerServiceProvider.php
+++ b/packages/Webkul/Shop/src/Providers/ComposerServiceProvider.php
@@ -17,7 +17,7 @@ class ComposerServiceProvider extends ServiceProvider
     public function boot()
     {
         //using the class based composers...
-        View::composer(['shop::layouts.header.index', 'shop::layouts.footer'], 'Webkul\Shop\Http\ViewComposers\Categories\CategoryComposer');
+        View::composer(['shop::layouts.header.index', 'shop::layouts.footer.footer'], 'Webkul\Shop\Http\ViewComposers\Categories\CategoryComposer');
     }
 
     /**
diff --git a/packages/Webkul/Shop/src/Resources/assets/js/components/cart-dropdown.vue b/packages/Webkul/Shop/src/Resources/assets/js/components/cart-dropdown.vue
index d9f8b74ba..722dbb6fd 100644
--- a/packages/Webkul/Shop/src/Resources/assets/js/components/cart-dropdown.vue
+++ b/packages/Webkul/Shop/src/Resources/assets/js/components/cart-dropdown.vue
@@ -89,94 +89,4 @@ export default {
         }
     }
 }
-</script>
-<style>
-    .show {
-        display: none;
-    }
-
-    .dropdown-cart {
-        position: absolute;
-        background: #FFFFFF;
-        border: 1px solid #E8E8E8;
-        box-shadow: 1px 3px 6px 0 rgba(0,0,0,0.40);
-        color: #242424;
-        padding: 20px;
-        border-radius: 1px;
-        right: 10%;
-        top: 75px;
-        width: 387px;
-        z-index: 5;
-    }
-    .dropdown-cart > .dropdown-header {
-        width: 100%;
-    }
-
-    .dropdown-cart > .dropdown-header p{
-        display: inline;
-        line-height: 25px;
-    }
-
-    .dropdown-cart > .dropdown-header i{
-        cursor: pointer;
-        float: right;
-        height: 22px;
-        width: 22px;
-    }
-
-    .dropdown-cart > .dropdown-header p.heading {
-        font-weight: lighter;
-    }
-
-    .dropdown-content {
-        padding-top: 10px;
-        padding-bottom: 10px;
-        margin-top: 7px;
-    }
-
-    .dropdown-content .item{
-        display: flex;
-        flex-direction: row;
-        border-bottom: 1px solid #E8E8E8;
-        padding-top: 9px;
-        padding-bottom: 9px;
-    }
-
-    .dropdown-content .item img{
-        height: 75px;
-        width: 75px;
-        margin-right: 8px;
-    }
-
-    .dropdown-content .item-details{
-        height: 75px;
-    }
-
-    .item-details .item-name {
-        font-size: 16px;
-        font-weight: bold;
-        margin-bottom: 9px;
-    }
-
-    .item-details .item-price {
-        margin-bottom: 9px;
-    }
-
-    .item-details .item-qty {
-        font-weight: lighter;
-        margin-bottom: 9px;
-    }
-
-    .dropdown-footer {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-        margin-top: 4px;
-    }
-
-    .dropdown-footer button {
-        border-radius: 0px;
-    }
-
-</style>
\ No newline at end of file
+</script>
\ No newline at end of file
diff --git a/packages/Webkul/Shop/src/Resources/assets/sass/app.scss b/packages/Webkul/Shop/src/Resources/assets/sass/app.scss
index 164fbb766..f58c79e05 100644
--- a/packages/Webkul/Shop/src/Resources/assets/sass/app.scss
+++ b/packages/Webkul/Shop/src/Resources/assets/sass/app.scss
@@ -257,6 +257,7 @@ section.slider-block {
             flex-direction: row;
             justify-content: flex-end;
             align-items: center;
+            cursor: pointer;
 
             ul.account-dropdown-container {
                 float: right;
@@ -288,55 +289,129 @@ section.slider-block {
                 }
             }
 
-            ul.cart-dropdown {
+            ul.cart-dropdown-container {
                 float: right;
+                margin-left: 10px;
 
-                li.cart-summary {
+                li.cart-dropdown {
                     display: flex;
                     flex-direction: row;
-                    margin-left: 14px;
+                    justify-content: center;
+                    align-items: center;
 
                     .cart-icon {
-                        margin: 0;
+                        margin-right: 8px;
                         height: 24px;
                         width: 24px;
-                        margin-right: 8px;
-                    }
-                    .cart {
-                        padding-top: 3px;
-                        padding-right: 5px;
-
-                        .cart-count {
-                            color: $brand-color;
-                            padding-right: 3px;
-                        }
                     }
 
                     .icon.arrow-down-icon {
                         margin-top: 10px;
                     }
+
+                    .dropdown-list {
+                        width: 387px;
+                    }
+
+                    .dropdown-list .dropdown-container {
+                        padding: 10px 18px 10px 18px;
+                        max-height: 410px;
+                        overflow-y: auto;
+
+                        .dropdown-cart {
+                            color: #242424;
+                        }
+                        .dropdown-cart > .dropdown-header {
+                            width: 100%;
+                        }
+
+                        .dropdown-cart > .dropdown-header p{
+                            display: inline;
+                            line-height: 25px;
+                        }
+
+                        .dropdown-cart > .dropdown-header i{
+                            cursor: pointer;
+                            float: right;
+                            height: 22px;
+                            width: 22px;
+                        }
+
+                        .dropdown-cart > .dropdown-header p.heading {
+                            font-weight: lighter;
+                        }
+
+                        .dropdown-content {
+                            padding-top: 8px;
+                            padding-bottom: 10px;
+                        }
+
+                        .dropdown-content .item{
+                            display: flex;
+                            flex-direction: row;
+                            border-bottom: 1px solid #E8E8E8;
+                            padding-top: 8px;
+                            padding-bottom: 8px;
+                        }
+
+                        .dropdown-content .item img{
+                            height: 75px;
+                            width: 75px;
+                            margin-right: 8px;
+                        }
+
+                        .dropdown-content .item-details{
+                            height: 75px;
+                        }
+
+                        .item-details .item-name {
+                            font-size: 16px;
+                            font-weight: bold;
+                            margin-bottom: 8px;
+                        }
+
+                        .item-details .item-price {
+                            margin-bottom: 8px;
+                        }
+
+                        .item-details .item-qty {
+                            font-weight: lighter;
+                            margin-bottom: 8px;
+                        }
+
+                        .dropdown-footer {
+                            display: flex;
+                            flex-direction: row;
+                            justify-content: space-between;
+                            align-items: center;
+                            margin-bottom: 8px;
+                        }
+
+                        .dropdown-footer button {
+                            border-radius: 0px;
+                            width: 130px;
+                        }
+                    }
                 }
             }
         }
-
-        .right-responsive {
+        ul.right-responsive {
             display: none;
 
-            ul.right-wrapper {
-                display: flex;
-                flex-direction: row;
-                justify-content: flex-end;
-                align-items: center;
+            li {
+                margin-right : 5px;
+            }
 
-                li:not(:last-child) {
-                    margin-right: 7px;
+            li:last-child {
+                margin-right: 0px;
+            }
 
-                    span.icon {
-                        margin: 0;
-                        height: 24px;
-                        width: 24px;
-                    }
-                }
+            ul {
+                margin-right : 5px;
+            }
+
+            ul:last-child {
+                margin-right: 0px;
             }
         }
     }
@@ -460,6 +535,29 @@ section.slider-block {
     }
 }
 
+@media all and (max-width: 720px) {
+    .header-bottom {
+        display: none !important;
+    }
+
+    ul.search-container {
+        display: none !important;
+    }
+
+    ul.account-dropdown-container {
+        display: none !important;
+    }
+
+    ul.cart-dropdown-container {
+        display: none !important;
+    }
+
+    ul.right-responsive {
+        display: flex !important;
+    }
+
+}
+
 //footer responsive with out media query.
 .footer {
     background-color: #f2f2f2;
diff --git a/packages/Webkul/Shop/src/Resources/assets/sass/components.scss b/packages/Webkul/Shop/src/Resources/assets/sass/components.scss
index 9fbf6fcb5..51c40e05e 100644
--- a/packages/Webkul/Shop/src/Resources/assets/sass/components.scss
+++ b/packages/Webkul/Shop/src/Resources/assets/sass/components.scss
@@ -58,33 +58,19 @@
         }
     }
 
-    .product-description {
-        margin-bottom: 14px;
-        display: none;
-    }
-
     .product-ratings {
         width: 100%;
-        margin-bottom: 14px;
 
         .icon {
             width: 16px;
             height: 16px;
         }
-
-        .total-reviews {
-            display: none;
-        }
     }
 
     .cart-fav-seg {
         display: inline-flex;
-        width: 100%;
-        align-items: center;
-        justify-content: space-between;
 
         .addtocart {
-            border-radius: 0px;
             margin-right: 10px;
             text-transform: uppercase;
             white-space: nowrap;
diff --git a/packages/Webkul/Shop/src/Resources/views/checkout/cart.blade.php b/packages/Webkul/Shop/src/Resources/views/checkout/cart.blade.php
deleted file mode 100644
index e69de29bb..000000000
diff --git a/packages/Webkul/Shop/src/Resources/views/checkout/cart/index.blade.php b/packages/Webkul/Shop/src/Resources/views/checkout/cart/index.blade.php
index d1b9239d9..18ae5c9e1 100644
--- a/packages/Webkul/Shop/src/Resources/views/checkout/cart/index.blade.php
+++ b/packages/Webkul/Shop/src/Resources/views/checkout/cart/index.blade.php
@@ -49,11 +49,11 @@
                                         @if ($product->type == 'configurable')
 
                                             <div class="summary">
-                                                @foreach (cart::getItemAttributeOptionDetails($item) as $key => $option)
+                                                {{-- @foreach (cart::getItemAttributeOptionDetails($item) as $key => $option)
 
                                                     {{ (!$key ? '' : ' , ') . $option['attribute_name'] . ' : ' . $option['option_label'] }}
 
-                                                @endforeach
+                                                @endforeach --}}
                                             </div>
                                         @endif
 
diff --git a/packages/Webkul/Shop/src/Resources/views/home/featured-products.blade.php b/packages/Webkul/Shop/src/Resources/views/home/featured-products.blade.php
index 9e7815d0c..09f2262e6 100644
--- a/packages/Webkul/Shop/src/Resources/views/home/featured-products.blade.php
+++ b/packages/Webkul/Shop/src/Resources/views/home/featured-products.blade.php
@@ -5,6 +5,7 @@
     </div>
 
     <div class="featured-grid product-grid-4">
+        @for($i=0; $i<4; $i++)
         <div class="product-card">
             <div class="product-image">
                 <img src="vendor/webkul/shop/assets/images/grid.png" />
@@ -15,7 +16,7 @@
             <div class="product-price">
                 <span>$65.00</span>
             </div>
-            <div class="product-ratings">
+            <div class="product-ratings mb-10">
                 <span>
                     <img src="vendor/webkul/shop/assets/images/5star.svg" />
                 </span>
@@ -25,65 +26,6 @@
                 <span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
             </div>
         </div>
-        <div class="product-card">
-            <div class="product-image">
-                <img src="vendor/webkul/shop/assets/images/gogs.png" />
-            </div>
-            <div class="product-name">
-                <span>Red Black Tees</span>
-            </div>
-            <div class="product-price">
-                <span>$65.00</span>
-            </div>
-            <div class="product-ratings">
-                <span>
-                        <img src="vendor/webkul/shop/assets/images/5star.svg" />
-                    </span>
-            </div>
-            <div class="cart-fav-seg">
-                <button class="btn btn-md btn-primary addtocart">Add to Cart</button>
-                <span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
-            </div>
-        </div>
-        <div class="product-card">
-            <div class="product-image">
-                <img src="vendor/webkul/shop/assets/images/grid.png" />
-            </div>
-            <div class="product-name">
-                <span>Red Black Tees</span>
-            </div>
-            <div class="product-price">
-                <span>$65.00</span>
-            </div>
-            <div class="product-ratings">
-                <span>
-                        <img src="vendor/webkul/shop/assets/images/5star.svg" />
-                    </span>
-            </div>
-            <div class="cart-fav-seg">
-                <button class="btn btn-md btn-primary addtocart">Add to Cart</button>
-                <span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
-            </div>
-        </div>
-        <div class="product-card">
-            <div class="product-image">
-                <img src="vendor/webkul/shop/assets/images/gogs.png" />
-            </div>
-            <div class="product-name">
-                <span>Red Black Tees</span>
-            </div>
-            <div class="product-price">
-                <span>$65.00</span>
-            </div>
-            <div class="product-ratings">
-                <span>
-                        <img src="vendor/webkul/shop/assets/images/5star.svg" />
-                    </span>
-            </div>
-            <div class="cart-fav-seg">
-                <button class="btn btn-md btn-primary addtocart">Add to Cart</button>
-                <span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
-            </div>
-        </div>
+        @endfor
     </div>
 </section>
diff --git a/packages/Webkul/Shop/src/Resources/views/home/new-products.blade.php b/packages/Webkul/Shop/src/Resources/views/home/new-products.blade.php
index 9b6eadc15..bd1d00ef2 100644
--- a/packages/Webkul/Shop/src/Resources/views/home/new-products.blade.php
+++ b/packages/Webkul/Shop/src/Resources/views/home/new-products.blade.php
@@ -15,7 +15,7 @@
             <div class="product-price">
                 <span>$65.00</span>
             </div>
-            <div class="product-ratings">
+            <div class="product-ratings mb-10">
                 <span>
                     <img src="vendor/webkul/shop/assets/images/5star.svg" />
                 </span>
@@ -36,7 +36,7 @@
             <div class="product-price">
                 <span>$65.00</span>
             </div>
-            <div class="product-ratings">
+            <div class="product-ratings mb-10">
                 <span>
                         <img src="vendor/webkul/shop/assets/images/5star.svg" />
                     </span>
@@ -57,7 +57,7 @@
             <div class="product-price">
                 <span>$65.00</span>
             </div>
-            <div class="product-ratings">
+            <div class="product-ratings mb-10">
                 <span>
                         <img src="vendor/webkul/shop/assets/images/5star.svg" />
                     </span>
@@ -78,7 +78,7 @@
             <div class="product-price">
                 <span>$65.00</span>
             </div>
-            <div class="product-ratings">
+            <div class="product-ratings mb-10">
                 <span>
                         <img src="vendor/webkul/shop/assets/images/5star.svg" />
                     </span>
diff --git a/packages/Webkul/Shop/src/Resources/views/layouts/foo.blade.php b/packages/Webkul/Shop/src/Resources/views/layouts/foo.blade.php
deleted file mode 100644
index 2bbfc9980..000000000
--- a/packages/Webkul/Shop/src/Resources/views/layouts/foo.blade.php
+++ /dev/null
@@ -1,66 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Foo</title>
-    <style>
-        .container {
-            box-sizing: border-box;
-            max-width: 50%;
-            border: 1px solid green;
-            height: 95vh;
-        }
-
-        .last-grid {
-            display: grid;
-            grid-template-columns: repeat(2, minmax(47.5%, 1fr));
-            grid-gap: 5%;
-        }
-
-        .block1 {
-            display: block;
-            box-sizing: border-box;
-            background: pink;
-            height: 95vh;
-        }
-
-        .block2 {
-            display: block;
-            box-sizing: border-box;
-            /* background: red; */
-            height: 95vh;
-            display: grid;
-            grid-template-rows: 47.5% 47.5%;
-            grid-row-gap: 5%;
-        }
-
-        .sub-block1 {
-            display: block;
-            box-sizing: border-box;
-            background: green;
-        }
-
-        .sub-block2 {
-            display: block;
-            box-sizing: border-box;
-            background: paleturquoise;
-        }
-    </style>
-</head>
-
-<body>
-    <div class="container">
-        <div class="last-grid">
-            <div class="block1"></div>
-            <div class="block2">
-                <div class="sub-block1"></div>
-                <div class="sub-block2"></div>
-            </div>
-        </div>
-    </div>
-</body>
-
-</html>
diff --git a/packages/Webkul/Shop/src/Resources/views/layouts/footer.blade.php b/packages/Webkul/Shop/src/Resources/views/layouts/footer/footer.blade.php
similarity index 100%
rename from packages/Webkul/Shop/src/Resources/views/layouts/footer.blade.php
rename to packages/Webkul/Shop/src/Resources/views/layouts/footer/footer.blade.php
diff --git a/packages/Webkul/Shop/src/Resources/views/layouts/footer/index.blade.php b/packages/Webkul/Shop/src/Resources/views/layouts/footer/index.blade.php
deleted file mode 100644
index 61d8369ed..000000000
--- a/packages/Webkul/Shop/src/Resources/views/layouts/footer/index.blade.php
+++ /dev/null
@@ -1,47 +0,0 @@
-<div class="footer">
-    <div class="footer-content">
-        <div class="footer-list-container">
-            <div class="list-container">
-                <span class="list-heading">Categories</span>
-                <ul class="list-group">
-                    <li>MEN</li>
-                    <li>Women</li>
-                    <li>Kids</li>
-                    <li>Accessories</li>
-                    <li>Home & Living</li>
-                </ul>
-            </div>
-            <div class="list-container">
-                <span class="list-heading">Quick Links</span>
-                <ul class="list-group">
-                    <li>About Us</li>
-                    <li>Return Policy</li>
-                    <li>Refund Policy</li>
-                    <li>Terms and conditions</li>
-                    <li>Terms of Use</li>
-                    <li>Contact Us</li>
-                </ul>
-            </div>
-            <div class="list-container">
-                <span class="list-heading">Connect With Us</span>
-                <ul class="list-group">
-                    <li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>Facebook</li>
-                    <li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>Twitter</li>
-                    <li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>Instagram</li>
-                    <li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>Google+</li>
-                    <li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>LinkedIn</li>
-
-                </ul>
-            </div>
-            <div class="list-container">
-                <span class="list-heading">Subscribe Newsletter</span>
-                <div class="form-container">
-                    <div class="control-group">
-                        <input type="text" class="control subscribe-field" placeholder="Email Address"><br/>
-                        <button class="btn btn-md btn-primary">Subscribe</button>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php b/packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php
index 039e5b528..6eb2ab651 100644
--- a/packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php
+++ b/packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php
@@ -23,13 +23,6 @@
 
         <div class="right-content">
 
-            {{-- Triggered on responsive mode only --}}
-            <ul class="search-dropdown-container">
-                <li class="search-dropdown">
-
-                </li>
-            </ul>
-
             <ul class="account-dropdown-container">
 
                 <li class="account-dropdown">
@@ -86,67 +79,180 @@
 
                         </div>
                     @endauth
-
                 </li>
+            </ul>
+            <ul class="cart-dropdown-container">
 
+                <li class="cart-dropdown">
+                    <span class="icon cart-icon"></span>
+                    @if(isset($cart))
+                    @php
+                        $cartInstance = session()->get('cart');
+                    @endphp
+                    <div class="dropdown-toggle">
+
+                        <div style="display: inline-block; cursor: pointer;">
+                            <span class="name"><span class="count">  {{$cartInstance->items_count}} Products</span>
+                        </div>
+
+                        <i class="icon arrow-down-icon active"></i>
+
+                    </div>
+
+                    <div class="dropdown-list" style="display: none; top: 50px; right: 0px">
+                        <div class="dropdown-container">
+                            <div class="dropdown-cart">
+                                <div class="dropdown-header">
+                                    <p class="heading">Cart Subtotal - {{ $cartInstance->sub_total }}</p>
+                                </div>
+
+                                <div class="dropdown-content">
+                                    @foreach($cart as $product)
+                                    <div class="item" >
+                                        <div class="item-image" >
+                                            <img src="{{$product['2']}}" />
+                                        </div>
+                                        <div class="item-details">
+                                            <div class="item-name">{{$product['0']}}</div>
+                                            <div class="item-price">{{$product['1']}}</div>
+                                            <div class="item-qty">Quantity - {{$product['3']}}</div>
+                                        </div>
+                                    </div>
+                                    @endforeach
+                                </div>
+
+                                <div class="dropdown-footer">
+                                    <a href="{{ route('shop.checkout.cart.index') }}">View Shopping Cart</a>
+                                    <button class="btn btn-primary btn-lg">CHECKOUT</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    @else
+                    <div class="dropdown-toggle">
+                        <div style="display: inline-block; cursor: pointer;">
+                            <span class="name"><span class="count"> 0 &nbsp;</span>Products</span>
+                        </div>
+                    </div>
+                    @endif
+                </li>
             </ul>
 
-            @if(isset($cart))
-                <cart-dropdown :items='@json($cart)'></cart-dropdown>
-            @else
-                <ul class="cart-dropdown">
-                    <li class="cart-summary">
-                        <span class="icon cart-icon"></span>
+            <ul class="right-responsive">
+                <li class="search-box"><span class="icon search-icon" id="search"></span></li>
+                <ul class="resp-account-dropdown-container">
 
-                        <span class="cart"><span class="cart-count">0</span>Products</span>
+                    <li class="account-dropdown">
 
-                        <span class="icon arrow-down-icon"></span>
+                        <div class="dropdown-toggle">
+
+                            <span class="icon account-icon"></span>
+
+                            {{-- <div style="display: inline-block; cursor: pointer;">
+                                <span class="name">Account</span>
+                            </div>
+
+                            <i class="icon arrow-down-icon active"></i> --}}
+
+                        </div>
+
+                        @guest
+                            <div class="dropdown-list bottom-right" style="display: none;">
+
+                                <div class="dropdown-container">
+
+                                    <label>Account</label>
+
+                                    <ul>
+                                        <li><a href="{{ route('customer.session.index') }}">Sign In</a></li>
+
+                                        <li><a href="{{ route('customer.register.index') }}">Sign Up</a></li>
+                                    </ul>
+
+                                </div>
+
+                            </div>
+                        @endguest
+                        @auth('customer')
+                            <div class="dropdown-list bottom-right" style="display: none;">
+                                <div class="dropdown-container">
+                                    <label>Account</label>
+                                    <ul>
+                                        <li><a href="{{ route('customer.account.index') }}">Account</a></li>
+
+                                        <li><a href="{{ route('customer.profile.index') }}">Profile</a></li>
+
+                                        <li><a href="{{ route('customer.address.index') }}">Address</a></li>
+
+                                        <li><a href="{{ route('customer.wishlist.index') }}">Wishlist</a></li>
+
+                                        {{-- <li><a href="{{ route('customer.cart') }}">Cart</a></li> --}}
+                                        <li><a href="{{ route('customer.orders.index') }}">Orders</a></li>
+
+                                        <li><a href="{{ route('customer.session.destroy') }}">Logout</a></li>
+                                    </ul>
+
+                                </div>
+
+                            </div>
+                        @endauth
                     </li>
                 </ul>
-            @endif
+                <ul class="resp-cart-dropdown-container">
 
-            {{-- Meant for responsive views only --}}
-            <ul class="ham-dropdown-container">
+                    <li class="cart-dropdown">
+                        @if(isset($cart))
+                        @php
+                            $cartInstance = session()->get('cart');
+                        @endphp
+                        <div class="dropdown-toggle">
+                            <span class="icon cart-icon"></span>
+                        </div>
 
-                <li class="ham-dropdown">
-                    {{-- use this section for the dropdown of the hamburger menu --}}
-                </li>
+                        <div class="dropdown-list" style="display: none; top: 50px; right: 0px">
+                            <div class="dropdown-container">
+                                <div class="dropdown-cart">
+                                    <div class="dropdown-header">
+                                        <p class="heading">Cart Subtotal - {{ $cartInstance->sub_total }}</p>
+                                    </div>
 
-            </ul>
+                                    <div class="dropdown-content">
+                                        @foreach($cart as $product)
+                                        <div class="item" >
+                                            <div class="item-image" >
+                                                <img src="{{$product['2']}}" />
+                                            </div>
+                                            <div class="item-details">
+                                                <div class="item-name">{{$product['0']}}</div>
+                                                <div class="item-price">{{$product['1']}}</div>
+                                                <div class="item-qty">Quantity - {{$product['3']}}</div>
+                                            </div>
+                                        </div>
+                                        @endforeach
+                                    </div>
 
-        </div>
-        <div class="right-responsive">
-
-            <ul class="right-wrapper">
-                <li class="search-box"><span class="icon search-icon" id="search"></span></li>
-                <li class="account-box"><span class="icon account-icon"></span></li>
-                <li class="cart-box"><span class="icon cart-icon"></span></li>
+                                    <div class="dropdown-footer">
+                                        <a href="/">View Shopping Cart</a>
+                                        <button class="btn btn-primary btn-lg">CHECKOUT</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        @else
+                        <div class="dropdown-toggle">
+                            <div style="display: inline-block; cursor: pointer;">
+                                <span class="name"><span class="count"> 0 &nbsp;</span>Products</span>
+                            </div>
+                        </div>
+                        @endif
+                    </li>
+                </ul>
+                {{-- <li class="cart-box"><span class="icon cart-icon"></span></li> --}}
                 <li class="menu-box" ><span class="icon sortable-icon" id="sortable"></span></li>
             </ul>
         </div>
     </div>
 
-
-    {{-- Triggered on responsive mode only --}}
-
-    <div class="search-suggestion">
-        <div class="search-content">
-            <span class="icon search-icon"></span>
-            <span> Sarees India  </span>
-            <span class="icon search-icon right"></span>
-        </div>
-
-        <div class="suggestion">
-            <span>Designer sarees</span>
-        </div>
-        <div class="suggestion">
-            <span>India patter sarees</span>
-        </div>
-        <div class="suggestion">
-            <span>Border Sarees</span>
-        </div>
-    </div>
-
     <div class="header-bottom" id="header-bottom">
     @include('shop::layouts.header.nav-menu.navmenu')
     </div>
diff --git a/packages/Webkul/Shop/src/Resources/views/layouts/master.blade.php b/packages/Webkul/Shop/src/Resources/views/layouts/master.blade.php
index 129790e8b..99f21d231 100644
--- a/packages/Webkul/Shop/src/Resources/views/layouts/master.blade.php
+++ b/packages/Webkul/Shop/src/Resources/views/layouts/master.blade.php
@@ -37,7 +37,7 @@
 
         </div>
 
-        @include('shop::layouts.footer')
+        @include('shop::layouts.footer.footer')
 
     </div>
 
diff --git a/packages/Webkul/Shop/src/Resources/views/partials/card.blade.php b/packages/Webkul/Shop/src/Resources/views/partials/card.blade.php
deleted file mode 100644
index 8918cecca..000000000
--- a/packages/Webkul/Shop/src/Resources/views/partials/card.blade.php
+++ /dev/null
@@ -1,20 +0,0 @@
-<div class="product-card">
-    <div class="product-image">
-        <img src="vendor/webkul/shop/assets/images/grid.png" />
-    </div>
-    <div class="product-name">
-        <span>Red Black Tees</span>
-    </div>
-    <div class="product-price">
-        <span>$65.00</span>
-    </div>
-    <div class="product-ratings">
-        <span>
-            <img src="vendor/webkul/shop/assets/images/5star.svg" />
-        </span>
-    </div>
-    <div class="cart-fav-seg">
-        <button class="btn btn-lg btn-primary addtocart">Add to Cart</button>
-        <span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
-    </div>
-</div>
diff --git a/packages/Webkul/Shop/src/Resources/views/products/review.blade.php b/packages/Webkul/Shop/src/Resources/views/products/review.blade.php
index 47b7000cf..1b655b16f 100644
--- a/packages/Webkul/Shop/src/Resources/views/products/review.blade.php
+++ b/packages/Webkul/Shop/src/Resources/views/products/review.blade.php
@@ -1,7 +1,7 @@
 @inject ('reviewHelper', 'Webkul\Product\Product\Review')
 @if ($total = $reviewHelper->getTotalReviews($product))
 
-    <div class="product-ratings">
+    <div class="product-ratings mb-10">
 
         <span class="stars">
             @for ($i = 1; $i <= round($reviewHelper->getAverageRating($product)); $i++)
diff --git a/packages/Webkul/Shop/src/Resources/views/store/cart/compare.blade.php b/packages/Webkul/Shop/src/Resources/views/store/cart/compare.blade.php
deleted file mode 100644
index e69de29bb..000000000
diff --git a/packages/Webkul/Shop/src/Resources/views/store/cart/index.blade.php b/packages/Webkul/Shop/src/Resources/views/store/cart/index.blade.php
deleted file mode 100644
index 172dc910d..000000000
--- a/packages/Webkul/Shop/src/Resources/views/store/cart/index.blade.php
+++ /dev/null
@@ -1,208 +0,0 @@
-@extends('shop::layouts.master')
-@section('content-wrapper')
-    <section class="cart">
-        <div class="title">
-            Shopping Cart
-        </div>
-
-        <div class="cart-content">
-            {{-- {{ dd($products) }} --}}
-
-            <div class="left-side">
-
-                @foreach($products as $product)
-                    <div class="item">
-                        <div style="margin-right: 15px;">
-                            <img class="item-image" src="{{ bagisto_asset("$product[2]") }}" />
-                        </div>
-
-                        <div class="item-details">
-
-                            <div class="item-title">
-                                {{$product[0]}}
-                            </div>
-
-                            <div class="price">
-                                <span class="main-price">
-                                    {{$product[1]}}
-                                </span>
-                                <span class="real-price">
-                                    $25.00
-                                </span>
-                                <span class="discount">
-                                    10% Off
-                                </span>
-                            </div>
-
-                            <div class="summary" >
-                                Color : Gray, Size : S, Sleeve type : Puffed Sleeves, Occasion : Birthday,  Marriage Anniversary
-                            </div>
-
-                            <div class="misc">
-                                <div class="qty-text">Quantity</div>
-                                <div class="box">{{ $product[3] }}</div>
-                                <span class="remove">Remove</span>
-                                <span class="towishlist">Move to Wishlist</span>
-                            </div>
-                        </div>
-
-                    </div>
-                @endforeach
-
-                <div class="misc-controls">
-                    <span>Continue Shopping</span>
-                    <button class="btn btn-lg btn-primary">PROCEED TO CHECKOUT</button>
-                </div>
-            </div>
-
-            <div class="right-side">
-                <div class="price-section">
-                    <div class="title">
-                        Price Detail
-                    </div>
-                    <div class="all-item-details">
-                        @foreach($products as $product)
-                            <div class="item-details">
-                                <span class="name">{{ $product[0] }}</span>
-                                <span class="price">$ {{ $product[1] }}</span>
-                            </div>
-                        @endforeach
-                    </div>
-
-                    <div class="horizontal-rule"></div>
-
-                    <div class="total-details">
-                        <span class="name">Amount Payable</span>
-                        <span class="amount">$75.00</span>
-                    </div>
-
-                </div>
-                <div class="coupon-section">
-
-                    <span class="title">Apply Coupon</span>
-
-                    <div class="control-group">
-                        <input type="text" class="control coupon-input" placeholder="Coupon Code" />
-                    </div>
-
-                    <button class="btn btn-md btn-primary">Apply</button>
-
-                    <div class="coupon-details">
-                        <div class="title">Coupon Used</div>
-                        <div class="coupon">
-                            <span class="name">Coupon 1</span>
-                            <span class="discount">$15</span>
-                        </div>
-                        <div class="coupon">
-                            <span class="name">Coupon 2</span>
-                            <span class="discount">$5</span>
-                        </div>
-                    </div>
-
-                    <div class="horizontal-rule"></div>
-
-                    <div class="after-coupon-amount">
-                        <span class="name">Amount Payable</span>
-                        <span class="amount">$75.00</span>
-                    </div>
-
-                </div>
-
-            </div>
-
-        </div>
-    </section>
-
-    <div class="related-products-wrapper">
-
-        <div class="title">
-            We found other products you might like!
-        </div>
-
-        <div class="horizontal-rule"></div>
-
-        <div class="related-products">
-
-            <div class="product-card">
-                <div class="product-image">
-                    <img src="{{ bagisto_asset('images/grid.png') }}" />
-                </div>
-                <div class="product-name">
-                    <span>Red Black Tees</span>
-                </div>
-                <div class="product-price">
-                    <span>$65.00</span>
-                </div>
-                <div class="product-ratings">
-                    <span>
-                        <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                    </span>
-                </div>
-                <div class="cart-fav-seg">
-                    <button class="btn btn-md btn-primary addtocart">Add to Cart</button>
-                    <span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
-                </div>
-            </div>
-            <div class="product-card">
-                <div class="product-image">
-                    <img src="{{ bagisto_asset('images/grid.png') }}" />
-                </div>
-                <div class="product-name">
-                    <span>Red Black Tees</span>
-                </div>
-                <div class="product-price">
-                    <span>$65.00</span>
-                </div>
-                <div class="product-ratings">
-                    <span>
-                        <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                    </span>
-                </div>
-                <div class="cart-fav-seg">
-                    <button class="btn btn-md btn-primary addtocart">Add to Cart</button>
-                    <span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
-                </div>
-            </div>
-            <div class="product-card">
-                <div class="product-image">
-                    <img src="{{ bagisto_asset('images/grid.png') }}" />
-                </div>
-                <div class="product-name">
-                    <span>Red Black Tees</span>
-                </div>
-                <div class="product-price">
-                    <span>$65.00</span>
-                </div>
-                <div class="product-ratings">
-                    <span>
-                        <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                    </span>
-                </div>
-                <div class="cart-fav-seg">
-                    <button class="btn btn-md btn-primary addtocart">Add to Cart</button>
-                    <span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
-                </div>
-            </div>
-            <div class="product-card">
-                <div class="product-image">
-                    <img src="{{ bagisto_asset('images/grid.png') }}" />
-                </div>
-                <div class="product-name">
-                    <span>Red Black Tees</span>
-                </div>
-                <div class="product-price">
-                    <span>$65.00</span>
-                </div>
-                <div class="product-ratings">
-                    <span>
-                        <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                    </span>
-                </div>
-                <div class="cart-fav-seg">
-                    <button class="btn btn-md btn-primary addtocart">Add to Cart</button>
-                    <span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
-                </div>
-            </div>
-        </div>
-    </div>
-@endsection
\ No newline at end of file
diff --git a/packages/Webkul/Shop/src/Resources/views/store/home/index.blade.php b/packages/Webkul/Shop/src/Resources/views/store/home/index.blade.php
deleted file mode 100644
index 025170e8a..000000000
--- a/packages/Webkul/Shop/src/Resources/views/store/home/index.blade.php
+++ /dev/null
@@ -1,9 +0,0 @@
-@extends('shop::layouts.master')
-@section('slider')
-    @include('shop::store.slider.slider')
-@endsection
-@section('content-wrapper')
-    @include('shop::store.grids.featured.featuredproductgrid')
-    @include('shop::store.grids.newproduct.newproductgrid')
-    @include('shop::store.grids.newsupdate.newsupdategrid')
-@endsection
diff --git a/packages/Webkul/Shop/src/Resources/views/store/product/details/index.blade.php b/packages/Webkul/Shop/src/Resources/views/store/product/details/index.blade.php
deleted file mode 100644
index 1a96fb00c..000000000
--- a/packages/Webkul/Shop/src/Resources/views/store/product/details/index.blade.php
+++ /dev/null
@@ -1,285 +0,0 @@
-@extends('shop::layouts.master')
-@section('content-wrapper')
-    <section class="product-detail">
-        <div class="category-breadcrumbs">
-
-            <span class="breadcrumb">Home</span> > <span class="breadcrumb">Men</span> > <span class="breadcrumb">Slit Open Jeans</span>
-
-        </div>
-        <div class="layouter">
-
-            <div class="product-image-group">
-
-                <div class="side-group">
-                    <img src="{{ bagisto_asset('images/jeans.jpg') }}" />
-                    <img src="{{ bagisto_asset('images/jeans.jpg') }}" />
-                    <img src="{{ bagisto_asset('images/jeans.jpg') }}" />
-                    <img src="{{ bagisto_asset('images/jeans.jpg') }}" />
-                </div>
-
-                <div class="product-hero-image">
-                    <img src="{{ bagisto_asset('images/jeans_big.jpg') }}" />
-                    <img class="wishlist" src="{{ bagisto_asset('images/wish.svg') }}" />
-                    <img class="share" src="{{ bagisto_asset('images/icon-share.svg') }}" />
-                </div>
-
-            </div>
-
-            <div class="details">
-
-                <div class="product-heading">
-                    <span>Rainbow creation Embroidered</span>
-                </div>
-                <div class="rating">
-                    <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                    75 Ratings & 11 Reviews
-                </div>
-                <div class="price">
-                    <span class="main-price">
-                        $24.00
-                    </span>
-                    <span class="real-price">
-                        $25.00
-                    </span>
-                    <span class="discount">
-                        10% Off
-                    </span>
-                </div>
-                <div class="stock-status">
-                    InStock
-                </div>
-                <br/>
-                <div class="description">
-                    Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers.
-                </div>
-
-                <hr/>
-
-                <div class="attributes">
-
-                    <div class="attribute color">
-                        <div class="title">Color</div>
-
-                        <div class="values">
-                            <div class="colors red"></div>
-                            <div class="colors blue"></div>
-                            <div class="colors green"></div>
-                        </div>
-                    </div>
-
-                    <div class="attribute size">
-                        <div class="title">Size</div>
-
-                        <div class="values">
-                            <div class="size xl">XL</div>
-                            <div class="size xxl">XXL</div>
-                            <div class="size xxxl">XXXL</div>
-                        </div>
-                    </div>
-
-                    <div class="attribute quantity">
-                        <div class="title">Quantity</div>
-
-                        <div class="values">
-                            <div class="size">1</div>
-                        </div>
-                    </div>
-
-                </div>
-
-                <hr/>
-                {{--  The elements below will be accordians  --}}
-                <div class="full-description">
-                    <h4>Description</h4>
-                    Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
-
-                    Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm d rivers. Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
-
-                    NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
-                </div>
-                <hr/>
-                <div class="full-specifications">
-                    <h4>Specification</h4>
-                </div>
-
-                <hr/>
-
-                <div class="rating-reviews">
-                    <div class="title">
-                        Ratings & Reviews
-                    </div>
-                    <div class="overall">
-                        <span class="number">
-                            4.3
-                        </span>
-                        <span class="stars">
-                            <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                        </span>
-
-                        <button class="btn btn-md btn-primary">Write Review</button>
-
-                        <div class="total-reviews">
-                            24,330 Ratings & 104 Reviews
-                        </div>
-                    </div>
-                    <div class="reviews">
-                        <div class="review">
-                            <div class="title">
-                                Awesome
-                            </div>
-                            <div class="stars">
-                                <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                            </div>
-                            <div class="message">
-                                NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
-                            </div>
-                            <div class="reviewer-details">
-                                <span class="by">
-                                    By John Doe
-                                </span>
-                                <span class="when">
-                                    , 25, June 2018
-                                </span>
-                            </div>
-                        </div>
-                        <div class="review">
-                            <div class="title">
-                                Awesome
-                            </div>
-                            <div class="stars">
-                                <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                            </div>
-                            <div class="message">
-                                NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
-                            </div>
-                            <div class="reviewer-details">
-                                <span class="by">
-                                    By John Doe
-                                </span>
-                                <span class="when">
-                                    , 25, June 2018
-                                </span>
-                            </div>
-                        </div>
-                        <div class="review">
-                            <div class="title">
-                                Awesome
-                            </div>
-                            <div class="stars">
-                                <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                            </div>
-                            <div class="message">
-                                NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
-                            </div>
-                            <div class="reviewer-details">
-                                <span class="by">
-                                    By John Doe
-                                </span>
-                                <span class="when">
-                                    , 25, June 2018
-                                </span>
-                            </div>
-                        </div>
-                        <div class="view-all">View All</div>
-                        <hr/>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="related-products-wrapper">
-
-        <div class="title">
-            We found other products you might like!
-        </div>
-
-        <div class="horizontal-rule"></div>
-
-        <div class="related-products">
-
-            <div class="product-card">
-                <div class="product-image">
-                    <img src="{{ bagisto_asset('images/grid.png') }}" />
-                </div>
-                <div class="product-name">
-                    <span>Red Black Tees</span>
-                </div>
-                <div class="product-price">
-                    <span>$65.00</span>
-                </div>
-                <div class="product-ratings">
-                    <span>
-                        <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                    </span>
-                </div>
-                <div class="cart-fav-seg">
-                    <button class="btn btn-md btn-primary addtocart">Add to Cart</button>
-                    <span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
-                </div>
-            </div>
-            <div class="product-card">
-                <div class="product-image">
-                    <img src="{{ bagisto_asset('images/grid.png') }}" />
-                </div>
-                <div class="product-name">
-                    <span>Red Black Tees</span>
-                </div>
-                <div class="product-price">
-                    <span>$65.00</span>
-                </div>
-                <div class="product-ratings">
-                    <span>
-                        <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                    </span>
-                </div>
-                <div class="cart-fav-seg">
-                    <button class="btn btn-md btn-primary addtocart">Add to Cart</button>
-                    <span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
-                </div>
-            </div>
-            <div class="product-card">
-                <div class="product-image">
-                    <img src="{{ bagisto_asset('images/grid.png') }}" />
-                </div>
-                <div class="product-name">
-                    <span>Red Black Tees</span>
-                </div>
-                <div class="product-price">
-                    <span>$65.00</span>
-                </div>
-                <div class="product-ratings">
-                    <span>
-                        <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                    </span>
-                </div>
-                <div class="cart-fav-seg">
-                    <button class="btn btn-md btn-primary addtocart">Add to Cart</button>
-                    <span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
-                </div>
-            </div>
-            <div class="product-card">
-                <div class="product-image">
-                    <img src="{{ bagisto_asset('images/grid.png') }}" />
-                </div>
-                <div class="product-name">
-                    <span>Red Black Tees</span>
-                </div>
-                <div class="product-price">
-                    <span>$65.00</span>
-                </div>
-                <div class="product-ratings">
-                    <span>
-                        <img src="{{ bagisto_asset('images/5star.svg') }}" />
-                    </span>
-                </div>
-                <div class="cart-fav-seg">
-                    <button class="btn btn-md btn-primary addtocart">Add to Cart</button>
-                    <span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
-                </div>
-            </div>
-        </div>
-    </div>
-
-
-    </section>
-@endsection
diff --git a/packages/Webkul/Shop/src/Resources/views/store/product/review/index.blade.php b/packages/Webkul/Shop/src/Resources/views/store/product/review/index.blade.php
deleted file mode 100644
index ea0aeb8d6..000000000
--- a/packages/Webkul/Shop/src/Resources/views/store/product/review/index.blade.php
+++ /dev/null
@@ -1,162 +0,0 @@
-@extends('shop::layouts.master')
-@section('content-wrapper')
-    <section class="product-review">
-        <div class="category-breadcrumbs">
-
-            <span class="breadcrumb">Home</span> > <span class="breadcrumb">Men</span> > <span class="breadcrumb">Slit Open Jeans</span>
-
-        </div>
-        <div class="layouter">
-
-            <div class="mixed-group">
-
-                <div class="single-image">
-                    <img src="{{ asset('vendor/webkul/shop/assets/images/jeans_big.jpg') }}" />
-                </div>
-
-                <div class="details">
-
-                    <div class="product-name">
-                        Slit Open Jeans
-                    </div>
-
-                    <div class="price">
-                        <span class="main-price">
-                            $24.00
-                        </span>
-                        <span class="real-price">
-                            $25.00
-                        </span>
-                        <span class="discount">
-                            10% Off
-                        </span>
-                    </div>
-                </div>
-
-            </div>
-
-            <div class="rating-reviews">
-
-                <div class="title-inline">
-                    <span>Ratings & Reviews</span>
-                    <button class="btn btn-md btn-primary">Write Review</button>
-                </div>
-
-                <div class="overall">
-                    <div class="left-side">
-                        <span class="number">
-                            4.3
-                        </span>
-                        <span class="stars">
-                            <img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
-                        </span>
-
-                        <div class="total-reviews">
-                            24,330 Ratings & 104 Reviews
-                        </div>
-                    </div>
-                    <div class="right-side">
-
-                        <div class="rater 5star">
-                            <div class="star">5 Star</div>
-                            <div class="line-bar">
-                                <div class="line-value"></div>
-                            </div>
-                            <div class="percentage">20%</div>
-                        </div> <br/>
-                        <div class="rater 4star">
-                            <div class="star">4 Star</div>
-                            <div class="line-bar">
-                                <div class="line-value"></div>
-                            </div>
-                            <div class="percentage">20%</div>
-                        </div> <br/>
-                        <div class="rater 3star">
-                            <div class="star">3 Star</div>
-                            <div class="line-bar">
-                                <div class="line-value"></div>
-                            </div>
-                            <div class="percentage">20%</div>
-                        </div> <br/>
-                        <div class="rater 2star">
-                            <div class="star">2 Star</div>
-                            <div class="line-bar">
-                                <div class="line-value"></div>
-                            </div>
-                            <div class="percentage">20%</div>
-                        </div> <br/>
-                        <div class="rater 1star">
-                            <div class="star">1 Star</div>
-                            <div class="line-bar">
-                                <div class="line-value"></div>
-                            </div>
-                            <div class="percentage">20%</div>
-                        </div>
-
-                    </div>
-
-                </div>
-                <div class="reviews">
-                    <div class="review">
-                        <div class="title">
-                            Awesome
-                        </div>
-                        <div class="stars">
-                            <img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
-                        </div>
-                        <div class="message">
-                            NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
-                        </div>
-                        <div class="reviewer-details">
-                            <span class="by">
-                                By John Doe
-                            </span>
-                            <span class="when">
-                                , 25, June 2018
-                            </span>
-                        </div>
-                    </div>
-                    <div class="review">
-                        <div class="title">
-                            Awesome
-                        </div>
-                        <div class="stars">
-                            <img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
-                        </div>
-                        <div class="message">
-                            NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
-                        </div>
-                        <div class="reviewer-details">
-                            <span class="by">
-                                By John Doe
-                            </span>
-                            <span class="when">
-                                , 25, June 2018
-                            </span>
-                        </div>
-                    </div>
-                    <div class="review">
-                        <div class="title">
-                            Awesome
-                        </div>
-                        <div class="stars">
-                            <img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
-                        </div>
-                        <div class="message">
-                            NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
-                        </div>
-                        <div class="reviewer-details">
-                            <span class="by">
-                                By John Doe
-                            </span>
-                            <span class="when">
-                                , 25, June 2018
-                            </span>
-                        </div>
-                    </div>
-                    <div class="view-all">Load More</div>
-                </div>
-            </div>
-        </div>
-    </section>
-@endsection
diff --git a/public/themes/default/assets/css/shop.css b/public/themes/default/assets/css/shop.css
index ca50bce8c..e9f95f1df 100644
--- a/public/themes/default/assets/css/shop.css
+++ b/public/themes/default/assets/css/shop.css
@@ -244,14 +244,8 @@ body {
   color: #242424;
 }
 
-.product-card .product-description {
-  margin-bottom: 14px;
-  display: none;
-}
-
 .product-card .product-ratings {
   width: 100%;
-  margin-bottom: 14px;
 }
 
 .product-card .product-ratings .icon {
@@ -259,25 +253,13 @@ body {
   height: 16px;
 }
 
-.product-card .product-ratings .total-reviews {
-  display: none;
-}
-
 .product-card .cart-fav-seg {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  width: 100%;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
 }
 
 .product-card .cart-fav-seg .addtocart {
-  border-radius: 0px;
   margin-right: 10px;
   text-transform: uppercase;
   white-space: nowrap;
@@ -689,6 +671,7 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  cursor: pointer;
 }
 
 .header .header-top div.right-content ul.account-dropdown-container {
@@ -726,11 +709,12 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
   margin-top: 10px;
 }
 
-.header .header-top div.right-content ul.cart-dropdown {
+.header .header-top div.right-content ul.cart-dropdown-container {
   float: right;
+  margin-left: 10px;
 }
 
-.header .header-top div.right-content ul.cart-dropdown li.cart-summary {
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -738,60 +722,143 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-left: 14px;
-}
-
-.header .header-top div.right-content ul.cart-dropdown li.cart-summary .cart-icon {
-  margin: 0;
-  height: 24px;
-  width: 24px;
-  margin-right: 8px;
-}
-
-.header .header-top div.right-content ul.cart-dropdown li.cart-summary .cart {
-  padding-top: 3px;
-  padding-right: 5px;
-}
-
-.header .header-top div.right-content ul.cart-dropdown li.cart-summary .cart .cart-count {
-  color: #0041FF;
-  padding-right: 3px;
-}
-
-.header .header-top div.right-content ul.cart-dropdown li.cart-summary .icon.arrow-down-icon {
-  margin-top: 10px;
-}
-
-.header .header-top .right-responsive {
-  display: none;
-}
-
-.header .header-top .right-responsive ul.right-wrapper {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
-.header .header-top .right-responsive ul.right-wrapper li:not(:last-child) {
-  margin-right: 7px;
-}
-
-.header .header-top .right-responsive ul.right-wrapper li:not(:last-child) span.icon {
-  margin: 0;
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .cart-icon {
+  margin-right: 8px;
   height: 24px;
   width: 24px;
 }
 
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .icon.arrow-down-icon {
+  margin-top: 10px;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list {
+  width: 387px;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container {
+  padding: 10px 18px 10px 18px;
+  max-height: 410px;
+  overflow-y: auto;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart {
+  color: #242424;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header {
+  width: 100%;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header p {
+  display: inline;
+  line-height: 25px;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header i {
+  cursor: pointer;
+  float: right;
+  height: 22px;
+  width: 22px;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header p.heading {
+  font-weight: lighter;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content {
+  padding-top: 8px;
+  padding-bottom: 10px;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  border-bottom: 1px solid #E8E8E8;
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item img {
+  height: 75px;
+  width: 75px;
+  margin-right: 8px;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item-details {
+  height: 75px;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-name {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 8px;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-price {
+  margin-bottom: 8px;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-qty {
+  font-weight: lighter;
+  margin-bottom: 8px;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-footer {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-bottom: 8px;
+}
+
+.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-footer button {
+  border-radius: 0px;
+  width: 130px;
+}
+
+.header .header-top ul.right-responsive {
+  display: none;
+}
+
+.header .header-top ul.right-responsive li {
+  margin-right: 5px;
+}
+
+.header .header-top ul.right-responsive li:last-child {
+  margin-right: 0px;
+}
+
+.header .header-top ul.right-responsive ul {
+  margin-right: 5px;
+}
+
+.header .header-top ul.right-responsive ul:last-child {
+  margin-right: 0px;
+}
+
 .header .header-bottom {
   height: 48px;
   margin-left: auto;
@@ -914,6 +981,26 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
   right: 10px;
 }
 
+@media all and (max-width: 720px) {
+  .header-bottom {
+    display: none !important;
+  }
+  ul.search-container {
+    display: none !important;
+  }
+  ul.account-dropdown-container {
+    display: none !important;
+  }
+  ul.cart-dropdown-container {
+    display: none !important;
+  }
+  ul.right-responsive {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+  }
+}
+
 .footer {
   background-color: #f2f2f2;
   padding-left: 10%;
diff --git a/public/themes/default/assets/js/shop.js b/public/themes/default/assets/js/shop.js
index 7d4777e2e..c51a232d6 100644
--- a/public/themes/default/assets/js/shop.js
+++ b/public/themes/default/assets/js/shop.js
@@ -60,7 +60,7 @@
 /******/ 	__webpack_require__.p = "/";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 12);
+/******/ 	return __webpack_require__(__webpack_require__.s = 10);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -71,7 +71,7 @@
 
 
 var bind = __webpack_require__(5);
-var isBuffer = __webpack_require__(21);
+var isBuffer = __webpack_require__(19);
 
 /*global toString:true*/
 
@@ -517,7 +517,7 @@ module.exports = g;
 /* WEBPACK VAR INJECTION */(function(process) {
 
 var utils = __webpack_require__(0);
-var normalizeHeaderName = __webpack_require__(23);
+var normalizeHeaderName = __webpack_require__(21);
 
 var DEFAULT_CONTENT_TYPE = {
   'Content-Type': 'application/x-www-form-urlencoded'
@@ -829,12 +829,12 @@ module.exports = function bind(fn, thisArg) {
 
 
 var utils = __webpack_require__(0);
-var settle = __webpack_require__(24);
-var buildURL = __webpack_require__(26);
-var parseHeaders = __webpack_require__(27);
-var isURLSameOrigin = __webpack_require__(28);
+var settle = __webpack_require__(22);
+var buildURL = __webpack_require__(24);
+var parseHeaders = __webpack_require__(25);
+var isURLSameOrigin = __webpack_require__(26);
 var createError = __webpack_require__(7);
-var btoa = (typeof window !== 'undefined' && window.btoa && window.btoa.bind(window)) || __webpack_require__(29);
+var btoa = (typeof window !== 'undefined' && window.btoa && window.btoa.bind(window)) || __webpack_require__(27);
 
 module.exports = function xhrAdapter(config) {
   return new Promise(function dispatchXhrRequest(resolve, reject) {
@@ -931,7 +931,7 @@ module.exports = function xhrAdapter(config) {
     // This is only done if running in a standard browser environment.
     // Specifically not if we're in a web worker, or react-native.
     if (utils.isStandardBrowserEnv()) {
-      var cookies = __webpack_require__(30);
+      var cookies = __webpack_require__(28);
 
       // Add xsrf header
       var xsrfValue = (config.withCredentials || isURLSameOrigin(config.url)) && config.xsrfCookieName ?
@@ -1015,7 +1015,7 @@ module.exports = function xhrAdapter(config) {
 "use strict";
 
 
-var enhanceError = __webpack_require__(25);
+var enhanceError = __webpack_require__(23);
 
 /**
  * Create an Error with the specified message, config, error code, request and response.
@@ -1073,337 +1073,27 @@ module.exports = Cancel;
 
 /***/ }),
 /* 10 */
-/***/ (function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-module.exports = function(useSourceMap) {
-	var list = [];
-
-	// return the list of modules as css string
-	list.toString = function toString() {
-		return this.map(function (item) {
-			var content = cssWithMappingToString(item, useSourceMap);
-			if(item[2]) {
-				return "@media " + item[2] + "{" + content + "}";
-			} else {
-				return content;
-			}
-		}).join("");
-	};
-
-	// import a list of modules into the list
-	list.i = function(modules, mediaQuery) {
-		if(typeof modules === "string")
-			modules = [[null, modules, ""]];
-		var alreadyImportedModules = {};
-		for(var i = 0; i < this.length; i++) {
-			var id = this[i][0];
-			if(typeof id === "number")
-				alreadyImportedModules[id] = true;
-		}
-		for(i = 0; i < modules.length; i++) {
-			var item = modules[i];
-			// skip already imported module
-			// this implementation is not 100% perfect for weird media query combinations
-			//  when a module is imported multiple times with different media queries.
-			//  I hope this will never occur (Hey this way we have smaller bundles)
-			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
-				if(mediaQuery && !item[2]) {
-					item[2] = mediaQuery;
-				} else if(mediaQuery) {
-					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
-				}
-				list.push(item);
-			}
-		}
-	};
-	return list;
-};
-
-function cssWithMappingToString(item, useSourceMap) {
-	var content = item[1] || '';
-	var cssMapping = item[3];
-	if (!cssMapping) {
-		return content;
-	}
-
-	if (useSourceMap && typeof btoa === 'function') {
-		var sourceMapping = toComment(cssMapping);
-		var sourceURLs = cssMapping.sources.map(function (source) {
-			return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
-		});
-
-		return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
-	}
-
-	return [content].join('\n');
-}
-
-// Adapted from convert-source-map (MIT)
-function toComment(sourceMap) {
-	// eslint-disable-next-line no-undef
-	var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
-	var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
-
-	return '/*# ' + data + ' */';
-}
+__webpack_require__(11);
+module.exports = __webpack_require__(54);
 
 
 /***/ }),
 /* 11 */
 /***/ (function(module, exports, __webpack_require__) {
 
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-  Modified by Evan You @yyx990803
-*/
-
-var hasDocument = typeof document !== 'undefined'
-
-if (typeof DEBUG !== 'undefined' && DEBUG) {
-  if (!hasDocument) {
-    throw new Error(
-    'vue-style-loader cannot be used in a non-browser environment. ' +
-    "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
-  ) }
-}
-
-var listToStyles = __webpack_require__(47)
-
-/*
-type StyleObject = {
-  id: number;
-  parts: Array<StyleObjectPart>
-}
-
-type StyleObjectPart = {
-  css: string;
-  media: string;
-  sourceMap: ?string
-}
-*/
-
-var stylesInDom = {/*
-  [id: number]: {
-    id: number,
-    refs: number,
-    parts: Array<(obj?: StyleObjectPart) => void>
-  }
-*/}
-
-var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
-var singletonElement = null
-var singletonCounter = 0
-var isProduction = false
-var noop = function () {}
-var options = null
-var ssrIdKey = 'data-vue-ssr-id'
-
-// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-// tags it will allow on a page
-var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
-
-module.exports = function (parentId, list, _isProduction, _options) {
-  isProduction = _isProduction
-
-  options = _options || {}
-
-  var styles = listToStyles(parentId, list)
-  addStylesToDom(styles)
-
-  return function update (newList) {
-    var mayRemove = []
-    for (var i = 0; i < styles.length; i++) {
-      var item = styles[i]
-      var domStyle = stylesInDom[item.id]
-      domStyle.refs--
-      mayRemove.push(domStyle)
-    }
-    if (newList) {
-      styles = listToStyles(parentId, newList)
-      addStylesToDom(styles)
-    } else {
-      styles = []
-    }
-    for (var i = 0; i < mayRemove.length; i++) {
-      var domStyle = mayRemove[i]
-      if (domStyle.refs === 0) {
-        for (var j = 0; j < domStyle.parts.length; j++) {
-          domStyle.parts[j]()
-        }
-        delete stylesInDom[domStyle.id]
-      }
-    }
-  }
-}
-
-function addStylesToDom (styles /* Array<StyleObject> */) {
-  for (var i = 0; i < styles.length; i++) {
-    var item = styles[i]
-    var domStyle = stylesInDom[item.id]
-    if (domStyle) {
-      domStyle.refs++
-      for (var j = 0; j < domStyle.parts.length; j++) {
-        domStyle.parts[j](item.parts[j])
-      }
-      for (; j < item.parts.length; j++) {
-        domStyle.parts.push(addStyle(item.parts[j]))
-      }
-      if (domStyle.parts.length > item.parts.length) {
-        domStyle.parts.length = item.parts.length
-      }
-    } else {
-      var parts = []
-      for (var j = 0; j < item.parts.length; j++) {
-        parts.push(addStyle(item.parts[j]))
-      }
-      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
-    }
-  }
-}
-
-function createStyleElement () {
-  var styleElement = document.createElement('style')
-  styleElement.type = 'text/css'
-  head.appendChild(styleElement)
-  return styleElement
-}
-
-function addStyle (obj /* StyleObjectPart */) {
-  var update, remove
-  var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
-
-  if (styleElement) {
-    if (isProduction) {
-      // has SSR styles and in production mode.
-      // simply do nothing.
-      return noop
-    } else {
-      // has SSR styles but in dev mode.
-      // for some reason Chrome can't handle source map in server-rendered
-      // style tags - source maps in <style> only works if the style tag is
-      // created and inserted dynamically. So we remove the server rendered
-      // styles and inject new ones.
-      styleElement.parentNode.removeChild(styleElement)
-    }
-  }
-
-  if (isOldIE) {
-    // use singleton mode for IE9.
-    var styleIndex = singletonCounter++
-    styleElement = singletonElement || (singletonElement = createStyleElement())
-    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
-    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
-  } else {
-    // use multi-style-tag mode in all other cases
-    styleElement = createStyleElement()
-    update = applyToTag.bind(null, styleElement)
-    remove = function () {
-      styleElement.parentNode.removeChild(styleElement)
-    }
-  }
-
-  update(obj)
-
-  return function updateStyle (newObj /* StyleObjectPart */) {
-    if (newObj) {
-      if (newObj.css === obj.css &&
-          newObj.media === obj.media &&
-          newObj.sourceMap === obj.sourceMap) {
-        return
-      }
-      update(obj = newObj)
-    } else {
-      remove()
-    }
-  }
-}
-
-var replaceText = (function () {
-  var textStore = []
-
-  return function (index, replacement) {
-    textStore[index] = replacement
-    return textStore.filter(Boolean).join('\n')
-  }
-})()
-
-function applyToSingletonTag (styleElement, index, remove, obj) {
-  var css = remove ? '' : obj.css
-
-  if (styleElement.styleSheet) {
-    styleElement.styleSheet.cssText = replaceText(index, css)
-  } else {
-    var cssNode = document.createTextNode(css)
-    var childNodes = styleElement.childNodes
-    if (childNodes[index]) styleElement.removeChild(childNodes[index])
-    if (childNodes.length) {
-      styleElement.insertBefore(cssNode, childNodes[index])
-    } else {
-      styleElement.appendChild(cssNode)
-    }
-  }
-}
-
-function applyToTag (styleElement, obj) {
-  var css = obj.css
-  var media = obj.media
-  var sourceMap = obj.sourceMap
-
-  if (media) {
-    styleElement.setAttribute('media', media)
-  }
-  if (options.ssrId) {
-    styleElement.setAttribute(ssrIdKey, obj.id)
-  }
-
-  if (sourceMap) {
-    // https://developer.chrome.com/devtools/docs/javascript-debugging
-    // this makes source maps inside style tags work properly in Chrome
-    css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
-    // http://stackoverflow.com/a/26603875
-    css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
-  }
-
-  if (styleElement.styleSheet) {
-    styleElement.styleSheet.cssText = css
-  } else {
-    while (styleElement.firstChild) {
-      styleElement.removeChild(styleElement.firstChild)
-    }
-    styleElement.appendChild(document.createTextNode(css))
-  }
-}
-
-
-/***/ }),
-/* 12 */
-/***/ (function(module, exports, __webpack_require__) {
-
-__webpack_require__(13);
-module.exports = __webpack_require__(56);
-
-
-/***/ }),
-/* 13 */
-/***/ (function(module, exports, __webpack_require__) {
-
-window.jQuery = window.$ = $ = __webpack_require__(14);
-window.Vue = __webpack_require__(15);
-window.VeeValidate = __webpack_require__(18);
-window.axios = __webpack_require__(19);
+window.jQuery = window.$ = $ = __webpack_require__(12);
+window.Vue = __webpack_require__(13);
+window.VeeValidate = __webpack_require__(16);
+window.axios = __webpack_require__(17);
 
 Vue.use(VeeValidate);
 Vue.prototype.$http = axios;
 
-Vue.component("category-nav", __webpack_require__(38));
-Vue.component("category-item", __webpack_require__(41));
-Vue.component("image-slider", __webpack_require__(44));
+Vue.component("category-nav", __webpack_require__(36));
+Vue.component("category-item", __webpack_require__(39));
+Vue.component("image-slider", __webpack_require__(42));
 Vue.component("vue-slider", __webpack_require__(50));
 Vue.component("cart-dropdown", __webpack_require__(51));
 
@@ -1470,7 +1160,7 @@ $(document).ready(function () {
 });
 
 /***/ }),
-/* 14 */
+/* 12 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -11841,7 +11531,7 @@ return jQuery;
 
 
 /***/ }),
-/* 15 */
+/* 13 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -22804,10 +22494,10 @@ Vue.compile = compileToFunctions;
 
 module.exports = Vue;
 
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2), __webpack_require__(16).setImmediate))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2), __webpack_require__(14).setImmediate))
 
 /***/ }),
-/* 16 */
+/* 14 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(global) {var scope = (typeof global !== "undefined" && global) ||
@@ -22863,7 +22553,7 @@ exports._unrefActive = exports.active = function(item) {
 };
 
 // setimmediate attaches itself to the global object
-__webpack_require__(17);
+__webpack_require__(15);
 // On some exotic environments, it's not clear which object `setimmediate` was
 // able to install onto.  Search each possibility in the same order as the
 // `setimmediate` library.
@@ -22877,7 +22567,7 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 17 */
+/* 15 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(global, process) {(function (global, undefined) {
@@ -23070,7 +22760,7 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2), __webpack_require__(4)))
 
 /***/ }),
-/* 18 */
+/* 16 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -30052,13 +29742,13 @@ var index_esm = {
 
 
 /***/ }),
-/* 19 */
+/* 17 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(20);
+module.exports = __webpack_require__(18);
 
 /***/ }),
-/* 20 */
+/* 18 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30066,7 +29756,7 @@ module.exports = __webpack_require__(20);
 
 var utils = __webpack_require__(0);
 var bind = __webpack_require__(5);
-var Axios = __webpack_require__(22);
+var Axios = __webpack_require__(20);
 var defaults = __webpack_require__(3);
 
 /**
@@ -30101,14 +29791,14 @@ axios.create = function create(instanceConfig) {
 
 // Expose Cancel & CancelToken
 axios.Cancel = __webpack_require__(9);
-axios.CancelToken = __webpack_require__(36);
+axios.CancelToken = __webpack_require__(34);
 axios.isCancel = __webpack_require__(8);
 
 // Expose all/spread
 axios.all = function all(promises) {
   return Promise.all(promises);
 };
-axios.spread = __webpack_require__(37);
+axios.spread = __webpack_require__(35);
 
 module.exports = axios;
 
@@ -30117,7 +29807,7 @@ module.exports.default = axios;
 
 
 /***/ }),
-/* 21 */
+/* 19 */
 /***/ (function(module, exports) {
 
 /*!
@@ -30144,7 +29834,7 @@ function isSlowBuffer (obj) {
 
 
 /***/ }),
-/* 22 */
+/* 20 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30152,8 +29842,8 @@ function isSlowBuffer (obj) {
 
 var defaults = __webpack_require__(3);
 var utils = __webpack_require__(0);
-var InterceptorManager = __webpack_require__(31);
-var dispatchRequest = __webpack_require__(32);
+var InterceptorManager = __webpack_require__(29);
+var dispatchRequest = __webpack_require__(30);
 
 /**
  * Create a new instance of Axios
@@ -30230,7 +29920,7 @@ module.exports = Axios;
 
 
 /***/ }),
-/* 23 */
+/* 21 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30249,7 +29939,7 @@ module.exports = function normalizeHeaderName(headers, normalizedName) {
 
 
 /***/ }),
-/* 24 */
+/* 22 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30282,7 +29972,7 @@ module.exports = function settle(resolve, reject, response) {
 
 
 /***/ }),
-/* 25 */
+/* 23 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30310,7 +30000,7 @@ module.exports = function enhanceError(error, config, code, request, response) {
 
 
 /***/ }),
-/* 26 */
+/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30383,7 +30073,7 @@ module.exports = function buildURL(url, params, paramsSerializer) {
 
 
 /***/ }),
-/* 27 */
+/* 25 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30443,7 +30133,7 @@ module.exports = function parseHeaders(headers) {
 
 
 /***/ }),
-/* 28 */
+/* 26 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30518,7 +30208,7 @@ module.exports = (
 
 
 /***/ }),
-/* 29 */
+/* 27 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30561,7 +30251,7 @@ module.exports = btoa;
 
 
 /***/ }),
-/* 30 */
+/* 28 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30621,7 +30311,7 @@ module.exports = (
 
 
 /***/ }),
-/* 31 */
+/* 29 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30680,18 +30370,18 @@ module.exports = InterceptorManager;
 
 
 /***/ }),
-/* 32 */
+/* 30 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var utils = __webpack_require__(0);
-var transformData = __webpack_require__(33);
+var transformData = __webpack_require__(31);
 var isCancel = __webpack_require__(8);
 var defaults = __webpack_require__(3);
-var isAbsoluteURL = __webpack_require__(34);
-var combineURLs = __webpack_require__(35);
+var isAbsoluteURL = __webpack_require__(32);
+var combineURLs = __webpack_require__(33);
 
 /**
  * Throws a `Cancel` if cancellation has been requested.
@@ -30773,7 +30463,7 @@ module.exports = function dispatchRequest(config) {
 
 
 /***/ }),
-/* 33 */
+/* 31 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30800,7 +30490,7 @@ module.exports = function transformData(data, headers, fns) {
 
 
 /***/ }),
-/* 34 */
+/* 32 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30821,7 +30511,7 @@ module.exports = function isAbsoluteURL(url) {
 
 
 /***/ }),
-/* 35 */
+/* 33 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30842,7 +30532,7 @@ module.exports = function combineURLs(baseURL, relativeURL) {
 
 
 /***/ }),
-/* 36 */
+/* 34 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30906,7 +30596,7 @@ module.exports = CancelToken;
 
 
 /***/ }),
-/* 37 */
+/* 35 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30940,15 +30630,15 @@ module.exports = function spread(callback) {
 
 
 /***/ }),
-/* 38 */
+/* 36 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(1)
 /* script */
-var __vue_script__ = __webpack_require__(39)
+var __vue_script__ = __webpack_require__(37)
 /* template */
-var __vue_template__ = __webpack_require__(40)
+var __vue_template__ = __webpack_require__(38)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -30987,7 +30677,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 39 */
+/* 37 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -31041,7 +30731,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 40 */
+/* 38 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -31091,15 +30781,15 @@ if (false) {
 }
 
 /***/ }),
-/* 41 */
+/* 39 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 var normalizeComponent = __webpack_require__(1)
 /* script */
-var __vue_script__ = __webpack_require__(42)
+var __vue_script__ = __webpack_require__(40)
 /* template */
-var __vue_template__ = __webpack_require__(43)
+var __vue_template__ = __webpack_require__(41)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
@@ -31138,7 +30828,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 42 */
+/* 40 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -31181,7 +30871,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 43 */
+/* 41 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -31217,13 +30907,13 @@ if (false) {
 }
 
 /***/ }),
-/* 44 */
+/* 42 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
 function injectStyle (ssrContext) {
   if (disposed) return
-  __webpack_require__(45)
+  __webpack_require__(43)
 }
 var normalizeComponent = __webpack_require__(1)
 /* script */
@@ -31268,17 +30958,17 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 45 */
+/* 43 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(46);
+var content = __webpack_require__(44);
 if(typeof content === 'string') content = [[module.i, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
-var update = __webpack_require__(11)("b16cefe6", content, false, {});
+var update = __webpack_require__(46)("b16cefe6", content, false, {});
 // Hot Module Replacement
 if(false) {
  // When the styles change, update the <style> tags
@@ -31294,10 +30984,10 @@ if(false) {
 }
 
 /***/ }),
-/* 46 */
+/* 44 */
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(10)(false);
+exports = module.exports = __webpack_require__(45)(false);
 // imports
 
 
@@ -31307,6 +30997,316 @@ exports.push([module.i, "\n.slide-enter-active {\n\n    -webkit-transition: all
 // exports
 
 
+/***/ }),
+/* 45 */
+/***/ (function(module, exports) {
+
+/*
+	MIT License http://www.opensource.org/licenses/mit-license.php
+	Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+module.exports = function(useSourceMap) {
+	var list = [];
+
+	// return the list of modules as css string
+	list.toString = function toString() {
+		return this.map(function (item) {
+			var content = cssWithMappingToString(item, useSourceMap);
+			if(item[2]) {
+				return "@media " + item[2] + "{" + content + "}";
+			} else {
+				return content;
+			}
+		}).join("");
+	};
+
+	// import a list of modules into the list
+	list.i = function(modules, mediaQuery) {
+		if(typeof modules === "string")
+			modules = [[null, modules, ""]];
+		var alreadyImportedModules = {};
+		for(var i = 0; i < this.length; i++) {
+			var id = this[i][0];
+			if(typeof id === "number")
+				alreadyImportedModules[id] = true;
+		}
+		for(i = 0; i < modules.length; i++) {
+			var item = modules[i];
+			// skip already imported module
+			// this implementation is not 100% perfect for weird media query combinations
+			//  when a module is imported multiple times with different media queries.
+			//  I hope this will never occur (Hey this way we have smaller bundles)
+			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
+				if(mediaQuery && !item[2]) {
+					item[2] = mediaQuery;
+				} else if(mediaQuery) {
+					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
+				}
+				list.push(item);
+			}
+		}
+	};
+	return list;
+};
+
+function cssWithMappingToString(item, useSourceMap) {
+	var content = item[1] || '';
+	var cssMapping = item[3];
+	if (!cssMapping) {
+		return content;
+	}
+
+	if (useSourceMap && typeof btoa === 'function') {
+		var sourceMapping = toComment(cssMapping);
+		var sourceURLs = cssMapping.sources.map(function (source) {
+			return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
+		});
+
+		return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
+	}
+
+	return [content].join('\n');
+}
+
+// Adapted from convert-source-map (MIT)
+function toComment(sourceMap) {
+	// eslint-disable-next-line no-undef
+	var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
+	var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
+
+	return '/*# ' + data + ' */';
+}
+
+
+/***/ }),
+/* 46 */
+/***/ (function(module, exports, __webpack_require__) {
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+  Modified by Evan You @yyx990803
+*/
+
+var hasDocument = typeof document !== 'undefined'
+
+if (typeof DEBUG !== 'undefined' && DEBUG) {
+  if (!hasDocument) {
+    throw new Error(
+    'vue-style-loader cannot be used in a non-browser environment. ' +
+    "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
+  ) }
+}
+
+var listToStyles = __webpack_require__(47)
+
+/*
+type StyleObject = {
+  id: number;
+  parts: Array<StyleObjectPart>
+}
+
+type StyleObjectPart = {
+  css: string;
+  media: string;
+  sourceMap: ?string
+}
+*/
+
+var stylesInDom = {/*
+  [id: number]: {
+    id: number,
+    refs: number,
+    parts: Array<(obj?: StyleObjectPart) => void>
+  }
+*/}
+
+var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
+var singletonElement = null
+var singletonCounter = 0
+var isProduction = false
+var noop = function () {}
+var options = null
+var ssrIdKey = 'data-vue-ssr-id'
+
+// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+// tags it will allow on a page
+var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
+
+module.exports = function (parentId, list, _isProduction, _options) {
+  isProduction = _isProduction
+
+  options = _options || {}
+
+  var styles = listToStyles(parentId, list)
+  addStylesToDom(styles)
+
+  return function update (newList) {
+    var mayRemove = []
+    for (var i = 0; i < styles.length; i++) {
+      var item = styles[i]
+      var domStyle = stylesInDom[item.id]
+      domStyle.refs--
+      mayRemove.push(domStyle)
+    }
+    if (newList) {
+      styles = listToStyles(parentId, newList)
+      addStylesToDom(styles)
+    } else {
+      styles = []
+    }
+    for (var i = 0; i < mayRemove.length; i++) {
+      var domStyle = mayRemove[i]
+      if (domStyle.refs === 0) {
+        for (var j = 0; j < domStyle.parts.length; j++) {
+          domStyle.parts[j]()
+        }
+        delete stylesInDom[domStyle.id]
+      }
+    }
+  }
+}
+
+function addStylesToDom (styles /* Array<StyleObject> */) {
+  for (var i = 0; i < styles.length; i++) {
+    var item = styles[i]
+    var domStyle = stylesInDom[item.id]
+    if (domStyle) {
+      domStyle.refs++
+      for (var j = 0; j < domStyle.parts.length; j++) {
+        domStyle.parts[j](item.parts[j])
+      }
+      for (; j < item.parts.length; j++) {
+        domStyle.parts.push(addStyle(item.parts[j]))
+      }
+      if (domStyle.parts.length > item.parts.length) {
+        domStyle.parts.length = item.parts.length
+      }
+    } else {
+      var parts = []
+      for (var j = 0; j < item.parts.length; j++) {
+        parts.push(addStyle(item.parts[j]))
+      }
+      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
+    }
+  }
+}
+
+function createStyleElement () {
+  var styleElement = document.createElement('style')
+  styleElement.type = 'text/css'
+  head.appendChild(styleElement)
+  return styleElement
+}
+
+function addStyle (obj /* StyleObjectPart */) {
+  var update, remove
+  var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
+
+  if (styleElement) {
+    if (isProduction) {
+      // has SSR styles and in production mode.
+      // simply do nothing.
+      return noop
+    } else {
+      // has SSR styles but in dev mode.
+      // for some reason Chrome can't handle source map in server-rendered
+      // style tags - source maps in <style> only works if the style tag is
+      // created and inserted dynamically. So we remove the server rendered
+      // styles and inject new ones.
+      styleElement.parentNode.removeChild(styleElement)
+    }
+  }
+
+  if (isOldIE) {
+    // use singleton mode for IE9.
+    var styleIndex = singletonCounter++
+    styleElement = singletonElement || (singletonElement = createStyleElement())
+    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
+    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
+  } else {
+    // use multi-style-tag mode in all other cases
+    styleElement = createStyleElement()
+    update = applyToTag.bind(null, styleElement)
+    remove = function () {
+      styleElement.parentNode.removeChild(styleElement)
+    }
+  }
+
+  update(obj)
+
+  return function updateStyle (newObj /* StyleObjectPart */) {
+    if (newObj) {
+      if (newObj.css === obj.css &&
+          newObj.media === obj.media &&
+          newObj.sourceMap === obj.sourceMap) {
+        return
+      }
+      update(obj = newObj)
+    } else {
+      remove()
+    }
+  }
+}
+
+var replaceText = (function () {
+  var textStore = []
+
+  return function (index, replacement) {
+    textStore[index] = replacement
+    return textStore.filter(Boolean).join('\n')
+  }
+})()
+
+function applyToSingletonTag (styleElement, index, remove, obj) {
+  var css = remove ? '' : obj.css
+
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = replaceText(index, css)
+  } else {
+    var cssNode = document.createTextNode(css)
+    var childNodes = styleElement.childNodes
+    if (childNodes[index]) styleElement.removeChild(childNodes[index])
+    if (childNodes.length) {
+      styleElement.insertBefore(cssNode, childNodes[index])
+    } else {
+      styleElement.appendChild(cssNode)
+    }
+  }
+}
+
+function applyToTag (styleElement, obj) {
+  var css = obj.css
+  var media = obj.media
+  var sourceMap = obj.sourceMap
+
+  if (media) {
+    styleElement.setAttribute('media', media)
+  }
+  if (options.ssrId) {
+    styleElement.setAttribute(ssrIdKey, obj.id)
+  }
+
+  if (sourceMap) {
+    // https://developer.chrome.com/devtools/docs/javascript-debugging
+    // this makes source maps inside style tags work properly in Chrome
+    css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
+    // http://stackoverflow.com/a/26603875
+    css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
+  }
+
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = css
+  } else {
+    while (styleElement.firstChild) {
+      styleElement.removeChild(styleElement.firstChild)
+    }
+    styleElement.appendChild(document.createTextNode(css))
+  }
+}
+
+
 /***/ }),
 /* 47 */
 /***/ (function(module, exports) {
@@ -31504,19 +31504,15 @@ if (false) {
 /***/ (function(module, exports, __webpack_require__) {
 
 var disposed = false
-function injectStyle (ssrContext) {
-  if (disposed) return
-  __webpack_require__(52)
-}
 var normalizeComponent = __webpack_require__(1)
 /* script */
-var __vue_script__ = __webpack_require__(54)
+var __vue_script__ = __webpack_require__(52)
 /* template */
-var __vue_template__ = __webpack_require__(55)
+var __vue_template__ = __webpack_require__(53)
 /* template functional */
 var __vue_template_functional__ = false
 /* styles */
-var __vue_styles__ = injectStyle
+var __vue_styles__ = null
 /* scopeId */
 var __vue_scopeId__ = null
 /* moduleIdentifier (server only) */
@@ -31552,46 +31548,6 @@ module.exports = Component.exports
 
 /***/ }),
 /* 52 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(53);
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var update = __webpack_require__(11)("69b33cbc", content, false, {});
-// Hot Module Replacement
-if(false) {
- // When the styles change, update the <style> tags
- if(!content.locals) {
-   module.hot.accept("!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-0f947e82\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./cart-dropdown.vue", function() {
-     var newContent = require("!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-0f947e82\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./cart-dropdown.vue");
-     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
-     update(newContent);
-   });
- }
- // When the module is disposed, remove the <style> tags
- module.hot.dispose(function() { update(); });
-}
-
-/***/ }),
-/* 53 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(10)(false);
-// imports
-
-
-// module
-exports.push([module.i, "\n.show {\n    display: none;\n}\n.dropdown-cart {\n    position: absolute;\n    background: #FFFFFF;\n    border: 1px solid #E8E8E8;\n    -webkit-box-shadow: 1px 3px 6px 0 rgba(0,0,0,0.40);\n            box-shadow: 1px 3px 6px 0 rgba(0,0,0,0.40);\n    color: #242424;\n    padding: 20px;\n    border-radius: 1px;\n    right: 10%;\n    top: 75px;\n    width: 387px;\n    z-index: 5;\n}\n.dropdown-cart > .dropdown-header {\n    width: 100%;\n}\n.dropdown-cart > .dropdown-header p{\n    display: inline;\n    line-height: 25px;\n}\n.dropdown-cart > .dropdown-header i{\n    cursor: pointer;\n    float: right;\n    height: 22px;\n    width: 22px;\n}\n.dropdown-cart > .dropdown-header p.heading {\n    font-weight: lighter;\n}\n.dropdown-content {\n    padding-top: 10px;\n    padding-bottom: 10px;\n    margin-top: 7px;\n}\n.dropdown-content .item{\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    border-bottom: 1px solid #E8E8E8;\n    padding-top: 9px;\n    padding-bottom: 9px;\n}\n.dropdown-content .item img{\n    height: 75px;\n    width: 75px;\n    margin-right: 8px;\n}\n.dropdown-content .item-details{\n    height: 75px;\n}\n.item-details .item-name {\n    font-size: 16px;\n    font-weight: bold;\n    margin-bottom: 9px;\n}\n.item-details .item-price {\n    margin-bottom: 9px;\n}\n.item-details .item-qty {\n    font-weight: lighter;\n    margin-bottom: 9px;\n}\n.dropdown-footer {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    margin-top: 4px;\n}\n.dropdown-footer button {\n    border-radius: 0px;\n}\n\n", ""]);
-
-// exports
-
-
-/***/ }),
-/* 54 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -31688,7 +31644,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 55 */
+/* 53 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {
@@ -31783,7 +31739,7 @@ if (false) {
 }
 
 /***/ }),
-/* 56 */
+/* 54 */
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin