.for {
	font-size: 18px;
}
.normal {font-weight:normal}
.tours-panel {padding-left: 5px;
    padding-right: 5px}
#head-trip {
	font-size: 22px;
}

.ul-tab {
	margin-bottom: 10px
}

.hr-divider {
	margin-top: 10px;
	margin-bottom: 10px
}

.tour-departure {
	width: 50%;
	display: inline
}

.tour-start {
	width: 50%;
	display: inline
}

.tour-price-day {
	width: 50%;
	display: inline
}

.tour-hr {
	margin-top: 20px;
	margin-bottom: 20px
}
.iovo  {display:none}

@media screen and (max-width: 430px) {.iovo {display:block;width:100%; min-width:20px}}

#kornati-info-tabs>.nav-item>.nav-link.active {
	background-image: linear-gradient(-225deg, #0f286b, #5389da);
}
#krka-info-tabs>.nav-item>.nav-link.active {
	background-image: linear-gradient(-225deg, #0f286b, #5389da);
}
#murter-info-tabs>.nav-item>.nav-link.active {
	background-image: linear-gradient(-225deg, #0f286b, #5389da);
}

#sibenik-info-tabs>.nav-item>.nav-link.active {
	background-image: linear-gradient(-225deg, #0f286b, #5389da);
}
#telascica-info-tabs>.nav-item>.nav-link.active {
	background-image: linear-gradient(-225deg, #0f286b, #5389da);
}
#dolphins-info-tabs>.nav-item>.nav-link.active {
	background-image: linear-gradient(-225deg, #0f286b, #5389da);
}
#sun-info-tabs>.nav-item>.nav-link.active {
	background-image: linear-gradient(-225deg, #0f286b, #5389da);
}


.top30-tour {
	margin-top: 30px
}

#kornati-info-tabs>.nav-item>.nav-link,
.for {
	font-size: 18px
}

@media screen and (max-width: 1700px) {
	#kornati-info-tabs>.nav-item>.nav-link,
	.for {
		font-size: 18px;
	}
}

@media screen and (max-width: 1656px) {
	#head-trip {
		font-size: 18px;
	}
}

@media screen and (max-width: 1532px) {
	#head-trip {
		font-size: 22px;
	}
}

@media screen and (max-width: 1433px) {
	.hr-divider {
		margin-top: 5px;
		margin-bottom: 5px
	}
	.for {
		margin-bottom: 10px
	}
}

@media screen and (max-width: 1364px) {
	.hr-divider {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.for {
		margin-bottom: 10px
	}
}

@media screen and (max-width: 1275px) {
	.hr-divider {
		margin-top: 5px;
		margin-bottom: 5px
	}
	.for {
		margin-bottom: 5px
	}
	.ul-tab {
		margin-bottom: 5px
	}
}

@media screen and (max-width: 1275px) {
	.hr-divider {
		margin-top: 5px;
		margin-bottom: 5px
	}
	.for {
		margin-bottom: 5px
	}
	.ul-tab {
		margin-bottom: 5px
	}
	#head-trip {
		font-size: 18px;
	}
	.for,
	.poravnanje {
		font-size: 16px
	}
}

@media screen and (max-width: 1133px) {
	.hr-divider {
		margin-top: 3px;
		margin-bottom: 3px
	}
	.for {
		margin-bottom: 3px
	}
	.ul-tab {
		margin-bottom: 3px
	}
	#head-trip {
		font-size: 18px;
	}
}

@media screen and (max-width: 900px) {
	.tabl {
		display: none
	}
	#kornati-info-tabs>.nav-item>.nav-link {
		font-size: 15px;
	}
	.hr-divider {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.for {
		margin-bottom: 10px
	}
	.ul-tab {
		margin-bottom: 10px
	}
}

@media screen and (max-width: 839px) {
	.tabl {
		display: none
	}
	#kornati-info-tabs>.nav-item>.nav-link {
		font-size: 14px;
	}
	.hr-divider {
		margin-top: 5px;
		margin-bottom: 5px
	}
	.for {
		margin-bottom: 5px
	}
	.ul-tab {
		margin-bottom: 5px
	}
}

@media screen and (max-width: 806px) {
	.tabl {
		display: none
	}
	#kornati-info-tabs>.nav-item>.nav-link {
		font-size: 12px;
	}
	.hr-divider {
		margin-top: 2px;
		margin-bottom: 2px
	}
	.for {
		margin-bottom: 2px
	}
	.ul-tab {
		margin-bottom: 2px
	}
}

@media screen and (max-width: 767px) {
	.top30-tour {
		margin-top: 20px
	}
	.tour-hr {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.top30 {
		margin-top: 20px
	}
	.tabl {
		display: block
	}
	#kornati-info-tabs>.nav-item>.nav-link,
	#head-trip {
		font-size: 20px;
		margin-top: 20px
	}
	.hr-divider {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.for {
		margin-bottom: 10px
	}
	.ul-tab {
		margin-bottom: 10px
	}
	.for,
	.poravnanje {
		font-size: 18px
	}
}

@media screen and (max-width: 533px) {
	#kornati-info-tabs>.nav-item>.nav-link {
		font-size: 18px;
	}
	#head-trip {
		font-size: 20px;
		margin-top: 10px
	}
}

@media screen and (max-width: 500px) {
	#kornati-info-tabs>.nav-item>.nav-link {
		font-size: 16px;
	}
	#head-trip {
		font-size: 22px;
		margin-top: 20px
	}
	#kornati-info-tabs>.nav-item>.nav-link {
		margin-top: 0px
	}
}

@media screen and (max-width: 467px) {
	#kornati-info-tabs>.nav-item>.nav-link {
		padding: 4px 4px;
	}
	.ul-tab {
		width: 100%
	}
	#kornati-info-tabs>.nav-item {
		width: 33%
	}
	#kornati-info-tabs>.nav-item>.nav-link {
		font-size: 15px;text-align: center;
	}
}

@media screen and (max-width: 400px) {
	#kornati-info-tabs>.nav-item>.nav-link {
		padding: 2px 4px;
	}
}

.modal-period {
	display: block;
	width: 100%
}

.modal-period ul li {
	width: 33%;
	text-align: center
}

.modal-period ul>li>a {
	font-size: 18px;
	text-align: center
}

.inc {
	font-size: 15px;
	padding: 0px
}

.modal-cijenik {
	width: 100%;
	margin-left: 0px
}

.dep {
	font-size: 15px;
	width: 100%;
	text-align: left;
	float: none;
	margin-top: 5px;
}

.span100 {
	text-align: left !important;
	float: left;
	font-size: 16px;
	margin-top: 0px;
	padding-top: 0px
}

.hr-modal-tour {
	margin-top: 5px;
	margin-bottom: 5px
}

@media screen and (max-width: 717px) {
	.cijenik>.nav-item>.nav-link,
	.cijenik>.nav-item>.nav-link:hover {
		font-size: 16px
	}
	.cijenik>.nav-item>.nav-link.active,
	.cijenik>.nav-item>.nav-link {
		font-size: 16px;
	}
}

@media screen and (max-width: 695px) {
	.cijenik>.nav-item {
		width: 80%;
		font-size: 18px;
		margin: 0px auto;
		padding: 2px 8px
	}
	padding: 4px 8px
}

.cijenik>.nav-item>.nav-link.active,
.cijenik>.nav-item>.nav-link,
.dep,
.inc,
.span100,
.cijenik>.nav-item>.nav-link:hover {
	font-size: 18px
}

#kornati-cijenik-tab>.tab-pane {
	min-height: 288px
}


}