/* Бокс с продуктом */
.productBox{ 
	background: rgba(255,255,255,0.80); 
	cursor:pointer;
	width: calc(33.333% - 6px);
	min-width: 150px; 
	min-height: 220px; 
	height: auto; 
	border: 1px double #033c4b; 
	display: inline-block;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: top;
	overflow:hidden;
	
}

/* Наименование продукта */
.productBoxName{ 
	color: #173653; 
	font-size: 17px; 
	padding: 8px; 
	height: 50px;
	overflow:hidden;
}

/* Описание продукта */
.productBoxDesc{ 
	color: #173653; 
	font-size: 12px; 
	padding: 8px; 
	height: 70px;
	overflow:hidden;
}

/* Цена продукта */
.productBoxPrice{ 
	color: #173653; 
	font-size: 17px; 
	padding: 8px; 
	height: 40px;
	overflow:hidden;
}

/* Блок с изображение продукта  */
.productBoxPic{
    text-align: center;
    height: 150px;
}

/* Изображение продукта  */
.productBoxImg{ 
    min-height: 150px; /* Высота блока */
    min-width: 150px; /* Ширина блока */
    max-height: 100%; /* Высота блока */
    max-width: 100%; /* Ширина блока */
    transition: 0.4s; /* Скорость увеличения изображения */
}

/* Действия при наведении на картинку */
.productBox:hover img{ 
    transform: scale(1.10, 1.10); /* Размер увеличения изображения */
}
/* Действия при наведении на блок */
.productBox:hover{ 
    box-shadow:0 0 0 900px rgba(204, 204, 204, 0.25) inset; /* Изменить фон блока при наведении */
}

@media only screen and (max-width: 500px) {
    /* Бокс с продуктом */
    .productBox {
        width: 100%;
        height: 100px;
        min-height: 0px;
        font-family: Times New Roman;
        margin-left: 0px;
    }
    /* Наименование продукта */
    .productBoxName {
        height: 30px;
        padding:1px;
        padding-top:8px;
        font-weight: 600;
    }
    /* Описание продукта */
    .productBoxDesc {
        height: 35px;
        padding:1px;
        font-size: 14px;
    }
    /* Цена продукта */
    .productBoxPrice {
        height: 25px;
        padding:1px;
        padding-top:5px;
    }
    /* Блок с изображение продукта  */
    .productBoxPic {
        float: left;
        height: 100px;
        width: 100px;
        position: relative;
    }
    /* Изображение продукта  */
    .productBoxImg{ 
        min-height: 0px; /* Высота блока */
        min-width: 0px; /* Ширина блока */
        width: 100%;
        position: absolute;
        margin: auto;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }
}