.ca-menu{
    padding:0;
    margin:0 auto;
}
.ca-menu li{
    width: 25%;
	display: inline-block;
	float: left;
	overflow:hidden;
    position: relative;
	padding:0 2em;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li a{
    text-align: center;

}
.ca-icon{
	width:100%;
	position:relative;
}
.ca-menu li:hover .ca-icon{
    color: transparent;
    -webkit-animation: moveFromTop 300ms ease;
    -moz-animation: moveFromTop 300ms ease;
    -ms-animation: moveFromTop 300ms ease;
}


.ca-menu2{
    padding:0;
    margin:0 auto;
}
.ca-menu2 li{
    width: 25%;
	display: inline-block;
	float: left;
	overflow:hidden;
    position: relative;
	padding:1em 2em;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu2 li a{
    text-align: center;

}
.ca-icon{
	width:100%;
	position:relative;
}
.ca-main2 h3 {
	font-size:16px;
	line-height:20px;
}
.ca-menu2 li:hover .ca-icon{
    color: transparent;
    -webkit-animation: moveFromTop 300ms ease;
    -moz-animation: moveFromTop 300ms ease;
    -ms-animation: moveFromTop 300ms ease;
}



@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-300%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-300%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-300%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@media(max-width: 1500px) {
	
.ca-menu li{
	padding:0 1.5em;
}
}

@media(max-width: 1245px){

.ca-menu li{
	padding:0 0.8em;
}
.ca-menu2 li{
    width: 33.3%;
	padding:1em 1.5em;
}
}

@media(max-width: 1024px){
.ca-menu li{
    width: 50%;
	padding: 1em;
}

}

@media(max-width: 850px){
.ca-menu2 li{
    width: 50%;
	padding:1.5em 2em;
}
.ca-main2 h3 {
	font-size:13px;
	line-height:15px;
}
}

@media(max-width: 640px){
.ca-menu li{
	float: none;
	display: inline-block;
	margin:0 auto;
	width:100%;
	padding:1em 0;
}
.ca-menu li:hover .ca-icon{
    animation:none;
	opacity:0.5;
}
.ca-menu2 li{
    width: 50%;
	padding:1em;
}


}