.itopplus-background {

}
@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: normal;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Rg.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: 100;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Th.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: 600;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Bd.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: 800;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_XBd.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: 900;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_He.otf") format("opentype");
}

.ITP_newImageClass {
	display:none;
}

body {
    overflow-x: hidden;
    font-family: "LINE Seed Sans TH";
  	/*font-family: leelawadeeregular;*/
}

.itopplus-bg {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_02102023i127/0/0/1z-z346873415827.webp');
}

.itopplus-bg2 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_02102023i127/0/0/2z-z1362280334019.webp');
}

.itopplus-bg3 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_02102023i127/0/0/3z-z1228343897916.webp');
}

.itopplus-footer {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_02102023i127/0/0/fz-z1678706815895.webp');
}

/************Menu***************/
.navbar-default .navbar-nav>li>a {
    color: #fff;
    margin: 0 5px;
    padding: 7px 15px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff !important;
    box-shadow: none;
    border-radius: none;
    background: transparent;
    background-color: #bea56d;
}

.dropdown-menu>li>a {
    color: #000;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #000;
    background: #e8e8e8;
}

/********Only Sidebar*********/
@media screen and (max-width : 992px) {
    
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
    color: #fff !important;
}

#controlMenu,
#controlMenu i,
#controlMenu li a {
    color: #fff !important;
}

.navbar-default {
    background: #23345a;
}

/*new logo nav*/
.navbar-header {
    display: flex;
    flex-direction: row-reverse;
    padding: 0 10px;
}

.itopplus-logo img {
    position: fixed;
    object-fit: contain;
    width: 70px !important;
    top: 8px;
    left: 15px;
}


}

@media screen and (min-width : 1024px) {

.navbar-default {
    background: transparent;
}

#controlPosition {
    margin-top: 3.5%;
    text-align: right;
}

#controlBanner {
    object-fit: contain;
    padding: 15px;
    width: auto;
}


}

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

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

@media screen and (max-width : 900px) {}

@media screen and (max-width : 480px) {}

/************font-size***************/

.navbar-default .navbar-nav>li>a {
    font-size: 16px;
}

h1 {
    font-size: 5.5em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.6em;
}

h4, h3.managerHeader {
    font-size: 2.2em;
}

h5 {
    font-size: 1.8em;
}

h6, .service-detail li span {
    font-size: 1.4em;
}

p, .service-detail li, div#Component6551c6aab4651e0012f2f05b textarea.form-control {
    font-size: 16px;
}

.pt-3 {
	padding-top:3%;
}

.pt-5 {
	padding-top:5%;
}

.pt-10 {
	padding-top:10%;
}

.pt-55 {
	padding-top: 55%;
}

.fw-semi {
   font-weight:600;
}

.fw-medium {
   font-weight:500;
}

/**************master-page****************/

.footer p {
    font-weight: 300;
}

.logo-footer {
    width: 70%;
    margin: auto;
}

.social-footer {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 10px;
    width: 70%;
    margin: auto;
}

.footer {
    border-bottom: 1px solid #949494;
    padding-bottom: 3%;
}

.copy-right p {
    font-family: 'Tenor Sans', sans-serif;
}

.head-section h2, .sect-service h1 , .form-more h3, .gallery h3, .service-detail h3{
    font-family: 'Cormorant Garamond', serif;
}

.head-section, .sect-about, .form-more h3, .contact-page  {
    text-align: center;
}

.sect-about h3, .sect-about h4 {
    font-family: leelawadeeregular;
    font-weight: 700;
}

.type-service h6, .contact-service h6, h3.managerHeader {
    font-weight: 600;
}

.sect-about h3, .head-section h2, .text-gold, .gallery h3, .service-detail h3{
    color: #907448;
}

