.download-slider {position: relative; height: 560px; overflow: hidden; }
.download-slider li {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.download-slider li.selected {/* this is the visible slide */
  position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.download-slider li.move-left {/* slide hidden on the left */
  -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.download-slider li.is-moving, .download-slider li.selected {/* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; }
/* -------------------------------- 

Single slide style

-------------------------------- */
.download-slider li {background-position: center center; background-size: cover; background-repeat: no-repeat; }
.download-slider li h2{ color:#000; font-size:48px; line-height:2em; font-weight:normal}
.download-slider li h4{ color:#000; font-size:24px; line-height:1.5em; font-weight:normal; padding:10px 0}
.download-slider .text {position: absolute; width:40%; height: 100%; z-index: 1; top: 100px; left:50px; text-align:left }
/*.download-slider .text a.btn,.download-slider .text a.btn:link,.download-slider .text a.btn:visited{ background:#017bc9; border-radius: 6px; -webkit-border-radius:6px; -ms-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius:6px; font-size:24px; padding:20px 40px}*/
.download-slider .text a.btn:hover{ background:#0264a3}
.download-slider .text a.btn:active{ background:#012841}
.download-slider .text.r { left:auto; right:0px;}
.download-slider .image {position: absolute; right:50px; top: 100px; bottom: auto; }
.download-slider .image.l {left:50px;}




.cd-slider-nav {position: absolute; width: 100%; bottom: 0; z-index: 2; text-align: center; background-color: rgba(0, 1, 1, 0.5); }
.cd-slider-nav .cd-marker {position: absolute; bottom: 0; left: 0; }
.cd-slider-nav ul { margin:0px; padding:0px;}
.cd-slider-nav li { margin:0px; padding:0px; list-style:none; display:inline-block }
.cd-slider-nav li.selected a {color: #2c343b; background:#fff}
.no-touch .cd-slider-nav li.selected a:hover {background-color: transparent; }
.cd-slider-nav a {display: block; position: relative; color: #fff;padding:20px }



@media handheld,only screen and (max-width:1280px) {
.download-slider .text { width:35%}
.download-slider .image { width:40%}
.download-slider li h2{ font-size:36px; }
.download-slider li h4{ font-size:18px; }
	
	}
@media handheld,only screen and (max-width:1024px) {
.download-slider li h2{ font-size:24px; }
.download-slider li h4{ font-size:16px; }
.download-slider .text a.btn,.download-slider .text a.btn:link,.download-slider .text a.btn:visited{  font-size:18px; padding:10px 30px}
.download-slider { height: 460px; }
	
	}
	
@media handheld,only screen and (max-width:960px) {
.download-slider .text { width:45%;}
.download-slider .image { width:40%;}
.cd-slider-nav .fleft{float:left;}
.cd-slider-nav .fright{ float:right}
	
	}
@media handheld,only screen and (max-width:768px) {
.download-slider .text { width:50%;}
.download-slider .image { width:30%;}
.cd-fixed-bg.cd-bg-6 .cd-slider-nav img{ padding:0px;}
.download-slider .text a.btn,.download-slider .text a.btn:link,.download-slider .text a.btn:visited{  font-size:14px; padding:7px 20px; border-radius: 3px; -webkit-border-radius:3px; -ms-border-radius: 3px; -o-border-radius: 3px}
.download-slider { height: 360px; }
}
@media handheld,only screen and (max-width:640px) {
.download-slider li h2{ font-size:16px; font-weight:bold}
.download-slider li h4{ font-size:12px; padding:2px 0;}
.download-slider .text { width:65%; left:10px; line-height:1.2em; top:70px}
.download-slider .text.r { right:10px;}
.download-slider .image { width:30%;right:10px; top:70px}
.download-slider .image.l { left:10px}
.cd-fixed-bg.cd-bg-6 .cd-slider-nav img{ padding:0px; display:none}
.download-slider .text a.btn,.download-slider .text a.btn:link,.download-slider .text a.btn:visited{  font-size:12px; padding:4px 12px}
.download-slider { height: 280px; }
.cd-slider-nav a{ padding:10px; font-size:12px;}
.download-slider li p{ font-size:12px}
}