.f18{font-size:18px}
.f24{font-size:1.25vw}
.f28{font-size:1.46vw}
.fw{font-weight:700;}
header{padding:0 3.69% 0 6.6%;position:fixed;left:0;top:0;width:100%;box-sizing:border-box;border-bottom:4px solid #5C9D34;z-index:100;background:#fff;}
.topnav{background:url(../images/topbg.png) no-repeat right center;height:40px;text-align:right;line-height:40px}
.topnav a{display:inline-block;width:130px;text-align:center;font-weight:600;color:#767676;}
.topnav a:last-child{color:#fff}
.mainbav{height:80px}
.nav li >a{display:block;margin:0 2vw;line-height:80px;position:relative;}
.navbar a{margin:0 0.8vw;display:block;height:30px;font-size:24px}
.langu{background:url(../images/Language.png) no-repeat center left;padding-left:40px}
.search{left:0;top:0;background:#fff;height:100vh;width:100%;transition:0.5s;display:none}
.search-box{left:50%;transform: translateX(-50%);top:20%;max-width:700px;width:100%}
.formInput{border:1px solid #c9cec1;border-radius:50px;padding:5px 20px;width:90%;box-sizing: border-box;}
.formInput input{height:40px;width:90%;font-size:18px}
.del{text-align:center;width:8%;font-size:40px;cursor: pointer;}
.m-navbar{display:none}
@media(max-width:1400px){
    header{padding:0 2%}
    .logo img{height:40px}
    .navbar a{font-size:20px}
}

@media (min-width: 1201px){
    .nav li > a::after{
        border: 11px solid;
        border-color: transparent;
        border-bottom-color: #5C9D34;
        position: absolute;
        left: 50%;
        bottom: 0px;
        content: "";
        opacity:0;
    }
    .sec{position:absolute; top:84px;  width:400px; left:50%; margin-left:-125px; background:#fff;opacity:0; transform:translateY(30px); visibility:hidden;opacity:0; transition:all 0.5s ease;box-sizing:border-box;padding:20px}
    .sec p{font-size:24px}
    .sec a{ display:block; line-height:42px;font-size:24px}
    .sec1 a{color:#767676;font-size:20px;line-height:48px;font-weight:400;}
    .nav li:hover .sec{ opacity:1; transform:translateY(0px); visibility: visible; transition:all 0.5s ease;}
    .nav li:hover a::after{opacity:1;}
}


@media(max-width:1200px){
    .del,.topnav,.navbar{display:none !important;}
    .m-navbar,.nav,.mob-nav{display:block !important;}
    .m-nav{top:84px;left:0;width:100%;position:absolute;background:#fff;box-sizing:border-box;height:calc(100vh - 84px);display:none;overflow-y:auto;}
    .nav{padding:20px;}
    .nav a{font-size:20px;line-height:56px;font-weight:400;border-bottom: 1px solid #edeeeb;}
    .search-box ,.search{position:static !important;display:block;height:auto;}
    .search{background:#5C9D34;padding:10px;box-sizing:border-box}
    .search-box {transform:none;max-width:100%}
    .formInput{background:#FFF;width:100%}
    .sec{width:100%;padding:0 20px;display:none}
    .sec a{display:block;}
    .sec p{margin-top:10px;}
}

.sec1 button{width:150px;border-radius:50px;font-size:18px;background:#5C9D34;color:#fff;height:36px;}