animations width and height

animate.css

.main{
    width:800px;
    display:inline-block;
}

.sidebar{
    width:300px;
	display:inline-block;
}

/*Smartphones (portrait and landscape) ———– */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	.main{
		width:480px;
		
		/* webkit */
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 3s;
		/* moz */
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 3s;
		/* opera */
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 3s;
	}
	
	.sidebar{
	    width:480px;
	    
		/* webkit */
		-webkit-animation-property: -webkit-width;
		-webkit-animation-property: -webkit-height;
		-webkit-transition-duration: 3s;
		/* moz */
		-moz-animation-property: -moz-width;
		-moz-animation-property: -moz-height;
		-moz-transition-duration: 3s;
		/* opera */
		-o-animation-property: -o-width;
		-o-animation-property: -o-height;
		-o-transition-duration: 3s;
	}
}