.hpobrazky{
    width: 100%;
    margin-bottom: 40px;
	text-align: center;
}

.hpobrdiv{
    max-width: 292px;
	width: 32%;
	display: inline-block;
    text-align: center;
	vertical-align: top;
	position: relative;
}

.hpobrdiv .label{
	font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #0070af;
}

.hpobrdiv p{
    font-size: 14px;
    margin: 0px;
}

.imghome{
    width: 292px;
	height: 240px;
}

.zuby{
	position: absolute;
	width: 292px;
	height: 240px;
	left:0;
	background: transparent no-repeat center center;
}

.hpboxy {
	display:flex;
	flex-wrap:wrap;
	text-align: center;
	margin-left: -7px;
	margin-right: -8px;
	margin-top: -30px;

}

.hpboxwrp1{
	width:33.333%;
	padding: 0 8px 15px 7px;
	vertical-align: top;
}

.hpboxwrp2{
	width:66.666%;
	padding: 0 8px 15px 7px;
	vertical-align: top;
}

.hpboxwrp3{
	width:100%;
	padding: 0 8px 15px 7px;
	vertical-align: top;
}

.growLarge{
	flex-grow: 1;
}

.hpbox {
	height: 100%;
	border:1px solid #e3e3e3; 
	border-radius:15px; 
	padding: 0 10px;
	text-align: left;
	overflow: hidden;
}

.hpobrdiv:hover{
	background: transparent url('../../img/web/home-image-glow.png') no-repeat center center;
}

.hpbox .slick-slider{
	display:flex;
	height:100%;
	flex-wrap: wrap;
}

.hpbox .slick-dots{
	align-self: flex-end;
	margin-bottom: 10px;
}

@media screen and (max-width: 900px) {
	.hpobrdiv{
		width: 100% !important;
		margin-bottom: 10px;
	}
	
	.hpobrazky{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 352px;
	}
}

@media screen and (max-width: 800px){
	.hpboxwrp1{
		width:50%;
	}

	.hpboxwrp2{
		width:100%;
	}
	
	.growMedium{
		flex-grow: 2;
	}
}

@media screen and (max-width: 550px){
	.nomob{
		display:none;
	}
	
	.hpboxwrp1{
		width:100%;
	}
}