.sect-about h4 {
    background-image: linear-gradient(45deg, #f9d98b, #dec078);
    padding: 1%;
    margin: 0 15%;
    color: #7c5f30;
}

figure.effect-selena {
    background: transparent;
}

.sect-service h1, .sect-service h5, .footer h6 {
    color: #bea56d;
}

.sect-service h1 {
    margin: 0;
}

.sect-about p {
    margin: 2% 0;
    line-height: 26px;
}

.sect-service hr {
    width: 150%;
    border-color: #ffd8a7;
}

.sect-service li {
    display: grid;
    grid-template-columns: 9% auto;
    gap: 20px;
    align-items: center;
}

.sect-service ul {
    list-style: none;
    padding: 0;
    margin-top: 10%;
}

.sect-service {
    padding-left: 5%;
}

.form-more span{
    display: none;
}

div#formdisplay654db4ba7e42bd0013bb72af,
div#Component6551c6aab4651e0012f2f05b{
    background-color: #2b373bd9 !important;
    padding: 7% 5%;
}

div#formdisplay654db4ba7e42bd0013bb72af .form-control,
div#Component6551c6aab4651e0012f2f05b .form-control{
    border-radius: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 2rem;
    height: 40px;
    color: #fff !important;
}

div#formdisplay654db4ba7e42bd0013bb72af input::placeholder,
div#Component6551c6aab4651e0012f2f05b input::placeholder,
div#formdisplay654db4ba7e42bd0013bb72af textarea::placeholder,
div#Component6551c6aab4651e0012f2f05b textarea::placeholder{
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.5px;
}

div#capcha0 {
    display: block !important;
}

div#capcha654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 .col-md-12.col-sm-12:nth-child(1) {
    display: none;
}

div#formdisplay654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 {
    padding: 0;
}

div#capcha654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 .col-md-12.col-sm-12 {
    padding: 0 15px;
}

.boderedlayoutClient {
    border: none;
}

div#capcha654db4ba7e42bd0013bb72af a#capchatxt {
    content: " ";
    color: transparent;
}

div#capcha654db4ba7e42bd0013bb72af a#capchatxt:before {
    content: "↻ Change Captcha";
    position: absolute;
    z-index: 2;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 12px;
    top: 15px;
}

div#formdisplay654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 .col-md-6.col-sm-12:nth-child(2) {
    padding-left: 30px !important;
}

div#formdisplay654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 .col-md-6.col-sm-12:nth-child(1) {
    padding-right: 30px !important;
}

div#btnview654db4ba7e42bd0013bb72af button {
    background-color: #bea56d;
    background-image: none;
    border-color: #bea56d;
    color: #fff;
    text-shadow: none;
    border-radius: 0;
}

div#btnview654db4ba7e42bd0013bb72af {
    margin-left: 0;
    width: 100%;
    text-align: center;
}

.about-page p {
    text-align: center;
    margin-bottom: 2%;
    line-height: 27px;
}

.Text_seller2 {
    display: none;
}

.project-detail li,.project-detail2 li {
    display: grid;
    grid-template-columns: 42px auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 0.5rem;
}

.project-detail ul,.project-detail2 ul, .list-of-free ul, .payment-detail ul,
.service-detail ul , .contact-service ul, .contact-page ul, .type-service ul{
    list-style: none;
    padding: 0;
}

.post-time, .social-share , .fbcomments, .landingpagemanager{
    display: none;
}

.list-of-free li {
    display: grid;
    grid-template-columns: 42px auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 0.5%;
}

.list-of-free ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
}

.payment-detail ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.payment-detail li {
    display: grid;
    grid-template-columns: 42px auto;
    align-items: center;
    gap: 10px;
}

.gallery h3, .type-service h6, .service-detail h3, .contact-service h6, .contact-page ul {
    margin-top: 3%;
    margin-bottom: 2%;
}

div#Component654dade9b70bc0001367c59d .img-thumbnail, div#Component654dade9b70bc0001367c59d .thumbnail {
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}

div#Component654df13a7e42bd0013bb7dee .Contentmanager .site .col-section .item.-micro a .caption .title,
.post{
    display: none;
}

div#Component654df13a7e42bd0013bb7dee .col-md-6 {
    width: 25%;
    padding: 1%;
}

