.navigation {
	.width-navigation {
		.inner-navigation {
			// Mega menu
			.mega-menu-wrapper {

				#mega-menu-primary {
					li.menu-item a[class^='dashicons']:before {
						font-family: dashicons;
					}
					// sub menu items (megamenu)
					> li.menu-megamenu > ul.sub-menu {

						@media (min-width: 601px) {
							@for $of from 1 through 8 {
								@for $cols from 1 through $of {
									li.menu-columns-#{$cols}-of-#{$of} {
										width: (100% / $of) * $cols;
										float: left;
									}
								}
							}
						}
					}

					li.menu-flyout {
						&.align-bottom-right {
							text-align: right;
						}
						&.item-align-right {
							> .sub-menu {
								left: auto;
								right: 0;
							}
						}
					}
				}

				.mega-menu {
					float: left;
					position: static;
					.menu-item {
						&.hide-on-desktop {
							@media (min-width: 769px) {
								display: none;
							}
						}
					}

					.menu-megamenu {
						@media (min-width: 769px) {
							position: static;
						}
						li {
							vertical-align: top;
							a {
								padding: 14px 0;
							}
							ul {
								margin: 0;
								li {
									padding: 0;
								}
							}
							&:after {
								left: 0;
								right: 0;
								bottom: 0;
							}
						}

						.sub-menu {
							> li {
								&:after {
									display: none;
								}
							}
						}

					}
				}
				.menu-right {
					float: right;
				}
			}
		}
	}
	.tm-table {
		position: relative;
	}
}

.mega-menu {
	@media (max-width: 768px) {
		.menu-item {
			&.hide-sub-menu-on-mobile {
				.icon-toggle,
				.mega-sub-menu {
					visibility: hidden;
					display: none;
				}
			}
		}
	}
}

// custom style
.mega-menu {
	.mega-block-title {
		margin-bottom: 23px;
		font-size: 20px;
		margin-top: 20px;
	}
	.menu-item {
		.mega-menu-link {
			padding-right: 12px !important;
		}
		&.menu-item-has-children {
			margin-right: 10px !important;
		}
	}

	.menu-megamenu {
		.mega-sub-menu {
			.icon-toggle {
				top: 20px !important;
			}
			.sub-menu {
				position: relative !important;
				display: block !important;
				left: 0 !important;
				box-shadow: none !important;
				padding-left: 10px !important;
			}
		}
	}

	> .menu-megamenu,
	> .menu-flyout {
		.icon-toggle {
			width: 10px;
			padding-left: 10px;
		}
		> .mega-sub-menu {
			top: 100% !important;
		}
	}

	> .menu-megamenu {
		> .mega-sub-menu {
			> .menu-item.menu-item-type-widget {
				padding-bottom: 20px !important;
			}
		}
		.icon-toggle {
			padding-left: 0;
		}
	}

	@media (min-width: 769px) {
		.menu-item {
			.mega-menu-link {
				float: left;
			}
			&.menu-megamenu {
				.icon-toggle {
					position: relative !important;
					float: left;
					top: 24px !important;
				}
			}
		}

	}
}

body.responsive {
	.mega-menu {
		@media (max-width: 1024px) {
			.thim-sc-list-events {
				padding: 0;
			}
		}
		@media (max-width: 768px) {
			.mega-block-title {
				font-size: 14px;
				padding-left: 20px;
				color: #FFF;
			}
			.thim-sc-hb-rooms {
				.tp-hotel-booking {
					.hb_room {
						.summary {
							.content {
								.title {
									a {
										color: #FFF;
										font-size: 14px;
										font-weight: 400;
									}
								}
							}
						}
					}
				}
			}
			.thim-sc-list-events {
				.content-events {
					.item-event {
						margin-left: 10px;
						.event-wrapper {
							.title {
								a {
									color: #FFF;
									font-size: 14px;
									font-weight: 400;
								}
							}
						}
					}
				}
			}
			.textwidget {
				padding-left: 5px;
			}
		}
	}
}