.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
}
.cbp-af-header .logo img,
.cbp-af-header #cssmenu,
.cbp-af-header #cssmenu ul,
.cbp-af-header .tophead,
.cbp-af-header .header,
.cbp-af-header #cssmenu #menu-button{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.cbp-af-header #cssmenu ul{
	top: 5px;
	padding: 0 0 15px 0;
}
.cbp-af-header .logo{
	display:block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.cbp-af-header .logo img {
	width:230px;
}
.cbp-af-header-shrink{
	background-color:#fff;
}
.cbp-af-header.cbp-af-header-shrink .header{
	padding: 8px 0 2px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.cbp-af-header.cbp-af-header-shrink .header #cssmenu ul ul {
	padding: 0 0 0 0;
}
.cbp-af-header.cbp-af-header-shrink .header #cssmenu ul ul ul {
  	padding: 0 0 0 0;
}
.cbp-af-header.cbp-af-header-shrink .logo{
	display:block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.cbp-af-header.cbp-af-header-shrink .logo img {
	width:185px;
}
.cbp-af-header.cbp-af-header-shrink #cssmenu {
	padding: 17px 0 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.cbp-af-header.cbp-af-header-shrink #cssmenu #menu-button{
	padding:0 15px;
    right: 20px;
    top: 12px;
}
.cbp-af-header .tophead{
	padding: 3px 0;
}
.cbp-af-header.cbp-af-header-shrink .tophead{
	padding: 3px 0 3px 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
}
.cbp-af-header.cbp-af-header-shrink #cssmenu ul{
	top: 0;
	background-color: #fff;
	padding: 0 0;
}

@media (max-width: 768px) {
.cbp-af-header .logo img {
	width: 180px;
}
.cbp-af-header.cbp-af-header-shrink .logo img {
    width: 150px;
}
.cbp-af-header #cssmenu #menu-button {
	padding: 0 15px;
	right: 20px;
	top: 15px;
}
.cbp-af-header.cbp-af-header-shrink #cssmenu #menu-button {
    padding: 0 15px;
    right: 20px;
    top: 10px;
}
}