/*tab-menu-effect-css*/
.tab-menu {
	width: 100%;
	float: left;
	border-bottom: 1px solid #000000;
	margin: 0 0 38px;
	padding: 0 0 24px;
}
.tab-menu .tab-list {
	width: 100%;
	float: left;
	margin: 0 0 0;
}
.tab-menu .tab-list li {
	float: none;
	display: inline-block;
	margin: 0 48px 0 0;
}
.tab-menu .tab-list li:last-child { margin-right:0;}
.tab-menu .tab-list li a {
	font-size: 16px;
	font-weight: 700;
	color: rgba(32,52,44,0.7);
	letter-spacing: 3.36px;
	line-height: 1.25;
	font-family: 'Nunito Sans', sans-serif; 
	text-transform:uppercase;
	cursor: pointer;
	position: relative;
}
.tab-menu .tab-list li a:hover {
	color: #20342c;
	text-decoration: none;
}
.tab-menu .tab-list li a.active {
	color: #20342c;
	text-decoration: none;
}
.tab-main-box {
	width: 100%;
	float: left;
	margin: 0 0 0;
}
.tab-main-box .tab-box {
	display: none;
}

.tab-menu .tab-list1 { width:auto; float:left; margin:18px 0 0;}

.tab-menu .tab-list li a:after {
    content: "";
    width: 110%;
    height: 110%;
    position: absolute;
    left: -6%;
    right: 0;
    top: -6%;
    background: none;
}

.tab-menu .tab-list li a:hover:after, .tab-menu .tab-list li a.active:after {
	background: rgb(0 0 0 / 10%);
}


/*Smartphone css*/
@media screen and (max-width: 480px) {
.tab-menu .tab-list li { width:100%; margin:0 0 18px;}
.tab-menu .tab-list li:last-child { margin-bottom:0;}
.tab-menu .tab-list li a { width:100%; font-size:13px; left:1.2px; text-align:center;}
} 

@media screen and (min-width:481px) and (max-width:600px) {
.tab-menu .tab-list li { width:100%; margin:0 0 18px;}
.tab-menu .tab-list li:last-child { margin-bottom:0;}
.tab-menu .tab-list li a { width:100%; text-align:center;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.tab-menu .tab-list li { margin:0 18px 0 0;}
.tab-menu .tab-list li:last-child { margin:0;}
.tab-menu .tab-list li a { font-size:13px; letter-spacing:1.2px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.tab-menu .tab-list li { margin:0 25px 0 0;}
.tab-menu .tab-list li a { font-size:14px; letter-spacing:2px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.tab-menu .tab-list li a { font-size:15px; letter-spacing:3px;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {

}