Phone Number on Mobile Site

I’m trying to add my company phone number on my mobile site. I can’t figure out the css – the phone number I have on my homepage on desktop does not move with mobile. My website is Below is https://www.solidwoodcabinets.com, media css I have:

@media screen and (min-width: 50px) {

/* IE9 and IE10 rule sets go here */

.boxloc {

-webkit-box-shadow: 0px 0px 5px #000;

-moz-box-shadow: 0px 0px 5px #000;

-ms-box-shadow: 0px 0px 5px #000;

box-shadow: 0px 0px 5px #000;

width:350 !important;

}

}

.dealerbutton { background:#FF0004 ! important; border:1px; color:white ! important; font-weight: bold ! important; font-size: 18px ! important; border-radius: 2px; height: 40px ! important; }

@media screen and (max-width: 767px) {
#navigation: {display: none;}
}

@media only screen and (max-width: 800px) {
#unseen table td:nth-child(2),
#unseen table th:nth-child(2) {display: none;}
}

@media only screen and (max-width: 640px) {
#unseen table td:nth-child(4),
#unseen table th:nth-child(4),
#unseen table td:nth-child(7),
#unseen table th:nth-child(7),
#unseen table td:nth-child(8),
#unseen table th:nth-child(8){display: none;}