/* BottomNav */
@media (min-width:0px) and (max-width:735px) {
  .bottomNav{position: fixed;bottom: 0;width: 100%;height: 53px;padding-top: 7px;background: rgba(255,255,255,0.9);box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);}
  .bottomNav ul{display: flex;justify-content: center;align-items: center;}
  .bottomNav ul li{width: calc(100% / 3);}
  .bottomNav ul li a{transition: ease 0.3s;width: 100%;height: 60px;text-align: center;}
  .bottomNav ul li a div{display: flex !important;justify-content: center;align-items: center;height: 32px;}
  .bottomNav ul li a p{font-size: 9px;text-align: center;}
  .bottomNav ul li:nth-of-type(1) img{width: 34px;}
  .bottomNav ul li:nth-of-type(2) img{width: 28px;}
  .bottomNav ul li:nth-of-type(3) img{width: 21px;}
  .bottomNav ul li a img{margin: 0 auto;}
}
@media (min-width:736px) {
  .bottomNav{position: fixed;bottom: 0;width: 100%;background: rgba(255,255,255,0.9);box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);}
  .bottomNav ul{display: flex;justify-content: center;align-items: center;}
  .bottomNav ul li{width: calc(100% / 3);}
  .bottomNav ul li a{transition: ease 0.3s;display: flex;align-items: center;width: 100%;height: 60px;text-align: center;}
  .bottomNav ul li:nth-of-type(1) a[href^="tel:"]{pointer-events: none;}
  .bottomNav ul li:nth-of-type(1) a:hover{background: rgba(51,51,51,0.1);}
  .bottomNav ul li:nth-of-type(2) a:hover{background: rgba(218,91,138,0.2);}
  .bottomNav ul li:nth-of-type(3) a:hover{background: rgba(85,170,35,0.2);}
  .bottomNav ul li a img{margin: 0 auto;}
}