/** task to add green background to predplatne with logo trend **/

.menu-line ul li.predplatne,
.menu-line ul li.predplatne a {
	text-shadow: none!important;
	font-weight: bold!important;
	text-transform: uppercase!important;
	background-image: none!important;
	background: #089e00!important;
	padding: 0 10px!important;
}

.menu-line ul li.predplatne a:after {
	content:""!important;
	width: 80px!important;
	height: 12px!important;
	background: url(/fileadmin/template/trend/img/trend-logo-text-white.png) no-repeat center!important;
	display: inline-block!important;
	margin-left: 7px!important;
	background-size: contain!important;
}

@media (max-width: 1000px) and (min-width: 899px) {
	.menu-line ul li.predplatne a:after {
		display: none!important;
	}
}
@media (max-width: 727px) and (min-width: 701px) {
	.menu-line ul li.predplatne a:after {
		display: none!important;
	}
}
@media (max-width: 700px) {
	.menu-line ul li.predplatne,
	.menu-line ul li.predplatne a {
		text-indent: 0!important;
		min-width: 240px!important;
		white-space: nowrap!important;
	}
	.menu-line ul li.predplatne a {
		padding-left: 40px!important;
	}
	.menu-line ul li.predplatne a:after {
		width: 80px!important;
	}
}
@media (max-width: 431px) {
	.menu-line ul li.predplatne,
	.menu-line ul li.predplatne a{
		min-width: 0!important;
		padding: 0!important;
		width: auto!important;
	}
	.menu-line ul li.predplatne a{
		padding: 0 10px!important;
		font-weight: normal!important;
	}
	.menu-line ul li.predplatne a:after {
		display: none!important;
	}
}