.sub-menu { height:60px; border-bottom: 1px solid #e1e1e1;}
.sub-menu > .at-container > ul { width:100%; max-width:560px; margin:0; padding:0; color:#333; list-style: none; }
.sub-menu > .at-container > ul > li { float:left; height:60px; }
.sub-menu > .at-container > ul > li:first-of-type { width:60px; background: #0c4200; }
.sub-menu > .at-container > ul > li:not(:first-of-type) { width:calc((100% - 60px) / 2 ); border-right:1px solid #e1e1e1;}
.sub-menu > .at-container > ul > li > a > i { font-size:25px; color:#fff; }
.sub-menu > .at-container > ul > li:first-of-type > a { display:block; height:100%; width:100%; }

@media all and (max-width:991px) {
.sub-menu { display:block; }
.sub-menu > .at-container > ul > li { width:50%; }
}

.sub-menu .select-container { position: relative; }
.sub-menu .select-container:after { display:block; content:''; right:19px; top:50%; position:absolute; width:12px; height:7px; transition:all .2s; transform: translateY(-50%); }
.sub-menu .select-container.active:after { transform: translateY(-50%) rotate(-90deg); }
.sub-menu .select-checkbox { display: none; }
.sub-menu .select-label { display: block; position:relative; margin-bottom: 0px; padding-left:20px; height: 60px; line-height: 60px;  font-size:18px; cursor:pointer;  color:#111; }
.sub-menu .select-wrap { display: none;  position: absolute; z-index: 20; margin-left:-1px; width: 100%; background:#fff;  border:1px solid #ddd; border-top: none; box-sizing: content-box;}

.sub-menu .select-wrap .select { list-style: none; padding: 0; margin: 0; }

.sub-menu .select-wrap ul.select li { border-bottom:1px solid #ddd; }
.sub-menu .select-wrap ul.select li:last-of-type { border:none; }  
.sub-menu .select-container.active .select-checkbox ~ .select-wrap { display:block;}
/*.sub-menu .select-checkbox:checked ~ .select-wrap { display: block; }*/

.sub-menu select::-ms-expand { 
	display: none; 
}
.sub-menu .select a { display: block; padding:10px 20px; color: inherit;  }
.sub-menu .select a:hover, .select a.on {  background: #f5f5f5; font-weight: 400; }

@media (max-width:1320px){
    .sub-menu > .at-container { padding: 0; max-width: 1300px;}
}

@media all and (max-width:480px){   
    .sub-menu, .sub-menu > .at-container > ul > li { height: 50px;}
	.sub-menu .select-label {  padding-left:15px; height: 50px; font-size:16px; line-height: 50px; }
	.sub-menu .select-label:before { left:7px; width:8px; }
	.sub-menu .select a { padding:7px 15px; font-size: 15px; }		
	.sub-menu > .at-container > ul > li:first-of-type { display:none; }
	.sub-menu > .at-container > ul > li:not(:first-of-type)  { width:50%; }	
}
/* @media all and (max-width:400px){
	.sub-menu .select-label { font-size:14px; padding-left:10px; }
	.sub-menu .select a { padding:7px 10px; font-size:14px;}	
	.sub-menu .select-container:after { right:7px; }
} */