/*style aicha*/
   .product-col
{
	/* width:20%;
	padding: 0 0.5em; */
}
.view {
    width: 100%;
    height: 100%;
    margin-bottom: 8px;
    float: left;
    border: 3px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}
.view img {
    display: block;
    position: relative;
}
.modal-header h2{
  color: #212121;
  font-size: 2em;
  margin: 0;
  text-transform: capitalize;
  font-weight: 700;
  letter-spacing: 1px;
}
.modal-body p{
  margin: 1em 0 0 0;
  font-size: .875em;
  color: #999999;
  line-height: 1.8em;
}
.modal-dialog {
    width: 70%;
    margin: 30px auto;
}
/*style aicha*/
/*start media responsive*/
@media(max-width:1024px){ 
	.view, .view .mask, .view .content { 
	height:200px;
	width:200px;
}
    }
@media only screen and (max-width: 600px) {

    .product-col {
    width: 100%;
    padding: 0 1.5em;
    padding-bottom: 1em;
    }
    
  
}
@media only screen and (max-width: 480px) {
    .modal-dialog {
    width: 90%;
    margin: 30px auto;
}
    .modal-header h2 {
    font-size: 1.5em;
}
    .center{
            margin: 0 auto;
    }
    .view {
	float:none;
}
.view, .view .mask, .view .content {
    height:250px;
    width:250px;
}
    
  
}@media only screen and (max-width: 320px) {

 .view, .view .mask, .view .content {
    height: 250px;
    width: 250px;
}  
  
}