.top-header-banner {
    background: @darker-grey;
    color: @white;
    display: none;
    left: 0;
    padding: 3px 0;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 10;
    text-transform: uppercase;
    a {
    	color: @white;
    	text-decoration: underline;
    }
    .content {
    	padding-top: 10px;
    	padding-bottom: 10px;
    	display: table;
    	width: 100%;
    	p {
    		display: table-cell;
		}
    	.cookie-close {
			background-color: @white;
			border-radius: 50%;
			cursor: pointer;
			padding: 4px 8px 4px 8px;
			width: 30px;
			height: 30px;
			i {
				color: @black;
			}
		}
    }
}

.has-cookie {
    .top-header-banner {
        display: block;
    }
}

/*MD Styles*/
@media (min-width: 992px) and (max-width: 1199px) {
	.top-header-banner {
		.cookie-close {
			margin-right: 5px;
		}
	}
}

/* SM Styles */
@media (min-width: 768px) and (max-width: 991px) {
	.top-header-banner {
		.cookie-close {
			margin-left: 20px;
			margin-right: 10px;
		}
	}
}

/* XS Styles */
@media (max-width: 767px) {
	.top-header-banner {
		text-align: left;
		.content {
			padding-left: 10px;
			.cookie-close {
				margin-left: 10px;
				margin-right: 23px;
			}
		}
		
	}
}