.header-logo{padding-top: 42px; float: left;}

.header-search{float: right;}
.header-search .sbox{position:relative;width:515px; float: right; margin-top: 65px;}
.header-search .stxt{padding:0 70px 0 25px;border:1px solid #fff;width:100%;height:50px;line-height:50px;color:#fff;font-size:1.125em;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:0 0 15px rgba(255,255,255,.3);border-radius:25px;transition:all .3s}
.header-search .stxt:focus{box-shadow:0 0 30px rgba(255,255,255,.8)}
.header-search .sbtn{position:absolute;top:1px;right:1px;bottom:0;width:70px;height:48px;cursor:pointer;background:url(../images/search_btn.png) no-repeat center; transition:transform .3s;border: none;}
.header-search .sbtn:hover,.header-search .sbtn:active{transform:scale(.96)}

.mainnav{width: 7.14%; float: left;}
.mainnav li{margin-bottom: 14px; background: linear-gradient(to bottom,rgba(59,96,177),rgba(27,108,196));}
.mainnav li a{display: block; padding: 15px 0; color: #fff; font-size: 1.375em; font-weight: bold; text-align: center; line-height: 1.6;}
.mainnav li.on a,.mainnav li a:hover{color: #E8C62A;background: linear-gradient(to bottom,rgba(24,106,186),rgba(13,126,201));}
.mainnav li a span{display:block;}
.mainnav li:first-child a{padding: 32.5px 0;}
.mainnav li:last-of-type{margin-bottom: 0;}


@media (max-width: 992px) {
    .header-logo{float: none; text-align: center;}
    .header-search{float: none;margin-top: 20px;}
    .header-search .sbox{float: none; margin: auto;}
    .mainnav{width: 100%; float: none;}
    .mainnav li{margin-bottom:0;}
    .mainnav li:first-child a{padding: 15px 0;}
    .mainnav li a span{display: inline;}
}

@media (max-width: 768px) {
    .header-logo img{width: 80%;}
    .header-search .sbox{width: 400px;}
}