div#Component654df13a7e42bd0013bb7dee .Contentmanager .site .col-section .item.-micro a .image,
div#Component654df13a7e42bd0013bb7dee .Contentmanager .site .col-section .item.-micro a .caption{
    width: 100%;
}

div#Component654df13a7e42bd0013bb7dee .Contentmanager .site .col-section .item.-micro:nth-child(odd),
div#Component654df13a7e42bd0013bb7dee .Contentmanager .site .col-section .item.-micro:nth-child(even){
    border: none;
}

div#Component654df13a7e42bd0013bb7dee .caption {
    padding: 0 !important;
}

.pre-project, .pre-service {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_02102023i127/384/0/Layer0z-z273947972880.webp);
    text-align: center;
    padding: 3%;
      background-repeat: no-repeat;
    background-size: cover;
}

.pre-project p.price, .service-detail li span {
    color: #dec078;
}

.pre-project p, .pre-service p {
    color: #fff;
    margin:1% 0;
    font-size: 16px;
}

div#Component654df13a7e42bd0013bb7dee .nav-pills>li>a {
    border-radius: 0;
    margin: 0 7%;
    color: #000;
}

div#Component654df13a7e42bd0013bb7dee .nav-pills>li.active>a {
    background-color: #bea56d;
    color: #fff;
}

div#Component654df13a7e42bd0013bb7dee .nav-justified>li>a>span {
    font-size: 16px !important;
}

div#Component654df13a7e42bd0013bb7dee .nav-pills>li:before {
    content: " ";
    width: 100%;
    height: 65%;
    border-right: 1px solid #000;
    position: absolute;
    top: 7px;
}

div#Component654df13a7e42bd0013bb7dee .nav-pills>li:last-child:before {
    border: none;
}

div#Component654de6acb70bc0001367d05f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component6551a8f2b70bc0001367e4cf .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component65518f0f6fb5d80013d965e8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component65518f4db70bc0001367dd02 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component6551a915b4651e0012f2ebb5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center{
    padding: 1% !important;
}

.project-detail , .list-of-free, .payment-detail, .map-detail{
    background-color: #ffffff;
    padding: 2rem;
    border-left: 3px solid #bea56d;
}

.project-detail h5, .project-detail2 h5, .list-of-free h5, .payment-detail h6 {
    color: #907448;
    font-weight: 600;
   margin-bottom: 1.5rem;
}

div#Component654dade9b70bc0001367c59d .col-xs-6.col-md-3 {
    width: 33.33%;
    padding: 0 1%;
}

.project-detail2 {
    width: 50%;
    background-color: #ffffff;
    padding: 2rem;
    border-left: 3px solid #bea56d;
    margin-top: 1%;
}

.condition {
    color: #8b8b8b;
}

.project-detail {
    width: 50%;
    float: right;
}

.project-detail2 button {
    background-color: #bea56d;
    color: #fff;
    border: none;
    padding: 0.5rem 2rem;
    font-size: 14px;
    margin-bottom: 3%;
}

div#Component654dade9b70bc0001367c59d .col-md-6.pull-left {
    padding-left: 0;
    width:60%;
}

.project-detail {
    width: 50%;
    float: right;
    position: absolute;
    right: -5%;
    top: 10%;
}

div#Component654de6acb70bc0001367d05f .Contentmanager .template1 .template-panel,
div#Component65518f0f6fb5d80013d965e8 .Contentmanager .template1 .template-panel,
div#Component65518f4db70bc0001367dd02 .Contentmanager .template1 .template-panel{
    padding-bottom: 70%;
}

.Textmanager {
    text-align: left;
}

.pre-service button {
    background-color: transparent;
    border: none;
    font-size: 14px;
    color: #dec078;
}

.service-detail li {
    margin-bottom: 1%;
    gap: 10px;
    display: flex;
    align-items: center;
}

.type-service li {
    display: grid;
    grid-template-columns: 4% auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
}

