diff --git a/gulpfile.js b/gulpfile.js
index 85972c7..a4fa7cc 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,13 +1,22 @@
 const { src, dest, series } = require('gulp');
 const gulp = require('gulp');
+const less = require('gulp-less');
 const cleanCSS = require('gulp-clean-css');
 const minify = require('gulp-minify');
 const rename = require('gulp-rename');
 
-function less(){
+function lessCss(){
     return gulp.src('public/stylesheets/less/**/*.less')
-      .pipe(less())
-      .pipe(gulp.dest('./'));
+        .pipe(less({
+            paths: [
+                'public/stylesheets/less'
+            ]
+        }))
+        .pipe(rename({
+            dirname: 'public/stylesheets',
+            extname: '.css'
+        }))
+        .pipe(gulp.dest('./'));
 };
 
 function compressJS(){
@@ -64,4 +73,4 @@ function compressThemeJS(){
 };
 
 // run the tasks
-gulp.task('default', series(less, compressJS, compressCss, compressThemeCss, compressThemeJS));
+gulp.task('default', series(lessCss, compressJS, compressCss, compressThemeCss, compressThemeJS));
diff --git a/public/javascripts/admin.min.js b/public/javascripts/admin.min.js
index 8259851..661bc6d 100644
--- a/public/javascripts/admin.min.js
+++ b/public/javascripts/admin.min.js
@@ -1 +1 @@
-$(document).ready(function(){if($(document).on("click","#btnGenerateAPIkey",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/createApiKey"}).done(function(e){$("#apiKey").val(e.apiKey),showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click",".product_opt_remove",function(e){e.preventDefault();var t=$(this).closest("li").find(".opt-name").html();$.ajax({method:"POST",url:"/admin/product/removeoption",data:{productId:$("#productId").val(),optName:t}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click","#product_opt_add",function(e){e.preventDefault();var t=$("#product_optName").val(),o=$("#product_optLabel").val(),a=$("#product_optType").val(),i=$("#product_optOptions").val(),n={};""!==$("#productOptions").val()&&'"{}"'!==$("#productOptions").val()&&(n=JSON.parse($("#productOptions").val()));var s='<li class="list-group-item">';s+='<div class="row">',s+='<div class="col-lg-2 opt-name">'+t+"</div>",s+='<div class="col-lg-2">'+o+"</div>",s+='<div class="col-lg-2">'+a+"</div>",s+='<div class="col-lg-4">'+i+"</div>",s+='<div class="col-lg-2 text-right">',s+='<button class="product_opt_remove btn btn-outline-danger btn-sm">Remove</button>',s+="</div></div></li>",$("#product_opt_wrapper").append(s),n[t]={optName:t,optLabel:o,optType:a,optOptions:$.grep(i.split(","),function(e){return 0===e||e})},$("#productOptions").val(JSON.stringify(n)),$("#product_optName").val(""),$("#product_optLabel").val(""),$("#product_optOptions").val("")}),$("#settingsForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),$("#footerHtml_input").val($(".CodeMirror")[0].CodeMirror.getValue()),$("#googleAnalytics_input").val($(".CodeMirror")[1].CodeMirror.getValue()),$("#customCss_input").val($(".CodeMirror")[2].CodeMirror.getValue()),$.ajax({method:"POST",url:"/admin/settings/update",data:$("#settingsForm").serialize()}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$(document).on("click","#orderStatusUpdate",function(e){$.ajax({method:"POST",url:"/admin/order/statusupdate",data:{order_id:$("#order_id").val(),status:$("#orderStatus").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#userNewForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),$.ajax({method:"POST",url:"/admin/user/insert",data:{usersName:$("#usersName").val(),userEmail:$("#userEmail").val(),userPassword:$("#userPassword").val()}}).done(function(e){showNotification(e.message,"success",!1,"/admin/user/edit/"+e.userId)}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$(".userDelete").on("click",function(){confirm("Are you sure you want to delete?")&&$.ajax({method:"POST",url:"/admin/user/delete",data:{userId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#userEditForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),$.ajax({method:"POST",url:"/admin/user/update",data:{userId:$("#userId").val(),usersName:$("#usersName").val(),userEmail:$("#userEmail").val(),userPassword:$("#userPassword").val(),userAdmin:$("#userPassword").is(":checked")}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$("#productNewForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),""===$("#productPermalink").val()&&""!==$("#productTitle").val()&&$("#productPermalink").val(slugify($("#productTitle").val())),$.ajax({method:"POST",url:"/admin/product/insert",data:{productTitle:$("#productTitle").val(),productPrice:$("#productPrice").val(),productPublished:$("#productPublished").val(),productStock:$("#productStock").val(),productDescription:$("#productDescription").val(),productPermalink:$("#productPermalink").val(),productOptions:$("#productOptions").val(),productSubscription:$("#productSubscription").val(),productComment:$("#productComment").is(":checked"),productTags:$("#productTags").val()}}).done(function(e){showNotification(e.message,"success",!1,"/admin/product/edit/"+e.productId)}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$("#productEditForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),""===$("#productPermalink").val()&&""!==$("#productTitle").val()&&$("#productPermalink").val(slugify($("#productTitle").val())),$.ajax({method:"POST",url:"/admin/product/update",data:{productId:$("#productId").val(),productTitle:$("#productTitle").val(),productPrice:$("#productPrice").val(),productPublished:$("#productPublished").val(),productStock:$("#productStock").val(),productDescription:$("#productDescription").val(),productPermalink:$("#productPermalink").val(),productOptions:$("#productOptions").val(),productSubscription:$("#productSubscription").val(),productComment:$("#productComment").is(":checked"),productTags:$("#productTags").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$(".set-as-main-image").on("click",function(){$.ajax({method:"POST",url:"/admin/product/setasmainimage",data:{product_id:$("#productId").val(),productImage:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(".btn-delete-image").on("click",function(){$.ajax({method:"POST",url:"/admin/product/deleteimage",data:{product_id:$("#productId").val(),productImage:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(".btn-delete-product").on("click",function(){$.ajax({method:"POST",url:"/admin/product/delete",data:{productId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click","#validate_permalink",function(e){""!==$("#productPermalink").val()?$.ajax({method:"POST",url:"/admin/api/validate_permalink",data:{permalink:$("#productPermalink").val(),docId:$("#productId").val()}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")}):showNotification("Please enter a permalink to validate","danger")}),$(document).on("click","#btn_product_filter",function(e){""!==$("#product_filter").val()?window.location.href="/admin/products/filter/"+$("#product_filter").val():showNotification("Please enter a keyword to filter","danger")}),$(document).on("click","#btn_order_filter",function(e){""!==$("#order_filter").val()?window.location.href="/admin/orders/filter/"+$("#order_filter").val():showNotification("Please enter a keyword to filter","danger")}),$(document).on("click","#btn_customer_filter",function(e){""!==$("#customer_filter").val()?window.location.href="/admin/customers/filter/"+$("#customer_filter").val():showNotification("Please enter a keyword to filter","danger")}),$("#sendTestEmail").on("click",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/testEmail"}).done(function(e){showNotification(e,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click",".orderFilterByStatus",function(e){e.preventDefault(),window.location="/admin/orders/bystatus/"+$("#orderStatusFilter").val()}),$('input[class="published_state"]').change(function(){$.ajax({method:"POST",url:"/admin/product/published_state",data:{id:this.id,state:this.checked}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#updateCustomer").validator().on("click",function(e){e.preventDefault(),0===$("#customer-form").validator("validate").has(".has-error").length&&$.ajax({method:"POST",url:"/admin/customer/update",data:{customerId:$("#customerId").val(),email:$("#email").val(),firstName:$("#firstName").val(),lastName:$("#lastName").val(),address1:$("#address1").val(),address2:$("#address2").val(),country:$("#country").val(),state:$("#state").val(),postcode:$("#postcode").val(),phone:$("#phone").val()}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#deleteCustomer").on("click",function(e){e.preventDefault(),$.ajax({method:"DELETE",url:"/admin/customer",data:{customerId:$("#customerId").val()}}).done(function(e){showNotification(e.message,"success",!1,"/admin/customers")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#footerHtml").length){var e=window.CodeMirror.fromTextArea(document.getElementById("footerHtml"),{mode:"xml",tabMode:"indent",theme:"flatly",lineNumbers:!0,htmlMode:!0,fixedGutter:!1});e.setValue(e.getValue())}if($("#googleAnalytics").length&&window.CodeMirror.fromTextArea(document.getElementById("googleAnalytics"),{mode:"xml",tabMode:"indent",theme:"flatly",lineNumbers:!0,htmlMode:!0,fixedGutter:!1}),$("#customCss").length){var t=window.CodeMirror.fromTextArea(document.getElementById("customCss"),{mode:"text/css",tabMode:"indent",theme:"flatly",lineNumbers:!0}),o=window.cssbeautify(t.getValue(),{indent:"   ",autosemicolon:!0});t.setValue(o)}$(document).on("click","#btnPageUpdate",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/settings/page",data:{pageId:$("#pageId").val(),pageName:$("#pageName").val(),pageSlug:$("#pageSlug").val(),pageEnabled:$("#pageEnabled").is(":checked"),pageContent:$("#pageContent").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click","#btnPageDelete",function(e){e.preventDefault(),confirm("Are you sure?")&&$.ajax({method:"POST",url:"/admin/settings/page/delete",data:{pageId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click","#settings-menu-new",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/settings/menu/new",data:{navMenu:$("#newNavMenu").val(),navLink:$("#newNavLink").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click","#settings-menu-update",function(e){e.preventDefault();var t=$(this).attr("data-id"),o=$("#menuId-"+t);$.ajax({method:"POST",url:"/admin/settings/menu/update",data:{navId:o.find(".navId").val(),navMenu:o.find(".navMenu").val(),navLink:o.find(".navLink").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click",".settings-menu-delete",function(e){e.preventDefault(),confirm("Are you sure?")&&$.ajax({method:"POST",url:"/admin/settings/menu/delete",data:{menuId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click","#uploadButton",function(e){e.preventDefault();var t=new FormData($("#uploadForm")[0]);t.append("productId",$("#productId").val()),$.ajax({method:"POST",url:"/admin/file/upload",processData:!1,contentType:!1,cache:!1,data:t}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})})});
\ No newline at end of file
+$(document).ready(function(){if($(document).on("click","#btnGenerateAPIkey",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/createApiKey"}).done(function(e){$("#apiKey").val(e.apiKey),showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click",".product_opt_remove",function(e){e.preventDefault();var t=$(this).closest("li").find(".opt-name").html();$.ajax({method:"POST",url:"/admin/product/removeoption",data:{productId:$("#productId").val(),optName:t}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click","#product_opt_add",function(e){e.preventDefault();var t=$("#product_optName").val(),o=$("#product_optLabel").val(),a=$("#product_optType").val(),i=$("#product_optOptions").val(),n={};""!==$("#productOptions").val()&&'"{}"'!==$("#productOptions").val()&&(n=JSON.parse($("#productOptions").val()));var s='<li class="list-group-item">';s+='<div class="row">',s+='<div class="col-sm-2 opt-name">'+t+"</div>",s+='<div class="col-sm-2">'+o+"</div>",s+='<div class="col-sm-2">'+a+"</div>",s+='<div class="col-sm-4">'+i+"</div>",s+='<div class="col-sm-2 text-right">',s+='<button class="product_opt_remove btn btn-outline-danger">Remove</button>',s+="</div></div></li>",$("#product_opt_wrapper").append(s),n[t]={optName:t,optLabel:o,optType:a,optOptions:$.grep(i.split(","),function(e){return 0===e||e})},$("#productOptions").val(JSON.stringify(n)),$("#product_optName").val(""),$("#product_optLabel").val(""),$("#product_optOptions").val("")}),$("#settingsForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),$("#footerHtml_input").val($(".CodeMirror")[0].CodeMirror.getValue()),$("#googleAnalytics_input").val($(".CodeMirror")[1].CodeMirror.getValue()),$("#customCss_input").val($(".CodeMirror")[2].CodeMirror.getValue()),$.ajax({method:"POST",url:"/admin/settings/update",data:$("#settingsForm").serialize()}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$(document).on("click","#orderStatusUpdate",function(e){$.ajax({method:"POST",url:"/admin/order/statusupdate",data:{order_id:$("#order_id").val(),status:$("#orderStatus").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#userNewForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),$.ajax({method:"POST",url:"/admin/user/insert",data:{usersName:$("#usersName").val(),userEmail:$("#userEmail").val(),userPassword:$("#userPassword").val()}}).done(function(e){showNotification(e.message,"success",!1,"/admin/user/edit/"+e.userId)}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$(".userDelete").on("click",function(){confirm("Are you sure you want to delete?")&&$.ajax({method:"POST",url:"/admin/user/delete",data:{userId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#userEditForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),$.ajax({method:"POST",url:"/admin/user/update",data:{userId:$("#userId").val(),usersName:$("#usersName").val(),userEmail:$("#userEmail").val(),userPassword:$("#userPassword").val(),userAdmin:$("#userPassword").is(":checked")}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$("#productNewForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),""===$("#productPermalink").val()&&""!==$("#productTitle").val()&&$("#productPermalink").val(slugify($("#productTitle").val())),$.ajax({method:"POST",url:"/admin/product/insert",data:{productTitle:$("#productTitle").val(),productPrice:$("#productPrice").val(),productPublished:$("#productPublished").val(),productStock:$("#productStock").val(),productDescription:$("#productDescription").val(),productPermalink:$("#productPermalink").val(),productOptions:$("#productOptions").val(),productSubscription:$("#productSubscription").val(),productComment:$("#productComment").is(":checked"),productTags:$("#productTags").val()}}).done(function(e){showNotification(e.message,"success",!1,"/admin/product/edit/"+e.productId)}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$("#productEditForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),""===$("#productPermalink").val()&&""!==$("#productTitle").val()&&$("#productPermalink").val(slugify($("#productTitle").val())),$.ajax({method:"POST",url:"/admin/product/update",data:{productId:$("#productId").val(),productTitle:$("#productTitle").val(),productPrice:$("#productPrice").val(),productPublished:$("#productPublished").val(),productStock:$("#productStock").val(),productDescription:$("#productDescription").val(),productPermalink:$("#productPermalink").val(),productOptions:$("#productOptions").val(),productSubscription:$("#productSubscription").val(),productComment:$("#productComment").is(":checked"),productTags:$("#productTags").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$(".set-as-main-image").on("click",function(){$.ajax({method:"POST",url:"/admin/product/setasmainimage",data:{product_id:$("#productId").val(),productImage:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(".btn-delete-image").on("click",function(){confirm("Are you sure you want to delete this image?")&&$.ajax({method:"POST",url:"/admin/product/deleteimage",data:{product_id:$("#productId").val(),productImage:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(".btn-delete-product").on("click",function(){confirm("Are you sure you want to delete this product?")&&$.ajax({method:"POST",url:"/admin/product/delete",data:{productId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click","#validate_permalink",function(e){""!==$("#productPermalink").val()?$.ajax({method:"POST",url:"/admin/api/validate_permalink",data:{permalink:$("#productPermalink").val(),docId:$("#productId").val()}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")}):showNotification("Please enter a permalink to validate","danger")}),$(document).on("click","#btn_product_filter",function(e){""!==$("#product_filter").val()?window.location.href="/admin/products/filter/"+$("#product_filter").val():showNotification("Please enter a keyword to filter","danger")}),$(document).on("click","#btn_order_filter",function(e){""!==$("#order_filter").val()?window.location.href="/admin/orders/filter/"+$("#order_filter").val():showNotification("Please enter a keyword to filter","danger")}),$(document).on("click","#btn_customer_filter",function(e){""!==$("#customer_filter").val()?window.location.href="/admin/customers/filter/"+$("#customer_filter").val():showNotification("Please enter a keyword to filter","danger")}),$("#sendTestEmail").on("click",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/testEmail"}).done(function(e){showNotification(e,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click",".orderFilterByStatus",function(e){e.preventDefault(),window.location="/admin/orders/bystatus/"+$("#orderStatusFilter").val()}),$('input[class="published_state"]').change(function(){$.ajax({method:"POST",url:"/admin/product/published_state",data:{id:this.id,state:this.checked}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#updateCustomer").validator().on("click",function(e){e.preventDefault(),0===$("#customer-form").validator("validate").has(".has-error").length&&$.ajax({method:"POST",url:"/admin/customer/update",data:{customerId:$("#customerId").val(),email:$("#email").val(),firstName:$("#firstName").val(),lastName:$("#lastName").val(),address1:$("#address1").val(),address2:$("#address2").val(),country:$("#country").val(),state:$("#state").val(),postcode:$("#postcode").val(),phone:$("#phone").val()}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#deleteCustomer").on("click",function(e){e.preventDefault(),$.ajax({method:"DELETE",url:"/admin/customer",data:{customerId:$("#customerId").val()}}).done(function(e){showNotification(e.message,"success",!1,"/admin/customers")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#footerHtml").length){var e=window.CodeMirror.fromTextArea(document.getElementById("footerHtml"),{mode:"xml",tabMode:"indent",theme:"flatly",lineNumbers:!0,htmlMode:!0,fixedGutter:!1});e.setValue(e.getValue())}if($("#googleAnalytics").length&&window.CodeMirror.fromTextArea(document.getElementById("googleAnalytics"),{mode:"xml",tabMode:"indent",theme:"flatly",lineNumbers:!0,htmlMode:!0,fixedGutter:!1}),$("#customCss").length){var t=window.CodeMirror.fromTextArea(document.getElementById("customCss"),{mode:"text/css",tabMode:"indent",theme:"flatly",lineNumbers:!0}),o=window.cssbeautify(t.getValue(),{indent:"   ",autosemicolon:!0});t.setValue(o)}$(document).on("click","#btnPageUpdate",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/settings/page",data:{pageId:$("#pageId").val(),pageName:$("#pageName").val(),pageSlug:$("#pageSlug").val(),pageEnabled:$("#pageEnabled").is(":checked"),pageContent:$("#pageContent").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click","#btnPageDelete",function(e){e.preventDefault(),confirm("Are you sure?")&&$.ajax({method:"POST",url:"/admin/settings/page/delete",data:{pageId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click","#settings-menu-new",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/settings/menu/new",data:{navMenu:$("#newNavMenu").val(),navLink:$("#newNavLink").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click","#settings-menu-update",function(e){e.preventDefault();var t=$(this).attr("data-id"),o=$("#menuId-"+t);$.ajax({method:"POST",url:"/admin/settings/menu/update",data:{navId:o.find(".navId").val(),navMenu:o.find(".navMenu").val(),navLink:o.find(".navLink").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click",".settings-menu-delete",function(e){e.preventDefault(),confirm("Are you sure?")&&$.ajax({method:"POST",url:"/admin/settings/menu/delete",data:{menuId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$("#draggable_list").length&&$("#draggable_list").sortable({update:function(){var e=[];$(".navId").each(function(t){e.push($($(".navId")[t]).val())}),$.ajax({data:{order:e},type:"POST",url:"/admin/settings/menu/save_order"}).done(function(){showNotification("Menu order saved","success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger",!0)})}}),$(document).on("click","#uploadButton",function(e){e.preventDefault();var t=new FormData($("#uploadForm")[0]);t.append("productId",$("#productId").val()),$.ajax({method:"POST",url:"/admin/file/upload",processData:!1,contentType:!1,cache:!1,data:t}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})})});
\ No newline at end of file
diff --git a/public/javascripts/expressCart.min.js b/public/javascripts/expressCart.min.js
index 655ed51..e90930b 100644
--- a/public/javascripts/expressCart.min.js
+++ b/public/javascripts/expressCart.min.js
@@ -1 +1 @@
-function deleteFromCart(t){$.ajax({method:"POST",url:"/product/removefromcart",data:{cartId:t.attr("data-id")}}).done(function(a){$("#cart-count").text(a.totalCartItems),0===a.totalCartItems?($(t).closest(".cart-row").hide("slow",function(){$(t).closest(".cart-row").remove()}),$(".cart-contents-shipping").hide("slow",function(){$(".cart-contents-shipping").remove()}),showNotification(a.message,"success"),setTimeout(function(){window.location="/"},3700)):($(t).closest(".cart-row").hide("slow",function(){$(t).closest(".cart-row").remove()}),showNotification(a.message,"success"))}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}function cartUpdate(t){$(t).val()>0?""!==$(t).val()&&updateCart():$(t).val(1)}function updateCart(){var t=[];$(".cart-product-quantity").each(function(){t.push({productId:$(this).attr("data-id"),quantity:$(this).val()})}),$.ajax({method:"POST",url:"/product/updatecart",data:{items:JSON.stringify(t)}}).done(function(t){updateCartDiv(),$("#cart-count").text(t.totalCartItems)}).fail(function(t){showNotification(t.responseJSON.message,"danger",!0)})}function updateCartDiv(){var t=window.location.pathname.split("/").length>0?window.location.pathname.split("/")[1]:"";$.ajax({method:"GET",url:"/cartPartial",data:{path:t}}).done(function(t){$("#cart").html(t)}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}function getSelectedOptions(){var t={};return $(".product-opt").each(function(){if("opt-"!==$(this).attr("name")){var a=$(this).val().trim();"radio"===$(this).attr("type")&&(a=$('input[name="'+$(this).attr("name")+'"]:checked').val()),t[$(this).attr("name").substring(4,$(this).attr("name").length)]=a}else t[$(this).val().trim()]=$(this).prop("checked")}),t}$(document).ready(function(){if($(window).width()<768&&($(".menu-side").on("click",function(t){t.preventDefault(),$('.menu-side li:not(".active")').slideToggle()}),$('.menu-side li:not(".active")').hide(),$(".menu-side>.active").html('<i class="fa fa-bars" aria-hidden="true"></i>'),$(".menu-side>.active").addClass("menu-side-mobile"),0===$("#navbar ul li").length&&$("#navbar").hide(),$("#offcanvasClose").hide()),$("#userSetupForm").validator().on("submit",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/admin/setup_action",data:{usersName:$("#usersName").val(),userEmail:$("#userEmail").val(),userPassword:$("#userPassword").val()}}).done(function(t){showNotification(t.message,"success",!1,"/admin/login")}).fail(function(t){showNotification(t.responseJSON.message,"danger")}))}),$(".shipping-form input").each(function(t){$(this).wrap("<fieldset></fieldset>");var a=$(this).attr("placeholder");$(this).after('<label for="name" class="hidden">'+a+"</label>")}),$(".shipping-form input").on("focus",function(){$(this).next().addClass("floatLabel"),$(this).next().removeClass("hidden")}),$(".shipping-form input").on("blur",function(){""===$(this).val()&&($(this).next().addClass("hidden"),$(this).next().removeClass("floatLabel"))}),$(document).on("click",".menu-btn",function(t){t.preventDefault(),$("body").addClass("pushy-open-right")}),$("table").each(function(){$(this).addClass("table table-hover")}),$("#productTags").tokenfield(),$(document).on("click",".dashboard_list",function(t){window.document.location=$(this).attr("href")}).hover(function(){$(this).toggleClass("hover")}),$(".product-title").length&&$(".product-title").dotdotdot({ellipsis:"..."}),$(document).on("click",".btn-qty-minus",function(t){var a=$(t.target).parent().parent().find(".cart-product-quantity");$(a).val(parseInt(a.val())-1),cartUpdate(a)}),$(document).on("click",".btn-qty-add",function(t){var a=$(t.target).parent().parent().find(".cart-product-quantity");$(a).val(parseInt(a.val())+1),cartUpdate(a)}),$(document).on("change",".cart-product-quantity",function(t){cartUpdate(t.target)}),$(document).on("click",".btn-delete-from-cart",function(t){deleteFromCart($(t.target))}),$("#pager").length){var t=$("#pageNum").val(),a=$("#productsPerPage").val(),e=$("#totalProductCount").val(),o=$("#paginateUrl").val(),n=$("#searchTerm").val();""!==n&&(n+="/");var i="/"+o+"/"+n+"{{number}}",s=Math.ceil(e/a);parseInt(e)>parseInt(a)&&$("#pager").bootpag({total:s,page:t,maxVisible:5,href:i,wrapClass:"pagination",prevClass:"waves-effect",nextClass:"waves-effect",activeClass:"pag-active waves-effect"})}if($("#customerLogout").on("click",function(t){$.ajax({method:"POST",url:"/customer/logout",data:{}}).done(function(t){location.reload()})}),$("#customerForgotten").validator().on("submit",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/customer/forgotten_action",data:{email:$("#email").val()}}).done(function(t){showNotification(t.message,"success")}).fail(function(t){t.message?showNotification(t.responseJSON.message,"danger"):showNotification(t.responseText,"danger")}))}),$(document).on("click","#createAccountCheckbox",function(t){$("#newCustomerPassword").prop("required",$("#createAccountCheckbox").prop("checked"))}),$("#checkoutInformation").validator().on("click",function(t){if(t.preventDefault(),0===$("#shipping-form").validator("validate").has(".has-error").length){var a="/customer/save";$("#createAccountCheckbox").prop("checked")&&(a="/customer/create"),$.ajax({method:"POST",url:a,data:{email:$("#shipEmail").val(),firstName:$("#shipFirstname").val(),lastName:$("#shipLastname").val(),address1:$("#shipAddr1").val(),address2:$("#shipAddr2").val(),country:$("#shipCountry").val(),state:$("#shipState").val(),postcode:$("#shipPostcode").val(),phone:$("#shipPhoneNumber").val(),password:$("#newCustomerPassword").val(),orderComment:$("#orderComment").val()}}).done(function(){window.location="/checkout/shipping"}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}}),$("#loginForm").on("click",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/admin/login_action",data:{email:$("#email").val(),password:$("#password").val()}}).done(function(t){window.location="/admin"}).fail(function(t){showNotification(t.responseJSON.message,"danger")})),t.preventDefault()}),$("#customerLogin").on("click",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/customer/login_action",data:{loginEmail:$("#customerLoginEmail").val(),loginPassword:$("#customerLoginPassword").val()}}).done(function(t){var a=t.customer;$("#shipEmail").val(a.email),$("#shipFirstname").val(a.firstName),$("#shipLastname").val(a.lastName),$("#shipAddr1").val(a.address1),$("#shipAddr2").val(a.address2),$("#shipCountry").val(a.country),$("#shipState").val(a.state),$("#shipPostcode").val(a.postcode),$("#shipPhoneNumber").val(a.phone),location.reload()}).fail(function(t){showNotification(t.responseJSON.message,"danger")})),t.preventDefault()}),$(document).on("click",".image-next",function(t){var a=$(".thumbnail-image"),e=0,o=0;$(".thumbnail-image").each(function(){$("#product-title-image").attr("src")===$(this).attr("src")&&(o=e+1===a.length||e+1<0?0:e+1),e++}),$("#product-title-image").attr("src",$(a).eq(o).attr("src"))}),$(document).on("click",".image-prev",function(t){var a=$(".thumbnail-image"),e=0,o=0;$(".thumbnail-image").each(function(){$("#product-title-image").attr("src")===$(this).attr("src")&&(o=e-1===a.length||e-1<0?a.length-1:e-1),e++}),$("#product-title-image").attr("src",$(a).eq(o).attr("src"))}),$(document).on("click",".product-add-to-cart",function(t){var a=getSelectedOptions();parseInt($("#product_quantity").val())<0&&$("#product_quantity").val(0),$.ajax({method:"POST",url:"/product/addtocart",data:{productId:$("#productId").val(),productQuantity:$("#product_quantity").val(),productOptions:JSON.stringify(a),productComment:$("#product_comment").val()}}).done(function(t){$("#cart-count").text(t.totalCartItems),updateCartDiv(),showNotification(t.message,"success")}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}),$(".cart-product-quantity").on("input",function(){cartUpdate()}),$(document).on("click",".pushy-link",function(t){$("body").removeClass("pushy-open-right")}),$(document).on("click",".add-to-cart",function(t){var a="/product/"+$(this).attr("data-id");$(this).attr("data-link")&&(a="/product/"+$(this).attr("data-link")),"true"===$(this).attr("data-has-options")?window.location=a:$.ajax({method:"POST",url:"/product/addtocart",data:{productId:$(this).attr("data-id")}}).done(function(t){$("#cart-count").text(t.totalCartItems),updateCartDiv(),showNotification(t.message,"success")}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}),$(document).on("click","#empty-cart",function(t){$.ajax({method:"POST",url:"/product/emptycart"}).done(function(t){$("#cart-count").text(t.totalCartItems),updateCartDiv(),showNotification(t.message,"success",!0)})}),$(".qty-btn-minus").on("click",function(){var t=parseInt($("#product_quantity").val())-1;$("#product_quantity").val(t>0?t:1)}),$(".qty-btn-plus").on("click",function(){$("#product_quantity").val(parseInt($("#product_quantity").val())+1)}),$(".thumbnail-image").on("click",function(){$("#product-title-image").attr("src",$(this).attr("src"))}),$(document).on("click","#btn_search_reset",function(t){window.location.replace("/")}),$(document).on("click","#btn_search",function(t){t.preventDefault(),""===$("#frm_search").val().trim()?showNotification("Please enter a search value","danger"):window.location.href="/search/"+$("#frm_search").val()}),""!==$("#input_notify_message").val()){var r=$("#input_notify_message").val(),c=$("#input_notify_messageType").val();$("#input_notify_message").val(""),$("#input_notify_messageType").val(""),showNotification(r,c,!1)}});
\ No newline at end of file
+function deleteFromCart(t){$.ajax({method:"POST",url:"/product/removefromcart",data:{cartId:t.attr("data-id")}}).done(function(a){$("#cart-count").text(a.totalCartItems),0===a.totalCartItems?($(t).closest(".cart-row").hide("slow",function(){$(t).closest(".cart-row").remove()}),$(".cart-contents-shipping").hide("slow",function(){$(".cart-contents-shipping").remove()}),showNotification(a.message,"success"),setTimeout(function(){window.location="/"},3700)):($(t).closest(".cart-row").hide("slow",function(){$(t).closest(".cart-row").remove()}),showNotification(a.message,"success"))}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}function cartUpdate(t){console.log("element",t.val()),$(t).val()>0?""!==$(t).val()&&updateCart():$(t).val(1)}function updateCart(){var t=[];$(".cart-product-quantity").each(function(){t.push({productId:$(this).attr("data-id"),quantity:$(this).val()})}),console.log("cartItems",t),$.ajax({method:"POST",url:"/product/updatecart",data:{items:JSON.stringify(t)}}).done(function(t){updateCartDiv(),$("#cart-count").text(t.totalCartItems)}).fail(function(t){showNotification(t.responseJSON.message,"danger",!0)})}function updateCartDiv(){var t=window.location.pathname.split("/").length>0?window.location.pathname.split("/")[1]:"";$.ajax({method:"GET",url:"/cartPartial",data:{path:t}}).done(function(t){$("#cart").html(t)}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}function getSelectedOptions(){var t={};return $(".product-opt").each(function(){if("opt-"!==$(this).attr("name")){var a=$(this).val().trim();"radio"===$(this).attr("type")&&(a=$('input[name="'+$(this).attr("name")+'"]:checked').val()),t[$(this).attr("name").substring(4,$(this).attr("name").length)]=a}else t[$(this).val().trim()]=$(this).prop("checked")}),t}$(document).ready(function(){if($(window).width()<768&&($(".menu-side").on("click",function(t){t.preventDefault(),$('.menu-side li:not(".active")').slideToggle()}),$('.menu-side li:not(".active")').hide(),$(".menu-side>.active").html('<i class="fa fa-bars" aria-hidden="true"></i>'),$(".menu-side>.active").addClass("menu-side-mobile"),0===$("#navbar ul li").length&&$("#navbar").hide(),$("#offcanvasClose").hide()),$("#userSetupForm").validator().on("submit",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/admin/setup_action",data:{usersName:$("#usersName").val(),userEmail:$("#userEmail").val(),userPassword:$("#userPassword").val()}}).done(function(t){showNotification(t.message,"success",!1,"/admin/login")}).fail(function(t){showNotification(t.responseJSON.message,"danger")}))}),$(document).on("click",".menu-btn",function(t){t.preventDefault(),$("body").addClass("pushy-open-right")}),$("table").each(function(){$(this).addClass("table table-hover")}),$("#productTags").tokenfield(),$(document).on("click",".dashboard_list",function(t){window.document.location=$(this).attr("href")}).hover(function(){$(this).toggleClass("hover")}),$(document).on("click",".btn-qty-minus",function(t){t.preventDefault();var a=$(t.target).parent().parent().find(".cart-product-quantity");$(a).val(parseInt(a.val())-1),cartUpdate(a)}),$(document).on("click",".btn-qty-add",function(t){t.preventDefault();var a=$(t.target).parent().parent().find(".cart-product-quantity");$(a).val(parseInt(a.val())+1),cartUpdate(a)}),$(document).on("click",".btn-delete-from-cart",function(t){deleteFromCart($(t.target))}),$("#pager").length){var t=$("#pageNum").val(),a=$("#productsPerPage").val(),e=$("#totalProductCount").val(),o=$("#paginateUrl").val(),n=$("#searchTerm").val();""!==n&&(n+="/");var i="/"+o+"/"+n+"{{number}}",r=Math.ceil(e/a);parseInt(e)>parseInt(a)&&($("#pager").bootpag({total:r,page:t,maxVisible:5,href:i,wrapClass:"pagination",prevClass:"page-item previous",nextClass:"page-item next",activeClass:"page-item active"}),$("#pager a").each(function(){$(this).addClass("page-link")}))}if($("#customerLogout").on("click",function(t){$.ajax({method:"POST",url:"/customer/logout",data:{}}).done(function(t){location.reload()})}),$("#customerForgotten").validator().on("submit",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/customer/forgotten_action",data:{email:$("#email").val()}}).done(function(t){showNotification(t.message,"success")}).fail(function(t){t.message?showNotification(t.responseJSON.message,"danger"):showNotification(t.responseText,"danger")}))}),$(document).on("click","#createAccountCheckbox",function(t){$("#newCustomerPassword").prop("required",$("#createAccountCheckbox").prop("checked"))}),$("#checkoutInformation").validator().on("click",function(t){if(t.preventDefault(),0===$("#shipping-form").validator("validate").has(".has-error").length){var a="/customer/save";$("#createAccountCheckbox").prop("checked")&&(a="/customer/create"),$.ajax({method:"POST",url:a,data:{email:$("#shipEmail").val(),firstName:$("#shipFirstname").val(),lastName:$("#shipLastname").val(),address1:$("#shipAddr1").val(),address2:$("#shipAddr2").val(),country:$("#shipCountry").val(),state:$("#shipState").val(),postcode:$("#shipPostcode").val(),phone:$("#shipPhoneNumber").val(),password:$("#newCustomerPassword").val(),orderComment:$("#orderComment").val()}}).done(function(){window.location="/checkout/shipping"}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}}),$("#loginForm").on("click",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/admin/login_action",data:{email:$("#email").val(),password:$("#password").val()}}).done(function(t){window.location="/admin"}).fail(function(t){showNotification(t.responseJSON.message,"danger")})),t.preventDefault()}),$("#customerLogin").on("click",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/customer/login_action",data:{loginEmail:$("#customerLoginEmail").val(),loginPassword:$("#customerLoginPassword").val()}}).done(function(t){var a=t.customer;$("#shipEmail").val(a.email),$("#shipFirstname").val(a.firstName),$("#shipLastname").val(a.lastName),$("#shipAddr1").val(a.address1),$("#shipAddr2").val(a.address2),$("#shipCountry").val(a.country),$("#shipState").val(a.state),$("#shipPostcode").val(a.postcode),$("#shipPhoneNumber").val(a.phone),location.reload()}).fail(function(t){showNotification(t.responseJSON.message,"danger")})),t.preventDefault()}),$(document).on("click",".image-next",function(t){var a=$(".thumbnail-image"),e=0,o=0;$(".thumbnail-image").each(function(){$("#product-title-image").attr("src")===$(this).attr("src")&&(o=e+1===a.length||e+1<0?0:e+1),e++}),$("#product-title-image").attr("src",$(a).eq(o).attr("src"))}),$(document).on("click",".image-prev",function(t){var a=$(".thumbnail-image"),e=0,o=0;$(".thumbnail-image").each(function(){$("#product-title-image").attr("src")===$(this).attr("src")&&(o=e-1===a.length||e-1<0?a.length-1:e-1),e++}),$("#product-title-image").attr("src",$(a).eq(o).attr("src"))}),$(document).on("click",".product-add-to-cart",function(t){var a=getSelectedOptions();parseInt($("#product_quantity").val())<0&&$("#product_quantity").val(0),$.ajax({method:"POST",url:"/product/addtocart",data:{productId:$("#productId").val(),productQuantity:$("#product_quantity").val(),productOptions:JSON.stringify(a),productComment:$("#product_comment").val()}}).done(function(t){$("#cart-count").text(t.totalCartItems),updateCartDiv(),showNotification(t.message,"success")}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}),$(".cart-product-quantity").on("input",function(){cartUpdate()}),$(document).on("click",".pushy-link",function(t){$("body").removeClass("pushy-open-right")}),$(document).on("click",".add-to-cart",function(t){var a="/product/"+$(this).attr("data-id");$(this).attr("data-link")&&(a="/product/"+$(this).attr("data-link")),"true"===$(this).attr("data-has-options")?window.location=a:$.ajax({method:"POST",url:"/product/addtocart",data:{productId:$(this).attr("data-id")}}).done(function(t){$("#cart-count").text(t.totalCartItems),updateCartDiv(),showNotification(t.message,"success")}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}),$(document).on("click","#empty-cart",function(t){$.ajax({method:"POST",url:"/product/emptycart"}).done(function(t){$("#cart-count").text(t.totalCartItems),updateCartDiv(),showNotification(t.message,"success",!0)})}),$(".qty-btn-minus").on("click",function(){var t=parseInt($("#product_quantity").val())-1;$("#product_quantity").val(t>0?t:1)}),$(".qty-btn-plus").on("click",function(){$("#product_quantity").val(parseInt($("#product_quantity").val())+1)}),$(".thumbnail-image").on("click",function(){$("#product-title-image").attr("src",$(this).attr("src"))}),$(document).on("click","#btn_search_reset",function(t){window.location.replace("/")}),$(document).on("click","#btn_search",function(t){t.preventDefault(),""===$("#frm_search").val().trim()?showNotification("Please enter a search value","danger"):window.location.href="/search/"+$("#frm_search").val()}),""!==$("#input_notify_message").val()){var c=$("#input_notify_message").val(),s=$("#input_notify_messageType").val();$("#input_notify_message").val(""),$("#input_notify_messageType").val(""),showNotification(c,s||"danger",!1)}});
\ No newline at end of file
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index bbfd48d..c9fbda2 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -1,153 +1,148 @@
-.btn-outline-danger, .btn-warning, .btn-outline-primary {
-    color: #ffffff !important;
-    background-color: #000000;
-    border-color: #000000;
+.btn-warning,
+.btn-outline-primary {
+  color: #ffffff !important;
+  background-color: #000000;
+  border-color: #000000;
 }
-
-.search-bar-input, #frm_search, .search-bar-input .btn{
-    padding-top: 10px;
-    height: 45px;
+.btn-outline-danger {
+  color: #ffffff !important;
+  background-color: #cc4135;
+  border-color: #cc4135;
+}
+.has-error input,
+.has-error textarea,
+.has-error div {
+  border-color: #cc4135;
+}
+.search-bar-input,
+#frm_search,
+.search-bar-input .btn {
+  padding-top: 10px;
+  height: 45px;
 }
-
 .searchMenuLocation-side {
-    padding-right: 0;
+  padding-right: 0;
 }
-
-.productsWrapper{
-    padding-right: 10px;
-    padding-left: 10px;
+.productsWrapper {
+  padding-right: 10px;
+  padding-left: 10px;
 }
-
-.searchBarWrapper{
-    padding-right: 0;
-    padding-left: 0;
+.searchBarWrapper {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.footer{
-    padding-top: 20px;
+.footer {
+  padding-top: 20px;
 }
-
 .product-price {
-    padding-bottom: 0;
+  padding-bottom: 0;
 }
-
-.navbarMenuWrapper{
-    background-color: #f5f5f5;
+.navbarMenuWrapper {
+  background-color: #f5f5f5;
 }
-
-.navbarMenu>ul>li>a:hover{
-    color: #cc4135 !important;
+.navbarMenu > ul > li > a:hover {
+  color: #cc4135 !important;
 }
-
-.navbarMenu{
-    padding-right: 0;
-    padding-left: 0;
+.navbarMenu {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.product-wrapper>a:hover{
-    color: #cc4135 !important;
+.product-wrapper > a:hover {
+  color: #cc4135 !important;
 }
-
-.navbar-static-top, #navbar, .navbar-header, #navbar>.navbar-nav, #navbar>.navbar-nav>li>a{
-    margin-bottom: 0;
-    height: 100px !important;
+.navbar-static-top,
+#navbar,
+.navbar-header,
+#navbar > .navbar-nav,
+#navbar > .navbar-nav > li > a {
+  margin-bottom: 0;
+  height: 100px !important;
 }
-
-#navbar>.navbar-nav>li>a{
-    padding-top: 35px;
+#navbar > .navbar-nav > li > a {
+  padding-top: 35px;
 }
-
-.pagination>li>a{
-    background-color: #cc4135 !important;
+.pagination > li > a {
+  background-color: #cc4135 !important;
 }
-
 /* Fixes summernote editor issue: https://github.com/summernote/summernote/issues/2516 */
-body .popover{display:none !important; }
-
-.navbar-brand{
-    color: #cc4135 !important;
-    letter-spacing: 4px;
-    padding-left: 20px !important;
-    padding-top: 0 !important;
-    height: 80px !important;
-    font-size: 55px !important;
+body .popover {
+  display: none !important;
 }
-
-.navbar-brand-image, .navbar-brand{
-    height: 80px;
-    padding-left: 10px;
-    padding-top: 10px;
+.navbar-brand {
+  color: #cc4135 !important;
+  letter-spacing: 4px;
+  padding-left: 20px !important;
+  padding-top: 0 !important;
+  height: 80px !important;
+  font-size: 55px !important;
+}
+.navbar-brand-image,
+.navbar-brand {
+  height: 80px;
+  padding-left: 10px;
+  padding-top: 10px;
 }
-
 .navbar-default .badge {
+  background-color: #cc4135;
+}
+.pushy-link:hover,
+.pushy-link:focus,
+.pushy-link:active,
+.pushy-link:active:hover,
+#empty-cart:hover,
+#empty-cart:focus,
+#empty-cart:active,
+#empty-cart:active:hover {
+  border-color: #cc4135;
+  background-color: #cc4135;
+}
+.navActive > a {
+  margin-bottom: 0px;
+  padding-top: 15px;
+  border-bottom: 5px solid #cc4135;
+}
+.navbar-static-top,
+#navbar,
+.navbar-header,
+#navbar > .navbar-nav,
+#navbar > .navbar-nav > li > a {
+  background-color: #fff;
+}
+.navbar-default .navbar-nav > li > a {
+  color: #838b8f;
+  font-size: 20px;
+}
+@media only screen and (max-width: 768px) {
+  .navbar-default .navbar-brand {
+    padding-top: 10px;
+  }
+  .navbar-default .navbar-nav > li > a {
+    font-size: 16px;
+  }
+  .searchBarWrapper {
+    padding-top: 10px;
+  }
+  .navbarMenuWrapper {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+  .navbarMenuOuter {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .navActive > a {
+    color: #fff !important;
+  }
+  .navbarMenu {
+    padding-right: 7.5px;
+    padding-left: 7.5px;
+  }
+  .navActive > a {
+    color: white !important;
     background-color: #cc4135;
+    border-bottom: none;
+  }
+  .footer {
+    padding-top: 10px;
+  }
 }
-
-.pushy-link, #empty-cart{
-    border-color: #E74C3C;
-    background-color: #E74C3C;
-}
-
-.pushy-link:hover, .pushy-link:focus, .pushy-link:active, .pushy-link:active:hover,
-#empty-cart:hover, #empty-cart:focus, #empty-cart:active, #empty-cart:active:hover{
-    border-color: #cc4135;
-    background-color: #cc4135;
-}
-
-.navActive>a{
-    margin-bottom: 0px;
-    padding-top: 15px;
-    border-bottom: 5px solid #E74C3C;
-}
-
-.navbar-static-top, #navbar, .navbar-header, #navbar>.navbar-nav, #navbar>.navbar-nav>li>a {
-    background-color: #fff;
-}
-
-.navbar-default .navbar-nav>li>a {
-    color: #838b8f;
-    font-size: 20px;
-}
-
-@media only screen and (max-width: 768px){
-    .navbar-default .navbar-brand {
-        padding-top: 10px;
-    }
-
-    .navbar-default .navbar-nav>li>a{
-        font-size: 16px;
-    }
-
-    .searchBarWrapper{
-        padding-top: 10px;
-    }
-
-    .navbarMenuWrapper{
-        padding-left: 0px;
-        padding-right: 0px;
-    }
-
-    .navbarMenuOuter{
-        padding-left: 0;
-        padding-right: 0;
-    }
-
-    .navActive>a {
-        color: #fff !important;
-    }
-
-    .navbarMenu {
-        padding-right: 7.5px;
-        padding-left: 7.5px;
-    }
-
-    .navActive>a{
-        color: white !important;
-        background-color: #E74C3C;
-        border-bottom: none;
-    }
-
-    .footer {
-        padding-top: 10px;
-    }
-}
\ No newline at end of file
diff --git a/public/stylesheets/admin.min.css b/public/stylesheets/admin.min.css
index b046b0d..dec34a0 100644
--- a/public/stylesheets/admin.min.css
+++ b/public/stylesheets/admin.min.css
@@ -1 +1 @@
-#frm_search,.search-bar-input,.search-bar-input .btn{padding-top:10px;height:45px}.searchMenuLocation-side{padding-right:0}.productsWrapper{padding-right:10px;padding-left:10px}.searchBarWrapper{padding-right:0;padding-left:0}.footer{padding-top:20px}.product-price{padding-bottom:0}.navbarMenuWrapper{background-color:#f5f5f5}.navbarMenu>ul>li>a:hover{color:#cc4135!important}.navbarMenu{padding-right:0;padding-left:0}.product_wrapper>a:hover{color:#cc4135!important}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{margin-bottom:0;height:100px!important}#navbar>.navbar-nav>li>a{padding-top:35px}.pagination>li>a{background-color:#cc4135!important}.navbar-brand{color:#cc4135!important;letter-spacing:4px;padding-left:20px!important;padding-top:20px!important;height:100px!important;font-size:55px!important}.navbar-brand,.navbar-brand-image{height:80px;padding-left:10px;padding-top:10px}.navbar-default .badge{background-color:#cc4135}#empty-cart,.pushy-link{border-color:#e74c3c;background-color:#e74c3c}#empty-cart:active,#empty-cart:active:hover,#empty-cart:focus,#empty-cart:hover,.pushy-link:active,.pushy-link:active:hover,.pushy-link:focus,.pushy-link:hover{border-color:#cc4135;background-color:#cc4135}.navActive>a{margin-bottom:0;padding-top:15px;border-bottom:5px solid #e74c3c}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#838b8f;font-size:20px}@media only screen and (max-width:768px){.navbar-default .navbar-brand{padding-top:10px}.navbar-default .navbar-nav>li>a{font-size:16px}.searchBarWrapper{padding-top:10px}.navbarMenuWrapper{padding-left:0;padding-right:0}.navbarMenuOuter{padding-left:0;padding-right:0}.navActive>a{color:#fff!important}.navbarMenu{padding-right:7.5px;padding-left:7.5px}.navActive>a{color:#fff!important;background-color:#e74c3c;border-bottom:none}.footer{padding-top:10px}}
\ No newline at end of file
+.btn-outline-primary,.btn-warning{color:#fff!important;background-color:#000;border-color:#000}.btn-outline-danger{color:#fff!important;background-color:#cc4135;border-color:#cc4135}.has-error div,.has-error input,.has-error textarea{border-color:#cc4135}#frm_search,.search-bar-input,.search-bar-input .btn{padding-top:10px;height:45px}.searchMenuLocation-side{padding-right:0}.productsWrapper{padding-right:10px;padding-left:10px}.searchBarWrapper{padding-right:0;padding-left:0}.footer{padding-top:20px}.product-price{padding-bottom:0}.navbarMenuWrapper{background-color:#f5f5f5}.navbarMenu>ul>li>a:hover{color:#cc4135!important}.navbarMenu{padding-right:0;padding-left:0}.product-wrapper>a:hover{color:#cc4135!important}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{margin-bottom:0;height:100px!important}#navbar>.navbar-nav>li>a{padding-top:35px}.pagination>li>a{background-color:#cc4135!important}body .popover{display:none!important}.navbar-brand{color:#cc4135!important;letter-spacing:4px;padding-left:20px!important;padding-top:0!important;height:80px!important;font-size:55px!important}.navbar-brand,.navbar-brand-image{height:80px;padding-left:10px;padding-top:10px}.navbar-default .badge{background-color:#cc4135}#empty-cart:active,#empty-cart:active:hover,#empty-cart:focus,#empty-cart:hover,.pushy-link:active,.pushy-link:active:hover,.pushy-link:focus,.pushy-link:hover{border-color:#cc4135;background-color:#cc4135}.navActive>a{margin-bottom:0;padding-top:15px;border-bottom:5px solid #cc4135}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#838b8f;font-size:20px}@media only screen and (max-width:768px){.navbar-default .navbar-brand{padding-top:10px}.navbar-default .navbar-nav>li>a{font-size:16px}.searchBarWrapper{padding-top:10px}.navbarMenuWrapper{padding-left:0;padding-right:0}.navbarMenuOuter{padding-left:0;padding-right:0}.navActive>a{color:#fff!important}.navbarMenu{padding-right:7.5px;padding-left:7.5px}.navActive>a{color:#fff!important;background-color:#cc4135;border-bottom:none}.footer{padding-top:10px}}
\ No newline at end of file
diff --git a/public/stylesheets/less/admin.less b/public/stylesheets/less/admin.less
new file mode 100644
index 0000000..386c429
--- /dev/null
+++ b/public/stylesheets/less/admin.less
@@ -0,0 +1,164 @@
+@accent-color: #cc4135;
+@nav-menu-bg: #f5f5f5;
+@btn-danger-color-txt: #ffffff;
+@btn-danger-color-bg: #000000;
+@btn-danger-color-border: #000000;
+
+.btn-warning, .btn-outline-primary {
+    color: @btn-danger-color-txt !important;
+    background-color:@btn-danger-color-bg;
+    border-color: @btn-danger-color-border;
+}
+
+.btn-outline-danger {
+    color: @btn-danger-color-txt !important;
+    background-color: @accent-color;
+    border-color: @accent-color;
+}
+
+.has-error input, .has-error textarea, .has-error div {
+    border-color: @accent-color;
+}
+
+.search-bar-input, #frm_search, .search-bar-input .btn {
+    padding-top: 10px;
+    height: 45px;
+}
+
+.searchMenuLocation-side {
+    padding-right: 0;
+}
+
+.productsWrapper{
+    padding-right: 10px;
+    padding-left: 10px;
+}
+
+.searchBarWrapper{
+    padding-right: 0;
+    padding-left: 0;
+}
+
+.footer{
+    padding-top: 20px;
+}
+
+.product-price {
+    padding-bottom: 0;
+}
+
+.navbarMenuWrapper{
+    background-color: @nav-menu-bg;
+}
+
+.navbarMenu>ul>li>a:hover{
+    color: @accent-color !important;
+}
+
+.navbarMenu{
+    padding-right: 0;
+    padding-left: 0;
+}
+
+.product-wrapper>a:hover{
+    color: @accent-color !important;
+}
+
+.navbar-static-top, #navbar, .navbar-header, #navbar>.navbar-nav, #navbar>.navbar-nav>li>a{
+    margin-bottom: 0;
+    height: 100px !important;
+}
+
+#navbar>.navbar-nav>li>a{
+    padding-top: 35px;
+}
+
+.pagination>li>a{
+    background-color: @accent-color !important;
+}
+
+/* Fixes summernote editor issue: https://github.com/summernote/summernote/issues/2516 */
+body .popover{display:none !important; }
+
+.navbar-brand{
+    color: @accent-color !important;
+    letter-spacing: 4px;
+    padding-left: 20px !important;
+    padding-top: 0 !important;
+    height: 80px !important;
+    font-size: 55px !important;
+}
+
+.navbar-brand-image, .navbar-brand{
+    height: 80px;
+    padding-left: 10px;
+    padding-top: 10px;
+}
+
+.navbar-default .badge {
+    background-color: @accent-color;
+}
+
+.pushy-link:hover, .pushy-link:focus, .pushy-link:active, .pushy-link:active:hover,
+#empty-cart:hover, #empty-cart:focus, #empty-cart:active, #empty-cart:active:hover{
+    border-color: @accent-color;
+    background-color: @accent-color;
+}
+
+.navActive>a{
+    margin-bottom: 0px;
+    padding-top: 15px;
+    border-bottom: 5px solid @accent-color;
+}
+
+.navbar-static-top, #navbar, .navbar-header, #navbar>.navbar-nav, #navbar>.navbar-nav>li>a {
+    background-color: #fff;
+}
+
+.navbar-default .navbar-nav>li>a {
+    color: #838b8f;
+    font-size: 20px;
+}
+
+@media only screen and (max-width: 768px){
+    .navbar-default .navbar-brand {
+        padding-top: 10px;
+    }
+
+    .navbar-default .navbar-nav>li>a{
+        font-size: 16px;
+    }
+
+    .searchBarWrapper{
+        padding-top: 10px;
+    }
+
+    .navbarMenuWrapper{
+        padding-left: 0px;
+        padding-right: 0px;
+    }
+
+    .navbarMenuOuter{
+        padding-left: 0;
+        padding-right: 0;
+    }
+
+    .navActive>a {
+        color: #fff !important;
+    }
+
+    .navbarMenu {
+        padding-right: 7.5px;
+        padding-left: 7.5px;
+    }
+
+    .navActive>a{
+        color: white !important;
+        background-color: @accent-color;
+        border-bottom: none;
+    }
+
+    .footer {
+        padding-top: 10px;
+    }
+}
\ No newline at end of file
diff --git a/public/stylesheets/less/style.less b/public/stylesheets/less/style.less
new file mode 100644
index 0000000..50adf9b
--- /dev/null
+++ b/public/stylesheets/less/style.less
@@ -0,0 +1,642 @@
+@footer-height: 100px;
+@primary-btn-color: #000000;
+@secondary-btn-color: #cc3a2c;
+@link-color: #000000;
+@text-danger-color: #cc3a2c;
+@text-gray-color: #aaaaaa;
+@separator-color: #eeeeee;
+@breadcrumb-bg: #f8f9fa;
+
+html {
+    position: relative;
+    min-height: 100%;
+}
+body {
+    margin-bottom: 140px;
+}
+
+html, body {
+    font-size: 16px;
+}
+
+.content-body{
+    margin-bottom: 40px;
+}
+
+.menu-top{
+    margin-top: 15px;
+    margin-left: 15px;
+    margin-right: 15px;
+}
+
+.menu-side, .product-layout{
+    padding-top: 35px;
+}
+
+.menu-side-mobile{
+    background-color: transparent !important;
+    color: inherit !important;
+    text-align: center;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+}
+
+.dragable_item{
+	cursor: move;
+}
+
+.page-header{
+    padding-bottom: 5px;
+}
+
+.cart-contents-title{
+    font-size: 18px;
+    font-weight: 700;
+}
+
+.cart-row{
+    padding-bottom: 10px;
+    display: flex;
+    align-items: center;
+}
+
+.cart-item-row{
+    margin-top: 5px;
+}
+
+.cart-link{
+    padding-left: 7px;
+}
+
+a.text-danger:hover, a.text-danger:focus {
+    color: @text-danger-color;
+}
+
+.cart-update-button{
+    cursor: pointer;
+}
+
+.thumbnail-image{
+    cursor: pointer;
+}
+
+#product-images{
+    margin-bottom: 30px;
+}
+
+.product-layout{
+    padding-top: 30px;
+}
+
+.product-title-image{
+    margin: auto;
+    max-height: 400px;
+    width: auto;
+}
+
+.thumbnail-image-container .img-fluid {
+    display: block;
+    width: auto;
+    max-height: 100%;
+    margin: auto;
+}
+
+input[type=number]::-webkit-inner-spin-button, 
+input[type=number]::-webkit-outer-spin-button { 
+    -webkit-appearance: none; 
+    margin: 0; 
+}
+
+.navbar-brand>img {
+    width: auto;
+    height: 100%;
+}
+
+.thumbnail{
+    min-height: 415px;
+}
+
+.vertical-center {
+    display: flex;
+    align-items: center;
+}
+
+.title-image-container .img-fluid {
+    display: block;
+    width: auto;
+    max-height: 100%;
+    margin: auto;
+}
+
+.title-image-container{
+    height: 400px;
+}
+
+.thumbnail-image-container {
+    height: 350px;
+}
+
+.product-title{
+    font-size: 24px;
+    margin-top: 0px;
+}
+
+.product-title-home{
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+}
+
+.product-price{
+    padding-bottom: 10px;
+    font-size: 20px;
+    color: @text-gray-color;
+}
+
+.productOptions{
+    padding-bottom: 15px;
+}
+
+.product-option{
+    font-size: 18px;
+}
+
+.btnAddToCart, .body_text{
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+
+.product-option-text{
+    font-size: 16px;
+    color: @text-gray-color;
+    padding-bottom: 10px;
+    padding-top: 10px;
+}
+
+.seporator{
+    padding-top: 5px;
+    border-bottom: 1px solid @separator-color;
+    padding-bottom: 6px;
+}
+
+.list-group-input-pad select{
+    margin-top: -7px;
+}
+
+.no-pad-left{
+    padding-left: 0px;
+}
+
+.no-pad-right{
+    padding-right: 0px;
+}
+
+.top-marg-10{
+    margin-top: 10px;
+}
+
+.top-marg-15{
+    margin-top: 15px;
+}
+
+.top-marg-20{
+    margin-top: 20px;
+}
+
+.top-pad-5{
+    padding-top: 10px;
+}
+
+.top-pad-8{
+    padding-top: 8px;
+}
+
+.top-pad-10{
+    padding-top: 10px;
+}
+
+.top-pad-20{
+    padding-top: 20px;
+}
+
+.top-pad-50{
+    padding-top: 50px;
+}
+
+.top-pad-100{
+    padding-top: 100px;
+}
+
+.bottom-pad-10{
+    padding-bottom: 10px;
+}
+
+.bottom-pad-15{
+    padding-bottom: 15px;
+}
+
+.bottom-pad-20{
+    padding-bottom: 20px;
+}
+
+.bottom-marg-10{
+    margin-bottom: 10px;
+}
+
+.bottom-marg-15{
+    margin-bottom: 15px;
+}
+
+.bottom-marg-20{
+    margin-bottom: 20px;
+}
+
+.left-pad-10{
+    padding-left: 10px;
+}
+
+.left-pad-30{
+    padding-left: 30px;
+}
+
+.right-pad-10{
+    padding-right: 10px;
+}
+
+.shipping-form input{
+    margin-bottom: 15px;
+}
+
+#header {        
+    height: 50px;
+}
+
+.search-bar{
+    margin-top: 10px;
+}
+
+.searchMenuLocation-side{
+    padding-left: 25px;
+    padding-right: 25px;
+}
+.searchMenuLocation-top{
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+.breadcrumb{
+    background-color: @breadcrumb-bg;
+    margin-top: 10px;
+}
+
+.breadcrumbProPerRow-3{
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+.searchProPerRow-3, .searchProPerRow-4{
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.dropup-button{
+    height: 34px;
+    padding: 0px;
+    color: white !important;
+}
+
+.dropdown-menu>li>a{
+    padding-top: 5px !important;
+    
+}
+
+.pad-bottom{
+    padding-bottom: 25px;
+}
+
+.keywords{
+    padding-bottom: 30px;
+    padding-top: 20px;
+    font-size: 19px;
+}
+
+.file-form{
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+.editor_btn_action{
+    border-top-left-radius: 4px !important; 
+    border-bottom-left-radius: 4px !important;
+}
+
+.dropup-list{
+    padding-bottom: 5px;
+    margin-right: 10px;
+    margin-left: 10px;
+    margin-top: 10px;
+}
+
+#notify_message{
+    position: fixed;
+    display: none;
+    z-index: 9999;
+    padding-top: 10px;
+    height: 50px;
+    bottom: 0px; 
+    width: 100%; 
+    text-align: center;
+    font-size: 22px;
+}
+
+.input-group .form-control {
+    z-index: 1;
+}
+
+.btn-file {
+    position: relative;
+    overflow: hidden;
+}
+.btn-file input[type=file] {
+    position: absolute;
+    top: 0;
+    right: 0;
+    min-width: 100%;
+    min-height: 100%;
+    font-size: 100px;
+    text-align: right;
+    filter: alpha(opacity=0);
+    opacity: 0;
+    outline: none;
+    background: white;
+    cursor: inherit;
+    display: block;
+}
+
+.offcanvas-element{
+    z-index: 100;
+    background-color: #ffffff;
+}
+
+.product-item{
+    padding-left: 0px;
+    padding-right: 0px;
+}
+
+input:focus {
+    outline: none;
+    background: #fbfbe9;
+}
+
+input + label {
+    display: block;
+    cursor: text;
+    transition: .15s ease-out all;
+    position: absolute;
+    top: .9em;
+    left: 1.3em;
+}
+
+.floatLabel{
+    top: .1em;
+    left: 32px;
+    font-size: .7em;
+    color: #999999;
+    font-weight: normal;
+    transition: .15s ease-out all;
+}
+
+input.form-control.customerDetails{
+    padding-bottom: 5px;
+}
+
+.footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: @footer-height;
+    padding-top: 25px;
+    background-color: #f5f5f5;
+}
+
+.admin{
+    margin-bottom: 0;
+}
+
+.image-next{
+    position: absolute;
+    top: 180px; 
+    right: 0px;
+}
+
+.image-prev{
+    position: absolute;
+    top: 180px; 
+    left: 0px;
+}
+
+.image-button{
+    cursor: pointer;
+    opacity: 0.7;
+}
+
+.image-button-show{
+    cursor: pointer;
+    opacity: 0.7 !important;
+}
+
+.navbar-default {
+    background-color: #ffffff;
+}
+
+.navbar-default .navbar-nav>li>a {
+    color: @primary-btn-color;
+}
+
+.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
+    color: @primary-btn-color;
+}
+
+.btn-warning, .btn-outline-primary {
+    color: #ffffff;
+    background-color: @primary-btn-color;
+    border-color: @primary-btn-color;
+}
+
+.btn-warning:hover, .btn-outline-primary:hover {
+    color: #ffffff !important;
+    background-color: @primary-btn-color !important;
+    border-color: @primary-btn-color !important;
+    opacity: 0.65;
+}
+
+.btn-outline-danger{
+    color: #ffffff;
+    background-color: @secondary-btn-color;
+    border-color: @secondary-btn-color;
+}
+
+.btn-outline-danger:hover{
+    color: #ffffff !important;
+    background-color: @secondary-btn-color !important;
+    border-color: @secondary-btn-color !important;
+    opacity: 0.65;
+}
+
+a:hover, a:focus {
+    color: @link-color;
+}
+a {
+    color: @primary-btn-color;
+}
+
+.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
+    background-color: @primary-btn-color;
+    border-color: @primary-btn-color;
+}
+
+.navbar-default .navbar-brand {
+    color: #000000; 
+    font-size: 40px;
+    font-weight: 700;
+}
+
+.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
+    color: #000000;
+}
+
+.navbar-brand-image {
+    padding: 0px;
+    height: 70px;
+}
+
+.page-item.disabled .page-link{
+    color:#b7b7b7;
+}
+
+.page-link {
+    color: white;
+    border: 0;
+}
+
+.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
+    background-color: #000000;
+}
+
+.thumbnail {
+    border: none;
+}
+
+.help-block{
+    color: #95a5a6;
+}
+
+.list-group-item:first-child, .list-group-item:last-child {
+    border-top-right-radius: 0px;
+    border-top-left-radius: 0px;
+}
+
+@media only screen and (min-width: 768px){
+    .pushy {
+        width: 700px;
+    }
+    .pushy-right {
+        -webkit-transform: translate3d(700px, 0, 0);
+        -ms-transform: translate3d(700px, 0, 0);
+        transform: translate3d(700px, 0, 0);
+    }
+
+    .pushy-open-right #container,
+    .pushy-open-right .push {
+        -webkit-transform: translate3d(-700px, 0, 0);
+        -ms-transform: translate3d(-700px, 0, 0);
+        transform: translate3d(-700px, 0, 0);
+    }
+}
+
+@media only screen and (max-width: 768px){
+    .pushy {
+        width: calc(100%);
+    }
+    .pushy-right {
+        -webkit-transform: translate3d(calc(100%), 0, 0);
+        -ms-transform: translate3d(calc(100%), 0, 0);
+        transform: translate3d(calc(100%), 0, 0);
+    }
+
+    .pushy-open-right #container,
+    .pushy-open-right .push {
+        -webkit-transform: translate3d(-calc(100%), 0, 0);
+        -ms-transform: translate3d(-calc(100%), 0, 0);
+        transform: translate3d(-calc(100%), 0, 0);
+    }
+
+    .product-item{
+        padding-left: 0px;
+        padding-right: 0px;
+    }
+
+    .showFooter{
+        margin-bottom: 220px;
+    }
+
+    .title-image-container{
+        height: auto;
+    }
+
+    .product-title{
+        font-size: 18px;
+        padding-top: 18px;
+        min-height: auto;
+    }
+
+    .search-bar-input{
+        padding-left: 0;
+        padding-right: 0;
+    }
+
+    .menu-side {
+        padding-top: 15px;
+    }
+
+    .product-layout{
+        padding-top: 0px;
+        padding-bottom: 30px;
+    }
+
+    #btn_search{
+        border-top-right-radius: 4px;
+        border-bottom-right-radius: 4px;
+    }
+
+    .cart-row{
+        padding-top: 10px;
+        border-bottom: 1px solid #ecf0f1;
+        display: block;
+    }
+
+    .cart-body{
+        padding-top: 0px;
+    }
+
+    .cart-contents-shipping{
+        padding-top: 10px;
+    }
+
+    #cart{
+        padding-bottom: 15px;
+    }
+
+    .footer {
+        height: @footer-height;
+    }
+
+    body{
+        margin-bottom: @footer-height;
+    }
+}
\ No newline at end of file
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index 48b7911..f6333c5 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -1,620 +1,527 @@
 html {
-    position: relative;
-    min-height: 100%;
+  position: relative;
+  min-height: 100%;
 }
 body {
-    margin-bottom: 140px;
+  margin-bottom: 140px;
 }
-
-html, body {
-    font-size: 16px;
+html,
+body {
+  font-size: 16px;
 }
-
-.content-body{
-    margin-bottom: 40px;
+.content-body {
+  margin-bottom: 40px;
 }
-
-.menu-top{
-    margin-top: 15px;
-    margin-left: 15px;
-    margin-right: 15px;
+.menu-top {
+  margin-top: 15px;
+  margin-left: 15px;
+  margin-right: 15px;
 }
-
-.menu-side, .product-layout{
-    padding-top: 35px;
+.menu-side,
+.product-layout {
+  padding-top: 35px;
 }
-
-.menu-side-mobile{
-    background-color: transparent !important;
-    color: inherit !important;
-    text-align: center;
-    border-bottom-right-radius: 4px;
-    border-bottom-left-radius: 4px;
+.menu-side-mobile {
+  background-color: transparent !important;
+  color: inherit !important;
+  text-align: center;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
 }
-
-.dragable_item{
-	cursor: move;
+.dragable_item {
+  cursor: move;
 }
-
-.page-header{
-    padding-bottom: 5px;
+.page-header {
+  padding-bottom: 5px;
 }
-
-.cart-contents-title{
-    font-size: 18px;
-    font-weight: 700;
+.cart-contents-title {
+  font-size: 18px;
+  font-weight: 700;
 }
-
-.cart-row{
-    padding-bottom: 10px;
-    display: flex;
-    align-items: center;
+.cart-row {
+  padding-bottom: 10px;
+  display: flex;
+  align-items: center;
 }
-
-.cart-item-row{
-    margin-top: 5px;
+.cart-item-row {
+  margin-top: 5px;
 }
-
-.cart-link{
-    padding-left: 7px;
+.cart-link {
+  padding-left: 7px;
 }
-
-.cart-delete-button{
-    color: #d9534f;
-    cursor: pointer;
-    padding-left: 5px;
+a.text-danger:hover,
+a.text-danger:focus {
+  color: #cc3a2c;
 }
-
-a.text-danger:hover, a.text-danger:focus {
-    color: #cc3a2c;
+.cart-update-button {
+  cursor: pointer;
 }
-
-.cart-update-button{
-    cursor: pointer;
+.thumbnail-image {
+  cursor: pointer;
 }
-
-.thumbnail-image{
-    cursor: pointer;
+#product-images {
+  margin-bottom: 30px;
 }
-
-#product-images{
-    margin-bottom: 30px;
+.product-layout {
+  padding-top: 30px;
 }
-
-.product-layout{
-    padding-top: 30px;
+.product-title-image {
+  margin: auto;
+  max-height: 400px;
+  width: auto;
 }
-
-.product-title-image{
-    margin: auto;
-    max-height: 400px;
-    width: auto;
-}
-
 .thumbnail-image-container .img-fluid {
-    display: block;
-    width: auto;
-    max-height: 100%;
-    margin: auto;
+  display: block;
+  width: auto;
+  max-height: 100%;
+  margin: auto;
 }
-
-input[type=number]::-webkit-inner-spin-button, 
-input[type=number]::-webkit-outer-spin-button { 
-    -webkit-appearance: none; 
-    margin: 0; 
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
 }
-
-.navbar-brand>img {
-    width: auto;
-    height: 100%;
+.navbar-brand > img {
+  width: auto;
+  height: 100%;
 }
-
-.thumbnail{
-    min-height: 415px;
+.thumbnail {
+  min-height: 415px;
 }
-
 .vertical-center {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
-
 .title-image-container .img-fluid {
-    display: block;
-    width: auto;
-    max-height: 100%;
-    margin: auto;
+  display: block;
+  width: auto;
+  max-height: 100%;
+  margin: auto;
 }
-
-.title-image-container{
-    height: 400px;
+.title-image-container {
+  height: 400px;
 }
-
 .thumbnail-image-container {
-    height: 350px;
+  height: 350px;
 }
-
-.product-title{
-    font-size: 24px;
-    margin-top: 0px;
+.product-title {
+  font-size: 24px;
+  margin-top: 0px;
 }
-
-.product-title-home{
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
+.product-title-home {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
 }
-
-.product-price{
-    padding-bottom: 10px;
-    font-size: 20px;
-    color: #AAAAAA;
+.product-price {
+  padding-bottom: 10px;
+  font-size: 20px;
+  color: #aaaaaa;
 }
-
-.productOptions{
-    padding-bottom: 15px;
+.productOptions {
+  padding-bottom: 15px;
 }
-
-.product-option{
-    font-size: 18px;
+.product-option {
+  font-size: 18px;
 }
-
-.btnAddToCart, .body_text{
-    padding-top: 15px;
-    padding-bottom: 15px;
+.btnAddToCart,
+.body_text {
+  padding-top: 15px;
+  padding-bottom: 15px;
 }
-
-.product-option-text{
-    font-size: 16px;
-    color: #AAAAAA;
-    padding-bottom: 10px;
-    padding-top: 10px;
+.product-option-text {
+  font-size: 16px;
+  color: #aaaaaa;
+  padding-bottom: 10px;
+  padding-top: 10px;
 }
-
-.seporator{
-    padding-top: 5px;
-    border-bottom: 1px solid #EEEEEE;
-    padding-bottom: 6px;
+.seporator {
+  padding-top: 5px;
+  border-bottom: 1px solid #eeeeee;
+  padding-bottom: 6px;
 }
-
-.list-group-input-pad select{
-    margin-top: -7px;
+.list-group-input-pad select {
+  margin-top: -7px;
 }
-
-.no-pad-left{
-    padding-left: 0px;
+.no-pad-left {
+  padding-left: 0px;
 }
-
-.no-pad-right{
-    padding-right: 0px;
+.no-pad-right {
+  padding-right: 0px;
 }
-
-.top-marg-10{
-    margin-top: 10px;
+.top-marg-10 {
+  margin-top: 10px;
 }
-
-.top-marg-15{
-    margin-top: 15px;
+.top-marg-15 {
+  margin-top: 15px;
 }
-
-.top-marg-20{
-    margin-top: 20px;
+.top-marg-20 {
+  margin-top: 20px;
 }
-
-.top-pad-10{
-    padding-top: 10px;
+.top-pad-5 {
+  padding-top: 10px;
 }
-
-.top-pad-20{
-    padding-top: 20px;
+.top-pad-8 {
+  padding-top: 8px;
 }
-
-.top-pad-50{
-    padding-top: 50px;
+.top-pad-10 {
+  padding-top: 10px;
 }
-
-.top-pad-100{
-    padding-top: 100px;
+.top-pad-20 {
+  padding-top: 20px;
 }
-
-.bottom-pad-10{
-    padding-bottom: 10px;
+.top-pad-50 {
+  padding-top: 50px;
 }
-
-.bottom-pad-15{
-    padding-bottom: 15px;
+.top-pad-100 {
+  padding-top: 100px;
 }
-
-.bottom-pad-20{
-    padding-bottom: 20px;
+.bottom-pad-10 {
+  padding-bottom: 10px;
 }
-
-.bottom-marg-10{
-    margin-bottom: 10px;
+.bottom-pad-15 {
+  padding-bottom: 15px;
 }
-
-.bottom-marg-15{
-    margin-bottom: 15px;
+.bottom-pad-20 {
+  padding-bottom: 20px;
 }
-
-.bottom-marg-20{
-    margin-bottom: 20px;
+.bottom-marg-10 {
+  margin-bottom: 10px;
 }
-
-.left-pad-30{
-    padding-left: 30px;
+.bottom-marg-15 {
+  margin-bottom: 15px;
 }
-
-.shipping-form input{
-    margin-bottom: 15px;
+.bottom-marg-20 {
+  margin-bottom: 20px;
 }
-
-#header {        
-    height: 50px;
+.left-pad-10 {
+  padding-left: 10px;
 }
-
-.search-bar{
-    margin-top: 10px;
+.left-pad-30 {
+  padding-left: 30px;
 }
-
-.searchMenuLocation-side{
-    padding-left: 25px;
-    padding-right: 25px;
+.right-pad-10 {
+  padding-right: 10px;
 }
-.searchMenuLocation-top{
-    padding-left: 5px;
-    padding-right: 5px;
+.shipping-form input {
+  margin-bottom: 15px;
 }
-
-.breadcrumb{
-    background-color: #f8f9fa;
-    margin-top: 10px;
+#header {
+  height: 50px;
 }
-
-.breadcrumbProPerRow-3{
-    margin-left: 10px;
-    margin-right: 10px;
+.search-bar {
+  margin-top: 10px;
 }
-
-.searchProPerRow-3, .searchProPerRow-4{
-    padding-left: 0;
-    padding-right: 0;
+.searchMenuLocation-side {
+  padding-left: 25px;
+  padding-right: 25px;
 }
-
-.dropup-button{
-    height: 34px;
-    padding: 0px;
-    color: white !important;
+.searchMenuLocation-top {
+  padding-left: 5px;
+  padding-right: 5px;
 }
-
-.dropdown-menu>li>a{
-    padding-top: 5px !important;
-    
+.breadcrumb {
+  background-color: #f8f9fa;
+  margin-top: 10px;
 }
-
-.pad-bottom{
-    padding-bottom: 25px;
+.breadcrumbProPerRow-3 {
+  margin-left: 10px;
+  margin-right: 10px;
 }
-
-.keywords{
-    padding-bottom: 30px;
-    padding-top: 20px;
-    font-size: 19px;
+.searchProPerRow-3,
+.searchProPerRow-4 {
+  padding-left: 0;
+  padding-right: 0;
 }
-
-.file-form{
-    padding-left: 15px;
-    padding-right: 15px;
+.dropup-button {
+  height: 34px;
+  padding: 0px;
+  color: white !important;
 }
-
-.editor_btn_action{
-    border-top-left-radius: 4px !important; 
-    border-bottom-left-radius: 4px !important;
+.dropdown-menu > li > a {
+  padding-top: 5px !important;
 }
-
-.dropup-list{
-    padding-bottom: 5px;
-    margin-right: 10px;
-    margin-left: 10px;
-    margin-top: 10px;
+.pad-bottom {
+  padding-bottom: 25px;
 }
-
-#notify_message{
-    position: fixed;
-    display: none;
-    z-index: 9999;
-    padding-top: 10px;
-    height: 50px;
-    bottom: 0px; 
-    width: 100%; 
-    text-align: center;
-    font-size: 22px;
+.keywords {
+  padding-bottom: 30px;
+  padding-top: 20px;
+  font-size: 19px;
+}
+.file-form {
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.editor_btn_action {
+  border-top-left-radius: 4px !important;
+  border-bottom-left-radius: 4px !important;
+}
+.dropup-list {
+  padding-bottom: 5px;
+  margin-right: 10px;
+  margin-left: 10px;
+  margin-top: 10px;
+}
+#notify_message {
+  position: fixed;
+  display: none;
+  z-index: 9999;
+  padding-top: 10px;
+  height: 50px;
+  bottom: 0px;
+  width: 100%;
+  text-align: center;
+  font-size: 22px;
 }
-
 .input-group .form-control {
-    z-index: 1;
+  z-index: 1;
 }
-
 .btn-file {
-    position: relative;
-    overflow: hidden;
+  position: relative;
+  overflow: hidden;
 }
 .btn-file input[type=file] {
-    position: absolute;
-    top: 0;
-    right: 0;
-    min-width: 100%;
-    min-height: 100%;
-    font-size: 100px;
-    text-align: right;
-    filter: alpha(opacity=0);
-    opacity: 0;
-    outline: none;
-    background: white;
-    cursor: inherit;
-    display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 100%;
+  min-height: 100%;
+  font-size: 100px;
+  text-align: right;
+  filter: alpha(opacity=0);
+  opacity: 0;
+  outline: none;
+  background: white;
+  cursor: inherit;
+  display: block;
 }
-
-.offcanvas-element{
-    z-index: 100;
-    background-color: #ffffff;
+.offcanvas-element {
+  z-index: 100;
+  background-color: #ffffff;
 }
-
-.product-item{
-    padding-left: 0px;
-    padding-right: 0px;
+.product-item {
+  padding-left: 0px;
+  padding-right: 0px;
 }
-
 input:focus {
-    outline: none;
-    background: #fbfbe9;
+  outline: none;
+  background: #fbfbe9;
 }
-
 input + label {
-    display: block;
-    cursor: text;
-    transition: .15s ease-out all;
-    position: absolute;
-    top: .9em;
-    left: 1.3em;
+  display: block;
+  cursor: text;
+  transition: 0.15s ease-out all;
+  position: absolute;
+  top: 0.9em;
+  left: 1.3em;
 }
-
-.floatLabel{
-    top: .1em;
-    left: 32px;
-    font-size: .7em;
-    color: #999999;
-    font-weight: normal;
-    transition: .15s ease-out all;
+.floatLabel {
+  top: 0.1em;
+  left: 32px;
+  font-size: 0.7em;
+  color: #999999;
+  font-weight: normal;
+  transition: 0.15s ease-out all;
 }
-
-input.form-control.customerDetails{
-    padding-bottom: 5px;
+input.form-control.customerDetails {
+  padding-bottom: 5px;
 }
-
 .footer {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    height: 100px;
-    padding-top: 25px;
-    background-color: #f5f5f5;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 100px;
+  padding-top: 25px;
+  background-color: #f5f5f5;
 }
-
-.admin{
-    margin-bottom: 0;
+.admin {
+  margin-bottom: 0;
 }
-
-.image-next{
-    position: absolute;
-    top: 180px; 
-    right: 0px;
+.image-next {
+  position: absolute;
+  top: 180px;
+  right: 0px;
 }
-
-.image-prev{
-    position: absolute;
-    top: 180px; 
-    left: 0px;
+.image-prev {
+  position: absolute;
+  top: 180px;
+  left: 0px;
 }
-
-.image-button{
-    cursor: pointer;
-    opacity: 0.7;
+.image-button {
+  cursor: pointer;
+  opacity: 0.7;
 }
-
-.image-button-show{
-    cursor: pointer;
-    opacity: 0.7 !important;
+.image-button-show {
+  cursor: pointer;
+  opacity: 0.7 !important;
 }
-
 .navbar-default {
-    background-color: #ffffff;
+  background-color: #ffffff;
 }
-
-.navbar-default .navbar-nav>li>a {
-    color: #000000;
+.navbar-default .navbar-nav > li > a {
+  color: #000000;
 }
-
-.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
-    color: #000000;
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+  color: #000000;
 }
-
-.btn-outline-danger, .btn-warning, .btn-outline-primary {
-    color: #ffffff;
-    background-color: #000000;
-    border-color: #000000;
+.btn-warning,
+.btn-outline-primary {
+  color: #ffffff;
+  background-color: #000000;
+  border-color: #000000;
 }
-
-.btn-warning:hover, .btn-outline-danger:hover {
-    color: #ffffff;
-    background-color: #000000;
-    border-color: #000000;
-    opacity: 0.65;
+.btn-warning:hover,
+.btn-outline-primary:hover {
+  color: #ffffff !important;
+  background-color: #000000 !important;
+  border-color: #000000 !important;
+  opacity: 0.65;
 }
-
-a:hover, a:focus {
-    color: #000000;
+.btn-outline-danger {
+  color: #ffffff;
+  background-color: #cc3a2c;
+  border-color: #cc3a2c;
+}
+.btn-outline-danger:hover {
+  color: #ffffff !important;
+  background-color: #cc3a2c !important;
+  border-color: #cc3a2c !important;
+  opacity: 0.65;
+}
+a:hover,
+a:focus {
+  color: #000000;
 }
 a {
-    color: #000000;
+  color: #000000;
 }
-
-.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
-    background-color: #000000;
-    border-color: #000000;
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+  background-color: #000000;
+  border-color: #000000;
 }
-
 .navbar-default .navbar-brand {
-    color: #000000; 
-    font-size: 40px;
-    font-weight: 700;
+  color: #000000;
+  font-size: 40px;
+  font-weight: 700;
 }
-
-.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
-    color: #000000;
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+  color: #000000;
 }
-
 .navbar-brand-image {
-    padding: 0px;
-    height: 70px;
+  padding: 0px;
+  height: 70px;
 }
-
-.navbar-default .badge {
-    background-color: #000000;
-    color: #fff;
+.page-item.disabled .page-link {
+  color: #b7b7b7;
 }
-
-.navbar-default .navbar-toggle {
-    background-color: #000000;
-    border-color: #000000;
-}
-
-.page-item.disabled .page-link{
-    color:#b7b7b7;
-}
-
 .page-link {
-    color: white;
-    border: 0;
+  color: white;
+  border: 0;
 }
-
-.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
-    background-color: #000000;
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+  background-color: #000000;
 }
-
 .thumbnail {
-    border: none;
+  border: none;
 }
-
-.help-block{
-    color: #95a5a6;
+.help-block {
+  color: #95a5a6;
 }
-
-.list-group-item:first-child, .list-group-item:last-child {
-    border-top-right-radius: 0px;
-    border-top-left-radius: 0px;
+.list-group-item:first-child,
+.list-group-item:last-child {
+  border-top-right-radius: 0px;
+  border-top-left-radius: 0px;
 }
-
-@media only screen and (min-width: 768px){
-    .pushy {
-        width: 700px;
-    }
-    .pushy-right {
-        -webkit-transform: translate3d(700px, 0, 0);
-        -ms-transform: translate3d(700px, 0, 0);
-        transform: translate3d(700px, 0, 0);
-    }
-
-    .pushy-open-right #container,
-    .pushy-open-right .push {
-        -webkit-transform: translate3d(-700px, 0, 0);
-        -ms-transform: translate3d(-700px, 0, 0);
-        transform: translate3d(-700px, 0, 0);
-    }
+@media only screen and (min-width: 768px) {
+  .pushy {
+    width: 700px;
+  }
+  .pushy-right {
+    -webkit-transform: translate3d(700px, 0, 0);
+    -ms-transform: translate3d(700px, 0, 0);
+    transform: translate3d(700px, 0, 0);
+  }
+  .pushy-open-right #container,
+  .pushy-open-right .push {
+    -webkit-transform: translate3d(-700px, 0, 0);
+    -ms-transform: translate3d(-700px, 0, 0);
+    transform: translate3d(-700px, 0, 0);
+  }
+}
+@media only screen and (max-width: 768px) {
+  .pushy {
+    width: calc(100%);
+  }
+  .pushy-right {
+    -webkit-transform: translate3d(calc(100%), 0, 0);
+    -ms-transform: translate3d(calc(100%), 0, 0);
+    transform: translate3d(calc(100%), 0, 0);
+  }
+  .pushy-open-right #container,
+  .pushy-open-right .push {
+    -webkit-transform: translate3d(-calc(100%), 0, 0);
+    -ms-transform: translate3d(-calc(100%), 0, 0);
+    transform: translate3d(-calc(100%), 0, 0);
+  }
+  .product-item {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+  .showFooter {
+    margin-bottom: 220px;
+  }
+  .title-image-container {
+    height: auto;
+  }
+  .product-title {
+    font-size: 18px;
+    padding-top: 18px;
+    min-height: auto;
+  }
+  .search-bar-input {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .menu-side {
+    padding-top: 15px;
+  }
+  .product-layout {
+    padding-top: 0px;
+    padding-bottom: 30px;
+  }
+  #btn_search {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+  }
+  .cart-row {
+    padding-top: 10px;
+    border-bottom: 1px solid #ecf0f1;
+    display: block;
+  }
+  .cart-body {
+    padding-top: 0px;
+  }
+  .cart-contents-shipping {
+    padding-top: 10px;
+  }
+  #cart {
+    padding-bottom: 15px;
+  }
+  .footer {
+    height: 100px;
+  }
+  body {
+    margin-bottom: 100px;
+  }
 }
-
-@media only screen and (max-width: 768px){
-    .pushy {
-        width: calc(100%);
-    }
-    .pushy-right {
-        -webkit-transform: translate3d(calc(100%), 0, 0);
-        -ms-transform: translate3d(calc(100%), 0, 0);
-        transform: translate3d(calc(100%), 0, 0);
-    }
-
-    .pushy-open-right #container,
-    .pushy-open-right .push {
-        -webkit-transform: translate3d(-calc(100%), 0, 0);
-        -ms-transform: translate3d(-calc(100%), 0, 0);
-        transform: translate3d(-calc(100%), 0, 0);
-    }
-
-    .product-item{
-        padding-left: 0px;
-        padding-right: 0px;
-    }
-
-    .showFooter{
-        margin-bottom: 220px;
-    }
-
-    .title-image-container{
-        height: auto;
-    }
-
-    .product-title{
-        font-size: 18px;
-        padding-top: 18px;
-        min-height: auto;
-    }
-
-    .search-bar-input{
-        padding-left: 0;
-        padding-right: 0;
-    }
-
-    .menu-side {
-        padding-top: 15px;
-    }
-
-    .product-layout{
-        padding-top: 0px;
-        padding-bottom: 30px;
-    }
-
-    #btn_search{
-        border-top-right-radius: 4px;
-        border-bottom-right-radius: 4px;
-    }
-
-    .cart-row{
-        padding-top: 10px;
-        border-bottom: 1px solid #ecf0f1;
-        display: block;
-    }
-
-    .cart-body{
-        padding-top: 0px;
-    }
-
-    .cart-contents-shipping{
-        padding-top: 10px;
-    }
-
-    #cart{
-        padding-bottom: 15px;
-    }
-
-    .footer {
-        height: 100px;
-    }
-
-    body{
-        margin-bottom: 100px;
-    }
-}
\ No newline at end of file
diff --git a/public/stylesheets/style.min.css b/public/stylesheets/style.min.css
index 4571577..ddba428 100644
--- a/public/stylesheets/style.min.css
+++ b/public/stylesheets/style.min.css
@@ -1 +1 @@
-html{position:relative;min-height:100%}body{margin-bottom:140px}body,html{font-size:16px}.content-body{margin-bottom:40px}.menu-top{margin-top:15px;margin-left:15px;margin-right:15px}.menu-side,.product-layout{padding-top:35px}.menu-side-mobile{background-color:transparent!important;color:inherit!important;text-align:center;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.dragable_item{cursor:move}.page-header{padding-bottom:5px}.cart-contents-title{font-size:18px;font-weight:700}.cart-row{padding-bottom:10px;display:flex;align-items:center}.cart-item-row{margin-top:5px}.cart-link{padding-left:7px}.cart-delete-button{color:#d9534f;cursor:pointer;padding-left:5px}a.text-danger:focus,a.text-danger:hover{color:#cc3a2c}.cart-update-button{cursor:pointer}.thumbnail-image{cursor:pointer}#product-images{margin-bottom:30px}.product-layout{padding-top:30px}.product-title-image{margin:auto;max-height:400px;width:auto}.thumbnail-image-container .img-responsive{display:block;width:auto;max-height:100%;margin:auto}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.navbar-brand>img{width:auto;height:100%}.thumbnail{min-height:415px}.vertical-center{display:flex;align-items:center}.title-image-container .img-responsive{display:block;width:auto;max-height:100%;margin:auto}.title-image-container{height:400px}.thumbnail-image-container{height:350px}.product-title{font-size:24px;margin-top:0}.product-title-home{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;text-align:center}.product-price{padding-bottom:10px;font-size:20px;color:#aaa}.productOptions{padding-bottom:15px}.product-option{font-size:18px}.body_text,.btnAddToCart{padding-top:15px;padding-bottom:15px}.product-option-text{font-size:16px;color:#aaa;padding-bottom:10px;padding-top:10px}.seporator{padding-top:5px;border-bottom:1px solid #eee;padding-bottom:6px}.list-group-input-pad select{margin-top:-7px}.no-pad-left{padding-left:0}.no-pad-right{padding-right:0}.top-pad-10{padding-top:10px}.top-pad-20{padding-top:20px}.bottom-pad-20{padding-bottom:20px}.left-pad-30{padding-left:30px}.shipping-form input{margin-bottom:15px}#header{height:50px}.search-bar{margin-top:10px}.searchMenuLocation-side{padding-left:25px;padding-right:25px}.searchMenuLocation-top{padding-left:5px;padding-right:5px}.breadcrumbProPerRow-3{margin-left:10px;margin-right:10px}.searchProPerRow-3,.searchProPerRow-4{padding-left:0;padding-right:0}.dropup-button{height:34px;padding:0;color:#fff!important}.dropdown-menu>li>a{padding-top:5px!important}.pad-bottom{padding-bottom:25px}.keywords{padding-bottom:30px;padding-top:20px;font-size:19px}.customer-details{padding-left:0;padding-right:0}.file-form{padding-left:15px;padding-right:15px}.editor_btn_action{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}.dropup-list{padding-bottom:5px;margin-right:10px;margin-left:10px;margin-top:10px}#notify_message{position:fixed;display:none;z-index:9999;padding-top:10px;height:50px;bottom:0;width:100%;text-align:center;font-size:22px;color:#fff}.input-group .form-control{z-index:1}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:0;background:#fff;cursor:inherit;display:block}.offcanvas-element{z-index:100;background-color:#fff}.product-item{padding-left:0;padding-right:0}input:focus{outline:0;background:#fbfbe9}input+label{display:block;cursor:text;transition:.15s ease-out all;position:absolute;top:.9em;left:1.3em}.floatLabel{top:.1em;left:32px;font-size:.7em;color:#999;font-weight:400;transition:.15s ease-out all}input.form-control.customerDetails{padding-bottom:5px}.footer{position:absolute;bottom:0;width:100%;height:100px;padding-top:25px;background-color:#f5f5f5}.admin{margin-bottom:0}.image-next{position:absolute;top:180px;right:0}.image-prev{position:absolute;top:180px;left:0}.image-button{cursor:pointer;opacity:.7}.image-button-show{cursor:pointer;opacity:.7!important}.navbar-default{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#000}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#000}.alert-success{background-color:#000;opacity:.65}.btn-outline-danger,.btn-outline-primary,.btn-warning{color:#fff;background-color:#000;border-color:#000}.btn-outline-danger:hover,.btn-warning:hover{color:#fff;background-color:#000;border-color:#000;opacity:.65}a:focus,a:hover{color:#000}a{color:#000}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{background-color:#000;border-color:#000}.navbar-default .navbar-brand{color:#000;font-size:40px;font-weight:700}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#000}.navbar-brand-image{padding:0;height:70px}.navbar-default .badge{background-color:#000;color:#fff}.navbar-default .navbar-toggle{background-color:#000;border-color:#000}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{background-color:#000}.pagination>li>a,.pagination>li>span{background-color:#000}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#000;opacity:.65}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#000;opacity:.65}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#000}.thumbnail{border:none}.help-block{color:#95a5a6}.list-group-item:first-child,.list-group-item:last-child{border-top-right-radius:0;border-top-left-radius:0}.form-control{border-radius:0}.btn{border-radius:0}.pagination>li:first-child>a,.pagination>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}@media only screen and (min-width:768px){.pushy{width:700px}.pushy-right{-webkit-transform:translate3d(700px,0,0);-ms-transform:translate3d(700px,0,0);transform:translate3d(700px,0,0)}.pushy-open-right #container,.pushy-open-right .push{-webkit-transform:translate3d(-700px,0,0);-ms-transform:translate3d(-700px,0,0);transform:translate3d(-700px,0,0)}}@media only screen and (max-width:768px){.pushy{width:calc(100%)}.pushy-right{-webkit-transform:translate3d(calc(100%),0,0);-ms-transform:translate3d(calc(100%),0,0);transform:translate3d(calc(100%),0,0)}.pushy-open-right #container,.pushy-open-right .push{-webkit-transform:translate3d(-calc(100%),0,0);-ms-transform:translate3d(-calc(100%),0,0);transform:translate3d(-calc(100%),0,0)}.product-item{padding-left:0;padding-right:0}.showFooter{margin-bottom:220px}.title-image-container{height:auto}.product-title{padding-top:25px;min-height:auto}.search-bar-input{padding-left:0;padding-right:0}.menu-side{padding-top:15px}.product-layout{padding-top:0;padding-bottom:30px}#btn_search{border-top-right-radius:4px;border-bottom-right-radius:4px}.cart-row{padding-top:10px;border-bottom:1px solid #ecf0f1;display:block}.cart-body{padding-top:0}.cart-contents-shipping{padding-top:10px}#cart{padding-bottom:15px}.footer{height:100px}body{margin-bottom:100px}}
\ No newline at end of file
+html{position:relative;min-height:100%}body{margin-bottom:140px}body,html{font-size:16px}.content-body{margin-bottom:40px}.menu-top{margin-top:15px;margin-left:15px;margin-right:15px}.menu-side,.product-layout{padding-top:35px}.menu-side-mobile{background-color:transparent!important;color:inherit!important;text-align:center;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.dragable_item{cursor:move}.page-header{padding-bottom:5px}.cart-contents-title{font-size:18px;font-weight:700}.cart-row{padding-bottom:10px;display:flex;align-items:center}.cart-item-row{margin-top:5px}.cart-link{padding-left:7px}a.text-danger:focus,a.text-danger:hover{color:#cc3a2c}.cart-update-button{cursor:pointer}.thumbnail-image{cursor:pointer}#product-images{margin-bottom:30px}.product-layout{padding-top:30px}.product-title-image{margin:auto;max-height:400px;width:auto}.thumbnail-image-container .img-fluid{display:block;width:auto;max-height:100%;margin:auto}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.navbar-brand>img{width:auto;height:100%}.thumbnail{min-height:415px}.vertical-center{display:flex;align-items:center}.title-image-container .img-fluid{display:block;width:auto;max-height:100%;margin:auto}.title-image-container{height:400px}.thumbnail-image-container{height:350px}.product-title{font-size:24px;margin-top:0}.product-title-home{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;text-align:center}.product-price{padding-bottom:10px;font-size:20px;color:#aaa}.productOptions{padding-bottom:15px}.product-option{font-size:18px}.body_text,.btnAddToCart{padding-top:15px;padding-bottom:15px}.product-option-text{font-size:16px;color:#aaa;padding-bottom:10px;padding-top:10px}.seporator{padding-top:5px;border-bottom:1px solid #eee;padding-bottom:6px}.list-group-input-pad select{margin-top:-7px}.no-pad-left{padding-left:0}.no-pad-right{padding-right:0}.top-marg-10{margin-top:10px}.top-marg-15{margin-top:15px}.top-marg-20{margin-top:20px}.top-pad-5{padding-top:10px}.top-pad-8{padding-top:8px}.top-pad-10{padding-top:10px}.top-pad-20{padding-top:20px}.top-pad-50{padding-top:50px}.top-pad-100{padding-top:100px}.bottom-pad-10{padding-bottom:10px}.bottom-pad-15{padding-bottom:15px}.bottom-pad-20{padding-bottom:20px}.bottom-marg-10{margin-bottom:10px}.bottom-marg-15{margin-bottom:15px}.bottom-marg-20{margin-bottom:20px}.left-pad-10{padding-left:10px}.left-pad-30{padding-left:30px}.right-pad-10{padding-right:10px}.shipping-form input{margin-bottom:15px}#header{height:50px}.search-bar{margin-top:10px}.searchMenuLocation-side{padding-left:25px;padding-right:25px}.searchMenuLocation-top{padding-left:5px;padding-right:5px}.breadcrumb{background-color:#f8f9fa;margin-top:10px}.breadcrumbProPerRow-3{margin-left:10px;margin-right:10px}.searchProPerRow-3,.searchProPerRow-4{padding-left:0;padding-right:0}.dropup-button{height:34px;padding:0;color:#fff!important}.dropdown-menu>li>a{padding-top:5px!important}.pad-bottom{padding-bottom:25px}.keywords{padding-bottom:30px;padding-top:20px;font-size:19px}.file-form{padding-left:15px;padding-right:15px}.editor_btn_action{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}.dropup-list{padding-bottom:5px;margin-right:10px;margin-left:10px;margin-top:10px}#notify_message{position:fixed;display:none;z-index:9999;padding-top:10px;height:50px;bottom:0;width:100%;text-align:center;font-size:22px}.input-group .form-control{z-index:1}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:0;background:#fff;cursor:inherit;display:block}.offcanvas-element{z-index:100;background-color:#fff}.product-item{padding-left:0;padding-right:0}input:focus{outline:0;background:#fbfbe9}input+label{display:block;cursor:text;transition:.15s ease-out all;position:absolute;top:.9em;left:1.3em}.floatLabel{top:.1em;left:32px;font-size:.7em;color:#999;font-weight:400;transition:.15s ease-out all}input.form-control.customerDetails{padding-bottom:5px}.footer{position:absolute;bottom:0;width:100%;height:100px;padding-top:25px;background-color:#f5f5f5}.admin{margin-bottom:0}.image-next{position:absolute;top:180px;right:0}.image-prev{position:absolute;top:180px;left:0}.image-button{cursor:pointer;opacity:.7}.image-button-show{cursor:pointer;opacity:.7!important}.navbar-default{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#000}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#000}.btn-outline-primary,.btn-warning{color:#fff;background-color:#000;border-color:#000}.btn-outline-primary:hover,.btn-warning:hover{color:#fff!important;background-color:#000!important;border-color:#000!important;opacity:.65}.btn-outline-danger{color:#fff;background-color:#cc3a2c;border-color:#cc3a2c}.btn-outline-danger:hover{color:#fff!important;background-color:#cc3a2c!important;border-color:#cc3a2c!important;opacity:.65}a:focus,a:hover{color:#000}a{color:#000}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{background-color:#000;border-color:#000}.navbar-default .navbar-brand{color:#000;font-size:40px;font-weight:700}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#000}.navbar-brand-image{padding:0;height:70px}.page-item.disabled .page-link{color:#b7b7b7}.page-link{color:#fff;border:0}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#000}.thumbnail{border:none}.help-block{color:#95a5a6}.list-group-item:first-child,.list-group-item:last-child{border-top-right-radius:0;border-top-left-radius:0}@media only screen and (min-width:768px){.pushy{width:700px}.pushy-right{-webkit-transform:translate3d(700px,0,0);-ms-transform:translate3d(700px,0,0);transform:translate3d(700px,0,0)}.pushy-open-right #container,.pushy-open-right .push{-webkit-transform:translate3d(-700px,0,0);-ms-transform:translate3d(-700px,0,0);transform:translate3d(-700px,0,0)}}@media only screen and (max-width:768px){.pushy{width:calc(100%)}.pushy-right{-webkit-transform:translate3d(calc(100%),0,0);-ms-transform:translate3d(calc(100%),0,0);transform:translate3d(calc(100%),0,0)}.pushy-open-right #container,.pushy-open-right .push{-webkit-transform:translate3d(-calc(100%),0,0);-ms-transform:translate3d(-calc(100%),0,0);transform:translate3d(-calc(100%),0,0)}.product-item{padding-left:0;padding-right:0}.showFooter{margin-bottom:220px}.title-image-container{height:auto}.product-title{font-size:18px;padding-top:18px;min-height:auto}.search-bar-input{padding-left:0;padding-right:0}.menu-side{padding-top:15px}.product-layout{padding-top:0;padding-bottom:30px}#btn_search{border-top-right-radius:4px;border-bottom-right-radius:4px}.cart-row{padding-top:10px;border-bottom:1px solid #ecf0f1;display:block}.cart-body{padding-top:0}.cart-contents-shipping{padding-top:10px}#cart{padding-bottom:15px}.footer{height:100px}body{margin-bottom:100px}}
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..43e87c0
--- /dev/null
+++ b/style.css
@@ -0,0 +1,513 @@
+html {
+  position: relative;
+  min-height: 100%;
+}
+body {
+  margin-bottom: 140px;
+}
+html,
+body {
+  font-size: 16px;
+}
+.content-body {
+  margin-bottom: 40px;
+}
+.menu-top {
+  margin-top: 15px;
+  margin-left: 15px;
+  margin-right: 15px;
+}
+.menu-side,
+.product-layout {
+  padding-top: 35px;
+}
+.menu-side-mobile {
+  background-color: transparent !important;
+  color: inherit !important;
+  text-align: center;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.dragable_item {
+  cursor: move;
+}
+.page-header {
+  padding-bottom: 5px;
+}
+.cart-contents-title {
+  font-size: 18px;
+  font-weight: 700;
+}
+.cart-row {
+  padding-bottom: 10px;
+  display: flex;
+  align-items: center;
+}
+.cart-item-row {
+  margin-top: 5px;
+}
+.cart-link {
+  padding-left: 7px;
+}
+a.text-danger:hover,
+a.text-danger:focus {
+  color: #cc3a2c;
+}
+.cart-update-button {
+  cursor: pointer;
+}
+.thumbnail-image {
+  cursor: pointer;
+}
+#product-images {
+  margin-bottom: 30px;
+}
+.product-layout {
+  padding-top: 30px;
+}
+.product-title-image {
+  margin: auto;
+  max-height: 400px;
+  width: auto;
+}
+.thumbnail-image-container .img-fluid {
+  display: block;
+  width: auto;
+  max-height: 100%;
+  margin: auto;
+}
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.navbar-brand > img {
+  width: auto;
+  height: 100%;
+}
+.thumbnail {
+  min-height: 415px;
+}
+.vertical-center {
+  display: flex;
+  align-items: center;
+}
+.title-image-container .img-fluid {
+  display: block;
+  width: auto;
+  max-height: 100%;
+  margin: auto;
+}
+.title-image-container {
+  height: 400px;
+}
+.thumbnail-image-container {
+  height: 350px;
+}
+.product-title {
+  font-size: 24px;
+  margin-top: 0px;
+}
+.product-title-home {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+.product-price {
+  padding-bottom: 10px;
+  font-size: 20px;
+  color: #AAAAAA;
+}
+.productOptions {
+  padding-bottom: 15px;
+}
+.product-option {
+  font-size: 18px;
+}
+.btnAddToCart,
+.body_text {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+.product-option-text {
+  font-size: 16px;
+  color: #AAAAAA;
+  padding-bottom: 10px;
+  padding-top: 10px;
+}
+.seporator {
+  padding-top: 5px;
+  border-bottom: 1px solid #EEEEEE;
+  padding-bottom: 6px;
+}
+.list-group-input-pad select {
+  margin-top: -7px;
+}
+.no-pad-left {
+  padding-left: 0px;
+}
+.no-pad-right {
+  padding-right: 0px;
+}
+.top-marg-10 {
+  margin-top: 10px;
+}
+.top-marg-15 {
+  margin-top: 15px;
+}
+.top-marg-20 {
+  margin-top: 20px;
+}
+.top-pad-10 {
+  padding-top: 10px;
+}
+.top-pad-20 {
+  padding-top: 20px;
+}
+.top-pad-50 {
+  padding-top: 50px;
+}
+.top-pad-100 {
+  padding-top: 100px;
+}
+.bottom-pad-10 {
+  padding-bottom: 10px;
+}
+.bottom-pad-15 {
+  padding-bottom: 15px;
+}
+.bottom-pad-20 {
+  padding-bottom: 20px;
+}
+.bottom-marg-10 {
+  margin-bottom: 10px;
+}
+.bottom-marg-15 {
+  margin-bottom: 15px;
+}
+.bottom-marg-20 {
+  margin-bottom: 20px;
+}
+.left-pad-30 {
+  padding-left: 30px;
+}
+.shipping-form input {
+  margin-bottom: 15px;
+}
+#header {
+  height: 50px;
+}
+.search-bar {
+  margin-top: 10px;
+}
+.searchMenuLocation-side {
+  padding-left: 25px;
+  padding-right: 25px;
+}
+.searchMenuLocation-top {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.breadcrumb {
+  background-color: #f8f9fa;
+  margin-top: 10px;
+}
+.breadcrumbProPerRow-3 {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+.searchProPerRow-3,
+.searchProPerRow-4 {
+  padding-left: 0;
+  padding-right: 0;
+}
+.dropup-button {
+  height: 34px;
+  padding: 0px;
+  color: white !important;
+}
+.dropdown-menu > li > a {
+  padding-top: 5px !important;
+}
+.pad-bottom {
+  padding-bottom: 25px;
+}
+.keywords {
+  padding-bottom: 30px;
+  padding-top: 20px;
+  font-size: 19px;
+}
+.file-form {
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.editor_btn_action {
+  border-top-left-radius: 4px !important;
+  border-bottom-left-radius: 4px !important;
+}
+.dropup-list {
+  padding-bottom: 5px;
+  margin-right: 10px;
+  margin-left: 10px;
+  margin-top: 10px;
+}
+#notify_message {
+  position: fixed;
+  display: none;
+  z-index: 9999;
+  padding-top: 10px;
+  height: 50px;
+  bottom: 0px;
+  width: 100%;
+  text-align: center;
+  font-size: 22px;
+}
+.input-group .form-control {
+  z-index: 1;
+}
+.btn-file {
+  position: relative;
+  overflow: hidden;
+}
+.btn-file input[type=file] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 100%;
+  min-height: 100%;
+  font-size: 100px;
+  text-align: right;
+  filter: alpha(opacity=0);
+  opacity: 0;
+  outline: none;
+  background: white;
+  cursor: inherit;
+  display: block;
+}
+.offcanvas-element {
+  z-index: 100;
+  background-color: #ffffff;
+}
+.product-item {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+input:focus {
+  outline: none;
+  background: #fbfbe9;
+}
+input + label {
+  display: block;
+  cursor: text;
+  transition: 0.15s ease-out all;
+  position: absolute;
+  top: 0.9em;
+  left: 1.3em;
+}
+.floatLabel {
+  top: 0.1em;
+  left: 32px;
+  font-size: 0.7em;
+  color: #999999;
+  font-weight: normal;
+  transition: 0.15s ease-out all;
+}
+input.form-control.customerDetails {
+  padding-bottom: 5px;
+}
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 100px;
+  padding-top: 25px;
+  background-color: #f5f5f5;
+}
+.admin {
+  margin-bottom: 0;
+}
+.image-next {
+  position: absolute;
+  top: 180px;
+  right: 0px;
+}
+.image-prev {
+  position: absolute;
+  top: 180px;
+  left: 0px;
+}
+.image-button {
+  cursor: pointer;
+  opacity: 0.7;
+}
+.image-button-show {
+  cursor: pointer;
+  opacity: 0.7 !important;
+}
+.navbar-default {
+  background-color: #ffffff;
+}
+.navbar-default .navbar-nav > li > a {
+  color: #000000;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+  color: #000000;
+}
+.btn-outline-danger,
+.btn-warning,
+.btn-outline-primary {
+  color: #ffffff;
+  background-color: #000000;
+  border-color: #000000;
+}
+.btn-warning:hover,
+.btn-outline-danger:hover {
+  color: #ffffff;
+  background-color: #000000;
+  border-color: #000000;
+  opacity: 0.65;
+}
+a:hover,
+a:focus {
+  color: #000000;
+}
+a {
+  color: #000000;
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+  background-color: #000000;
+  border-color: #000000;
+}
+.navbar-default .navbar-brand {
+  color: #000000;
+  font-size: 40px;
+  font-weight: 700;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+  color: #000000;
+}
+.navbar-brand-image {
+  padding: 0px;
+  height: 70px;
+}
+.navbar-default .badge {
+  background-color: #000000;
+  color: #fff;
+}
+.navbar-default .navbar-toggle {
+  background-color: #000000;
+  border-color: #000000;
+}
+.page-item.disabled .page-link {
+  color: #b7b7b7;
+}
+.page-link {
+  color: white;
+  border: 0;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+  background-color: #000000;
+}
+.thumbnail {
+  border: none;
+}
+.help-block {
+  color: #95a5a6;
+}
+.list-group-item:first-child,
+.list-group-item:last-child {
+  border-top-right-radius: 0px;
+  border-top-left-radius: 0px;
+}
+@media only screen and (min-width: 768px) {
+  .pushy {
+    width: 700px;
+  }
+  .pushy-right {
+    -webkit-transform: translate3d(700px, 0, 0);
+    -ms-transform: translate3d(700px, 0, 0);
+    transform: translate3d(700px, 0, 0);
+  }
+  .pushy-open-right #container,
+  .pushy-open-right .push {
+    -webkit-transform: translate3d(-700px, 0, 0);
+    -ms-transform: translate3d(-700px, 0, 0);
+    transform: translate3d(-700px, 0, 0);
+  }
+}
+@media only screen and (max-width: 768px) {
+  .pushy {
+    width: calc(100%);
+  }
+  .pushy-right {
+    -webkit-transform: translate3d(calc(100%), 0, 0);
+    -ms-transform: translate3d(calc(100%), 0, 0);
+    transform: translate3d(calc(100%), 0, 0);
+  }
+  .pushy-open-right #container,
+  .pushy-open-right .push {
+    -webkit-transform: translate3d(-calc(100%), 0, 0);
+    -ms-transform: translate3d(-calc(100%), 0, 0);
+    transform: translate3d(-calc(100%), 0, 0);
+  }
+  .product-item {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+  .showFooter {
+    margin-bottom: 220px;
+  }
+  .title-image-container {
+    height: auto;
+  }
+  .product-title {
+    font-size: 18px;
+    padding-top: 18px;
+    min-height: auto;
+  }
+  .search-bar-input {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .menu-side {
+    padding-top: 15px;
+  }
+  .product-layout {
+    padding-top: 0px;
+    padding-bottom: 30px;
+  }
+  #btn_search {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+  }
+  .cart-row {
+    padding-top: 10px;
+    border-bottom: 1px solid #ecf0f1;
+    display: block;
+  }
+  .cart-body {
+    padding-top: 0px;
+  }
+  .cart-contents-shipping {
+    padding-top: 10px;
+  }
+  #cart {
+    padding-bottom: 15px;
+  }
+  .footer {
+    height: 100px;
+  }
+  body {
+    margin-bottom: 100px;
+  }
+}
diff --git a/views/customers.hbs b/views/customers.hbs
index 8cda5b5..184b1f4 100644
--- a/views/customers.hbs
+++ b/views/customers.hbs
@@ -27,33 +27,31 @@
                 <li class="list-group-item">
                     <div class="row">
                         <div class="col-sm-6">
-                            <h6 class="text-info"><strong>{{ @root.__ "Email address" }}</strong></h6>
+                            <div class="text-info"><strong>{{ @root.__ "Email address" }}</strong></div>
                         </div>
                         <div class="col-sm-3">
-                            <h6 class="text-info"><strong>{{ @root.__ "Name" }}</strong></h6>
+                            <div class="text-info"><strong>{{ @root.__ "Name" }}</strong></div>
                         </div>
                         <div class="col-sm-3">
-                            <h6 class="text-info"><strong>{{ @root.__ "Phone number" }}</strong></h6>
+                            <div class="text-info"><strong>{{ @root.__ "Phone number" }}</strong></div>
                         </div>
                     </div>
                 </li>
                 {{#each customers}}
                     <li class="list-group-item">
-                        
-                            <a href="/admin/customer/view/{{this._id}}">
+                        <a href="/admin/customer/view/{{this._id}}">
                             <div class="row">
                                 <div class="col-sm-6">
-                                    <h6 class="">{{this.email}}</h6>
+                                    <div class="">{{this.email}}</div>
                                 </div>
                                 <div class="col-sm-3">
-                                    <h6 class="">{{this.firstName}} {{this.lastName}}</h6>
+                                    <div class="">{{this.firstName}} {{this.lastName}}</div>
                                 </div>
                                 <div class="col-sm-3">
-                                    <h6 class="">{{this.phone}}</h6>
+                                    <div class="">{{this.phone}}</div>
                                 </div>
                             </div>
-                            </a>
-                        
+                        </a>  
                     </li>
                 {{/each}}
             </ul>
diff --git a/views/layouts/layout.hbs b/views/layouts/layout.hbs
index dbc4705..b2d4c2e 100644
--- a/views/layouts/layout.hbs
+++ b/views/layouts/layout.hbs
@@ -19,7 +19,7 @@
         {{/if}}
 		<meta name="keywords" content="{{config.cartTitle}}">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha256-L/W5Wfqfa0sdBNIKN9cG6QA5F2qx4qICmU2VgLruv9Y=" crossorigin="anonymous" />
-        <link rel="stylesheet" href="/stylesheets/pushy.css">
+        <link rel="stylesheet" href="/stylesheets/pushy{{config.env}}.css">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.20.2/codemirror.min.css" />
 		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tokenfield/0.12.0/css/bootstrap-tokenfield.min.css">
@@ -84,7 +84,7 @@
     <body>
     {{/if}}
 		<!-- Static navbar -->
-        <nav class="navbar navbar-expand-lg navbar-light bg-light mainNavBar">
+        <nav class="navbar navbar-expand-lg mainNavBar">
             <a class="navbar-brand" href="/">CLOTH</a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
diff --git a/views/order.hbs b/views/order.hbs
index effb465..5bfa869 100644
--- a/views/order.hbs
+++ b/views/order.hbs
@@ -14,7 +14,7 @@
             <li class="list-group-item list-group-input-pad">
                 <strong> Order status: </strong><span class="text-{{getStatusColor result.orderStatus}} pull-right">{{result.orderStatus}}</span>
                 <div class="pull-right col-md-2">
-                    <select class="form-control input-sm" id="orderStatus">
+                    <select class="form-control" id="orderStatus">
                         <option>{{ @root.__ "Completed" }}</option>
                         <option>{{ @root.__ "Paid" }}</option>
                         <option>{{ @root.__ "Pending" }}</option>
diff --git a/views/orders.hbs b/views/orders.hbs
index baa5257..8ab3883 100644
--- a/views/orders.hbs
+++ b/views/orders.hbs
@@ -15,21 +15,19 @@
         <div class="orderFilter">
             <div class="row">
                 <div class="text-warning top-pad-10 col-sm-8">{{ @root.__ "Orders can be filtered by: surname, email address or postcode/zipcode" }}</div>
-                <div class="col-sm-4">
-                    <div class="form-group">
-                        <label for="orderStatusFilter" class="col-sm-2 control-label formLabel">Status</label>
-                        <div class="no-pad-right">
-                            <select class="form-control input-sm" id="orderStatusFilter">
-                                <option>{{ @root.__ "Completed" }}</option>
-                                <option>{{ @root.__ "Paid" }}</option>
-                                <option>{{ @root.__ "Created" }}</option>
-                                <option>{{ @root.__ "Cancelled" }}</option>
-                                <option>{{ @root.__ "Declined" }}</option>
-                                <option>{{ @root.__ "Shipped" }}</option>
-                                <option>{{ @root.__ "Pending" }}</option>
-                            </select>
-                        </div>
-                    </div>
+                <div class="col-sm-4 top-pad-10">
+                    <form class="form-inline float-sm-right">
+                        <label for="orderStatusFilter" class="control-label formLabel right-pad-10">Status</label>
+                        <select class="form-control" id="orderStatusFilter">
+                            <option>{{ @root.__ "Completed" }}</option>
+                            <option>{{ @root.__ "Paid" }}</option>
+                            <option>{{ @root.__ "Created" }}</option>
+                            <option>{{ @root.__ "Cancelled" }}</option>
+                            <option>{{ @root.__ "Declined" }}</option>
+                            <option>{{ @root.__ "Shipped" }}</option>
+                            <option>{{ @root.__ "Pending" }}</option>
+                        </select>
+                    </form>
                 </div>
             </div>
         </div>
@@ -46,20 +44,20 @@
             {{#if orders}}
             {{#each orders}}
                 <li class="list-group-item">
-                    <h6 class="pull-right top-pad-5">
+                    <div class="pull-right top-pad-5">
                         {{ @root.__ "Status" }}: <span class="text-{{getStatusColor this.orderStatus}}">{{this.orderStatus}}</span>
                         <a class="text-danger" href="/admin/order/delete/{{this._id}}" onclick="return confirm('Are you sure you want to delete this order?');"> <i class="fa fa-trash-o"></i></a>
-                    </h6>
-                    <h6>
+                    </div>
+                    <div class="top-pad-5">
                         <a href="/admin/order/view/{{this._id}}" class="text-success">View order</a> - <span class="text-info">Date: </span>{{formatDate this.orderDate "DD/MM/YYYY hh:mm"}} | <span class="text-info">Email:</span> {{this.orderEmail}} | <span class="text-info">{{ @root.__ "Last name" }}:</span> {{this.orderLastname}}
-                    </h6>
+                    </div>
                 </li>
             {{/each}}
             {{else}}
                 <li class="list-group-item">
-                    <h4 class="text-center">
+                    <h5 class="text-center">
                         {{ @root.__ "No orders found" }}
-                    </h4>
+                    </h5>
                 </li>
             {{/if}}
         </ul>
diff --git a/views/product_edit.hbs b/views/product_edit.hbs
index 1420199..132dc4c 100644
--- a/views/product_edit.hbs
+++ b/views/product_edit.hbs
@@ -1,5 +1,5 @@
 {{> partials/menu}}
-<div class="col-sm-9 top-pad-10">
+<div class="col-sm-9 top-pad-5">
     <form class="form-horizontal" id="productEditForm" data-toggle="validator">
             <div class="col-sm-12">
                 <div class="page-header">
diff --git a/views/product_new.hbs b/views/product_new.hbs
index cbd41e6..9a98ae3 100644
--- a/views/product_new.hbs
+++ b/views/product_new.hbs
@@ -1,144 +1,142 @@
 {{> partials/menu}}
-<div class="col-sm-9 top-pad-10">
-    <form class="form-horizontal" id="productNewForm" data-toggle="validator">
-            <div class="col-sm-12">
-                <div class="page-header">
-                    <div class="pull-right">
-                        <button id="frm_edit_product_save" class="btn btn-outline-success" type="submit">Add product <i class="fa fa-plus"></i></button>
+<form class="form-horizontal" id="productNewForm" data-toggle="validator">
+        <div class="col-sm-12">
+            <div class="page-header">
+                <div class="pull-right">
+                    <button id="frm_edit_product_save" class="btn btn-outline-success" type="submit">Add product <i class="fa fa-plus"></i></button>
+                </div>
+                <h2>{{ @root.__ "New product" }}</h2>
+            </div>
+        </div>
+        <div class="col-sm-10">
+            <div class="form-group">
+                <label for="productTitle" class="control-label">{{ @root.__ "Product title" }} *</label>
+                <input type="text" id="productTitle" class="form-control" minlength="5" maxlength="200" value="{{productTitle}}" required/>
+            </div>
+        </div>
+        <div class="col-sm-6">
+            <div class="form-group">
+                <label for="productPrice" class="control-label">{{ @root.__ "Product price" }} *</label>
+                <div class="input-group">
+                    <div class="input-group-prepend">
+                        <label class="input-group-text">{{currencySymbol config.currencySymbol}}</label>
                     </div>
-                    <h2>{{ @root.__ "New product" }}</h2>
-                </div>
-            </div>
-            <div class="col-sm-10">
-                <div class="form-group">
-                    <label for="productTitle" class="control-label">{{ @root.__ "Product title" }} *</label>
-                    <input type="text" id="productTitle" class="form-control" minlength="5" maxlength="200" value="{{productTitle}}" required/>
-                </div>
-            </div>
-            <div class="col-sm-6">
-                <div class="form-group">
-                    <label for="productPrice" class="control-label">{{ @root.__ "Product price" }} *</label>
-                    <div class="input-group">
-                        <div class="input-group-prepend">
-                            <label class="input-group-text">{{currencySymbol config.currencySymbol}}</label>
-                        </div>
-                        <input type="number" id="productPrice" class="form-control" step="any" value="{{productPrice}}" required/>
-                    </div>
-                </div>
-            </div>
-            <div class="col-sm-6">
-                <div class="form-group">
-                    <label for="productPublished" class="control-label">{{ @root.__ "Status" }}</label>
-                    <select class="form-control" id="productPublished">
-                        <option value="true" selected>{{ @root.__ "Published" }}</option>
-                        <option value="false">{{ @root.__ "Draft" }}</option>
-                    </select>
-                </div>
-            </div>
-            {{#if config.trackStock}}
-            <div class="col-sm-6">
-                <div class="form-group">
-                    <label for="productStock" class="control-label">{{ @root.__ "Stock level" }}</label>
-                    <input type="number" id="productStock" class="form-control" value="{{productStock}}" step="any" />
-                </div>
-            </div>
-            {{/if}}
-            <div class="col-sm-10">
-                <div class="form-group" id="editor-wrapper">
-                    <label for="editor" class="control-label">{{ @root.__ "Product description" }} *</label>
-                    <textarea minlength="5" rows="10" id="productDescription" class="form-control" required>{{productDescription}}</textarea>
-                </div>
-            </div>
-            <div class="col-sm-10">
-                <div class="form-group">
-                    <label class="control-label">Permalink</label>
-                    <div class="input-group">
-                        <input type="text" class="form-control" id="productPermalink" placeholder="Permalink for the article" value={{productPermalink}}>
-                        <div class="input-group-append">
-                            <button class="btn btn-outline-success" id="validate_permalink" type="button">Validate</button>
-                        </div>
-                    </div>
-                    <p class="help-block">{{ @root.__ "This sets a readable URL for the product" }}</p>
-                </div>
-            </div>
-            <div class="col-sm-10">
-                <div class="form-group">
-                    <label class="control-label">{{ @root.__ "Product options" }}</label>
-                    <input type="hidden" id="productOptions" value="{{result.productOptions}}" />
-                    <ul class="list-group" id="product_opt_wrapper">
-                        <li class="list-group-item">
-                            <div class="row">
-                            <div class="col-sm-2">
-                                <strong>{{ @root.__ "Name" }}:</strong>
-                                <input type="text" id="product_optName" class="form-control" placeholder="Size" />
-                            </div>
-                            <div class="col-sm-2">
-                                <strong>{{ @root.__ "Label" }}:</strong>
-                                <input type="text" id="product_optLabel" class="form-control" placeholder="Select size"/>
-                            </div>
-                            <div class="col-sm-2">
-                                <strong>{{ @root.__ "Type" }}:</strong>
-                                <select id="product_optType" class="form-control">
-                                    <option value="select">Select</option>
-                                    <option value="radio">Radio</option>
-                                    <option value="checkbox">Checkbox</option>
-                                </select>
-                            </div>
-                            <div class="col-sm-4">
-                                <strong>{{ @root.__ "Options" }}:</strong>
-                                <input type="text" id="product_optOptions" class="form-control" placeholder="comma, seporated, list"/>
-                            </div>
-                            <div class="col-sm-2 text-right"></br>
-                                <button id="product_opt_add" class="btn btn-outline-success">{{ @root.__ "Add" }}</button>
-                            </div></div>
-                        </li>
-                        {{#each options}}
-                            <li class="list-group-item">
-                                <div class="row">
-                                    <div class='col-sm-2 opt-name'>{{this.optName}}</div>
-                                    <div class='col-sm-2'>{{this.optLabel}}</div>
-                                    <div class='col-sm-2'>{{this.optType}}</div>
-                                    <div class='col-sm-4'>{{{this.optOptions}}}</div>
-                                    <div class='col-sm-2 text-right'>
-                                        <button class='product_opt_remove btn btn-outline-danger'>{{ @root.__ "Remove" }}</button>
-                                    </div>
-                                </div>
-                            </li>
-                        {{/each}}
-                    </ul>
-                    <p class="help-block">{{ @root.__ "Here you can set options for your product. Eg: Size, color, style" }}</p>
-                </div>
-            </div>
-            {{#ifCond config.paymentGateway '==' 'stripe'}}
-            <div class="col-sm-10">
-                <div class="form-group">
-                    <label class="control-label">Subscription plan</label>
-                    <input type="text" class="form-control" id="productSubscription" placeholder="plan_XXXXXXXXXXXXXX">
-                    <p class="help-block">First setup the plan in <strong>Stripe</strong> dashboard and enter the Plan ID. Format: plan_XXXXXXXXXXXXXX</p>
-                </div>
-            </div>
-            {{/ifCond}}
-            <div class="col-sm-10">
-                <div class="form-group">
-                    <label for="productComment" class="control-label">{{ @root.__ "Allow comment" }}</label>
-                    <div class="checkbox">
-                        <label>
-                            <input class="productComment" type="checkbox" {{checkedState result.productComment}} id="productComment">
-                        </label>
-                    </div>
-                    <p class="help-block">{{ @root.__ "Allow free form comments when adding products to cart" }}</p>
-                </div>
-            </div>
-            <div class="col-sm-10">
-                <div class="form-group">
-                    <label for="productTags" class="control-label">Product tag words</label>
-                    <input type="text" class="form-control" id="productTags">
-                    <p class="help-block">{{ @root.__ "Tag words used to indexed products, making them easier to find and filter." }}</p>
+                    <input type="number" id="productPrice" class="form-control" step="any" value="{{productPrice}}" required/>
                 </div>
             </div>
         </div>
-    </form>
-</div>
+        <div class="col-sm-6">
+            <div class="form-group">
+                <label for="productPublished" class="control-label">{{ @root.__ "Status" }}</label>
+                <select class="form-control" id="productPublished">
+                    <option value="true" selected>{{ @root.__ "Published" }}</option>
+                    <option value="false">{{ @root.__ "Draft" }}</option>
+                </select>
+            </div>
+        </div>
+        {{#if config.trackStock}}
+        <div class="col-sm-6">
+            <div class="form-group">
+                <label for="productStock" class="control-label">{{ @root.__ "Stock level" }}</label>
+                <input type="number" id="productStock" class="form-control" value="{{productStock}}" step="any" />
+            </div>
+        </div>
+        {{/if}}
+        <div class="col-sm-10">
+            <div class="form-group" id="editor-wrapper">
+                <label for="editor" class="control-label">{{ @root.__ "Product description" }} *</label>
+                <textarea minlength="5" rows="10" id="productDescription" class="form-control" required>{{productDescription}}</textarea>
+            </div>
+        </div>
+        <div class="col-sm-10">
+            <div class="form-group">
+                <label class="control-label">Permalink</label>
+                <div class="input-group">
+                    <input type="text" class="form-control" id="productPermalink" placeholder="Permalink for the article" value={{productPermalink}}>
+                    <div class="input-group-append">
+                        <button class="btn btn-outline-success" id="validate_permalink" type="button">Validate</button>
+                    </div>
+                </div>
+                <p class="help-block">{{ @root.__ "This sets a readable URL for the product" }}</p>
+            </div>
+        </div>
+        <div class="col-sm-10">
+            <div class="form-group">
+                <label class="control-label">{{ @root.__ "Product options" }}</label>
+                <input type="hidden" id="productOptions" value="{{result.productOptions}}" />
+                <ul class="list-group" id="product_opt_wrapper">
+                    <li class="list-group-item">
+                        <div class="row">
+                        <div class="col-sm-2">
+                            <strong>{{ @root.__ "Name" }}:</strong>
+                            <input type="text" id="product_optName" class="form-control" placeholder="Size" />
+                        </div>
+                        <div class="col-sm-2">
+                            <strong>{{ @root.__ "Label" }}:</strong>
+                            <input type="text" id="product_optLabel" class="form-control" placeholder="Select size"/>
+                        </div>
+                        <div class="col-sm-2">
+                            <strong>{{ @root.__ "Type" }}:</strong>
+                            <select id="product_optType" class="form-control">
+                                <option value="select">Select</option>
+                                <option value="radio">Radio</option>
+                                <option value="checkbox">Checkbox</option>
+                            </select>
+                        </div>
+                        <div class="col-sm-4">
+                            <strong>{{ @root.__ "Options" }}:</strong>
+                            <input type="text" id="product_optOptions" class="form-control" placeholder="comma, seporated, list"/>
+                        </div>
+                        <div class="col-sm-2 text-right"></br>
+                            <button id="product_opt_add" class="btn btn-outline-success">{{ @root.__ "Add" }}</button>
+                        </div></div>
+                    </li>
+                    {{#each options}}
+                        <li class="list-group-item">
+                            <div class="row">
+                                <div class='col-sm-2 opt-name'>{{this.optName}}</div>
+                                <div class='col-sm-2'>{{this.optLabel}}</div>
+                                <div class='col-sm-2'>{{this.optType}}</div>
+                                <div class='col-sm-4'>{{{this.optOptions}}}</div>
+                                <div class='col-sm-2 text-right'>
+                                    <button class='product_opt_remove btn btn-outline-danger'>{{ @root.__ "Remove" }}</button>
+                                </div>
+                            </div>
+                        </li>
+                    {{/each}}
+                </ul>
+                <p class="help-block">{{ @root.__ "Here you can set options for your product. Eg: Size, color, style" }}</p>
+            </div>
+        </div>
+        {{#ifCond config.paymentGateway '==' 'stripe'}}
+        <div class="col-sm-10">
+            <div class="form-group">
+                <label class="control-label">Subscription plan</label>
+                <input type="text" class="form-control" id="productSubscription" placeholder="plan_XXXXXXXXXXXXXX">
+                <p class="help-block">First setup the plan in <strong>Stripe</strong> dashboard and enter the Plan ID. Format: plan_XXXXXXXXXXXXXX</p>
+            </div>
+        </div>
+        {{/ifCond}}
+        <div class="col-sm-10">
+            <div class="form-group">
+                <label for="productComment" class="control-label">{{ @root.__ "Allow comment" }}</label>
+                <div class="checkbox">
+                    <label>
+                        <input class="productComment" type="checkbox" {{checkedState result.productComment}} id="productComment">
+                    </label>
+                </div>
+                <p class="help-block">{{ @root.__ "Allow free form comments when adding products to cart" }}</p>
+            </div>
+        </div>
+        <div class="col-sm-10">
+            <div class="form-group">
+                <label for="productTags" class="control-label">Product tag words</label>
+                <input type="text" class="form-control" id="productTags">
+                <p class="help-block">{{ @root.__ "Tag words used to indexed products, making them easier to find and filter." }}</p>
+            </div>
+        </div>
+    </div>
+</form>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.min.js"></script>
 <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.css" rel="stylesheet">
 <script>
diff --git a/views/products.hbs b/views/products.hbs
index 0c9f834..c5ac68e 100644
--- a/views/products.hbs
+++ b/views/products.hbs
@@ -27,7 +27,7 @@
                 <li class="list-group-item">
                     <button class="pull-right btn text-danger btn-delete-product" data-id="{{this._id}}"> <i class="fa fa-trash-o"></i></button>
                     <h4 class="pull-right"><input id="{{this._id}}" class="published_state" type="checkbox" {{checkedState this.productPublished}}></h4>
-                    <h6><a href="/admin/product/edit/{{this._id}}">{{this.productTitle}}</a></h6>
+                    <div class="top-pad-8"><a href="/admin/product/edit/{{this._id}}">{{this.productTitle}}</a></div>
                 </li>
             {{/each}}
         </ul>
diff --git a/views/settings_menu.hbs b/views/settings_menu.hbs
index 9d9cab0..98ddd1f 100644
--- a/views/settings_menu.hbs
+++ b/views/settings_menu.hbs
@@ -32,10 +32,10 @@
                 </div>
                 <div class="row">
                     <div class="col-sm-2 offset-sm-1">
-                        <input type="text" class="form-control input-sm" id="newNavMenu" placeholder="Contact Us">
+                        <input type="text" class="form-control" id="newNavMenu" placeholder="Contact Us">
                     </div>
                     <div class="col-sm-6">
-                        <input type="text" class="form-control input-sm" id="newNavLink" placeholder="/contact">
+                        <input type="text" class="form-control" id="newNavLink" placeholder="/contact">
                     </div>
                     <div class="col-sm-3">
                         <button type="submit" id="settings-menu-new" class="btn btn-outline-success">
diff --git a/views/settings_pages.hbs b/views/settings_pages.hbs
index d2c8587..ba59c57 100644
--- a/views/settings_pages.hbs
+++ b/views/settings_pages.hbs
@@ -12,7 +12,7 @@
                         <li class="list-group-item">
                             <div class="row">
                                 <div class="col-sm-8">
-                                    <h6><strong>{{ @root.__ "Name" }}:</strong>&nbsp; {{pageName}}</h6>
+                                    <div class="top-pad-5"><strong>{{ @root.__ "Name" }}:</strong>&nbsp; {{pageName}}</div>
                                 </div>
                                 <div class="col-sm-4 text-right">
                                     <a class="btn btn-outline-success" href="/admin/settings/pages/edit/{{_id}}">{{ @root.__ "Edit" }}</a>
diff --git a/views/themes/Cloth/cart.hbs b/views/themes/Cloth/cart.hbs
index 8f68a53..571bb2a 100644
--- a/views/themes/Cloth/cart.hbs
+++ b/views/themes/Cloth/cart.hbs
@@ -29,7 +29,7 @@
                             <div class="input-group-prepend">
                                 <button class="btn btn-outline-primary btn-qty-minus" type="button">-</button>
                             </div>
-                            <input type="number" class="form-control cart-product-quantity input-sm text-center" data-id="{{../this.productId}}" data-index="{{@key}}"
+                            <input type="number" class="form-control cart-product-quantity text-center" data-id="{{../this.productId}}" data-index="{{@key}}"
                                 maxlength="2" value="{{../this.quantity}}">
                             <div class="input-group-append">
                                 <button class="btn btn-outline-primary btn-qty-add" type="button">+</button>
diff --git a/views/themes/Cloth/style.css b/views/themes/Cloth/style.css
index 287b83b..c4cd9ba 100644
--- a/views/themes/Cloth/style.css
+++ b/views/themes/Cloth/style.css
@@ -24,12 +24,8 @@
     padding-bottom: 0;
 }
 
-.navbarMenuWrapper, .mainNavBar{
-    background-color: #f5f5f5;
-}
-
 .navbarMenuWrapper{
-    padding-top: 0px;
+    padding-top: 10px;
     margin-bottom: 5px;
 }
 
diff --git a/views/themes/Cloth/style.min.css b/views/themes/Cloth/style.min.css
index afcfe6f..306a4f4 100644
--- a/views/themes/Cloth/style.min.css
+++ b/views/themes/Cloth/style.min.css
@@ -1 +1 @@
-#frm_search,.search-bar-input,.search-bar-input .btn{padding-top:10px;height:45px}.searchMenuLocation-side{padding-right:0}.productsWrapper{padding-right:10px;padding-left:10px}.searchBarWrapper{padding-right:0;padding-left:0}.footer{padding-top:20px}.product-price{padding-bottom:0}.navbarMenuWrapper{background-color:#f5f5f5}.navbarMenu>ul>li>a:hover{color:#cc4135!important}.navbarMenu{padding-right:0;padding-left:0}.product_wrapper>a:hover{color:#cc4135!important}#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{margin-bottom:0;height:100px!important}#navbar>.navbar-nav>li>a{padding-top:35px}.pagination>li>a{background-color:#cc4135!important}.navbar-brand{color:#cc4135!important;letter-spacing:4px;padding-left:20px!important;padding-top:20px!important;height:100px!important;font-size:55px!important}.navbar-brand,.navbar-brand-image{height:80px;padding-left:10px;padding-top:10px}.navbar-default .badge{background-color:#cc4135}#empty-cart,.pushy-link{border-color:#e74c3c;background-color:#e74c3c}#empty-cart:active,#empty-cart:active:hover,#empty-cart:focus,#empty-cart:hover,.pushy-link:active,.pushy-link:active:hover,.pushy-link:focus,.pushy-link:hover{border-color:#cc4135;background-color:#cc4135}.navActive>a{margin-bottom:0;padding-top:15px;border-bottom:5px solid #e74c3c}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#838b8f;font-size:20px}@media only screen and (max-width:768px){.navbar-default .navbar-brand{padding-top:10px}.navbar-default .navbar-nav>li>a{font-size:16px}.searchBarWrapper{padding-top:10px}.navbarMenuWrapper{padding-left:0;padding-right:0}.navbarMenuOuter{padding-left:0;padding-right:0}.navActive>a{color:#fff!important}.navbarMenu{padding-right:7.5px;padding-left:7.5px}.navActive>a{color:#fff!important;background-color:#e74c3c;border-bottom:none}.footer{padding-top:10px}}
\ No newline at end of file
+.add-to-cart{color:#fff!important}.searchMenuLocation-side{padding-right:0}.productsWrapper{padding-right:10px;padding-left:10px}.searchBarWrapper{padding-right:0;padding-left:0}.footer{padding-top:30px}.product-price{padding-bottom:0}.navbarMenuWrapper{padding-top:10px;margin-bottom:5px}.navbarMenu>ul>li>a:hover{color:#cc4135!important}.navbarMenu{padding-right:0;padding-left:0}.product-wrapper>a:hover{color:#cc4135!important}#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{margin-bottom:0;height:100px!important}#navbar>.navbar-nav>li>a{padding-top:35px}.img-thumbnail{border:0}.pagination .page-link{background-color:#cc4135!important}.navbar-brand{color:#cc4135!important;letter-spacing:4px;padding-left:20px!important;padding-top:0!important;height:80px!important;font-size:55px!important}.navbar-brand,.navbar-brand-image{height:80px;padding-left:10px;padding-top:10px}.navbar-default .badge{background-color:#cc4135}#empty-cart,.pushy-link{border-color:#e74c3c;background-color:#e74c3c}#empty-cart:active,#empty-cart:active:hover,#empty-cart:focus,#empty-cart:hover,.pushy-link:active,.pushy-link:active:hover,.pushy-link:focus,.pushy-link:hover{border-color:#cc4135;background-color:#cc4135}.navActive>a{margin-bottom:0;padding-top:15px;border-bottom:5px solid #e74c3c}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#838b8f;font-size:20px}.has-error input{border-color:#dc3545}@media only screen and (max-width:768px){.navbar-default .navbar-brand{padding-top:10px}.navbar-default .navbar-nav>li>a{font-size:16px}.searchBarWrapper{padding-top:10px}.navbarMenuWrapper{padding-left:0;padding-right:0}.navbarMenuOuter{padding-left:0;padding-right:0}.navActive>a{color:#fff!important}.navbarMenu{padding-right:7.5px;padding-left:7.5px}.navActive>a{color:#fff!important;background-color:#e74c3c;border-bottom:none}.footer{padding-top:10px}}
\ No newline at end of file