div#emailQuoteDiv {
     width: 321px;
     margin: auto;
}

div#emailQuoteDiv fieldset {
     margin: 0px;
     margin-bottom: 20px;
}

div#emailQuoteDiv table td,
div#emailQuoteDiv table th {
     word-break: break-word; 
}

col.colPriceCalc9 {
     width: 105px;;
}

col.colPriceCalc10 { 
}

#txtFName, #txtLName {
     width: 103px !important;
}

#txtCompany, #txtEmail, #txtPhone {
     width: 180px;
}

div#calculationDiv > div table {
     width: 100%;
}

div#calculationDiv > div:first-child {
     margin-bottom: 20px;
}

@media only screen and (min-width:397px) {
     div#emailQuoteDiv {
          width: 361px;
     }

     col.colPriceCalc9 {
          width: 145px;
     }
}

@media only screen and (min-width:645px) {
     div#emailQuoteDiv {
          margin: 0px;
          margin-left: 20px;
          float: right;
     }
}

@media only screen and (min-width:820px) {
     div#calculationDiv {
          display: flex;
     }

     div#calculationDiv > div {
          flex-grow: 1;
     }

     div#calculationDiv > div:first-child {
          margin-right: 20px;
     }

     div#emailQuoteDiv {
          width: 400px;
     }

     #txtFName, #txtLName {
          width: 104px;
     }

     #txtCompany, #txtEmail, #txtPhone {
          width: 220px;
     }
}