#speccard{
    width:185%;
    margin-left: 65px;
}
#example{
  width: 100%

}
#col1{
    width: 70%;
}
#addspectype{
    margin-left: -422px;
}
#addspectypecard{
    width:270%;
}
#addspectpebtn{
    margin-left: -415px;
}
#addspectypesubmenu{
    margin-left: -422px;
}
#addspecsubmenucard{
    width:270%;
}
#addspectypesubmenucontainer{
    width:40%;
    margin-top:2%;
}

#addsubmenubtn{
    margin-left: -415px;
}
#addwaypointrow{
    margin-left: -444px;
    width: 272%;
}
#addwaypointcard{
    width:185%;
    margin-left: 65px;
}
#allwaypointscol{
    margin-left: -422px;
}
#allwaypointscard{
    width:270%;
}
#updatewaypointscard{
    width:185%;
    margin-left: 65px;
}
#allspeccol{
    margin-left: -422px;
}
#allspeccard{
    width:270%;
}
#updatespeccard{
    width:185%;
    margin-left: 65px;
}
#myTable1{
   width: 159%;
  margin-left: -247px;
  margin-top: -67px;

}
#myTable2{
    width: 159%;
    margin-top: -162px;
    margin-left: 271px;
}
#myTable3{
    width: 151%;
    margin-top: -162px;
    margin-left: 818px;
}
#mainheading{
    margin-left: -232px;
    font-size: 60px
}
#img1{
    margin-top: -625px;
    margin-left: -241px;
}
#customercard{
    left: 1153px;
    margin-left: -160px;
    width: 95%;
    margin-top: 20px;
}
#customercard2{
    left: 1073px;
    margin-left: -80px;
    margin-top: -10px;
    width: 95%;
}
#table12{
    width: 1756%;
    margin-left: -366px;
    margin-top: 85px;
}







@media only screen and (max-device-width: 480px) {
#speccard{
    margin-left: -25px;
    width: 116%;
}
#addspectype{
   margin-left: -124px;
    width: 124%;
    margin-top: -65px;
    margin-top: 15px;
}
#addspectpebtn{
   margin-left: -31px;
    width: 159%;
}
#addspectypesubmenu{
    margin-left: 0px;
}
#addspecsubmenucard{
    width: 374%;
    margin-left: -147px;
    margin-top: 15px;
}

#btnedit{
    margin-left: -25px;
}
#btndelete{
    margin-left: -13px;
}
#addsubmenubtn{
    margin-left: 0px;
}
#addwaypointrow{
    margin-left: -209px;
}
#uploadfile{
    margin-left: 130px;
}
#uploadfileheading{
    margin-left: 130px;
}
#addwaypointcard{
    width:147%;
    margin-left: 65px;
}
#allwaypointscol{
    margin-left: -126px;
    margin-top: -23px;
}
#allwaypointscard{
    width:353%;
}
#updatewaypointscard{
    width:111%;
    margin-left: -15px;
}
#allspeccol{
    margin-left: -132px;
    margin-top: -24px;
}
#allspeccard{
    width:358%;
}
#updatespeccard{
   margin-left: -25px;
    width: 116%;
}
#myTable1{
   width: 159%;
  margin-left: -26px;
  margin-top: -67px;

}
#myTable2{
    width: 159%;
    margin-left: 470px;
    margin-top: -186px;
}
#myTable3{
  width: 151%;
    margin-top: -185px;
    margin-left: 965px;
}
#mainheading{
   margin-left: -24px;
    font-size: 60px;
    margin-top: 50px;
}
#img1{
   margin-top: -1667px;
    margin-left: -241px;
}
#customercard{
    left: 76px;
    margin-left: -80px;
    margin-top: 548px;
    width: 105%
}
#customercard2{
    left: 1073px;
    margin-left: -1078px;
    margin-top: -10px;
    width: 105%;
}
#table12{
    width: 1756%;
    margin-left: -143px;
    margin-top: 85px; 
}

    }