@media (min-width:769px) {
				.mod-nav01 .content-bg {
					overflow: visible;
				}
				.mod-nav01 .nav-tabs {
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
					padding: 0px calc(1vw + 5px);
				}
				.mod-nav01 .nav-tabs .nav-tab {
					padding: 0;
				}
				.mod-nav01 .nav-tabs .nav-tab-link {
					font-size: 15px;
					color: #000;
					line-height: 30px;
					padding: 30px calc(0.5vw + 10px);
					font-weight: 600;
					display: flex;
					position: relative;
					font-family: var(--font);
				}
	.mod-nav01 .nav-tabs .nav-tab-link.current{
		color: red;
	}
				.mod-nav01 .nav-tabs .nav-tab-link i {
					position: absolute;
					left: 50%;
					bottom: 15px;
					width: 0;
					border-radius: 20vw;
					background: red;
					height: 4px;
					transform: translate(-50%, 0);
					transition: All 0.3s ease-in-out;
				}
				.mod-nav01 .nav-tabs .nav-tab-child .nav-tab-link:after {
					content: "\f107";
			font-family: FontAwesome;
			padding: 0 5px;
		}
		.mod-nav01 .nav-tabs .on .nav-tab-link i,
		.mod-nav01 .nav-tabs .hover .nav-tab-link i {
			width: 20px;
		}
		.mod-nav01 .nav-tabs .on .nav-tab-link,
		.mod-nav01 .nav-tabs .hover .nav-tab-link {
			color: red;
		}
		.mod-nav01 .nav-tabs .hover .nav-tab-link.current {
			color: red;
		}
		.mod-nav01 .nav-dropdown {
			position: absolute;
			z-index: 9;
			display: none;
			text-align: initial;
		}
		.mod-nav01 .nav-dropdown-content {
			box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
			background: #fff;
			max-height: calc(70vh - 2vw);
			overflow-y: auto;
		}
		.mod-nav01 .dropdown-tabs li {
			display: block;
			position: relative;
		}
		.mod-nav01 .dropdown-tabs .dropdown-tab+.dropdown-tab {
			border-top: 1px solid rgba(0, 0, 0, 0.1);
		}
		.mod-nav01 .dropdown-tabs li a {
			display: block;
			line-height: 25px;
			text-transform: capitalize;
			font-size: 14px;
			color: #333;
			min-width: 100px;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: pre;
		}
		.mod-nav01 .dropdown-tabs .dropdown-tab a {
			padding: 10px;
		}
		.mod-nav01 .dropdown-tabs li a:hover {
			color: var(--main);
		}
		.mod-nav01 .nav-dropdown-max-third .nav-dropdown {
			left: 0;
			right: 0;
		}
		.mod-nav01 .nav-dropdown-max-third .nav-dropdown-content {
			width: calc(100% - 20px);
			max-width: var(--width);
			margin: auto;
		}
		.mod-nav01 .nav-dropdown-max-third .dropdown-tabs {
			display: flex;
			align-items: stretch;
			flex-wrap: nowrap;
			padding: 10px 5px 20px;
		}
		.mod-nav01 .nav-dropdown-max-third .dropdown-tab-first {
			width: calc(25% - 2vw);
			padding: 0.25vw 1vw;
		}
		.mod-nav01 .nav-dropdown-max-third .dropdown-tab-link {
			padding: 5px 0;
			font-size: 16px;
			line-height: 25px;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			font-weight: 600;
		}
		.mod-nav01 .nav-dropdown-max-third .dropdown-tab-second-link {
			font-size: 14px;
		}
		.mod-nav01 .nav-dropdown-max-third .dropdown-tabs-second {
			overflow: hidden;
			align-items: stretch;
			flex-wrap: wrap;
			padding: 5px 0;
		}
		.mod-nav01 .nav-dropdown-max-third .dropdown-tabs-third li a {
			font-size: 12px;
			padding: 0px 5px;
		}
	}
	
	@media(max-width:768px) {
		.mod-nav01 .nav-btn {
			text-align: center;
			color: #000;
			cursor: pointer;
			transition: All 0.2s ease-in-out;
			z-index: 1000;
		}
		.mod-nav01 .nav-btn:before {
			content: "\f0c9";
			font: 20px/1 FontAwesome;
			display: block;
			width: 50px;
			line-height: 50px;
			transition: All 0.2s ease-in-out;
		}
		.mod-nav01 .nav-btn.active:before {
			content: "\f00d";
		}
		.mod-nav01 .mod-content {
			position: fixed;
			top: 110px;
			left: 0px;
			right: 0;
			z-index: 999;
			background: #fff;
			transform: rotateX(90deg);
			transform-origin: top center;
			transition: All 0.3s ease-in-out;
		}
		.mod-nav01 .mod-content.nav-show {
			transform: rotateX(0);
		}
		.mod-nav01 .mod-content .nav-tabs {
			padding: 20px 50px 50px;
			height: calc(100vh - 110px);
			overflow-y: auto;
			box-sizing: border-box;
			display: none;
		}
		.mod-nav01 .mod-content.nav-show .nav-tabs {
			display: block;
		}
		.mod-nav01 .nav-tabs a {
			font-size: 14px;
			line-height: 50px;
			color: #333;
			overflow: hidden;
			padding: 0;
			display: block;
		}
		.mod-nav01 .nav-tabs .nav-tab-link {
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			display: flex;
			justify-content: space-between;
		}
		.mod-nav01 .nav-tabs .caret:before {
			content: "\f107";
			font: 20px/1 FontAwesome;
			width: 50px;
			height: 50px;
			text-align: center;
			line-height: 50px;
			transition: All 0.3s ease-in-out;
			display: block;
			color: #333;
		}
		.mod-nav01 .nav-tabs .nav-tab:last-of-type .nav-tab-link {
			border: none;
		}
		.mod-nav01 .nav-dropdown {
			display: none;
		}
		.mod-nav01 .nav-tab-child-show .nav-dropdown {
			display: block;
		}
		.mod-nav01 .nav-tabs .nav-tab-child-show .caret:before {
			transform: rotate(180deg);
		}
		.mod-nav01 .nav-dropdown a {
			line-height: 20px;
			padding: 10px;
		}
		.mod-nav01 .nav-tabs .dropdown-tabs-second {
			padding: 0 10px;
			background: #f2f2f2;
		}
	}