/* change to shop-by */


#you-may-like-flex-box { max-width:1222px; margin:0 auto; justify-content: center;}
#you-may-like-flex-box hr {border:0; height:1px; background:#aaa; margin:30px 0 60px 0;}
#you-may-like-flex {width:98%; max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
#you-may-like-flex h4 {padding:40px 0 0px 0; font:700 24px/26px 'Jost', sans-serif; color:#000;}
.you-may-like {width:30%;}
.you-may-like img {display:block; width:100%; margin-bottom:20px; background:#000; filter: brightness(100%); transition:0.5s;}
.you-may-like img:hover {filter: brightness(100%);}
#content-data p.cs-price {font:700 28px/25px 'playtime_with_hot_toddiesRg', sans-serif; margin-top: 10px; }
#content-data p.cs-price sup	{ font-size: 16px; }

#content-data #center-shop-by-flex {width:98%; max-width:990px; margin:0 auto; justify-content: center;}
#content-data #shop-by h3 {font:700 30px/40px 'Jost', sans-serif; text-transform:uppercase; color:#000; text-align:center;}
#content-data #shop-by-flex {display:flex; flex-wrap:wrap; justify-content: space-between; margin:50px 0; width:100%; }
#content-data #shop-by-flex div.icon {width:15%; margin-bottom: 20px; }
#content-data #shop-by-flex div.icon p {font:600 14px/25px 'Jost', sans-serif; text-transform:uppercase; color:#000; text-align:center; margin:0; padding:0;}
#content-data #shop-by-flex div img {display:block; width:100%;}

@media only screen and (max-width: 800px) {
	.you-may-like {width:45%; margin-bottom:20px;}
	#content-data #shop-by div.box {width:46%;}
	#content-data #shop-by div.icon {width:30%;}

}
@media only screen and (max-width: 480px) {
	#content-data #shop-by div.icon {width:46%;}
	
}

@media only screen and (max-width: 360px) {
	.you-may-like {width:100%; margin-bottom:20px;}
}