diff --git a/admin-style.css b/admin-style.css
index d9e6069..068f302 100644
--- a/admin-style.css
+++ b/admin-style.css
@@ -1,12 +1,10 @@
 #wpadminbar {
 	background-color:#000E2F;
-	
 	}
 	
 	
 	
 /* Homepage Layout builder */
-
 .sliderDeleteRow {
 	float:right;
 	}
@@ -35,40 +33,87 @@
 			
 		.ui-slider-horizontal {
 			height: 3.5em!important;
+			background-color: #eeeeee!important;
+			background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.5) 50%)!important;
+			background-size: 25px 60px!important;
+
 			}
 		.ui-slider .ui-slider-handle {
 			width: .02em!important;
 			height: 3.9em!important;
 			padding:0!important;
-			border: 2px dotted #2ea2cc;
+			
+			}
+			.ui-slider .ui-slider-handle:focus {
+				height: 3.7em!important;
+				border: 2px solid #2ea2cc!important;
 			}
 			.ui-slider .ui-slider-handle:before{
-			content: "";
-			display:block;
-			position: relative;
-			top: -23px;
-			left: -13px;
-			width: 20px;
-			height: 20px;
-			margin-left: 3px;
-			border-radius: 50% 50% 50% 0;
-			transform: rotate(45deg) ;
-			-webkit-transform: rotate(-45deg) ;
-			-moz-transform: rotate(-45deg) ;
-			-o-transform: rotate(-45deg) ;
-			-ms-transform: rotate(-45deg) ;
-			background: #2ea2cc;	
+				content: "";
+				display:block;
+				position: relative;
+				top: -23px;
+				left: -13px;
+				width: 20px;
+				height: 20px;
+				margin-left: 3px;
+				border-radius: 3px;
+				background: grey;	
+				}
+
+			.ui-slider .ui-slider-handle:after{
+				content:"";
+				display:block;
+				position: absolute;
+				left:-5px;
+				top:-9px;
+				width:10px;
+				height: 10px;
+				background: grey;
+				transform: rotate(45deg) ;
+				-webkit-transform: rotate(-45deg) ;
+				-moz-transform: rotate(-45deg) ;
+				-o-transform: rotate(-45deg) ;
+				-ms-transform: rotate(-45deg) ;
 			}
+			.ui-slider .ui-slider-handle:focus:before{
+				content: "";
+				display:block;
+				position: relative;
+				top: -23px;
+				left: -13px;
+				width: 20px;
+				height: 20px;
+				margin-left: 3px;
+				border-radius: 3px;
+				background: #2ea2cc;	
+				}
+			.ui-slider .ui-slider-handle:focus:after{
+				content:"";
+				display:block;
+				position: absolute;
+				left:-5px;
+				top:-9px;
+				width:10px;
+				height: 10px;
+				background: #2ea2cc;
+				transform: rotate(45deg) ;
+				-webkit-transform: rotate(-45deg) ;
+				-moz-transform: rotate(-45deg) ;
+				-o-transform: rotate(-45deg) ;
+				-ms-transform: rotate(-45deg) ;
+				}
 			.ui-slider .ui-slider-handle:hover {
 				cursor:-webkit-grab;
 				}
 				.ui-slider .ui-slider-handle:active {
 					cursor:-webkit-grabbing;
+
 					}
 			.ui-slider .ui-slider-handle:focus {
 				background-image:none;
 				background:#2ea2cc!important;
-				width:2px;
+				width:3px;
 				}
 	.wp-core-ui .button.sliderDeleteColumn {
 		background: #2ea2cc;
@@ -76,4 +121,11 @@
 		-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15);
 		box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15);
 		color: #fff;
-		}
\ No newline at end of file
+		}
+
+
+
+
+
+
+
diff --git a/header.php b/header.php
index cffca8c..bcfa79a 100755
--- a/header.php
+++ b/header.php
@@ -45,7 +45,7 @@ $parentColor 		= get_theme_mod( 'parentColor');
 			<div class="container">
 				<?php if ($headerImg != ''){ echo '<div id="header-image-wrap"><img src="' . get_header_image() . '" height="' . get_custom_header()->height . '" width="' . get_custom_header()->width . '" id="header-image" alt="Decorative header image of '. get_bloginfo('name') .'" /></div> ';}?>
 				<div class="row">
