.nav-mobile:before {
	font-size: 41px;
	cursor: pointer;
}
#site-navigation {
	line-height: 46.5px;
}

#site-navigation .icon-li-social {
	margin-top: 30px;
	text-align: center;
}

#site-navigation .icon-li-social a {
	display: inline-block;
	font-size: 30px;
	margin: 0 6px;
	width: 25px;
	text-decoration: none!important;
}

@media only screen and (min-width : 1400px) {

	#primary-menu, #primary-menu * {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#primary-menu,
	#site-navigation .icon-li-social {
		display: inline-block;
	}

	#primary-menu li {
		position: relative;
		display: inline-block;
	}
	#primary-menu > li.menu-item-has-children:hover {
		/*-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.16);
		box-shadow: 0 4px 12px rgba(0,0,0,0.16);*/
	}
	#primary-menu li a {
		font-size: 22px;
		padding: 7px 15px;
		display: block;
		transition: .5s;
		text-decoration: none;
	}
	#primary-menu > li:last-child a {
		padding-right: 0!important;
	}

	#primary-menu > li a:not([href]) {
		cursor: context-menu;
	}

	#primary-menu li .sub-menu {
		display: none!important; /* Mobile slideToggle fix when resizing */
		position: absolute;
		left: 0;
		top: 100%;
		width: 300px;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
		z-index: 9;
	}

	#primary-menu li .submenu .submenu {
		display: none!important; /* Mobile slideToggle fix when resizing */
	}
	/*#primary-menu > li.menu-item-has-children > a{
		padding-right: 34px;
		position: relative;
	}*/
	/*#primary-menu > li.menu-item-has-children > a:after {
		position: absolute;
		content: "\f0d7";
		font: normal normal normal 14px/1 FontAwesome;
		right: 11px;
		top: 11px;
	}*/
	#primary-menu li:hover > .sub-menu {
		display: block!important; /* Mobile slideToggle fix when resizing */
	}
	#primary-menu .sub-menu li {
		width: 100%;
		text-align: left;
	}
	#primary-menu .sub-menu li a {
		color:#5a5b5e;	
		font-size: 17px;
		padding: 0 15px;
	}
	
	#primary-menu .sub-menu .sub-menu {
		left: 100%;
		top:	0;
	}

	#site-navigation .icon-li-social {
		margin-left: 30px;
	}

	#site-navigation .icon-li-social a {
		text-decoration: none;
		margin-left: 15px;
		font-size: 25px;
	}

	/* Default Header */
	/*.site-header-default nav.main-navigation {
		width: calc(100% - 280px);
	}*/
	.site-header-default .header-inner-wrap {
		text-align: right;
	}

	/* Header 2 */
	.site-header-header2 .header-inner-wrap {
		text-align: center;
	}

	.site-header-header2 #primary-menu > li:first-child a {
		padding-left: 0!important;
	}

	#primary-menu li.menu-item-pet-export ul {
		width: 450px;
	}

	#primary-menu li.menu-item-pet-export ul li {
		width: 225px;
		float: left;
	}

}



/* Mega Menu */

@media screen and (min-width: 1200px) {

	.main-navigation.mega1 {
		width: 100%;
	}

	.main-navigation.mega1 #primary-menu {
		text-align: center;
	}

	.main-navigation.mega1 #primary-menu li {
		position: unset;
	}

	.main-navigation.mega1 #primary-menu > li > a {
		display: grid;
		align-content: center;
		height: 100px;
	}

	#primary-menu > li.menu-item-has-children > a{
		padding-right: 15px;
		position: relative;
	}

	.main-navigation.mega1 #primary-menu > li.menu-item-has-children > a:after {
		position: unset;
	}

	.main-navigation.mega1 #primary-menu > li > .sub-menu {
		width: 100%;
		top: 100px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
		padding: 30px 0;
		font-weight: 300;
	}

	.main-navigation.mega1 #primary-menu > li:hover > .sub-menu {
		display: grid!important;
	}

	.main-navigation.mega1 #primary-menu > .sub-menu .sub-menu,
	.main-navigation.mega1 #primary-menu > li:hover > .sub-menu .sub-menu {
		position: relative;
		display: block!important;
		top: 0;
		width: auto;
		top: unset;
		right: unset;
		bottom: unset;
		left: unset;
		background-color: transparent;
	}

	.main-navigation.mega1 #primary-menu .sub-menu .sub-menu .sub-menu li a {
		/*margin-left: 15px;
		width: calc(100% - 30px);*/
		padding-left: 7px;
	}

	.main-navigation.mega1 #primary-menu li.current_page_item a, 								/*Any current page (but only effects top level)*/
	.main-navigation.mega1 #primary-menu li.current-menu-item a, 								/*Any current menu item*/
	.main-navigation.mega1 #primary-menu li:hover a, 											/*hover on any li*/
	.main-navigation.mega1 #primary-menu .current-page-ancestor a,								/*Any parent menu item (but only effects top level)*/
	.main-navigation.mega1 #primary-menu .current_page_parent a,								/*The parent of the current page */
	.main-navigation.mega1 #primary-menu .sub-menu li.current_page_item a,						/*The current page	(second teir menu items)*/
	.main-navigation.mega1 #primary-menu .sub-menu .sub-menu li.current_page_item a,			/*The current page of (third tier menu items)*/
	.main-navigation.mega1 #primary-menu .sub-menu .current-page-ancestor a 					/*the parent of a second tier menu item*/
	{
		background: transparent;
	}

	.main-navigation.mega1 #primary-menu > li > .sub-menu > li a {
		font-size: 20px;
	}

	.main-navigation.mega1 #primary-menu > li > .sub-menu .sub-menu > li a {
		font-size: 18px;
	}

	.main-navigation.mega1 #primary-menu > li > .sub-menu > li {
		border-left: 1px solid #eaeaea;
		padding: 0 27px!important;
	}
	.main-navigation.mega1 #primary-menu > li > .sub-menu > li:first-of-type {
		border-left:	none;
	}

	.main-navigation.mega1 #primary-menu li .sub-menu a {
		padding: 7px 0px;
	}

}



