.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
}
.cbp-af-header-shrink{
	background-color:#fff;
}
.cbp-af-header .logo,
.cbp-af-header .logo img,
.cbp-af-header #cssmenu,
.cbp-af-header #cssmenu ul,
.cbp-af-header .tophead,
.cbp-af-header #cssmenu #menu-button,
.cbp-af-header #cssmenu #menu-button:before,
.cbp-af-header #cssmenu #menu-button:after{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.cbp-af-header #cssmenu ul{
	top: 0;
	padding: 0 0 0 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: 53px;
}
.cbp-af-header.cbp-af-header-shrink .logo img {
	width: 40px;
}
.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 #cssmenu {
	padding: 12px 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: 6px 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;
	padding: 0 0;
}

@media all and (max-width: 900px) {
.logo {
    padding: 0 0 0 0px;
}
.cbp-af-header #cssmenu #menu-button {
    right: 15px;
	top: -3px;
}
.cbp-af-header.cbp-af-header-shrink #cssmenu #menu-button {
    right: 15px;
	top: 12px;
}
.cbp-af-header .logo img {
	width: 35px;
}
.cbp-af-header.cbp-af-header-shrink .logo img {
	width: 30px;
}
.cbp-af-header.cbp-af-header-shrink #cssmenu #menu-button {
    padding: 0 0px; 
}
.cbp-af-header #cssmenu #menu-button:before {
	top: 15px;
}
.cbp-af-header.cbp-af-header-shrink #cssmenu #menu-button:before {
	top: -2px;
}
.cbp-af-header #cssmenu #menu-button:after {
	top: 22px;
}
.cbp-af-header.cbp-af-header-shrink #cssmenu #menu-button:after {
	top: 5px;
}
#cssmenu #menu-button.menu-opened:after {
	top: 20px;
	height: 3px;
	width: 35px;
	right: 0px;
}
#cssmenu #menu-button.menu-opened:before {
	top: 20px;
	width: 35px;
	right: 0px;
}
.cbp-af-header.cbp-af-header-shrink #cssmenu #menu-button.menu-opened:before {
	top: 5px;
}
	
}