@charset "UTF-8";

/* very small phones - portrait*/
@media only screen 
and (min-width : 210px) 
and (max-width : 309px) 
and (orientation : portrait) {

  #logo {
    background-image: url(mslogo200.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; height: 36px; width: 190px;
  }

  .tblBtn {
    margin-left: auto;
    margin-right: auto;
  }

  .profBtn {
    height: 58px;
    width: 60px;
  }

  .tbl {
    width: 95%;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .centr {
    text-align: center;
  }

  .cels0 {
    height: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
  }

  .cels1 {
    height: 100px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  .cels2 {
    height: 10px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cels3 {
    height: 130px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cels4 {
    height: 20px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
  }

  .celsp {
    height: 100px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  .ul {
    text-decoration: underline;
  }

  .font12 {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
  }

  .font12u {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
    text-decoration: underline;
  }

  .font10 {
    font-size: 10.0pt;
    mso-bidi-font-size: 10.0pt;
  }
}

/* very small phones - landscape*/
@media only screen 
and (min-width : 310px) 
and (max-width : 469px) 
and (orientation : landscape) {

  #logo {
    background-image: url(mslogo300.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; height: 52px; width: 290px;
  }

  .tblBtn {
    margin-left: auto;
    margin-right: auto;
  }

  .profBtn {
    height: 58px;
    width: 90px;
  }

  .tbl {
    width: 97%;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .centr {
    text-align: center;
  }

  .cels0 {
    height: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
  }

  .cels1 {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;
  }

  .cels2 {
    height: 10px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cels3 {
    height: 130px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cels4 {
    height: 20px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
  }

  .celsp {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;
  }

  .ul {
    text-decoration: underline;
  }

  .font12 {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
  }

  .font12u {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
    text-decoration: underline;
  }

  .font10 {
    font-size: 10.0pt;
    mso-bidi-font-size: 10.0pt;
  }
}


/* small phones - portrait*/
@media only screen 
and (min-width : 310px) 
and (max-width : 350px) 
and (orientation : portrait) {

  #logo {
    background-image: url(mslogo300.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; height: 42px; width: 290px;
  }

  .tblBtn {
    margin-left: auto;
    margin-right: auto;
  }

  .profBtn {
    height: 58px;
    width: 90px;
  }

  .tbl {
    width: 97%;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .centr {
    text-align: center;
  }

  .cels0 {
    height: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
  }

  .cels1 {
    height: 100px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  .cels2 {
    height: 10px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cels3 {
    height: 130px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cels4 {
    height: 20px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
  }

  .celsp {
    height: 100px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  .ul {
    text-decoration: underline;
  }

  .font12 {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
  }

  .font12u {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
    text-decoration: underline;
  }

  .font10 {
    font-size: 10.0pt;
    mso-bidi-font-size: 10.0pt;
  }
}

/* small phones - landscape*/
@media only screen 
and (min-width : 470px) 
and (max-width : 598px) 
and (orientation : landscape) {

  #logo {
    background-image: url(mslogo350.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; height: 52px; width: 350px;
  }

  .tblBtn {
    margin-left: auto;
    margin-right: auto;
  }

  .profBtn {
    height: 58px;
    width: 100px;
  }

  .tbl {
    width: 97%;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .centr {
    text-align: center;
  }

  .cels0 {
    height: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
  }

  .cels1 {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;
  }

  .cels2 {
    height: 10px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cels3 {
    height: 130px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cels4 {
    height: 20px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
  }

  .celsp {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;
  }

  .ul {
    text-decoration: underline;
  }

  .font12 {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
  }

  .font12u {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
    text-decoration: underline;
  }

  .font10 {
    font-size: 10.0pt;
    mso-bidi-font-size: 10.0pt;
  }
}


/* large phones - portrait*/
@media only screen 
and (min-width : 351px) 
and (max-width : 598px) 
and (orientation : portrait) {

  #logo {
    background-image: url(mslogo350.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; height: 52px; width: 350px;
  }

  .tblBtn {
    margin-left: auto;
    margin-right: auto;
  }

  .profBtn {
    height: 58px;
    width: 90px;
  }

  .tbl {
    width: 97%;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .centr {
    text-align: center;
  }

  .cels0 {
    height: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
  }

  .cels1 {
    height: 100px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  .cels2 {
    height: 10px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cels3 {
    height: 130px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cels4 {
    height: 20px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
  }

  .celsp {
    height: 100px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  .ul {
    text-decoration: underline;
  }

  .font12 {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
  }

  .font12u {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
    text-decoration: underline;
  }

  .font10 {
    font-size: 10.0pt;
    mso-bidi-font-size: 10.0pt;
  }
}

/* large phones - landscape*/
@media only screen 
and (min-width : 599px) 
and (max-width : 750px) 
and (orientation : landscape) {

  #logo {
    background-image: url(mslogo350.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; height: 52px; width: 350px;
  }

  .tblBtn {
    margin-left: auto;
    margin-right: auto;
  }

  .profBtn {
    height: 58px;
    width: 150px;
  }

  .tbl {
    width: 97%;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .centr {
    text-align: center;
  }

  .cels0 {
    height: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
  }

  .cels1 {
    height: 100px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  .cels2 {
    height: 10px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cels3 {
    height: 130px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cels4 {
    height: 20px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
  }

  .celsp {
    height: 100px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  .ul {
    text-decoration: underline;
  }

  .font12 {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
  }

  .font12u {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
    text-decoration: underline;
  }

  .font10 {
    font-size: 10.0pt;
    mso-bidi-font-size: 10.0pt;
  }
}

/* medium tablets - portrait */
@media only screen 
and (min-device-width : 599px) 
and (max-device-width : 720px)  
and (orientation : portrait){

  #logo {
    background-image: url(micronsolutionslogo.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; height: 70px; width: 500px;
  }

  .tblBtn {
    margin-left: auto;
    margin-right: auto;
  }

  .profBtn {
    height: 58px;
    width: 150px;
  }

  .tbl {
    width: 79%;
    height: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .centr {
    text-align: center;
  }

  .cels0 {
    height: 10px;
    padding-top: 20px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 0px;
  }

  .cels1 {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;
  }

  .cels2 {
    height: 10px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .cels3 {
    height: 130px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .cels4 {
    height: 20px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 5px;
  }

  .celsp {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;
  }

  .ul {
    text-decoration: underline;
  }

  .font12 {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
  }

  .font12u {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
    text-decoration: underline;
  }

  .font10 {
    font-size: 10.0pt;
    mso-bidi-font-size: 10.0pt;
  }
}

/* medium tablets - landscape */
@media only screen 
and (min-device-width : 599px) 
and (max-device-width : 1022px)
and (orientation : landscape){


  #logo {
    background-image: url(micronsolutionslogo.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; height: 70px; width: 700px;
  }

  .profBtn {
    height: 58px;
    width: 250px;
  }

  .tblBtn {
    margin-left: auto;
    margin-right: auto;
  }

  .tbl {
    width: 63%;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .centr {
    text-align: center;
  }

  .cels0 {
    height: 10px;
    padding-top: 20px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 0px;
  }

  .cels1 {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;
  }

  .cels2 {
    height: 10px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .cels3 {
    height: 130px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .cels4 {
    height: 20px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 5px;
  }

  .celsp {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;
  }

  .ul {
    text-decoration: underline;
  }

  .font12 {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
  }

  .font12u {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
    text-decoration: underline;
  }

  .font10 {
    font-size: 10.0pt;
    mso-bidi-font-size: 10.0pt;
  }
}

/* large tablets including ipad - portrait */
@media only screen 
and (min-device-width : 767px) 
and (orientation : portrait){

  #logo {
    background-image: url(micronsolutionslogo.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; height: 70px; width: 700px;
  }

  .tblBtn {
    margin-left: auto;
    margin-right: auto;
  }

  .profBtn {
    height: 58px;
    width: 250px;
  }

  .tbl {
    width: 99%;
    height: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .centr {
    text-align: center;
  }

  .cels0 {
    height: 10px;
    padding-top: 20px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 0px;
  }

  .cels1 {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;
  }

  .cels2 {
    height: 10px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .cels3 {
    height: 130px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .cels4 {
    height: 20px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 5px;
  }

  .celsp {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 90px;
  }

  .ul {
    text-decoration: underline;
  }

  .font12 {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
  }

  .font12u {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
    text-decoration: underline;
  }

  .font10 {
    font-size: 10.0pt;
    mso-bidi-font-size: 10.0pt;
  }

}

/* ipads - landscape */
@media only screen 
and (min-device-width : 1023px)
and (max-device-width : 1220px)
and (orientation : landscape){


  #logo {
    background-image: url(micronsolutionslogo.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; height: 70px; width: 1000px;
  }

  .tblBtn {
    margin-left: auto;
    margin-right: auto;
  }

  .profBtn {
    height: 58px;
    width: 250px;
  }

  .tbl {
    width: 75%;
    height: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .centr {
    text-align: center;
  }

  .cels0 {
    height: 10px;
    padding-top: 20px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 0px;
  }

  .cels1 {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;
  }

  .cels2 {
    height: 10px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .cels3 {
    height: 130px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .cels4 {
    height: 20px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 5px;
  }

  .celsp {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;
  }

  .ul {
    text-decoration: underline;
  }

  .font12 {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
  }

  .font12u {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
    text-decoration: underline;
  }

  .font10 {
    font-size: 10.0pt;
    mso-bidi-font-size: 10.0pt;
  }
}


/* Desktops and laptops ----------- */
/* also large tablets - landscape */
@media only screen 
and (min-device-width : 1224px) 
and (orientation : landscape){


  #logo {
    background-image: url(micronsolutionslogo.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px; height: 70px; width: 1200px;
  }

  .tblBtn {
    margin-left: auto;
    margin-right: auto;
  }

  .profBtn {
    height: 58px;
    width: 250px;
  }

  .tbl {
    width: 63%;
    height: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .centr {
    text-align: center;
  }

  .cels0 {
    height: 10px;
    padding-top: 20px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 0px;
  }

  .cels1 {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;
  }

  .cels2 {
    height: 10px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .cels3 {
    height: 130px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .cels4 {
    height: 20px;
    padding-top: 5px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 5px;
  }

  .celsp {
    height: 100px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 240px;
  }

  .ul {
    text-decoration: underline;
  }

  .font12 {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
  }

  .font12u {
    font-size: 12.0pt;
    mso-bidi-font-size: 10.0pt;
    text-decoration: underline;
  }

  .font10 {
    font-size: 10.0pt;
    mso-bidi-font-size: 10.0pt;
  }

}