.subMenuItems{
    display: none;
    position: absolute;
    width: 365px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	background: #ffffff;
    text-align: left;
    }
	.subMenuItems li{
		float: left;
		width: 50%
		text-align: left;	
		justify-content: flex-start;
		display: inline-block;
		align-items: left;
		padding-left: 10px;
		position
		left:0;
	}
	.subMenuItems li a {
		float: left;
		justify-content: flex-start;
		display: flex;
		align-items: left;
		width: 50%
		padding-left: 10px;
		text-align: center;
		padding: 5px 10px;
		text-decoration: none;
		left:0;

	}

    .hasSubMenuItem:hover .subMenuItems{
    display: block;
    }
	@media (max-width: 768px){
		.subMenuItems {
			width: 100%;
			position: absolute;
			box-shadow: none;
			left:0;
			margin-top: 0;
		}
		.hasSubMenuItem{
			position: static;
		}
		.hasSubMenuItem:hover .subMenuItems{
			display: flex;
		}
		.subMenuItems li{
			width: 200%;
			size: 15px;
			left:0;
		}
			
		.subMenuItems li a {
			left:0;
			width: 200%;
			size: 15px;
		}

}