div#Top_bar{
	background-image: url(../images/header-background.jpg);
	background-color: #fff;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	/*padding: 10px 0;*/
	margin-bottom: 30px;
	/*background-position: center;*/
}

#Top_bar.is-sticky{
	background-image: url(../images/header-background.jpg);
}

/*a#logo{
	display: none !important;
}*/

img.cc-logo{
	display: none;
}

#Top_bar{
	/*display: block*/
}

/*div#Top_bar .menu_wrapper{
	position: relative;
	float: right;
}*/

a.responsive-menu-toggle{
	/*display: none;*/
}

nav#menu > ul{
	display: block;
	padding-top: 0;
}

nav#menu > ul > li{
	position: relative;
	display: inline-block;
	margin-left: 15px;
}

a.responsive-menu-toggle{
	color: #fff;
}

/*nav#menu > ul > li > a:hover{
	text-decoration: none;
}

nav#menu > ul ul{
	display: none;
	position: absolute;
	top: 100%;
	width: 200px;
	left: 0;
	z-index: 1000;
	background-color: #fff;
	padding: 10px 0;
}

nav#menu > ul ul > li{
	padding: 3px 15px;
}

nav#menu > ul ul a > span{
	color: #A279C1;
}

nav#menu > ul ul a:hover{
	text-decoration: none;
}*/

.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description):after{
	display: none !important;
}

.menu-arrow-top #Top_bar .menu > li > a:after{
	display: none;
}

@media(min-width: 1024px){
	nav#menu > ul > li > a > span{
		color: #444444;
	}
}

@media(min-width: 1025px){
	nav#menu > ul > li > a > span{
		color: #ffffff;
	}
}

@media only screen and (max-width: 768px){
	#Header a.responsive-menu-toggle{
		top: 30px !important;
	}

	img.scale-with-grid{
		width: auto !important;
	}
}

@media only screen and (max-width: 767px){
	#Top_bar{
	    background-image: url(../images/header-background.jpg) !important;
	}	

	#Action_bar{
		background-color: #A279C1 !important;
	}

	#Header a.responsive-menu-toggle{
		top: 30px !important;
	}

	#Top_bar .logo #logo{
		margin: 0;
	}

	#Top_bar .logo{
		text-align: left;
	}

	img.scale-with-grid{
		width: auto !important;
	}
}

@media only screen and (max-width: 736px){
	div#Top_bar{
		padding-bottom: 10px;
	}

	#Header a.responsive-menu-toggle{
		top: 20px !important;
	}
}

@media only screen and (max-width: 414px){
	#cclogo img{
		width: 80%;
	}

	#Header a.responsive-menu-toggle{
		top: 20px !important;
	}
}

@media only screen and (max-width: 375px){
	#Header a.responsive-menu-toggle{
		top: 20px !important;
	}
}


@media only screen and (max-width: 320px){
	#Header a.responsive-menu-toggle{
		top: 19px !important;
	}

	#Top_bar #logo img{
		max-width: 85%;
	}
}