-					<div class="col-xs-8">
+					<div class="col-md-8">
 						<div class="site-branding" id="uc-site-header">
 							<?php
 								if(strlen($secondary) > 0 && strlen($secondarylink) > 0){
@@ -58,7 +58,7 @@ $parentColor 		= get_theme_mod( 'parentColor');
 							<h1 id="uc-site-title" class="<?php echo $headingColor; ?>"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
 						</div>
 					</div>
-					<div class="col-xs-4 <?php
+					<div class="col-md-4 <?php
 								if(strlen($secondary) > 0 && strlen($secondarylink) > 0){
 									if(substr($secondarylink,0,4) != 'http'){
 										$secondarylink = 'http://'.$secondarylink;
diff --git a/inc/customizer.php b/inc/customizer.php
index 88fedb8..4e58e76 100755
--- a/inc/customizer.php
+++ b/inc/customizer.php
@@ -170,7 +170,7 @@ function huskypress_layoutoption_register( $wp_customize )
 		{
 	
 			?>
-				<div class="button sliderAddRow" title="Add New Row">+ Row</div><div class="button sliderDeleteRow" title="Remove Last Row">– Row</div><div class="sliders"></div><div class="button sliderDeleteColumn disabled" title="Remove Column Divider">– []</div>
+				<div class="button sliderAddRow" title="Add New Row">+ Row</div><div class="button sliderDeleteRow" title="Remove Last Row">– Row</div><div class="sliders"></div><div class="button sliderDeleteColumn disabled" title="Remove Column Divider"><div class="dashicons dashicons-minus"></div></div>
 			<?php
 		}
 	}
diff --git a/index.php b/index.php
index 1e5a995..37bc9d9 100755
--- a/index.php
+++ b/index.php
@@ -14,7 +14,7 @@
 get_header(); ?>
 	
 	<div class="row">
-		<div class="col-xs-9">
+		<div class="col-md-9">
 			<div id="primary" class="content-area">
 				
 					<main id="main" class="site-main" role="main">
diff --git a/page-home.php b/page-home.php
index e635039..c851655 100644
--- a/page-home.php
+++ b/page-home.php
@@ -21,7 +21,7 @@ get_header(); ?>
 			foreach($widths as $width){
 			if($width == 0) break; 
 	?>
-		<div class="col-xs-<?php echo $width; ?>">
+		<div class="col-md-<?php echo $width; ?>">
 			<div id="primary" class="content-area">
 				<main id="main" class="site-main" role="main">
 
diff --git a/page.php b/page.php
index 447d333..59e995e 100755
--- a/page.php
+++ b/page.php
@@ -26,7 +26,7 @@ get_header(); ?>
 		}
 	?>
 	<div class="row">
-		<div class="col-xs-<?php echo (is_active_sidebar( $sidebar )?9:12); ?>">
+		<div class="col-md-<?php echo (is_active_sidebar( $sidebar )?9:12); ?>">
 			<div id="primary" class="content-area">
 				<main id="main" class="site-main" role="main">
 					
diff --git a/search.php b/search.php
index d764fef..cdcca7e 100755
--- a/search.php
+++ b/search.php
@@ -7,7 +7,7 @@
 
 get_header(); ?>
 	<div class="row">
-		<div class="col-xs-9">
+		<div class="col-md-9">
 			<section id="primary" class="content-area">
 				<main id="main" class="site-main" role="main">
 
diff --git a/single.php b/single.php
index 4628512..6163749 100755
--- a/single.php
+++ b/single.php
@@ -8,7 +8,7 @@
 get_header(); ?>
 
 	<div class="row">
-		<div class="col-xs-9">
+		<div class="col-md-9">
 
 			<div id="primary" class="content-area">
 				<main id="main" class="site-main" role="main">