/*

- Bootstrap v3.3.1

- Font Awesome 4.2.0

- Less - Leaner CSS v2.0.0-b1

*/


/*@import url("css/bootstrap/bootstrap.min.css");*/

@import url("css/bootstrap/bootstrap.cus.css");
@import url("css/fontawesome/font-awesome.css");
@import url("style_templates.css");
@import url("style_osp.css");
@import url("css/style_table.css");
@import url("css/style_cart.css");
@import url("css/style_form.css");
@import url("css/style_accordion.css");




ul.pro-cat{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

ul.pro-cat li{
	width: calc(30% - 30px);
	text-align: center;
	margin: 0px 15px;
	padding: 10px;
	position: relative;
}
ul.pro-cat li img{
	max-width: 120px;
}

ul.pro-cat li:after{
	content: '';
    position:absolute;
    border: 1px solid #ccc;
    right:-15px;
    top:10%;
    height:80%;
}

ul.pro-cat li:last-child:after{
	content: none;
}

ul.pro-cat li h3 a{
	color:#000;
}

ul.pro-cat li h3 a:hover{
	color:#e32227;
}






/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    ul.pro-cat li{
        width: calc(25% - 30px);
        text-align: center;
        margin: 0px 15px;
        padding: 10px;
        position: relative;
    }

    ul.pro-cat li:after{
        content: none;
    }
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	ul.pro-cat li{
        width: calc(50% - 30px);
        text-align: center;
        margin: 0px 15px;
        padding: 10px;
        position: relative;
    }

    ul.pro-cat li:after{
        content: none;
    }
}


/* Landscape phone to below */
@media (max-width: 480px) {
    
}