#sideNavi, .side-navi-item, .side-navi-data {
  margin: 0;
  padding: 0;
}

#sideNavi {
  position: fixed;
  right: 110px;
  top: 4%;
  z-index:99999;
}

.side-navi-item {
  position: absolute;
  display: inline-block;
  width: 110px;
  height: 110px;
  transform: rotate(-90deg);
  transform-origin: left top 0;
  color: #fff;
  background-color: #059ff0;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
}

.side-navi-item.item1 {
  top: 200px;
  left: 0px;
}
.sendquerycolor a{color:#fff;}

.side-navi-item.active {
  background-color: #059ff0;
  color: #fff;
}

.side-navi-item > div {
  padding-top: 15px;
  text-align: center;
  transform: rotate(90deg);
}

.side-navi-data {
   position: absolute;
  top: 0;
  left: 110px;
  width: 370px;
  height: 550px;
  background-color: #e5e5e5;
}
.side-navi-title-main{
  padding: 5px 0;
}

.side-navi-tab { display: none; }

.side-navi-tab.active {
  display: inline-block;
  color: #000;
}

.side-navi-tab > div { padding: 30px; }



/* Contact us button css*/
 #sideNavi1, .side-navi-item1 {
  margin: 0;
  padding: 0;
}


#sideNavi1{
  position: fixed;
  right: 50px;
  bottom: 5%;
  z-index:999;
  display:none;
}

.side-navi-item1 {
  position: absolute;
  display: inline-block;
  width: 150px;
  height: 50px;
  transform: rotate(-90deg);
  transform-origin: left top 0;
  color: #fff;
  background-color: #2C5073;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
}

.side-navi-item1 > div {
  padding-top: 15px;
  text-align: center;
}

@media(max-width: 767px){
  .side-navi-data {
    top: -390px;
  }
  #sideNavi {
    top: 80%;
  }
}