@media (min-width: 1px) and (max-width: 400px){
}

@media (min-width: 400px) and (max-width: 600px){
}

@media (min-width: 600px) and (max-width: 850px){
#search-box input[type="text"]{
	color: #666;
	background:#f5f5f5;
}
.section-bot-title{
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.section-bot-title:before{
	background-color:#005B45;
	border:4px solid #005B45;
}
}

@media (min-width: 850px) and (max-width: 1100px){
#search-box input[type="text"]{
	color: #666;
	background:#f5f5f5;
}
.section-bot-title{
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.section-bot-title:before{
	background-color:#005B45;
	border:4px solid #005B45;
}
}


@media (min-width: 1100px) {
#search-box input[type="text"]{
	color: #666;
	background:#f5f5f5;
}
.section-bot-title{
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.section-bot-title:before{
	background-color:#005B45;
	border:4px solid #005B45;
}
.menu ul ul.active {/*open*/
	background:#333;
}
.menu ul ul li{
	border-top:1px rgba(255,255,255,0.3) solid;
}
.menu  ul li > a { 	color:#fff;	}
.menu  ul li > a:hover {	color:#FFDD2A;}
.btn-moremenu span{
	background-image: url(../svg/menu-link.svg);
}
.btn-moremenu span.top{
	background-image: url(../svg/close.svg);
}
#more-menu{/*more menu ul*/
	background:rgba(0,0,0,0.8);
}
#more-menu, #more-menu ul{
	background:#454545;
}
#more-menu > ul > li { /*more menu first class*/
	border-top:1px rgba(255,255,255,0.3) solid;
	background-color:#007457;
}
#more-menu > ul > li:hover{	background-color:#005742;}

#more-menu li.has-nextmenu > .plus{
	color:#fff;
}
#more-menu li.has-nextmenu > .plus:hover{
	background-color:rgba(0,0,0,0.6);
}
#more-menu li.has-nextmenu > .plus:after {
	background-image: url(../svg/arrow.svg);
}
#more-menu ul ul.active {/*more menu > ul open*/
	background-color:#222;
}
#more-menu ul ul li{
	border-top:1px rgba(255,255,255,0.3) solid;
}
}