.responsive-slider {
  width: 100%;
  position: relative;
}
.responsive-slider [data-animate] {
  opacity: 0;
}
.responsive-slider .slides {
  position: relative;
  overflow: hidden;
}
.responsive-slider .slides ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 0;
}
.responsive-slider .slides ul li {
  display: inline-block;
  max-width: 100%;
}
.responsive-slider .slides ul li .slide-body {
  display: inline-block;
  position: relative;
  max-width: 100%;
  font-size: 14px;
}
.responsive-slider .slides ul li .slide-body img {  max-width: 100%;}
.responsive-slider .slides ul li .slide-body .caption {  position: absolute;  color: #313030;}
.responsive-slider .slides ul li .slide-body .caption.header {  top: 20%;  right:0;  left:50%;}
.responsive-slider .slides ul li .slide-body .caption.header h2 {  font-size: 30px; font-weight:400; }
.responsive-slider .slides ul li .slide-body .caption.header2 {  top: 20%;  left: 18%;  right:0;}
.responsive-slider .slides ul li .slide-body .caption.header2 h2 {  font-size: 30px; font-weight:400; }
.responsive-slider .slides ul li .slide-body .caption.header h2 i {  font-size: 35px;}

.responsive-slider .pages {
  position: absolute;
  bottom: 80px;
  left: 0;
  width: 100%;
  text-align: center;
}
.responsive-slider .pages .page {
  display: inline-block;
  color: transparent;
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
  margin-right:10px;
}
.responsive-slider .pages .page.active {
  background: rgba(255, 84, 54, 0.7) none repeat scroll 0 0;
}

.responsive-slider .slides ul li .slide-body .caption.sub2.iphon-btn {
    bottom: -210%;
}


@media (min-width: 481px) and (max-width: 767px) {
.responsive-slider .slides ul li .slide-body .caption.header h2 { font-size: 25px;  }
.responsive-slider .slides ul li .slide-body .caption.header h2 i { font-size: 20px; }
}
@media (max-width: 480px) {
.responsive-slider .slides ul li .slide-body .caption.header h2 { font-size: 16px; }
.responsive-slider .slides ul li .slide-body .caption.header2 h2 {  font-size: 16px; margin-top: 10px; margin-bottom: 0;}
.responsive-slider .slides ul li .slide-body .caption.header h2 i { font-size: 14px;  }
}
.responsive-slider .slides ul li .slide-body .caption.sub { bottom: -120%;  right: 0; font-weight: 300; font-size:24px; left:0; }
.responsive-slider .slides ul li .slide-body .caption.sub2 { bottom: -230%;  right: 0; font-weight: 400; font-size:24px; left:0; }

@media (min-width: 481px) and (max-width: 767px) {
  .responsive-slider .slides ul li .slide-body .caption.sub {  font-size: 14px; line-height:14px; }
}
@media (max-width: 480px) {
  .responsive-slider .slides ul li .slide-body .caption.sub { font-size: 14px; line-height:14px; }
}

.responsive-slider .slides ul li .slide-body .caption.img-html5 { top: 24%; right: 0; width:35%; left:3%;}
.responsive-slider .slides ul li .slide-body .caption.img-android {  top: 20px;  right: 20%;  width: 30%;  /*left:10%;*/}
.responsive-slider .slides ul li .slide-body .caption.img-ipad { top: 26px;  right: 30%;  width: 30%;  /*left:10%;*/}
.responsive-slider .slides ul li .slide-body .caption.img-gadget {  top:0;  right: 0; left:0;}
/*.responsive-slider .slides ul li .slide-body .caption.img-html5 img {  max-width:100%;}
.responsive-slider .slides ul li .slide-body img { max-width: 100%; }
*/.responsive-slider .slides ul li .slide-body .caption.img-css3 {  top: 25%;  right: 0;  width: 10%;  left:15%;}
/*.responsive-slider .slides ul li .slide-body .caption.img-css3 img {  max-width: 100%;}
*/.responsive-slider .slider-control {  position: absolute;  font-size: 20px;  color: #000;  top:50%;  padding: 10px;}
.responsive-slider .slider-control.left { display:none;  left: 5%;  padding-left: 0;  background:url(../img/slider/arrow.png) no-repeat left top; width:30px; height:53px;}
.responsive-slider .slider-control.left:hover {display:none;  text-decoration: none;  padding-left: 0;  text-indent:-9999;  background:url(../img/slider/arrow.png) no-repeat left bottom; width:30px; height:53px;}
.responsive-slider .slider-control.right {display:none;  right: 5%;  padding-right: 0;  background:url(../img/slider/arrow.png) no-repeat right top; width:30px; height:53px;}
.responsive-slider .slider-control.right:hover {display:none;  text-decoration: none;  padding-right: 0; background:url(../img/slider/arrow.png) no-repeat right bottom; width:30px; height:53px;}

@media (max-width:767px) {
.responsive-slider .slides ul li .slide-body .caption.img-css3 img, .responsive-slider .slides ul li .slide-body .caption.img-html5 img, .responsive-slider .slides ul li .slide-body .caption.img-ipad img, .responsive-slider .slides ul li .slide-body .caption.img-gadget img {  max-width:inherit; }
.apple-watch { width:100%; }	
.apple-watch2 { width:160%; }
.ipad-app { width:100%; }
.gadget-app { width:100%; }
.responsive-slider .slides ul li .slide-body .caption.header {  top:-5px;  right:0;  left:35%;}
.responsive-slider .slides ul li .slide-body .caption.header2 {  top:-5px;  left: 5%;  right:0;}
.responsive-slider .slides ul li .slide-body .caption.sub { bottom: -55%;  right: 0; left:0; }
.responsive-slider .slides ul li .slide-body .caption.sub2 {bottom: -145%;right: 0;left: 0;font-size: 17px; }
.responsive-slider .slides ul li .slide-body .caption.img-android {  top:0;  right: 6%;  width: 40%; }
.android-app { width:140%; margin-left:-20px; }
.responsive-slider .slides ul li .slide-body .caption.img-ipad { top: 0px;  right: 0%;  width:52%;  /*left:10%;*/}
.responsive-slider .slides ul li .slide-body .caption.sub2.iphon-btn {bottom: -110%;}
.responsive-slider .slides ul li .slide-body .caption.sub {bottom: -45%;}
.caption.sub3-box {margin: 12px;bottom: -310%;left: -32px;}
.phone p {margin-bottom: 0;}
h3.red-txt.pay {
    margin: 0;
}
}

@media (max-width: 480px) {
  .responsive-slider .slider-control.left, .responsive-slider .slider-control.right { display: none; }
}
@media(min-width:768px) { 
.caption.img-css3 img  { max-width:inherit !important;  }
.responsive-slider .slides ul li .slide-body .caption.header2 h2 {margin-top: 20px;}
.apple-watch { width:110%;}
.apple-watch2 { width:170% !important; }
.caption.img-android img, .caption.img-html5 img, .caption.img-ipad img, .caption.img-gadget img { max-width:inherit !important; }
.iphone-app { width:126%; }
.android-app { width:141%; }
.ipad-app { width:160%; }
.gadget-app { width:100%;  }
.responsive-slider .slides ul li .slide-body .caption.img-html5 {left:15%;}
.responsive-slider .slides ul li .slide-body .caption.img-css3 {   left:28%;}
.responsive-slider .slides ul li .slide-body .caption.header {  top: 10%;  left:50%;}
.responsive-slider .slides ul li .slide-body .caption.sub { font-size:22px; }
.responsive-slider .slides ul li .slide-body .caption.sub2 { font-size:20px; }
.responsive-slider .slides ul li .slide-body .caption.sub { bottom: -100%; }
.responsive-slider .slides ul li .slide-body .caption.sub2 { bottom: -200%; }
 }
 
@media(min-width:768px) and (max-width:991px) {
.responsive-slider .pages { bottom:20px; }

.apple-watch {
    width:104%;
}
.responsive-slider .slides ul li .slide-body .caption.img-html5 {
    left: 10%;
}
.responsive-slider .slides ul li .slide-body .caption.header {
    left: 40%;}
	
.responsive-slider .slides ul li .slide-body .caption.sub2.iphon-btn {
    bottom: -170%;
}	
} 


@media(min-width:992px) { .responsive-slider .slides ul li .slide-body .caption.img-android img, .responsive-slider .slides ul li .slide-body .caption.img-html5 img, .responsive-slider .slides ul li .slide-body .caption.img-ipad img, .responsive-slider .slides ul li .slide-body .caption.img-gadget img, .responsive-slider .slides ul li .slide-body .caption.img-html5 img, .responsive-slider .slides ul li .slide-body .caption.img-css3 img  { max-width:inherit;  }
.responsive-slider .slides ul li .slide-body img {  max-width: inherit;}
.apple-watch { width:60%; }
.apple-watch2 { width:200%; }
.iphone-app { width:126%; }
.android-app { width:141%; }
.ipad-app { width:163%; }
.responsive-slider .slides ul li .slide-body .caption.img-ipad { right:26%;  }
.responsive-slider .slides ul li .slide-body .caption.img-html5 {left:10%;}
.responsive-slider .slides ul li .slide-body .caption.img-css3 {   left:22%;}
.responsive-slider .slides ul li .slide-body .caption.header {  top: 20%;  left:52%;}
.responsive-slider .slides ul li .slide-body .caption.sub, .responsive-slider .slides ul li .slide-body .caption.sub2 { font-size:24px; }
.responsive-slider .slides ul li .slide-body .caption.sub { bottom: -120%; }
.responsive-slider .slides ul li .slide-body .caption.sub2 { bottom: -230%; }
 }
 @media(min-width:992px) and (max-width:1991px) {
.responsive-slider .slides ul li .slide-body .caption.img-html5{width:70%;}
}

@media(min-width:1200px) { 
.responsive-slider .slides ul li .slide-body .caption.header h2, .responsive-slider .slides ul li .slide-body .caption.header2 h2 {  font-size: 40px; font-weight:400; }
.responsive-slider .slides ul li .slide-body .caption.header, .responsive-slider .slides ul li .slide-body .caption.header2 { top:28%: }
.responsive-slider .slides ul li .slide-body .caption.sub, .responsive-slider .slides ul li .slide-body .caption.sub2  {  font-size: 30px;}
.responsive-slider .slides ul li .slide-body .caption.img-android { top:30px; }
.responsive-slider .slides ul li .slide-body .caption.img-ipad {right: 30%; top:40px;}
.responsive-slider .slides ul li .slide-body .caption.img-html5 {left:10%;}
.apple-watch { width:130%; }

.responsive-slider .slides ul li .slide-body .caption.img-html5{width:35%;}
}
.enterprice-btn {
    min-width: 320px;
}

.wear-btn {
	min-width: 460px;
}