/*For Mobile Bottom Nav*/

@media only screen and (max-width: 600px) {

  .responsive-footer {
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #fff;
   color: var(--theme-color);
   text-align: center;
   border:none;
  }

  .dashboard-dailyupdate{
    display:none;
  }

  .sidebarinfo{
    display:none;
  }

}


@media only screen and (min-width: 600px) {
  .responsive-footer {
  display: none;
  }
}

.responsive-footer .container{
  display: flex;
  justify-content: space-around;
	height: 55px;
	padding-top: 15px;
	padding-left: 35px;
	padding-right: 35px;
  overflow: visible;
}

.responsive-footer .container .row{
  column-gap: 90px;
}

.responsive-footer .container i{
	font-size: 20px;
}

.responsive-footer .container .center a{
	background-color: var(--brand-color);
}


.responsive-footer .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: var(--theme-color);
  position: absolute;
  top: -45px;
  left: -25px;
}

.responsive-footer .circle i {
  color: #ffffff; 
  font-size: 20px;
}