diff --git a/admin-style.css b/admin-style.css
index 1d1587e..d9e6069 100644
--- a/admin-style.css
+++ b/admin-style.css
@@ -12,7 +12,7 @@
 	}
 
 .sliders {
-	padding:1em 0;
+	padding:2.5em 0;
 	}
 	.slider-wrap {
 		float:left;
@@ -37,10 +37,27 @@
 			height: 3.5em!important;
 			}
 		.ui-slider .ui-slider-handle {
-			width: .75em!important;
+			width: .02em!important;
 			height: 3.9em!important;
 			padding:0!important;
-			background:#E6E6E6!important;
+			border: 2px dotted #2ea2cc;
+			}
+			.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;	
 			}
 			.ui-slider .ui-slider-handle:hover {
 				cursor:-webkit-grab;
@@ -51,6 +68,7 @@
 			.ui-slider .ui-slider-handle:focus {
 				background-image:none;
 				background:#2ea2cc!important;
+				width:2px;
 				}
 	.wp-core-ui .button.sliderDeleteColumn {
 		background: #2ea2cc;
diff --git a/header.php b/header.php
index 22b9e02..cffca8c 100755
--- a/header.php
+++ b/header.php
@@ -45,7 +45,7 @@
 			<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-sm-8">
+					<div class="col-xs-8">
 						<div class="site-branding" id="uc-site-header">
 							<?php
 								if(strlen($secondary) > 0 && strlen($secondarylink) > 0){
@@ -58,7 +58,7 @@
 							<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-sm-4 <?php
+					<div class="col-xs-4 <?php
 								if(strlen($secondary) > 0 && strlen($secondarylink) > 0){
 									if(substr($secondarylink,0,4) != 'http'){
 										$secondarylink = 'http://'.$secondarylink;
diff --git a/inc/reg-sidebars.php b/inc/reg-sidebars.php
index 42067e9..208f39e 100644
--- a/inc/reg-sidebars.php
+++ b/inc/reg-sidebars.php
@@ -67,7 +67,7 @@ function check_sidebar_params( $params ) {
 	    } else {
 	    	$cols = floor(12 / $count);
 	    }
-	    $params[0]['before_widget'] = str_replace('class="', 'class="col-sm-' . $cols . ' ', $params[0]['before_widget']);
+	    $params[0]['before_widget'] = str_replace('class="', 'class="col-xs-' . $cols . ' ', $params[0]['before_widget']);
     }
     return $params;
 }
diff --git a/index.php b/index.php
index 1dbf7f2..1e5a995 100755
--- a/index.php
+++ b/index.php
@@ -14,7 +14,7 @@
 get_header(); ?>
 	
 	<div class="row">
-		<div class="col-sm-9">
+		<div class="col-xs-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 cc2067c..e635039 100644
--- a/page-home.php
+++ b/page-home.php
@@ -21,7 +21,7 @@
 			foreach($widths as $width){
 			if($width == 0) break; 
 	?>
-		<div class="col-sm-<?php echo $width; ?>">
+		<div class="col-xs-<?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 af2921b..447d333 100755
--- a/page.php
+++ b/page.php
@@ -26,7 +26,7 @@
 		}
 	?>
 	<div class="row">
-		<div class="col-sm-<?php echo (is_active_sidebar( $sidebar )?9:12); ?>">
+		<div class="col-xs-<?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 c3ae291..d764fef 100755
--- a/search.php
+++ b/search.php
@@ -7,7 +7,7 @@
 
 get_header(); ?>
 	<div class="row">
-		<div class="col-sm-9">
+		<div class="col-xs-9">
 			<section id="primary" class="content-area">
 				<main id="main" class="site-main" role="main">
 
diff --git a/single.php b/single.php
index b39cb32..4628512 100755
--- a/single.php
+++ b/single.php
@@ -8,7 +8,7 @@
 get_header(); ?>
 
 	<div class="row">
-		<div class="col-sm-9">
+		<div class="col-xs-9">
 
 			<div id="primary" class="content-area">
 				<main id="main" class="site-main" role="main">