@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  src: local('Kanit Medium'), local('Kanit-Medium'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr5mOBWnVaE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 700;
  src: local('Kanit Bold'), local('Kanit-Bold'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr4uPhWnVaE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 900;
  src: local('Kanit Black'), local('Kanit-Black'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr4WPBWnVaE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 500;
  src: local('Catamaran Medium'), local('Catamaran-Medium'), url(https://fonts.gstatic.com/s/catamaran/v5/o-0NIpQoyXQa2RxT7-5jFhdVZNyB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 700;
  src: local('Catamaran Bold'), local('Catamaran-Bold'), url(https://fonts.gstatic.com/s/catamaran/v5/o-0NIpQoyXQa2RxT7-5jXhFVZNyB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 900;
  src: local('Catamaran Black'), local('Catamaran-Black'), url(https://fonts.gstatic.com/s/catamaran/v5/o-0NIpQoyXQa2RxT7-5jZhNVZNyB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body{margin:0; padding:0; width:100%; height:100%; font-family: 'Catamaran' , sans-serif;}
#dtminds-page{position:relative; width:100%; margin:0; padding:0;min-height:800px; height:auto;}
#dt-header-box{position:fixed; top:0; width:100%; height:80px; z-index:2;background:#fff; border-bottom:1px solid #c6d0d6; box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.61);}
#dt-header2{position:relative; width:94%; margin:0 auto 0 auto; }
#header-logo{width:180px; margin:10px 0 0 0; }
.dt-logo{width:180px; text-decoration:none; font-weight:700; color:#fff;}
.dtminds-logo{width:120px; object-fit: cover; margin:10px 0 0 0;}
#header-menu{  float:right; top:0; position:absolute; right:1px; width:60%; }
.buttons{position:absolute; right:1px; top:-2px; }
#openbtn,#closebtn{font-size:40px; color:#222; text-decoration:none; padding:0;}
#openbtn{top:0;}
#closebtn{right:10px; position:absolute; top:10px;  }
#sidebar{display:none; width:100%; height:100%; background:#fff; position:fixed; right:0; top:0; transition:4.5s;}
#menu-ul{margin:80px 0 0 30px; padding:0; list-style:none; }
.menu-li{display:block; width:auto; height:35px;  text-align:left;padding:10px 5px 10px 5px; color:#313d55; font-size:22px; cursor:pointer;}
.menu-ref{color:#313d55; text-decoration:none; font-size:17px; font-weight:700;}
.menu-ref:hover{text-decoration:underline; color:#01aeff;}
#dt-body-box{position:relative; margin-top:80px; width:100%; min-height:800px; height:auto; padding:0;background: }
#slide-images{width:100%; height:auto;; margin:0 auto 10px auto; position:relative; }
.u3-img-slider{height:auto; width:100%;position:relative; }
		.myslides img{width:100%; height:auto;object-fit:cover; }
		.slidetext{position:absolute; top:65%; left:5%; font-size:200%; font-weight:700; color:#fff; }
		.btm-left{position:absolute; bottom:8px; left:16px; font-size:28px; color:#fff;}
		.w3-animate-opacity{animation:opac 0.5s}@keyframes opac{from{opacity:0} to{opacity:1}}
#dt-content-box{position:relative; width:100%; height:auto; margin:10px auto 0 auto;}
.dt-box{position:relative;width:100%; height:auto; margin:10px auto 0 auto; padding:10px 0 10px 0;}
#dt-about{height:auto; padding:10px 0 10px 0; width:100%; margin:0 auto 0 auto; }
.serv-box{display:block; width:96%; margin:20px auto 20px auto;}
.expert{width:100%; background:#313d55; min-height:300px; height:auto; color:#fff;}
#exp-para{color:#fff; font-size:24px;}
.sb-content{display:block; margin:10px auto 10px auto; min-height:150px; height:auto; width:94%; }
.sb-img{ width:100%;}
.sb-pic{display:block; margin:0 auto 0 auto;}
.serv-header{text-align:center; margin:10px 0 10px 0; padding:0; font-size:20px; color:#313d55;}
.dt-header{margin:0; padding:0; color:#313d55;  font-size:40px; text-align:center; font-weight:700;}
#sb-header{text-align:center;}
.dt-para{margin:10px auto 10px auto; padding:0; font-size:18px; color:#333; width:94%; text-align:center;}
#serv-para{font-size:18px;}
.experts-col{display:block; margin:10px auto 10px auto; width:100%; min-height:300px; height:auto;}
#exp-col{display:none;}
.exp-col-header{margin:0; padding:0; font-size:28px;}
.exp-ul{float:left; list-style:none; margin-top:0; padding-top:0;}
.exp-li{color:#01aeff; margin:10px 0 10px 0; font-size:14px;}

#page-head{position:relative; width:100%; height:auto; padding:30px 0 0 0;}
#page-head-bg{position:relative; width:100%; min-height:130px; height:auto; margin:30px auto 30px auto; padding:0;
  background: #01aeff; }
.page-head-header,.exp-header{color:#fff; font-size:30px; margin:0 auto 0 auto; padding:0; width:94%; }
.exp-header{width:100%; text-align:center; font-size:40px;}
.page-head-para{color:#fff; font-size:14px; margin:0 auto 0 auto; padding:0 0 20px 0; width:94%;  }

#expert-page,#service-page,#about-page{position:relative; width:94%; margin:10px auto 10px auto; padding:0; height:auto;}
.expert-header,.service-header,.about-header{padding:0; font-size:24px; color:#222; margin:10px auto 10px auto;}
.expert-para,.service-para,.about-para{margin:0; padding:0; font-size:20px; color:#222;}
.serv-proc-li,.about-val-li{color:#01aeff; font-size:20px; font-weight:700;}
#career-content{ width:94%; height:auto; position:relative; margin:30px auto 30px auto; padding:20px 0 0 0;}
#career-vacany{background:#313d55; width:100%; min-height:200px; height:auto; margin:30px auto 0 auto; padding:30px 0 30px 0;}
.career-para{font-size:20px; color:#222; margin:10px auto 10px auto; padding:0;  }
.career-header{font-size:24px; color:#fff; width:94%; margin:10px auto 10px auto; padding:0;}
.career-ul{width:94%; margin:10px auto 10px auto; color:#01aeff; padding-bottom:20px;}
.career-vacany-para{font-size:16px; color:#fff; width:94%; margin:10px auto 10px auto; padding:0;}
#contact-address,#contact-form{width:100%; margin:20px auto 0 auto; padding:40px 0 40px 0; height:auto; position:relative;}
#contact-form{background:#313d55; min-height:300px; height:auto;}
#cont-headoffice,#cont-reach{width:94%; margin:0 auto 0 auto;}
.contact-add-header,.contact-reach-header{margin:0; padding:0; font-size:35px; color:#222;}
.contact-reach-header{color:#fff;}
.contact-reach-para{color:#fff; margin:0; padding:0; font-size:16px;}
.contact-add-para{color:#222; margin:20px 0 0 0; padding:0; font-size:18px;}
.dtbs{color:#01aeff; font-size:22px; font-weight:700;}
#cnt-name,#cnt-email{width:300px;height:40px; border:none;border-bottom:1px solid #01aeff; background:none; color:#fff;}
#cnt-text{resize:none; width:300px; height:100px; border:none; border-bottom:1px solid #01aeff; background:none; color:#fff;}
#name-err,#email-err,#text-err{margin:0; padding:0; color:#ff0000;font-size:95%;  height:13px;}
#thank-you{margin:0; padding:0; color:#41a317; font-size:98%; display:block;  font-weight:500;}
#cnt-submit{margin-top:10px; display:block;width:140px;height:53px; color:#fff; font-weight:700; font-size:120%; cursor:pointer;
background:#01aeff; outline:none;border:none; box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.11); border-radius:3px;}
#dt-footer-box{ width:100%; background:#01aeff;  height:auto; position:relative; margin:0; padding:0; color:#fff;}
.copy-text{ font-size:13px;  color:#fff;text-align:center; display:block; margin:0 auto 0 auto; padding:7px 0;}





@media only screen and (min-width:580px)
 {
   .dtminds-logo{width:130px; margin-top:8px;}
.page-head-header,.exp-header{font-size:40px;}
 }
 @media only screen and (min-width:768px)
 {
      .dtminds-logo{width:150px; margin-top:5px;}
.page-head-header,.exp-header{font-size:50px;}
 }
 @media only screen and (min-width:992px)
 {
   .dtminds-logo{width:180px; margin-top:0;}
   #sidebar{display:block; position:absolute; box-shadow:none; right:0; top:0px; width:700px; }
   #menu-ul{margin:0; float:right;}
   .menu-li{display:inline-block; margin:0 10px 0 10px; padding:10px; }
   .buttons,#closebtn{display:none;}
   .dt-box{width:94%;}
   .expert{width:100%; background:#313d55; min-height:300px; height:auto; color:#fff;}
   .dt-para{text-align:left; font-size:30px; margin:10px auto 10px auto;}
   #exp-para{width:100%; margin:10px auto 10px auto; padding:0;}
   #exp-box{width:94%; margin:10px auto 10px auto; position:relative; padding:0;}
   #serv-para{font-size:24px; text-align:left;}
   #sb-header{text-align:left;}

   .sbox1,.sbox2{display:inline-block; vertical-align:top; }
  .sbox1{width:30%; margin-right:1%;}
  .sbox2{width:67%; margin-left:1%;  padding-top:60px;}
  .sb-content{display:inline-block; vertical-align:block; width:48%; margin:20px 0 20px 1%;}
  .experts-col{width:48%; display:inline-block; vertical-align:top; margin-right:1%; }
  .exp-header{text-align:left;}
  #exp-col{display:inline-block;}
  .exp-ul{float:right;}
  #page-head-bg{background: linear-gradient(301deg, rgba(255,255,255,0) 20%, rgba(1,174,255,1) 20%);}
  .page-head-header,.exp-header,.dt-header{font-size:80px;}
  .page-head-para{font-size:16px;}

 }
 @media only screen and (min-width:1200px)
 {


 }
 @media only screen and (min-width:1600px)
{


 }