:root {
  --ta-height: 0px;
}

body {
  padding-top: var(--ta-height);
  transition: 0.3s;
}

.ta-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #1C588C;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 10px;
  z-index: 9999;
  transform: translateY(-100%);
  transition: 0.5s;
}
.topbarh3{width: 90%;
    display: inline-flex;}
    .topbarh3 a{color:#fff;font-size: 25px;font-weight: 500;}
     .topbarh3 a:hover{color:#fff;text-decoration: underline;}
    .topbarh3 img{width:12px;}


.ta-bar.show {
  transform: translateY(0);
}

.ta-img {
  width: 80px;
  margin-right: 15px;
}

.ta-close {
  margin-left: auto;
  background: none;
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  float:right;
  display:inline-flex;
}
@media screen and (min-width: 768px) {
.topdisnone{display:none;}}
@media screen and (max-width: 767px) {
.topcontdisnone{display:none;}}
@media (max-width: 767px) {

  .vc_col-sm-2 {
    text-align: center;
    width: 100% !important;
  }
  .topbarh3{width: 100%;padding-bottom:0px;}

  .vc_col-sm-2 img.ta-img1 {
    display: block;
    margin: 0 auto;
    width:200px;
  }
  .topbarh3 a{font-size:18px;line-height:20px;}
  .topbarh3 img {
  width: 9px;
}
.topp{font-size: 16px;line-height:18px;}

}