.contact-service ul, .contact-page ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.contact-service li {
    display: grid;
    grid-template-columns: 12% auto;
    align-items: center;
    gap: 10px;
    background-color: #fff;
    padding: 3%;
    border-left: 3px solid #bea56d;
}

.service-detail h6 {
    text-align: center;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_02102023i127/384/0/Layer0z-z273947972880.webp);
    color: #dec078;
    padding: 2%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 2%;
}

.contact-service a, .contact-page a {
	color:#000;
}

.footer a , .sect-service a{
	color:#fff;
}

.contact-service a:hover, .contact-page h4, .contact-page a:hover {
	color:#907448;
}

.footer a:hover , .sect-service a:hover{
	color:#bea56d;
}

.service-detail {
    margin-bottom: 1%;
}

.page-header {
    padding-bottom: 0;
    margin: 3% 0 -10px;
    border-bottom: none;
}

h3.managerHeader {
	color:#1c2d53;
}

.contact-page li {
    display: grid;
    grid-template-columns: 12% auto;
    text-align: left;
    gap: 10px;
    align-items: center;
    background-color: #ffffff;
    padding: 2%;
    border-left: 3px solid #bea56d;
}

div#Component6551c6aab4651e0012f2f05b label {
    font-weight: 400;
}

div#Component6551c6aab4651e0012f2f05b .col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    margin-left: 0;
    width: 100%;
    text-align: center;
}

div#Component6551c6aab4651e0012f2f05b button {
   background-color: #bea56d;
    background-image: none;
    border-color: #bea56d;
    color: #fff;
    text-shadow: none;
    border-radius: 0;
}

div#Component654df13a7e42bd0013bb7dee .pagination {
    display: none;
}

.social-footer img, .sect-service li img, div#Component654de6acb70bc0001367d05f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img,
div#Component65518f0f6fb5d80013d965e8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img,
div#Component65518f4db70bc0001367dd02 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img,
div#Component6551a8f2b70bc0001367e4cf .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img,
div#Component6551a915b4651e0012f2ebb5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img,
.contact-service li img,
.contact-page li img,
div#Component654dade9b70bc0001367c59d .thumbnail img{
    transition: transform 0.2s ease-out;
}

.social-footer img:hover , .sect-service li:hover img, div#Component654de6acb70bc0001367d05f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .img,
div#Component65518f0f6fb5d80013d965e8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .img,
div#Component65518f4db70bc0001367dd02 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .img,
div#Component6551a8f2b70bc0001367e4cf .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .img,
div#Component6551a915b4651e0012f2ebb5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .img,
.contact-service li:hover img,
.contact-page li:hover img{
   transform: scale(1.1);
}

div#Component654dade9b70bc0001367c59d .thumbnail img:hover{
   transform: scale(1.05);
}

div#Component654de6acb70bc0001367d05f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img-container,
div#Component65518f0f6fb5d80013d965e8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img-container,
div#Component65518f4db70bc0001367dd02 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img-container,
div#Component6551a8f2b70bc0001367e4cf .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img-container,
div#Component6551a915b4651e0012f2ebb5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img-container{
    overflow: hidden;
}

.project-detail2 ul {
    margin-bottom: 3%;
}

.ITPcookiebar {
  width: 100% !important;
    background-color: #907448ad !important;
    color: #fff;
}

.buttonExampleSite {
    border-radius: 5rem !important;
    border: 1px solid #fff !important;
    color: #000 !important;
}

.buttonExampleSite:hover {
    background: #907448 !important;
    color: #ffffff !important;
}

.ITPlinkToCookiepage:hover {
    color: #ddd !important;
}

.itpPDPALandingPage ,
.ITP-pdpa-template-contentFont{
    font-size: 16px !important;
    margin-bottom: 3% !important;
}

.project-detail2 button:hover,
div#btnview654db4ba7e42bd0013bb72af button:hover,
.pre-service button:hover,
div#Component6551c6aab4651e0012f2f05b button:hover {
    background-color: #907448;
}


/***********************responsive**********************/

