/* subcategory page styles */

/* content */
.content {width:100%; max-width:806px !important; float:right; padding:0; margin:0 0 0 0}
.content h3 {font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#253848; line-height:32px; padding:0 0 0 15px; margin:0; border-bottom:5px solid #6b8aa5}

.content .cell {width:25%; float:left; border-bottom:1px solid #d7d4c4; margin:0 auto; text-align:center;padding: 10px 5px;box-sizing: border-box;}
.content .cell img {width:100%; max-width:190px !important;}
.content .cell .details {height:75px;padding: 0px 5px;box-sizing: border-box;}
.content .cell p {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; line-height:18px; padding:0; margin:18px 0 3px 0}
.content .cell p a {color:#666666; text-decoration:none}
.content .cell p.price {font-weight:bold; font-size:13px; color:#1e2b36; margin:0; display: inline;}
.content .cell p.price span {color:#596671}
.content .cell .greensave{ font-size:12px;}
.content .cell .strikereg{ font-size: 13px;font-weight: normal;}
@media (max-width: 1030px) {
	
	.content {width:98%; max-width:795px !important;}

}

@media (max-width: 1017px) {

	.leftside {display:none}
	.content {width:100%; max-width:none !important;}
	
}

@media (max-width: 810px) {
	.content .cell p {padding:0 10px;}
}


@media (max-width: 720px) {

	.content .cell {width:33%;}
	
}

@media (max-width: 585px) {
	
	.content .cell {width:50%;}
		
}

@media (max-width: 400px) {
	
	.content .cell {width:100%;}
	
}