@media screen and (max-width: 750px){
    #logo{
      margin-right: 0px!important;
    }
    #search{
      display: none;
    }
    #row11{
      margin-bottom: 0px!important;
    }
    #btnSearch.show{
      margin: 10px 15px 55px 10px!important;
    }
  }
  @media screen and (min-width: 751px) and (max-width: 900px){
    #header #logo h1 {
      margin: 0 0 8px 0!important;
      line-height: 12px!important;
      text-align: left!important;
    }
  }
  @media screen and (max-width: 295px){
    #row11{
      margin-top: 68px;
    }
    #topbar{    
      position: fixed;
      background-color: #063f11;
      top: 0;
      left: 0;
      z-index: 700;
      padding: 10px 0px;
    }
  }
  @media screen and (min-width: 295px) and (max-width: 900px){
    #row11{
      margin-top: 52px;
    }
    #topbar{    
      position: fixed;
      background-color: #063f11;
      top: 0;
      left: 0;
      z-index: 700;
      padding: 10px 0px;
    }
  }
  @media screen and (min-width: 901px){
      display: block;
  }
  @media screen and (min-width: 180px) and (max-width: 900px){
    #btnMenu.show{
      margin: 20px!important;
    }
    .footerku{
          margin-bottom: 50px;
    }
    #mainave5{
      display: block!important;
      padding: 10px;
      border-bottom: 1px solid;
    }
    #mainave1.display{
      display: block;
    }
    #mainave1{
      display: none;
      opacity: 0;
      transition: opacity 500ms;
      position: fixed!important;
      z-index: 900!important;
      width: 100%!important;
      max-width: 100%!important;
      top: 0!important;
      height: 100vh!important;
    }
    #mainave1.showmenu{
      opacity: 1;
      background-color: #001800c9!important;
      position: fixed!important;
      z-index: 900!important;
      width: 100%!important;
      max-width: 100%!important;
      top: 0!important;
      height: 100vh!important;
    }
    #mainave2{
      bottom: 0!important;
      position: absolute!important;
      z-index: 900!important;
      width: 100%!important;
      border-radius: 20px 20px 0px 0px!important;
      padding: 0;
      overflow: hidden;
      transition: height 500ms;
      height: 0;
    }
    #mainave1.showmenu #mainave2{
      height: 50%!important;
    }
    #mainav4{
      overflow: auto;
      position: relative;!important;
      z-index: 900!important;
      height: 100%!important;
      width: 100%!important;
      margin-top: 0px;
      margin-bottom: 20px;
    }


    #mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

    /* Top Navigation */
    #mainav{text-align:center; text-transform:uppercase;}
    #mainav ul{display:block;}
    #mainav ul ul{display:none;}
    #mainav ul ul{z-index:unset; position:relative; width:100%;}
    #mainav ul li:hover > ul{display:block;}
    #mainav ul li > ul{display:block;}
    #mainav ul li > ul{
      overflow: hidden;
      transition: height 500ms;
      height: 0;}
    #mainav ul li.showdrop > .drop:after{
        animation: rotation 0.3s linear 0s 1 normal forwards;
    }
    #mainav ul li > .drop:after{
        animation: rotation2 0.3s linear 0s 1 normal forwards;
    }
    @keyframes rotation {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(90deg);
      }
    }
    @keyframes rotation2 {
      from {
        transform: rotate(90deg);
      }
      to {
        transform: rotate(0deg);
      }
    }

    #mainav li{margin: 0px;display: block;position: relative;padding: 0;text-align: left;border-top: 1px solid;border-left: 1px solid;border-right: 1px solid;}
    #mainav li ul li{border-left: 0px solid;border-right: 0px solid;}

    #mainav li:last-child{margin-right:0;}
    #mainav li li{width:auto; margin:0; text-align:left; text-transform:none;}
    #mainav li a{display:block; padding:10px;}
    #mainav .drop{padding-left:20px;}
    #mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 20px;}
    #mainav .drop::after, #mainav li li .drop::after{content:"\f0da";}
    #mainav .drop::after{top:15px; left:10px;}
    #mainav .hover li a, #mainav .active li a, #mainav li li:hover > a, #mainav .active .active > a, #mainav li:hover > a, #mainav li li a {color: unset;background-color: unset;border-color: unset;border-radius: 0;}
    #mainav li a, #mainav li:hover > a {background-color: #d1d1d1;}
    #mainav li li a, #mainav li li:hover > a {background-color: #e3e3e3;}
    #mainav li li a {
        border: 0 solid;
    }

    #mainav ul li:last-child{
      margin-bottom: 45px;
      border-bottom: 1px solid;
    }

    #mainav ul li ul li:last-child{
      margin-bottom: unset;
      border-bottom: unset;
    }

  }

.btnmenusaya{
  transition: margin 500ms; margin: 20px 20px -50px 20px; transform-origin: center top 0px; background-color: #d3bf00 !important; border-color: rgb(0,0,0) !important; color: #fff!important; caret-color: #fff!important; height: 50px; width: 50px; font-size: 14px!important; -webkit-appearance: button; cursor: pointer; border-radius: 50%; min-height: 0; min-width: 0; padding: 0; font-weight: 500!important; letter-spacing: 0; justify-content: center; outline: 0; position: fixed; user-select: none; vertical-align: middle; white-space: nowrap; border-style: none; overflow: visible; font: inherit;z-index: 800; bottom: 0; right: 0;
}
.spanbtnmenusaya{
  max-width: 100%; align-items: center; color: inherit; display: flex; flex: 1 0 auto; justify-content: inherit; line-height: normal; position: relative; transition: inherit; transition-property: opacity;
}
.spanbtnmenusaya2{
  display: inline-block; line-height: 1; position: relative;
}
.divbtnmenusaya{
  height: 24px; font-size: 24px; width: 24px; color: inherit; align-items: center; display: inline-flex; justify-content: center; letter-spacing: normal; line-height: 1; position: relative; text-indent: 0; transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; vertical-align: middle; user-select: none; fill: var(--uni-color-primary);
}


.btnsearchsaya{
  transition: margin 500ms; margin: 10px 15px -40px 10px; transform-origin: center top 0px; background-color: #d30000 !important; border-color: rgb(0,0,0) !important; color: #fff!important; caret-color: #fff!important; height: 30px; width: 30px; font-size: 14px!important; -webkit-appearance: button; cursor: pointer; border-radius: 50%; min-height: 0; min-width: 0; padding: 0; font-weight: 500!important; letter-spacing: 0; justify-content: center; outline: 0; position: fixed; user-select: none; vertical-align: middle; white-space: nowrap; border-style: none; overflow: visible; font: inherit;z-index: 700; bottom: 0; right: 0;
}
.spanbtnsearchsaya{
  max-width: 100%; align-items: center; color: inherit; display: flex; flex: 1 0 auto; justify-content: inherit; line-height: normal; position: relative; transition: inherit; transition-property: opacity;
}
.spanbtnsearchsaya2{
  display: inline-block; line-height: 1; position: relative;
}
.divbtnsearchsaya{
  height: 24px; font-size: 24px; width: 24px; color: inherit; align-items: center; display: inline-flex; justify-content: center; letter-spacing: normal; line-height: 1; position: relative; text-indent: 0; transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; vertical-align: middle; user-select: none; fill: var(--uni-color-primary);
}