@media screen and (min-width : 1900px) {

  .navbar-default .navbar-nav>li>a {
    font-size: 20px;
}
  
  h2 {
    font-size: 3.6em;
}
  
  h5 {
    font-size: 2.2em;
}
  
  div#Component654df13a7e42bd0013bb7dee .nav-justified>li>a>span {
    font-size: 20px !important;
}
  
  div#formdisplay654db4ba7e42bd0013bb72af input::placeholder,
div#Component6551c6aab4651e0012f2f05b input::placeholder,
  div#Component6551c6aab4651e0012f2f05b textarea.form-control{
    font-size: 18px !important;
}
  
  .pre-project p, .pre-service p, p, .service-detail li {
    font-size: 20px;
}
  
  .sect-about p {
    line-height: 30px;
}
  
  h3 {
    font-size: 3em;
}
  
  h4, h3.managerHeader {
    font-size: 2.6em;
}
  
  .pt-55 {
    padding-top: 60%;
}
  
  h1 {
    font-size: 6em;
}
  
  h6, .service-detail li span {
    font-size: 1.8em;
}
  
  div#formdisplay654db4ba7e42bd0013bb72af .form-control, div#Component6551c6aab4651e0012f2f05b .form-control {
    margin-bottom: 3rem;
}
  
  div#btnview654db4ba7e42bd0013bb72af button, .project-detail2 button, .dropdown-menu>li>a, .pre-service button, div#Component6551c6aab4651e0012f2f05b button,
  div#Component6551c6aab4651e0012f2f05b label{
    font-size: 18px;
}
  
  .list-of-free li , .project-detail li, .project-detail2 li, .payment-detail li{
    grid-template-columns: 50px auto;
}
  
  .service-detail li {
    margin: 0;
}
}

@media screen and (max-width : 1366px) {}

@media screen and (max-width : 1200px) {

.pre-project p, .pre-service p {
    font-size: 16px;
}
  
  .sect-about h4 {
    margin: 0 7%;
}
  
  h1 {
    font-size: 4.5em;
}
  
div#Component654df13a7e42bd0013bb7dee .pre-project {
    height: 85px;
}
  
  div#Component654dade9b70bc0001367c59d .col-md-12.text-justify {
    padding: 0 !important;
}
  
  h5 {
    font-size: 1.6em;
}
  
  h4, h3.managerHeader {
    font-size: 2em;
}
  
  .about-page br, .sect-about br {
    display: none;
}
}

@media screen and (max-width : 900px) {

h2 {
    font-size: 2.8em;
}
  
  h5 {
    font-size: 1.4em;
}
  
  h6, .service-detail li span {
    font-size: 18px;
}
  
  div#Component654df13a7e42bd0013bb7dee .nav-justified>li>a>span {
    font-size: 14px !important;
}
  
  .pre-project p, .pre-service p {
    font-size: 14px;
}
  
  div#Component654df13a7e42bd0013bb7dee .pre-project {
    height: 80px;
    padding: 3% 6%;
}
  
  div#Component654df13a7e42bd0013bb7dee .nav-pills li {
    width: 20%;
}
  
div#Component654df13a7e42bd0013bb7dee .nav-pills {
    display: flex;
    justify-content: space-evenly;
}
  
  .sect-about h4 {
    margin: 0 5%;
}
  
  h1 {
    font-size: 4em;
}
  
  .sect-service {
    padding-left: 0;
}
  
  div#formdisplay654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 .col-md-6.col-sm-12:nth-child(1) {
    padding-right: 0 !important;
}
  
  div#formdisplay654db4ba7e42bd0013bb72af .col-md-12.col-sm-12 .col-md-6.col-sm-12:nth-child(2) {
    padding-left: 0 !important;
}
  
  .list-of-free li, .project-detail li, .project-detail2 li, .payment-detail li {
    grid-template-columns: 35px auto;
}
  
  div#Component654dade9b70bc0001367c59d .pull-right {
    width: 50%;
}
  
  .project-detail2 ul {
    margin-bottom: 6%;
}
  
  h4, h3.managerHeader {
    font-size: 1.8em;
}
  .contact-service ul, .contact-page ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}
  
}

