/* desktop menu */
@media (min-width: 768px) {
	.page-template-page-cc-call-me header .menu {
		border: 3px #2675b4 solid;
	}

	.page-template-page-cc-call-me header .menu div {
		display: none;
	}

	header .menu {
		background-color: #293673;
		border-bottom: 3px solid #1d73b6;
		margin-top: 24px;
	}

	header nav {
		display: table;
		width: 100%;
	}

	header nav.has-submenu {
		margin-bottom: 55px;
	}

	header nav ul.horizontal {
		display: table-row;
	}

	header nav ul.horizontal > li {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		height: 55px;
	}

	header nav ul.horizontal > li.active {
		background-color: #1e61a1;
	}

	header nav ul.horizontal > li > a {
		display: block;
		height: 55px;
		line-height: 52px;
		text-align: center;
		padding: 4px;

		color: #fff;
	}

	header nav ul > li > a:hover, header nav ul > li > a:focus, header nav ul > li > a:active {
		text-decoration: none;
		color: #fff;
	}

	header nav ul.horizontal > li + li {
		border-width: 0;
		border-left-width: 1px;
		border-left-style: solid;
		border-image: linear-gradient(to bottom, #293673, #1d70b3) 1 100%;
	}

	/* submenu */
	header nav .submenu {
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		background-color: #1e61a1;
		display: none;
		z-index: 1000;
	}

	header nav .submenu.open {
		display: block;
	}

	header nav .submenu .container {
		display: table;
	}

	header nav .submenu ul.horizontal > li + li {
		border-image: linear-gradient(to bottom, #1e65a5, #4b80b4) 1 100%;
	}

	header nav .submenu ul.horizontal > li:hover {
		background-color: #195595;
	}


	/*  3rd level */
	header nav .submenu ul > li {
		position: relative;
	}

	header nav .submenu-dropdown {
		position: absolute;
		float: left;
		top: 100%;
		display: none;
		z-index: 1000;
		min-width: 200px;
		background-color: #1e61a1;
	}

	header nav .submenu ul > li:not(:last-of-type) .submenu-dropdown {
		left: 0;
	}

	header nav .submenu ul > li:last-of-type .submenu-dropdown {
		right: 0;
	}

	header nav .submenu ul > li:hover .submenu-dropdown {
		display: block;
	}

	header nav .submenu-dropdown ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	header nav .submenu-dropdown li {
		text-align: left;
	}

	header nav .submenu-dropdown a {
		height: 40px;
		line-height: 40px;
		color: #fff;
		display: block;
		clear: both;
		padding: 0 20px;
		white-space: nowrap;
	}

	header nav .submenu-dropdown a:hover {
		color: #fff;
		background-color: #195595;
		text-decoration: none;
	}


	/* caret */

	header nav .caret {
		margin-left: 4px;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 5px solid #1d72b5;
		position: relative;
	}

	header nav .caret:after {
		content: " ";
		width: 0;
		height: 0;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid #293673;
		position: absolute;
		top: -7px;
		left: -4px;
	}

	header nav li:hover > a > .caret, header nav li.active > a > .caret, header nav .submenu .caret {
		border-top: 5px solid #fff;
	}

	header nav li:hover > a > .caret:after, header nav li.active > a > .caret:after, header nav .submenu .caret:after {
		border-top: 4px solid #1e61a1;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	header nav > ul.horizontal > li > a {
		line-height: 1.2;
		padding-top: 12px;
	}
}

@media (min-width: 1200px) {
	header nav ul.horizontal li > a {
		font-size: 16px;
	}
}

/* mobile menu */
@media (max-width: 767px) {
	header .menu {
		background: #1d73b6;
		padding-top: 20px;
		display: none;
	}

	header .menu.open {
		display: block;
	}

	header .menu a {
		color: #fff;
		font-size: 16px;
	}

	header .menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	header .menu .container {
		padding: 0;
	}

	header .menu li + li, header .menu li li {
		border-top: 1px solid #4a8fc5;
	}

	header .menu li {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	header .menu ul ul {
		margin-top: 8px;
		margin-bottom: -8px;
	}

	header .menu ul a {
		display: block;
		padding-left: 15px;
	}

	header .menu ul a:hover {
		text-decoration: none;
	}

	header .menu ul ul a {
		padding-left: 30px;
	}

	header .menu ul ul ul a {
		padding-left: 30px;
	}

	header .menu a {
		position: relative;
	}

	header .menu .caret {
		position: absolute;
		right: 20px;
		top: 10px;
	}

	header .submenu {
		display: none;
	}

	header .submenu.open {
		display: block;
	}

	header .menu a {
		text-decoration: none !important;
	}

	header .menu ul a.submenu-hover {
		display: none;
	}

	header .menu .submenu-dropdown ul {
		margin-top: -8px;
	}

	header .menu .submenu-dropdown li:first-child {
		border-top: none;
	}

}


/* fix partnerske pojistovny on sm */
@media (min-width: 768px) and (max-width: 991px) {
	#menu-item-partnerske-pojistovny ul.horizontal > li:first-child {
		max-width: 100px;
	}

	#menu-item-partnerske-pojistovny ul.horizontal > li:first-child > a {
		padding-top: 8px;
		line-height: 20px;
	}
}