
.anim-slider {
    background: none repeat scroll 0 0 #fff;
    height: 360px;
    left: 0;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
}
.anim-dots span {
    border-radius: 100%;
    background: none repeat scroll 0 0 #99a3ad;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 3px;
    position: relative;
    width: 14px;
}

.anim-dots span.anim-dots-this:after {
    background: none repeat scroll 0 0 #2d3d4f;
    border-radius: 100%;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    width: 14px;
}
 .anim-slide h1
  {
    color:#888888;
    font-weight: 300;
    font-size: 3em;
  }
  .anim-slide h2
  {
    color: #c0c0c0;
    font-size: 35px;
  }
  .anim-slide h3
  {
    color: #c0c0c0;
    font-size: 30px;
  }
  .anim-slide h4
  {
    color: #c0c0c0;
    font-size: 25px;
  }
  .anim-slide h1#slider{text-shadow: -1px 1px 0px;padding: 6px;width:100%;}
  .anim-slide h2#plugin{ width:100%;top: 22%;}
  .anim-slide h3#license{width:100%;top: 37%;}
  .anim-slide h4#version{width: 100%;top: 50%;}
  .anim-slide h4#version1{width: 100%;top: 60%;}
  .anim-slide h3#todo{top: 0%;left: 20%;}
  .anim-slide h3#lightspeed{top: 15%;left: 45%;}
  .anim-slide h4#zoomup{top: 15%;left: 60%;}
  .anim-slide h4#bounceRight{top: 15%;left: 75%;}
  .anim-slide h3#rollin{top:31%;left: 20%;}
  .anim-slide h4#fadeDown{top: 43%;left: 28%;}
  .anim-slide h4#fadeUp{top: 31%;left: 28%;}
  .anim-slide h3#rotate{top: 50%;left: 49%;}
  .anim-slide h4#rotateRight{top: 50%;left: 61%;}
  .anim-slide h4#rotateLeft{top: 2%;left: 40%;}

  .anim-slide img#css3{left: 35%;top: 4%;}
  .anim-slide img#html5{left: 52%;top: -1%;}
  .anim-slide img#jquery{top: 60%;left: 41%;}
  .anim-slide img#modernizr{width:260px;top: 75%;left: 20%;}
  .anim-slide h2#animatecss{top: 69%;left: 60%;color: #f35626;}
  
  #ban_1_3{
	  right: 43%;
  }
	#ban_1_2{
	  left: 6%;
  }
  #ban_1_1{
	  right: 2%;
  }
   #ban_2_1{
	  left: 16%;
	   margin-top:4%;
  }
	#ban_2_2{
	 right: 5%;
	  margin-top:2%;
  }
   #ban_3_1{
	  right: 3%;
  }
	#ban_3_2{
	 right: 50%;
  } 
  #ban_3_3{
	  left: 3%;
  }
	 #ban_4_1{
	  left: 6%;
	   margin-top:2%;
  }
	#ban_4_2{
	 right: 35%;
	  margin-top:5%;
  } 
  #ban_4_3{
	 right: 20%;
	 margin-top:5%;
  }
  #ban_5_1{
	 
  }
	#ban_5_2{
	 left: 0%;
	
  } 
  #ban_5_3{
	 right: 0%;
	
  }
     #ban_5_4{
	right:28%;
	margin-top:13%;
  }
 #signup1{
	 top:58%;
	 right:58%;
  }
   #signup2{
	 top:27%;
	 right:58%;
  }
  #signup3{
	 top:35%;
	 right:56%;
  }
  div#demo{text-align: center;}
  div#demo>a{display:inline-block;text-decoration: none;}
  div#demo>a>h4{padding: 5px 8px;margin: 20px;background-color: #225A86;color: #fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15);}
  p#credits{z-index:-1;position: fixed;bottom: 0px;width: 100%;text-align: center;font-size: 14px;}
  p#credits>a{font-weight: bold;color: #999;text-decoration: none;}
  img#github-logo{z-index:-1;position: fixed;bottom: -20px;right: 2%;opacity: 0.4;}
  @media (min-width:1000px) and (max-width:1100px){
	 #ban_1_1 {width:435px !important;}#ban_1_2{width:435px !important;} #ban_1_3 {width:189px !important;right:36%;}#ban_2_1{left:0%;}#ban_2_2{right:0%;height:150px;}#signup2{right:38%;top:47%;}#ban_3_1{width:280px;}#ban_3_2{width:240px;right:37%;}#ban_3_3{height:155px;}#signup3{right:43%;top:25%;}#ban_4_2{margin-top:7%;right:15%;}#ban_4_3{margin-top:15%;right:20%;}#rotateLeft{left:54%;}
  } 
   @media (min-width:1101px) and (max-width:1200px){
	 #ban_1_1 {width:435px !important;}#ban_1_2{width:435px !important;} #ban_1_3 {width:189px !important;right:36%;}#ban_2_1{left:0%;}#ban_2_2{right:0%;height:150px;}#signup2{right:38%;top:47%;}#ban_3_1{width:360px;}#ban_3_2{width:280px;right:37%;}#ban_3_3{height:170px;}#signup3{right:43%;top:25%;}#ban_4_2{margin-top:7%;right:24%;}#ban_4_3{margin-top:8%;right:6%;}#rotateLeft{left:50%;}
  } 
   @media (min-width:1201px) and (max-width:1300px){
	 #ban_1_1 {width:435px !important;}#ban_1_2{width:435px !important;} #ban_1_3 {width:189px !important;right:36%;}#ban_2_1{left:0%;}#ban_2_2{right:0%;height:190px;}#signup2{right:38%;top:59%;}#ban_3_1{width:360px;}#ban_3_2{width:280px;right:37%;}#ban_3_3{height:170px;}#signup3{right:43%;top:25%;right:31%;}#ban_4_2{margin-top:7%;right:31%;}#ban_4_3{margin-top:8%;right:6%;}#rotateLeft{left:50%;}
  } 
   @media (min-width:1301px) and (max-width:1400px){
	 #ban_1_1 {width:500px !important;}#ban_1_2{width:500px !important;} #ban_1_3 {width:230px !important;right:38%;}#ban_2_1{left:0%;}#ban_2_2{right:0%;height:190px;}#signup2{right:38%;top:59%;}#ban_3_1{width:400px;}#ban_3_2{width:300px;right:37%;}#ban_3_3{height:180px;}#signup3{right:43%;top:25%;}#ban_4_2{margin-top:7%;right:31%;}#ban_4_3{margin-top:8%;right:6%;}#rotateLeft{left:50%;}
  } 
   @media (min-width:1401px) and (max-width:1500px){
	 #ban_1_1 {width:550px !important;}#ban_1_2{width:550px !important;} #ban_1_3 {width:280px !important;right:36%;}#signup1{right:50%;}#signup2{right:38%;top:59%;}#ban_2_1{left:0%;}
	 #ban_3_1{width:400px;}#ban_3_2{width:300px;right:37%;}#ban_3_3{height:180px;}#signup3{right:43%;top:25%;}
  } 
 @media (min-width:1501px) and (max-width:1600px){
	 #ban_1_1 {width:550px !important;}#ban_1_2{width:550px !important;} #ban_1_3 {width:280px !important;right:36%;}#signup1{right:50%;}#signup2{right:38%;top:59%;}#ban_2_1{left:0%;}
	 #ban_3_1{width:400px;}#ban_3_2{width:300px;right:37%;}#ban_3_3{height:180px;}#signup3{right:43%;top:25%;}
  } 
   @media (min-width:1601px) and (max-width:1700px){
	 #ban_1_1 {width:550px !important;}#ban_1_2{width:550px !important;} #ban_1_3 {width:280px !important;right:36%;}#signup1{right:50%;}#signup2{right:38%;top:59%;}#ban_2_1{left:5%;}
	 #ban_3_1{width:430px;}#ban_3_2{width:330px;right:37%;}#ban_3_3{height:200px;}#signup3{right:44%;top:31%;}
  } 