@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: #555;
	background:transparent;
}
.section-bot-title{
	padding: 40px 10px 15px 10px;
	border-bottom:1px solid rgba(0,0,0,0.2);
}
.section-bot-title:before{
	top:-30px;
	background-color:#f6f6f6;
	border:5px solid #f6f6f6;
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}
#footer{ border-top: 1px rgba(230,230,230,0.95) solid;}
}

@media (min-width: 850px) and (max-width: 1100px){
#navbar ul li a{
	color:#555;/*navbar color*/
}
#navbar ul li a:hover{
	color:#7D9F4A;
	background-color:transparent;
}
#search-box input[type="text"]{
	color: #555;
	background:transparent;
}
.section-bot-title{
	padding: 40px 10px 15px 10px;
	border-bottom:1px solid rgba(0,0,0,0.2);
}
.section-bot-title:before{
	top:-30px;
	background-color:#f6f6f6;
	border:5px solid #f6f6f6;
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}
#footer{ border-top: 1px rgba(230,230,230,0.95) solid;}
}


@media (min-width: 1100px) {
#navbar ul li a{
	color:#555;/*navbar color*/
}
#navbar ul li a:hover{
	text-decoration:underline;
	color:#7D9F4A;
	background-color:transparent;
}
#search-box input[type="text"]{
	color: #555;
	background:transparent;
}
.section-bot-title{
	padding: 40px 10px 15px 10px;
	border-bottom:1px solid rgba(0,0,0,0.2);
}
.section-bot-title:before{
	top:-30px;
	background-color:#f6f6f6;
	border:5px solid #f6f6f6;
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}
.menu{border-bottom:none;}/*<1100 original bg*/
.menu ul ul.active {/*open*/
	background:#fff;
	border:2px #ccc solid;
}
.menu  ul li > a {  color:#555;	}
.menu  ul li > a:hover {  color:#7D9F4A;}
.menu  ul li li{border-top:1px #ccc solid;}
.menu  ul li li:hover, #more-menu > ul > li:hover{background-color:#ececec;}
.menu  ul li li:hover> a,#more-menu > ul > li:hover a{color:#555;}
.menu ul ul li > a:hover {background-color:transparent;}
.menu li.has-nextmenu > .plus:hover{background-color:rgba(0,0,0,0.1); border:none;}
.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-color:#fff;}
#more-menu > ul{background-color:#fff; position: relative; border:2px #ccc solid;}
#more-menu > ul:hover{background-color:#fff;}
#more-menu > ul > li {border-top:1px #ccc solid; background-color:transparent;} /*more menu first class = responsive .menu ul ul.active*/
#more-menu li.has-nextmenu > .plus{	color:#555;}
#more-menu li.has-nextmenu > .plus:hover{background-color:#ccc;}
#more-menu li.has-nextmenu > .plus:after {	background-image: url(../svg/arrow.svg);}
#more-menu ul ul li{	background-color:#f6f6f6; border-top:1px #ccc solid;}
#more-menu ul ul li:hover{background-color:#ddd;}
#footer{ border-top: 1px rgba(230,230,230,0.95) solid;}

}