/* -- MD Breakpoint -- */
@media screen and (max-width: 1399px) {

	.main-header .container {
		width: 100%;
	}

	nav.main-navigation {
		position: fixed;
		top: 0px;
		right: 0px;
		bottom: 0px;
		width: 300px;
		background-color: #fff;
		height: auto;
		margin-right: -300px;
		transition: all 0.3s ease-in-out 0s;
		display: block;
		overflow: auto;
		max-width: 100%;
		z-index: 99999;
		margin-left: 0;
		padding-right: 0;
		padding-top: 0;
		border-left: 3px solid rgb(239, 24, 32);
		z-index: 9999999;
		text-align: left;
	}
	nav.main-navigation.slide-menu {
		margin-right: 0px;
	}
	.fixed-body {
		position: fixed;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		height: 100%;
		width: 100%;
	}
	.opacity-mobile.on {
		display: block;
		background: rgba(0, 0, 0, 0.5);
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		position: fixed;
		z-index: 999;
	}
	nav.main-navigation ul {
		padding-left: 0;
		list-style: none;
		margin-bottom: 0;
	}
	nav.main-navigation .menu-main-menu-container {
		background:#fff;
		margin-top: 75px;
	}
	nav.main-navigation ul#primary-menu {
		background-color: #fff;
	}
	nav.main-navigation ul ul, nav.main-navigation ul ul ul {
		display: none;
		background: rgba(243, 241, 241, 0.5);
	}
	nav.main-navigation ul li {
		float: none;
		border-left: 0px none;
		width: 100%;
		background: transparent !important;
		position: relative !important;
		margin-bottom: 0;
	}
	nav.main-navigation ul li a {
		color: #333;
		padding: 19px 20px;
		display: block;
		border-bottom: 1px solid #d0d0d0;
		background: transparent none repeat scroll 0% 0% !important;
		line-height: 1 !important;
		margin-right: 0px;
		font-size: 17px;
	}
	nav.main-navigation ul li a {
		text-decoration: none;
	}
	nav.main-navigation ul ul li a {
		padding: 15px 45px 15px 20px;
	}
	nav.main-navigation ul ul ul li a {
		padding-left:40px;
	}
	.nav-click {
		position: absolute;
		top: 0px;
		right: 0px;
		height: 55px;
		width: 55px;
		cursor: pointer;
		display: block;
		z-index: 1;
	}
	.arrow-nav.nav-rotate {
		transform: rotate(180deg);
	}
	.arrow-nav {
		display: block;
		transform: rotate(0);
		-webkit-transition: all ease 300ms;
		-moz-transition: all ease 300ms;
		transition: all ease 300ms;
		cursor: pointer;
		position: absolute;
		top: 50%;
		margin-top: -18px;
		left: 50%;
		margin-left: -10px;
		color: #333;
		background: white;
		padding: 4px 5px 5px 5px;
		border-radius: 100%;
		width: 26px;
		height: 26px;
	}
	.mobileLogo {
		margin-top: 20px;
		text-align: center;
	}
	.mobileLogo img{
		max-height: 57px;
		width: auto;
	}

	/* Close button	*/
	.close-button {
		width: 30px;
		height: 30px;
		position: absolute;
		cursor: pointer;
		left: 10px;
		top: 10px;
		text-align: center;
	}
	.close-button span {
		display: block;
		position: absolute;
		height: 2px;
		width: 141.421356237%; /* % value for the diagonal of the square */
		background: #909090 none repeat scroll 0% 0%;
		left: 0px;
		transform-origin: left center 0px;
	}
	.close-button span:nth-child(1) {
		transform: rotate(45deg);
		top: 0px;
		left: 0px;
	}
	.close-button span:nth-child(2) {
		transform: rotate(-45deg);
		top: 20px; /*square*/
		left: 0px;
	}
	.mobile-menu-contact {
		padding: 15px;
	}
	.mobile-menu-contact a {
		margin-top: 5px;
		display: block;
	}
}


/* -- SM Breakpoint -- */
@media screen and (max-width: 767px) {
	.site-header-header2 .main-menu {
		height: 0;
		padding: 0 !important;
	}
}