@media screen and (max-width : 480px) {

  h2 {
    font-size: 2.2em;
}
  h5 {
    font-size: 20px;
}
  
  .pt-5 {
    padding-top: 3%;
}
  
div#Component654df13a7e42bd0013bb7dee .nav-pills li {
    flex: 1 1 30%;
    /* width: 50%; */
    border: none;
}
  
  div#Component654df13a7e42bd0013bb7dee .nav-pills {
    flex-wrap: wrap;
    justify-content: center;
}
  
  div#Component654df13a7e42bd0013bb7dee .nav-pills>li:nth-child(1):before, div#Component654df13a7e42bd0013bb7dee .nav-pills>li:nth-child(3):before {
    border-left: 1px solid #000;
}
  
  div#Component654df13a7e42bd0013bb7dee .nav-pills>li:last-child:before {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}
  
  div#Component654df13a7e42bd0013bb7dee .col-md-6,
    div#Component654de6acb70bc0001367d05f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center, 
  div#Component6551a8f2b70bc0001367e4cf .col-md-4.col-sm-4.col-xs-12.padding-md.text-center, 
  div#Component65518f0f6fb5d80013d965e8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center, 
  div#Component65518f4db70bc0001367dd02 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
  div#Component6551a915b4651e0012f2ebb5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center{
    width: 50%;
    padding: 2% !important;
  }
  
  h3 {
    font-size: 2em;
}
  
  .sect-about h4 {
    margin: 0;
}
  
  h1 {
    font-size: 3em;
}
  
  .sect-service br {
    display: none;
}
  
  .pre-project p, .pre-service p {
    font-size: 16px;
}
  
  div#Component654df13a7e42bd0013bb7dee .pre-project {
    height: 90px;
  }
  
  div#tabcateTitle654df1237e42bd0013bb7dad654df13a7e42bd0013bb7dee {
    padding: 10px !important;
}
  
  .container {
    padding-right: 0;
    padding-left: 0;
  }
  
  div#Component654dade9b70bc0001367c59d .col-md-6.pull-left ,
  div#Component654dade9b70bc0001367c59d .pull-right{
    padding: 2%;
    width: 100%;
    float: none !important;

}
  
  .project-detail, .project-detail2 {
    width: 100%;
    float: none;
    position: static;
  }
  
  div#Component654dade9b70bc0001367c59d .col-md-12.text-justify {
    padding: 0 2% !important;
}
  
  .list-of-free ul, .payment-detail ul, .contact-service ul, .contact-page ul {
    grid-template-columns: repeat(1,1fr);
}
  
  div#Component654dade9b70bc0001367c59d .col-xs-6.col-md-3 {
    width: 50%;
    padding: 0 2%;
}
  
  h4, h3.managerHeader {
    font-size: 1.6em;
}
  
  .type-service li, .contact-service li, .contact-page li {
    grid-template-columns: 10% auto;
}
  
  .service-detail h6 {
    padding: 4% 2%;
    margin-top: -5px;
}
  
   .type-service h6 , .contact-service h6{
    margin-top: 5%;
    margin-bottom: 3%;
}
  
  .about-page {
    margin-bottom: 6%;
}
  
  .sect-about h4 {
    padding: 3% 1%;
}
  .ITPcookiebar {
    padding: 3%;
    display: flex !important;
}
  
  .ITPcookieLeftText {
    /* color: white; */
    float: unset !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}
  
  .ITPcookieButton {
    float: unset !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
  
   .ITPcookieLeftText span {
    font-size: 14px;
}

 div#Component6551c6aab4651e0012f2f05b .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 100% !important;
    margin-left: 0;
}
  
/*ใช้ได้เฉพาะรูปแบบ template1 เท่านั้น*/
#Contentmanager .template1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

}
  
#Contentmanager .template1 > div {
    width: 100% !important;
}  
  
.pre-service {
   min-height: 85px;
}
 /**/  
}