@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: #fff;
	background:transparent;
}
.section-bot-title{
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.section-bot-title:before{
	background-color:#333;
	border:4px solid #333;
}
}

@media (min-width: 850px) and (max-width: 1100px){
#navbar ul li a{
	color:#ccc;/*navbar color*/
}
#navbar ul li a:hover{
	color:#F03C3C;
	background-color:transparent;
}
#search-box input[type="text"]{
	color: #fff;
	background:transparent;
}
.section-bot-title{
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.section-bot-title:before{
	background-color:#333;
	border:4px solid #333;
}
}


@media (min-width: 1100px) {
#navbar ul li a{
	color:#ccc;/*navbar color*/
}
#navbar ul li a:hover{
	color:#F03C3C;
	background-color:transparent;
}
#search-box input[type="text"]{
	color: #fff;
	background:transparent;
}
.section-bot-title{
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.section-bot-title:before{
	background-color:#333;
	border:4px solid #333;
}
.menu{border-bottom:0px rgba(255,255,255,0.2) solid;}/*<1100 original bg*/
.menu ul ul.active {/*open*/
	background:#666;border: 2px #888 solid;
}
.menu  ul li > a {  color:#fff;	}
.menu  ul li > a:hover {  color:#F03C3C;}
.menu  ul li li:hover> a,#more-menu > ul > li:hover a{	color:#fff}

.btn-moremenu span{	background-image: url(../svg/menu-link.svg);}
.btn-moremenu span.top{	background-image: url(../svg/close.svg);}
#more-menu > ul{border: 2px #888 solid; position: relative;}
#more-menu > ul > li { background:#666;} /*more menu first class = responsive .menu ul ul.active*/
#more-menu > ul > li:hover{	border-top:1px rgba(255,255,255,0.3) solid; background-color:#F03C3C;}/*more menu first class hover bg = mainshare .menu > ul > li:hover,.menu > ul > li:active*/
#more-menu li.has-nextmenu > .plus{	color:#fff;}
#more-menu li.has-nextmenu > .plus:hover{background-color:rgba(0,0,0,0.3);}
#more-menu li.has-nextmenu > .plus:after {	background-image: url(../svg/arrow.svg);}
#more-menu ul ul.active {	background-color:#444; margin: 0px 0px 0px -1px; padding: 0px 1px 0px 0px;}/*more menu > ul open*/
#more-menu ul ul li{	border-top:1px rgba(255,255,255,0.3) solid;}
}