body {
    font-family: "Kittithada_Roman55";
    font-size: 2vw;
    line-height: 2vw;
    color: #033a6b;   
  }
.project-header {
    font-family: "Kittithada_Medium65";
    font-size: 2.2vw;
    line-height: 2.2vw;
    background-color: #7da8b8;
    color: #fff;
}

.bd-table {
    border-color: #455052 !important;
}

.border-s  {
    border-left: 1px solid;
}
.border-l  {
    border-bottom: 1px solid;
}

.border-e {
    border-right: 1px solid;
}
.border-a {
    border: 1px solid;
}
.btn-addline {
    width: 59%;
    cursor: pointer;
}
.logo1 {
    width: 36%;
}
.text-footer {
    color: #033a6b;
    font-size: 1.5vw;
  }
a,a:link,a:visited,a:hover {
    color: #033a6b;
    text-decoration: none;
}
@media screen and (max-device-width: 767.5px),
  screen and (max-width: 767.5px) and (orientation: portrait) {
    body {
        font-family: "Kittithada_Roman55";
        font-size: 5vw;
        line-height: 5vw;
        color: #033a6b;   
      }
      .project-header {        
        font-size: 6vw;
        line-height: 6vw;
       
    }
    .border-s  {
        border-left: 0px solid;
    }   
    
    .border-e {
        border-right: 0px solid;
    }

    .border-b {
        border-bottom: 1px solid;
    }

    .border-a {
        border: 0px solid;
    }
    .logo1 {
        width: 72%;
    }
    .text-footer {
        color: #033a6b;
        font-size: 4.5vw;
      }
  }

  @media screen and (max-device-width: 1024px) and (orientation: landscape) {
    body {
        font-family: "Kittithada_Roman55";
        font-size: 2vw;
        line-height: 2vw;
        color: #033a6b;   
      }
    .project-header {
        font-family: "Kittithada_Medium65";
        font-size: 2.2vw;
        line-height: 2.2vw;
        background-color: #7da8b8;
        color: #fff;
    }
    
    .bd-table {
        border-color: #455052 !important;
    }
    
    .border-s  {
        border-left: 1px solid;
    }
    .border-l  {
        border-bottom: 1px solid;
    }
    
    .border-e {
        border-right: 1px solid;
    }
    .border-a {
        border: 1px solid;
    }
    .btn-addline {
        width: 59%;
        cursor: pointer;
    }
    .logo1 {
        width: 36%;
    }
    .text-footer {
        color: #033a6b;
        font-size: 1.5vw;
      }
    a,a:link,a:visited,a:hover {
        color: #033a6b;
        text-decoration: none;
    }
  }