Whitespace to right when I check website on my galaxy s4

Vote count:

0

I can't seem to get rid of whitespace to the right of my content when I view on my galaxy s4. It is ok when I minimize my browser. Any suggestions?

Also, mailing address icon, email and phone icons don't line-up in the center exactly.

http://ift.tt/1ihTPB1

  @media handheld, only screen and (max-width: 767px) {

body {
width: 100%;
   height: 100%;

   overflow-x: hidden;


}


.grid {
    display:inline-block;
text-align:center;

}

   .grid-pad {
   background-color: transparent;
       display:inline-block;
    text-align:center;
       }
              .gridcontent {
        background-color: #fff;



         }


.wrap {
    width: 100%;
      height: 100%;
      overflow-x: hidden;


    }
  .grid-padcontent {
 display: block;


     }

     .gridcontent {
  display: block;

      }




[class*='col-'] {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.logocol-3-12 {
width: 45%; 
text-align:center;
padding-bottom:1px;
     }

     #header {
    background:#232323;



}

   #wrapfooter { 

    text-align:center;
    background:#EC3515;
    color:#FEDFE0;
    font-family:arial,helvetica,sans-serif;
    font-size:12px;

   }


#footer {

    background:#EC3515;
    color:#FEDFE0;
    font-family:arial,helvetica,sans-serif;
    font-size:12px;

    align-content:center;
}



   .col-1-1 {
left: 0;
      right: 0;

    display:inline-block;
position:absolute;
background-color: #fff;
font-family:arial,helvetica,sans-serif;
font-size:15px;
background-color: #ece2bb;


     }  


    .col-1-3left  {
width: 55%;
margin-top:270px;
background-color: #fff;
font-family:helvetica,arial,sans-serif;
font-size:16px;
font-weight:bold;
float:none;
align-content:center;


     }

   .col-1-3middle  {
width:55%;
background-color: #fff;
font-family:helvetica,arial,sans-serif;
font-size:16px;
font-weight:bold;
float:none;
align-content:center;
       }

    .col-1-3right  {
width:55%;
background-color: #fff;
font-family:helvetica,arial,sans-serif;
font-size:16px;
font-weight:bold;
float:none;
align-content:center;
    }





        }

asked 2 mins ago

user2197436

33