change size of card-view in materializecss

I am using materializecss framework , I want to know that how I can change the size of the components in that , For example I am using hoverable card view and I want to resize its width to 400px , Here's the code I was using <div class="card hoverable small"> <div class="card-image"> <img src="images/sample-1.jpg"> <span class="card-title">Card Title</span> </div> <div class="card-content"> <p>This is simple card.</p> </div> <div class="card-action"> <a href="#">This is a link</a> </div> </div>