.toggle_banner.banner_top {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	width: 100%;
	padding: 10px 45px;
}

.banner_top .title_banner {
	text-transform: uppercase;
	font-size: 22px;
	margin-right: 25px;
}

.banner_top .btn {
	text-transform: uppercase;
	font-size: 15px;
	padding: 15px 45px;
}

.banner_fixed {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 100%;
	padding: 10px 45px;
	transition: .5s;
	position: fixed;
	top: 0;
	opacity: 0;
	z-index: -1;
}

.banner_fixed.fixed {
	transition: .5s;
	opacity: 1;
	z-index: 1000;
}

.banner_fixed .title_banner {
	text-transform: uppercase;
	font-size: 22px;
	margin-right: 25px;
}

.banner_fixed .btn {
	text-transform: uppercase;
	font-size: 15px;
	padding: 15px 45px;
}

.toggle_banner .close_btn {
	display: none;
}

/*.banner_fixed.fixed ~ #bx_eshop_wrap {*/
/*	margin-top: 102px;*/
/*}*/


@media (max-width: 768px) {

	.toggle_banner .close_btn {
		display: block;
		margin-top: 10px;
		background: none;
		color: #275bc4;
		border-bottom: 1px dotted #275bc4;
	}

	.toggle_banner {
		transition: .5s;
		margin-top: 0;
	}

	.toggle_banner.closed {
		margin-top: -100px;
	}

	.banner_top {
		padding: 20px 15px;
		flex-direction: column;
	}

	.banner_top .title_banner {
		margin-right: 0;
		margin-bottom: 15px;
		font-size: 18px;
		text-align: center;
	}

	.banner_top .btn {
		font-size: 16px;
	}

	.banner_fixed {
		flex-direction: column;
	}

	.banner_fixed .title_banner {
		margin-right: 0;
		margin-bottom: 15px;
		font-size: 18px;
		text-align: center;
	}

	.banner_fixed .btn {
		font-size: 16px;
	}
}

@media (max-width: 420px) {

	.banner_top {
		flex-direction: column;
		padding: 25px 15px;
	}

	.banner_top .title_banner {
		margin-right: 0;
		margin-bottom: 15px;
		font-size: 16px;
	}

	.banner_top .btn {
		font-size: 14px;
	}


	.banner_fixed {
		flex-direction: column;
		padding: 25px 15px;
	}

	.banner_fixed .title_banner {
		margin-right: 0;
		margin-bottom: 15px;
		font-size: 16px;
	}

	.banner_fixed .btn {
		font-size: 14px;
	}
	.toggle_banner.closed {
		margin-top: -110px;
}
}

@media (max-width: 420px) {
	.banner_top .title_banner {
		font-size: 16px;
	}

	.banner_top .btn {
		font-size: 14px;
	}


	.banner_fixed .title_banner {
		font-size: 16px;
	}

	.banner_fixed .btn {
		font-size: 14px;
	}
	.toggle_banner .close_btn {
		margin-top: 18px;
}

}

@media (max-width: 360px) {
	.banner_top .title_banner {
		font-size: 14px;
	}

	.banner_top .btn {
		font-size: 12px;
	}


	.banner_fixed .title_banner {
		font-size: 14px;
	}

	.banner_fixed .btn {
		font-size: 12px;
	}
}