Changing the functionality of slideshow

-Moving to meta slider
- Changing the image size for the slider to 1920x650

.gitignore

@@ -0,0 +1,2 @@
+
+_notes/dwsync.xml

style.css

@@ -540,7 +540,7 @@ padding-left:10px;
 /* =============================== Slideshow =============================== */
 
 
-.nivoSlider {
+/* .nivoSlider { --------------- Former height css to limit height of slider ---------------->
 	height:461px !important;
 }
 
@@ -555,7 +555,10 @@ padding-left:10px;
 	@media (max-width: 767px) {	
 	.nivoSlider {
 		height:auto !important;
-	}}
+	}} */ 
+
+
+
 
 .theme-light.slider-wrapper {
 	background:none !important;
@@ -602,17 +605,12 @@ padding-left:10px;
 		}
 		@media (max-width:767px) {
 			.caption-wrapper {
-				width:660px;
-			}
-		}
-
-		@media (max-width:660px) {
-			.caption-wrapper {
+				position:relative;
 				width:100%;
-				top:auto;
-				bottom:0;
+				top: 0px;
 			}
 		}
+
 
 	.nivo-caption {
 		padding:10px 10px 10px 20px !important;
@@ -621,7 +619,7 @@ padding-left:10px;
 		width:40% !important;
 		margin-left:27px;
 	}
-			@media (max-width:660px) {
+			@media (max-width:767px) {
 				.nivo-caption {
 					float:none;
 					width:100% !important;
@@ -689,36 +687,28 @@ padding-left:10px;
 .theme-light .nivo-directionNav a {
 	background:none!important;
 	text-indent:0!important;
-	top:415px!important;
 	z-index:9999!important;
 	width:auto!important;
 	font-size:60px!important;
 	font-family:"Courier New", Courier, monospace;
 	text-shadow: 0px 0px 4px rgba(0,0,0,0.7);
+	margin-bottom:65px !important;
 }
 
 	.theme-light .nivo-directionNav a:hover {
 		text-decoration:none;
 		color:#ffbc39;
 	}
-
-	@media (max-width: 1200px) {	
-		.theme-light .nivo-directionNav a {
-			top:325px!important;
-		}}
-
-	@media (max-width: 979px) {	
-		.theme-light .nivo-directionNav a {
-			top:245px!important;
-		}}
-	@media (max-width: 767px) {	
-		.theme-light .nivo-directionNav a {
-			top:85%!important;
-		}}
-	@media (max-width: 660px) {	
+
+
+	@media (max-width:767px) {
 		.theme-light .nivo-directionNav a {
-			top:10%!important;
-		}}
+			top: 20px !important;
+			bottom:auto !important;
+		}
+	}
+
+
 
 
 .ie7 .theme-light .nivo-directionNav a {
@@ -779,8 +769,80 @@ padding-left:10px;
 	display:none;
 	height:0;
 }
+/* =============================== Metaslider =============================== */	
 
-
+
+#home1 {
+    overflow: hidden;
+    width: 100%;
+}
+	.metaslider .caption-wrap {
+		width:1200px !important;
+		margin-left:auto!important;
+		margin-right:auto!important;
+		left:0;
+		right:0;
+		bottom:auto !important;
+		top:40px !important;
+		background:transparent !important;
+		opacity:1 !important;
+	}
+		@media (max-width:1200px) {
+			.metaslider .caption-wrap {
+				width:991px !important;
+			}
+		}
+		@media (max-width:991px) {
+			.metaslider .caption-wrap {
+				width:767px !important;
+			}
+		}
+		@media (max-width:767px) {
+			.metaslider .caption-wrap {
+				width:100% !important;
+				position:relative !important;
+				top:0px !important;
+			}
+		}
+
+		.metaslider .caption-wrap .caption-left {
+			background-color:rgba(0,0,0,0.7) !important;
+			float:left !important;
+			width:40% !important;
+			padding:10px 10px 10px 20px !important;
+			margin-left:15px !important;
+		}
+				@media (max-width:767px) {
+					.metaslider .caption-wrap .caption-left {
+						float:none !important;
+						width:auto !important;
+						margin-left:0px !important;
+						padding:10px !important;
+						background-color:rgba(0,0,0,0.8) !important;
+					}
+				}
+
+		.metaslider .caption-wrap .caption-right {
+			background-color:rgba(0,0,0,0.7) !important;
+			float:right !important;
+			width:40% !important;
+			padding:10px 10px 10px 20px !important;
+			margin-left:15px !important;
+		}
+				@media (max-width:767px) {
+					.metaslider .caption-wrap .caption-right {
+						float:none !important;
+						width:auto !important;
+						margin-left:0px !important;
+						padding:10px !important;
+						background-color:rgba(0,0,0,0.8) !important;
+					}
+				}
+	@media (max-width:767px) {			
+		.metaslider .caption {
+			padding:0 !important;
+		}
+	}
 
 /* =============================== Footer =============================== */	
 
@@ -1142,6 +1204,13 @@ a:hover.yellow-link {
 	#row2 #home2 {
 		margin-left:11px;
 	}
+
+		@media (max-width: 767px) {	
+			#row2 #home2 {
+				margin-left:0px;
+				padding-left:11px;
+			}
+		}
 
 	#row2 h4 {
 		color:#4791CC