

/*@media start*/

@media only screen and (min-width:1680px) {
    .bocsci-bavbar-nav>li>a{
        padding:30px 14px;
    }
    .logo-img{
        width: 200px;
    }
}

@media only screen and (min-width:1000px) and (max-width:1440px) {
    .bocsci-bavbar-nav>li>a{
        padding:30px 14px;
    }
    .logo-img{
        width: 180px;
        margin-top: 7px;
    }

}
@media only screen and (min-width:1000px) {

    .bocsci-bavbar-nav>li>a{
        padding:30px 14px;
        font-size: 16px;
    }
    .logo-img{
        width: 200px;
        margin-top: 7px;
    }
    .search-radio{
        text-align: right;
        margin-top:5px;
    }
    .bocsci-bavbar-nav>li>.dropdown-menu>li{
        padding: 8px 20px;
    }

}
@media only screen and (max-width:1000px) {
    .bocsci-bavbar-nav>li>.dropdown-menu>li{
        padding: 8px;
    }
    .navbar-default .bocsci-bavbar-nav .open .dropdown-menu>li>a{
        color: #121c04;

    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
    .bocsci-bavbar-nav>li>a{
        padding: 15px;
        font-size: 16px;
    }
    .logo-img{
        width: 180px;
        margin-top: 10px;
    }
    .search-radio{
        text-align: right;
        margin-top:5px;
    }

}
@media only screen and (min-width:480px) and (max-width:768px) {
    .bocsci-bavbar-nav>li>a{
        padding: 15px;
    }
    .logo-img{
        width: 180px;
        margin-top: 10px;
    }
    .search-radio{
        margin-bottom: 10px;
    }
}
@media only screen and (min-width:320px) and (max-width:480px) {
    .bocsci-bavbar-nav>li>a{
        padding: 15px;
    }
    .search-radio{
        margin-bottom: 10px;
        padding: 0;
    }


}
/*@media end*/
.bocsci-bavbar-nav>li>a{
 font-family: SegoeBold;
    font-weight: normal;
}
.index-search{
    background: #e7e7e7;
    padding: 8px 0 5px 0;

}
.btn-search{
    border: none;
    background: #7b9e38;
    outline: none;
    color: #ffffff;
    border-radius: 0;
    width: 100%;
    text-align: center;
    padding: 6px 12px;
    font-size: 18px;
    font-weight: 500;
}

.btn-search:hover,.btn-search:focus{
    color: #ffffff;
    background:  #8CA84E;
    transition: all ease 0.4s;
}
.search-input{
    padding: 6px;
    background: #e3e3e3;
    border:2px solid #7b9e38;
    width: 100%;
}
.search-input:hover,.search-input:focus{
    transition: all ease 0.4s;
    background: #ffffff;
    border:2px solid #c8c8c8;
    outline: none;
}
input.search-input>input::-webkit-input-placeholder,input.search-input:-moz-placeholder,input.search-input:-moz-placeholder{
    color: #999;
}

input.search-input{
    color: #999;
}
.bocsci-logo-xs{
    padding: 8px 20px;
}
.bocsci-logo{
   height: 70px;
    width: 240px;
    background: url("../images/logo.png") no-repeat  0px 10px;
}
.bocsci-navbar{
    background: #ffffff;
    border-radius: 0;
    border: none;
    margin: 0;
    font-weight: bold;

}

.bocsci-navbar .navbar-nav>.active>a, .bocsci-navbar .navbar-nav>.active>a:hover, .bocsci-navbar .navbar-nav>.active>a:focus{
    background: #7a9e3c;
    color: #ffffff;
}

.bocsci-navbar .navbar-nav>.open>a, .bocsci-navbar .navbar-nav>.open>a:hover, .bocsci-navbar .navbar-nav>.open>a:focus{
    background: #7a9e3c;
    color: #ffffff;
}
.bocsci-bavbar-nav>li>.dropdown-menu{
    background: #ffffff;
    opacity: .9;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
}
.bocsci-bavbar-nav>li>.dropmenuOne{
    opacity: 1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
}


.bocsci-bavbar-nav>li>.dropdown-menu>li>a{
   font-family: 'SegoeBold';
    color: #121c04;
    font-size: 16px;
}
.bocsci-bavbar-nav>li>.dropdown-menu>li>a:hover{
    color: #7a9e3c;
    background: none;
    transition: all ease 0.3s;
    background: #f9f9f9;
}
.search-radio .radio-inline{
    font-weight: 600;
    color: #737373;
}
.button-home{
    color: #436705;
    padding: 6px 8px;
    font-size: 14px;
}


.bocsci-navbar .navbar-toggle:hover{
    color: #ffffff;
    background: #7a9e3c;
}


.nav>li.first-dropdown{
    position: inherit;
}

.bocsci-bavbar-nav>li.first-dropdown>.dropdown-menu{
    width: 100%;
}

.clickbutton {
    display: inline-block;
    right: 0;
    top: 6px;
    padding: 2px 8px 2px 8px;
    font-weight: bold;
    position: absolute;
    z-index: 1000;
    color: #dddddd;
}
ul.product-menu ul{
    padding: 0;
}

ul.product-menu ul li>a{
  padding:10px 20px;
    color:#121c04;
    display: block;
    font-size: 15px;

}
ul.product-menu ul li>a:hover{
    padding:10px 20px;
    color: #7a9e3c;
    display: block;
    background: #f9f9f9;
}
.bocsci-bavbar-nav>li>.product-menu>li>a,.bocsci-bavbar-nav>li>.product-menu>li>a:hover {
    font-size: 17px;
    color:#121c04;
    cursor: text;
}

.navbar-index {
    z-index: 400;
    width: 100%;
    position: relative;
}

.bggreen{
    background: rgba(99,138,33,0.9);
}
.navbar-default .navbar-nav>li>a.fontwhite{
    color: #ffffff;
    padding: 20px 14px;
}
.bocsci-logo-white{
    background: url('../images/logo-white.png') no-repeat 0px 2px;
    padding: 0;
    height: 50px;
}
.bocsci-logo-xs{
    background: url('../images/logo-xs.png') no-repeat 15px 8px;
    height: 50px;
    width: 147px;
}
.logo-xs-white{
    background: url('../images/logo-xs-white.png') no-repeat 15px 8px;
    height: 50px;
    width: 147px;
}
