.cbp-af-header{
	width: 100%;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	left: 0;
	position: fixed;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
	padding: 15px 3% 55px 3%;
	z-index: 999999;
}


.cbp-af-header.cbp-af-header-shrink {
	padding: 5px 1% 12px 1%;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
}


.cbp-af-header.cbp-af-header-shrink .logo img {
	width: 110px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.cbp-af-header.cbp-af-header-shrink .logo {
	padding-top: 0px;
	text-align: left;
	float: left;
	width: auto;
}




@media only screen and (min-width:0px) and (max-width:767px){
	
.cbp-af-header.cbp-af-header-shrink {
	padding: 5px 1% 5px 1%;
}
	
}


@media only screen and (min-width:768px) and (max-width:1024px){

.cbp-af-header.cbp-af-header-shrink .logo img {
	width: 100px;
}
	
}