#clickHotline {
     width:64px;
     height:64px;
     position:fixed;
     bottom:20px;
     right:10px;
     cursor:pointer;
     z-index:999;
     background: url(../../../images/frontend/2/hotlinewa.png) center center no-repeat;
     border:none;
}
#semuaHotlineCaption {
     position:fixed;
     bottom:70px;
     right:10px;
     z-index:998;
     background: white;
     padding: 10px;
     font-size: 16px;
     border-radius: 15px;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#semuaHotline {
     position:fixed;
     bottom:-100px;
     right:10px;
     z-index:999;
     opacity:0;
     background: #00A0E9;
     padding: 20px;
     border-radius: 15px;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     border: 1px solid white;
     color: white;
     font-size: 20px;
}
#semuaHotline li {
     display: grid;
     grid-template-columns: 2fr 30px;
     align-items: center;
     justify-content:center;
     margin-bottom: 10px;
     grid-gap:10px;

}
#semuaHotline img {
     height: 25px;
     text-align: right;
}
#semuaHotline a {
     font-size: 20px;
     color: white;
}
#semuaHotline a:hover {
     color: #d0d0d0;
}
.kliklangsung {font-size: 12px;}


#hotline-atas a {
     color: white;
     font-size: 16px;
}
#hotline-atas a:hover {
     color: #f60;
}
#hotline-atas img {
     height: 30px;
}


.hotline-bawah li{
     border-bottom:1px solid #707277;
     display: grid;
     grid-template-columns: 1fr 1fr;
     padding-bottom: 10px;
     margin-bottom: 10px;
}

.hotline-bawah strong {
     justify-content: flex-start;
     align-content: center;
     display: grid;
     font-size: 13px;
}

.hotline-bawah span {
     justify-content: flex-end;
     align-content:flex-end;
     display: grid;
}



.hotline-bawah a  {
     color: white;
     padding:10px 20px;
     border: 1px solid #707277;
     font-size: 13px;
     display: inline-block;
     text-align: center;
}
.hotline-bawah a:hover  {
     background: black;
     color: #f60;

}
.hotline-bawah img {
     height: 20px;
     margin-right: 5px;
}



@media (max-width: 740px){
     #hotline-atas-container {
          order: 1;
     }
     #hotline-atas li {
          display: grid;
          grid-template-columns: max-content 1fr;
          padding-bottom: 10px;
          margin-bottom: 10px;
          border-bottom: 1px solid #363d44;
     }
     #hotline-atas strong {
         align-items: center;
         display: inline;
     }
     #hotline-atas a {
          justify-content: center;
          align-content: center;
          display: grid;
     }
     #hotline-atas span {
          justify-content: flex-end;
          align-content:flex-end;
          display: grid;
     }
}
@media (min-width: 741px){
     #hotline-atas-container {
          align-content: center;
          display: grid;
     }
     #hotline-atas li {
          float: left;
          margin-left: 10px;
     }
}
@media (min-width: 992px){

}