div.catboxpages {
		width:20%;
		margin-left:4%;
		margin-top:30px;
		float:left;
		overflow:hidden;
		font-size:15px;
		padding:0 0 0 0;
		/*background-image: url(images/website/extramenubox_bg.jpg);*/
		/*background-position: top center; */
		/*background-repeat: no-repeat;*/
		/*background-attachment:fixed; */
		/*background-size:100% 100%;*/
		background: #fff;
		box-sizing:border-box;
		max-height:350px;
		text-align:center;
	}
	a.catboxpagesname {
	text-decoration:none;color:#052a3d; font-size:16px; 
	font-weight:bold;
	text-transform:uppercase;
	}
	
	
	
	div.catboxpages img { filter: grayscale(0%); }
	div.catboxpages img:hover { filter: grayscale(60%); }
	
	div.catboxpagesdesc { max-height:50px; overflow:hidden; transition: 0.6s;}
	div.catboxpagesdesc_hover { overflow:hidden; max-height:0px; transition: 0.6s; }
	
	div.catboxpagesname_for { min-height:20px; max-height:20px;width:90%; transition: 0.6s;}
	div.catboxpagesname_for_hover { min-height:35px; transition: 0.6s; }
	
	div.catboxpagesdesc_for { height:15px;width:90%; }
	div.catboxpagesdesc_end { height:25px;width:90%; transition: 0.6s;}
	div.catboxpagesdesc_end_hover { height:10px;width:90%; transition: 0.6s;}
	div.catboxpages_left { width:100%; overflow:hidden; max-height: 130px; box-sizing: border-box;  padding: 0; }
	div.catboxpages_right { width:100%; padding: 0;  box-sizing: border-box; tex-align:center; height: 130px; }

	@media only screen and (max-width: 768px) {
		div.catboxpages { width:90% !important; float:none !important; margin:10px auto !important; max-height: inherit !important;}
		div.catboxpages_left { float:none; clear:both; width:100%; overflow:hidden; box-sizing: border-box;  padding: 0; max-height:400px; }
		div.catboxpages_right { float:none; clear:both; width:100%;  padding: 5px; box-sizing: border-box; text-align:center; }
	}


a.catboxpagesname {
	text-decoration:none;color:#052a3d; font-size:16px; 
	font-weight:bold;
	text-transform:uppercase;
}

span.catboxpagesname {
	color:#052a3d; font-size:16px; 
	font-weight:bold;
	text-transform:uppercase;
}


@media only screen and (max-width: 400px) {
	  div.catboxpages_left { float:none; clear:both; width:100%; overflow:hidden; box-sizing: border-box;  padding: 10px 5px 5px 5px; }
	 div.catboxpages_right { float:none; clear:both; width:100%;  padding: 5px; box-sizing: border-box; text-align:center; }
	div.catboxpages a.more { margin: 0 auto; padding: 3px 0 0 0 !important; }
	div.catboxpages img { max-height: inherit !important; }
	}