.yps-demo-creator-top-bar {
    width: 100% !important;
    position: fixed !important;
    background-color: #F8F8F8 !important;
    bottom: 0 !important;
    left: 0px !important;
    height: 70px !important;
    z-index: 1000000 !important;
	padding-left: 50px;
    /* color: white; */
	box-shadow: 30px 30px 20px 26px #000;
}

.yps-demo-creator-logo-wrapper {
	max-width: 160px;
}

.yps-demo-creator-logo-wrapper,
.yps-demo-creator-logo {
    margin-top: 15px !important;
	position: relative;
	z-index: 10000;
}

.yps-demo-creator-admin-panel-wrapper {
	height: 100% !important;
	top: 14px !important;
	color: white !important;
	position: absolute !important;
	/* left: 45%; */
	/* padding: 0 !important; */
	/* margin: 0 !important; */
	/* float: right; */
	width: 100%;
	text-align: center;
	margin-right: 50px;
	padding-right: 100px;
}

.yps-demo-creator-top-bar .btn-primary:hover {
	background-color: white !important;
	color: #0B7DE2 !important;
}

.yps-demo-creator-top-bar .btn-primary {
	display: inline-block;
	border: 1px solid #0B7DE2 !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	padding: 1rem 1.7rem !important;
	border-radius: 15px !important;
	background-color: #0B7DE2 !important;
	color: white !important;
	text-decoration: none !important;
	line-height: 8px !important;
}

@media only screen and (max-width : 800px) {
	.yps-demo-creator-admin-panel-wrapper {
		text-align: right;
	}
}

@media only screen and (max-width : 500px) {
	.yps-demo-creator-logo-wrapper {
		position: absolute;
		top: 0px;
		width: 100%;
		max-width: 100%;
		left: 0px;
	}

	.yps-demo-creator-logo {
		margin-top: 54px !important;
		height: 30px;
		text-align: center;
		margin:auto;
	}

	.yps-demo-creator-top-bar {
		height: 110px !important;
	}

	.yps-demo-creator-admin-panel-wrapper {
		text-align: center;
	}
}