#month_sale_bar {
	position: fixed!important;
	left: 0!important;
	right: 0!important;
	top: 0!important;
	z-index: 2000000000!important;
	background: #000!important;
	text-align: center!important;
	font-family: 'Montserrat', sans-serif!important;
	background: url(img/bg-left.png) no-repeat top left, url(img/bg-right.png) no-repeat top right, #000;!important;
	line-height: 1.2!important;
	-webkit-font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale!important;
}
.month_sale_bar_container {
	max-width: 1100px!important;
	margin: 0 auto!important;
}

#month_sale_bar * {
	box-sizing: border-box!important;
	margin: 0!important;
	padding: 0!important;
}

#month_sale_bar .title {
	text-transform: uppercase!important;
	color: #fff!important;
	font-weight: 800!important;
	font-size: 34px!important;
	display: inline-block!important;
	vertical-align: middle!important;
}

#month_sale_bar .month_sale--inner {
	display: inline-block!important;
	vertical-align: middle!important;
	color: #FF0000!important;
	font-size: 30px!important;
	font-weight: 800!important;
	line-height: 57px!important;
	margin-left: 72px!important;
	margin-right: 72px!important;
	position: static !important;
	table-layout:  !important;
	width: auto !important;
	transform: none!important;
}

#month_sale_bar .month_sale--inner span {
	font-size: 50px!important;
		line-height: 44px!important;
		margin-left: 8px!important;
		vertical-align: middle!important;
		display: inline-block!important;
}

.month_sale_bar-button {
	display: inline-block!important;
	text-transform: uppercase!important;
	vertical-align: middle!important;
	text-decoration: none!important;
	color: #fff!important;
	font-weight: 800!important;
	font-size: 16px!important;
	height: 40px!important;
	line-height: 40px!important;
	border-radius: 30px!important;
	text-align: center!important;
	width: 100%!important;
	max-width: 280px!important;
	background: #FF0000!important;
	border: none!important;
	padding: 0!important;
	cursor: pointer;
}

.with-sale-block {
	padding-top: 57px!important;
}

#month_sale_bar .close-icon {
    color: #fff!important;
    font-size: 26px!important;
    position: absolute!important;
    font-weight: bold!important;
    right: 32px!important;
    width: 32px!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
    height: 32px!important;
    border: 2px solid!important;
    line-height: 28px!important;
    border-radius: 50%!important;
    text-align: center!important;
    display: inline-block!important;
    transition: color .2s ease-in-out!important;
    cursor: pointer!important;
}

#month_sale_bar .close-icon:hover, #month_sale_bar .close-icon:active, #month_sale_bar .close-icon:focus {
	color: #f00!important;
}

@media (max-width: 1400px) {
	#month_sale_bar .month_sale--inner {
		margin-left: 32px!important;
		margin-right: 32px!important;
		font-size: 22px!important;
	}

	#month_sale_bar .month_sale--inner span {
		font-size: 34px!important;
	}

	#month_sale_bar .title {
		font-size: 24px!important;
	}
}

@media (max-width: 1080px) {

	#month_sale_bar .title {
		width: 100%!important;
		text-align: center!important;
	}
	
	#month_sale_bar {
		padding-top: 16px!important;
	}
	#month_sale_bar .month_sale--inner {
		margin-left: 0!important;
	}

	#month_sale_bar {
		background: #000!important;
	}
	.with-sale-block {
		padding-top: 117px!important;
	}

	#month_sale_bar .close-icon {
		top: 24px!important;
		right: 16px!important;
		font-size: 22px!important;
		width: 24px!important;
		height: 24px!important;
		line-height: 20px!important;
	}
}

@media (max-width: 540px) {
	#month_sale_bar_container  {
		padding: 0 45px!important;
	}
	#month_sale_bar .month_sale--inner {
		width: 100%!important;
	}

	#month_sale_bar .title  {
		margin-bottom: 0!important;
	}

	#month_sale_bar {
		padding-bottom: 16px!important;
	}

	#month_sale_bar .title {
		font-size: 18px!important;
	}

	#month_sale_bar .month_sale--inner {
		line-height: 1!important;
	}

	.with-sale-block {
		padding-top: 138px!important;
	}
}