#cssSlider {
  width: 600px;
	height:auto;
	overflow: hidden;
}

#sliderImages {
	width : 3000px;
	height: auto;
	overflow: hidden;
	
	/* animation duration: 16s : 5x ~3s display image + 5x ~0.2s slide */
	animation: slide 16s infinite;
	-moz-animation: slide 16s infinite;
	-webkit-animation: slide 16s infinite;
	-o-animation: slide 16s infinite;
}

#sliderImages img {
	float: left;
	width:600px;
}

@keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -600px;}
	37%{margin-left: -600px;}
	40%{margin-left: -1200px;}
	57%{margin-left: -1200px;}
	60%{margin-left: -1800px;}
	77%{margin-left: -1800px;}
	80%{margin-left: -2400px;}
	97%{margin-left: -2400px;}
	100%{margin-left: 0px;}
}

@-moz-keyframes slide{
0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -600px;}
	37%{margin-left: -600px;}
	40%{margin-left: -1200px;}
	57%{margin-left: -1200px;}
	60%{margin-left: -1800px;}
	77%{margin-left: -1800px;}
	80%{margin-left: -2400px;}
	97%{margin-left: -2400px;}
	100%{margin-left: 0px;}
}

@-webkit-keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -600px;}
	37%{margin-left: -600px;}
	40%{margin-left: -1200px;}
	57%{margin-left: -1200px;}
	60%{margin-left: -1800px;}
	77%{margin-left: -1800px;}
	80%{margin-left: -2400px;}
	97%{margin-left: -2400px;}
	100%{margin-left: 0px;}
}

@-o-keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -600px;}
	37%{margin-left: -600px;}
	40%{margin-left: -1200px;}
	57%{margin-left: -1200px;}
	60%{margin-left: -1800px;}
	77%{margin-left: -1800px;}
	80%{margin-left: -2400px;}
	97%{margin-left: -2400px;}
	100%{margin-left: 0px;}
}
@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 480px) {
#cssSlider{
	width:350px;
}
#sliderImages{width:1750px;}
#sliderImages img{
	width:350px
	}
@keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -350px;}
	37%{margin-left: -350px;}
	40%{margin-left: -700px;}
	57%{margin-left: -700px;}
	60%{margin-left: -1050px;}
	77%{margin-left: -1050px;}
	80%{margin-left: -1400px;}
	97%{margin-left: -1400px;}
	100%{margin-left: 0px;}
}

}

.menu li span,.menu-responsive li span{
	position: absolute;
	border:inset 2px solid yellow;
    background: #f90a0a;
    transition: .3s;
    padding: 2px 10px;
    margin: auto 5px;
    animation: new .3s infinite;
	-moz-animation: new .3s infinite;
	-webkit-animation: new .3s infinite;
	-o-animation: new .3s infinite;
}
@keyframes new{
	0%{transform:scale(.9) skewX(-30deg);background:white;color:red;}
	100%{transform:scale(1) skewX(-30deg);background:red;color:white;}
}