.product-line div >img{

}
.product-line div > span{
    position: relative;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    padding-bottom: 3px;
    line-height: 24px;
}
.product-line >div{
    text-align: center;
    border-bottom:4px solid transparent;
}

.product-line > div > a{
	background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    position: relative;
    width: 100%;
    display: block;
    padding-top: 66%;
    margin: 0 auto 10px;
}
.product-line h1{
    text-align: center;
    margin-bottom: 50px;
    font-size: 36px;
}
.product-line{
    margin:10px 0 60px;
    padding: 10px 7%;
    text-align: center;
}
#product-line {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f4f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f0f4f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f0f4f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f4f7',GradientType=0 ); /* IE6-9 */
}

.product-line-small {
	margin: 0;
    padding: 10px 15%;
}

.product-line-small >div {
    padding: 0;	
}

.product-line-small > div > a {
	color: #484b4d;
	text-align: center;
	width: 100%;
	display: inline-block;
	border-bottom:2px solid transparent;
}

.product-line-small > div > a > img {
	max-width: 100px;
	margin: 0 auto;
	display: block;
}

.product-line-small div > a > span {
	font-size: 9pt;
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;	
}

#page-catalog {
	background-color: #f2f2f2;
}

@media only screen and (max-width: 767px) {
	.product-line > div > a{
	    width: 85%;
	}
	.product-line h1{
		font-size: 18pt;
		letter-spacing:3px;
		margin-bottom: 20px;
		margin-top: 0px;
}


@media only screen and (max-width: 767px) {
	.product-line-small {
		margin: 0;
	    padding: 0;
	}
	
	.product-line-small >div {
	    padding: 0;	
		border-bottom: 5px solid #fff;
		display: block;
    	clear: both;
	}
	
	.product-line-small > div > a {
	    width: 100%;
	    display: block;
	    margin: 0 auto;
		float: left;
		padding: 3% 30px 1.5%;
		color: #484b4d;
	}
	
	.product-line-small > div > a > img {
		float: left;
		max-width: 100px;
	}
	
	.product-line-small div > a > span {
	    font-size: 11pt;
	    float: left;
	    padding-top: 20px;
	    padding-bottom: 3px;
	    margin-left: 30px;	
	}
}
@media only screen and (max-width: 370px) {
	.product-line-small > div > a {
		padding: 3% 10px;
	}
}