@media screen and (max-width:782px) {

/*-----------------------------------------------
	PRODUCT MENU
-----------------------------------------------*/
.productMenuArea{
	width:100%;
}
.productTitleMenu{
	width:50%;
}

}
@media screen and (max-width:600px) {
/*-----------------------------------------------
	PRODUCT  MENU
-----------------------------------------------*/
.productMenuArea h3{
	width:50%;
	margin-bottom:0.5em;
}
.productMenuArea p.subTitle{
	font-size:14px;
}
.productTitleMenu{
	width:80%;
	padding:1.5em 1em;
	background-color: rgba(0,0,0,0.5) !important;
}
.productTitleMenu ul.search{
	margin-bottom:0.2em;
}
.productTitleMenu a{
	font-size:11px;
}
.productMenuArea li a:link{
	line-height:1.8;
}

}