/* CSS Document */

.listView .stock-detail .thumb-area .img-placer, .gridView .stock-detail  .thumb-area .img-placer { width:310px; height:250px; overflow:hidden; margin-top:3px; text-align:center;}
.gridView .stock-detail .thumb-area .img-placer {width:310px; margin:0; border-bottom:1px solid #e2e2e2;}


/* For image Motion */
.stock-detail .thumb-area .img-placer img {-webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
.stock-detail .thumb-area .img-placer img:hover {-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1); -o-transform:scale(1.2); transform:scale(1.2);}


/* <Div> ki Length Short krne k leyae  */
.gridView .stock-list li {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-box-shadow:0px 0px 10px #ccc; -moz-box-shadow:0px 0px 10px #ccc; -ms-box-shadow:0px 0px 10px #ccc; -o-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc; margin:4px; padding:0px; display:inline-block; vertical-align:top; width:310px; border:1px solid #ccc\9;}  

/* On Mouse Over Border Shodow k leyae */
.gridView .stock-list li:hover {-webkit-box-shadow:0px 0px 15px #666; -moz-box-shadow:0px 0px 15px #666; -ms-box-shadow:0px 0px 15px #666; -o-box-shadow:0px 0px 15px #666; box-shadow:0px 0px 15px #666;}




#h1 { text-shadow: 3px 3px 5px blue; font-size:32px; font-weight:bolder; background-color:#F07800; color:#FFFFFF; text-align:center;} 
#h2 { text-shadow: 1px 2px 3px green; font-size:20px; font-weight:bolder; color:#990000; text-align:center; margin-bottom:20px}


 
.card{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 5px;
}

.card:hover {
    box-shadow: 0 16px 32px 0 rgba(0,0,0,0.2);
	}
	
#style {
	margin-left:5px; 
	margin-right:5px;
 	}
	
#mh1 {
background-color:#990000;
color:#FFFFFF;
font-size:large;
text-align:center;
border-radius:5px;
text-shadow: 0 3px 6px #FFFF66;
}