#sp-header {
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 3px 3px rgba(0,0,0,0.05);
	height: 90px;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 99;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	display: inline-block;
	padding: 0 10px;
	line-height: 90px;
	font-size: 14.5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
}
.entry-header h2 a {
	color: #000;
	font-family: Dancing Script;
	font-size: 41px;
}
img:hover {
	transform: scale(0.97);
	transition: transform .5s ease;
}
@media (max-width: 1399px) {
	
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	display: inline-block;
	padding: 0 6px;
	line-height: 90px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
	margin: 0;
    }

}
.offcanvas-menu {
	width: 320px;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	transform: translateX(320px);
	visibility: hidden;
	overflow: inherit;
	transition: 0.5s;
	z-index: 10000;
	background: #33348b;
}
/* 	By default Helix 3 mega menu is adjust to off-canva in a screen resolution below 480px. 
If you want to have off-canvas menu for a bigger screen resolution just add below CSS code to your custom css file.*/

@media (max-width: 1200px){
.sp-megamenu-parent {
    display: none !important;
  }
#offcanvas-toggler {
    display: inline-block !important;
  }
}