.itopplus-background {

}
body,
html {
    overflow-x: hidden;
   font-family: 'IBM Plex Sans Thai', sans-serif;
}

.itopplus-bg2 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_07082022shxo/0/0/2z-z399189723185.webp');
}
.itopplus-bg3 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_07082022shxo/0/0/3z-z1343410846664.webp');
}
.itopplus-bg4 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_160720229eas/0/0/4z-z1047873377765.webp');
    background-repeat: no-repeat;
    background-size: 100%
    background-color: transparent;
}
.itopplus-bg5 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_07082022shxo/0/0/5z-z894430104803.webp');
}




/************Menu***************/
#main-navbar-collapse {
    text-align: right;
}
.itopplus-menu {
    padding-top: 4%;
}

.navbar-nav>li {
    padding: 5px 7px;
    font-size: 15px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    padding: 5px 5px;
  	font-family: 'Poppins', sans-serif;

}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #000 !important;
    box-shadow: 0px 3px 0px 0px #219b48;
    border-radius: none;
    border: none;
    background: transparent;
    background-color: transparent;
}

/********Only Nav-Menu*********/
@media screen and (max-width : 992px) {
.itopplus-bg2,
.itopplus-bg3,
.itopplus-bg5 {
    background-size: cover;
  	 background-attachment: inherit;
}
.navbar-default {
    background: #219b48;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.itopplus-sidebar-menu-single a,
.itopplus-sidebar-menu-parent a,
.itopplus-sidebar-menu-single a:link,
.itopplus-sidebar-menu-single a:active,
.itopplus-sidebar-menu-parent a:active,
.itopplus-sidebar-main a:link,
.itopplus-sidebar-sub-content li a ,
.navbar-default .navbar-brand, span.text-bar {
    color: #fff !important;
}
  
}

@media screen and (min-width : 1024px) and (max-width : 1191px){
.itopplus-bg2,
.itopplus-bg3,
.itopplus-bg5 {
    background-attachment: inherit;
}
  #contentnewmode639fe2b34c069a001a193558 .text-sub2 {
    font-size: 2rem!important;
}
 #contentnewmode639fe2b34c069a001a193558 .text-sub1 {
    font-size: 1.4rem!important;
    white-space: break-spaces;
}
}

.ITPcookiebar {
    width: 100% !important;
}

/*หน้าต้นแบบ*/
.text-footer0 .h4, .text-footer0 h4 {
    font-size: 1.3em;
    color: #86ffad;
      margin-bottom: 6%;
}
.text-footer0 a {
  color: #fff;
}
.text-footer0 a:hover {
   color: #86ffad;
   font-weight: 500;
}
.text-footer0 p {
    font-size: 16px;
    white-space: break-spaces;
}
.img-iconfooter {
    width: 13%;
    padding: 3%;
}

/*SPACING*/
.empty-space00 {
    padding: 1%;
}
.empty-space0 {
    padding: 3%;
}
.empty-space1 {
    padding: 2%;
}
.empty-space2 {
    padding: 3.8%;
}
.pad-text1 {
    padding: 19.5% 0% 0 10.5%;
}
.pad-service1 {
    padding: 13.1% 0 0 0;
}
.pad-service2 {
    width: 100% !important;
    margin: 13.2% 0 0 6%;
}
.pad-service3 {
    margin: 5% 0 0 9%;
    width: 100%;
}
.pad-service4 {
    margin: 7% 0 0 0;
}

.boderedlayoutClient {
    border-top: 0px dashed transparent;
    border-left: 0px dashed transparent;
    border-right: 0px dashed transparent;
    border-bottom: 0px dashed transparent;
}


/*HOME*/
.text-head0 {
    font-family: 'Poppins', sans-serif;
    font-size: 9.5rem;
    font-weight: 600;
    line-height: 1.2em;
}
.text-center .text-head1EN {
    color: #504037;
}
.text-head1EN {
    font-family: 'Poppins', sans-serif;
    color: #e9e4d0;
    font-size: 4.6rem;
}
.text-head2EN {
    font-family: 'Poppins', sans-serif;
    font-size: 5rem;
    color: #504037;
    margin-bottom: 2%;
}
.text-head3EN {
    font-family: 'Poppins', sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    color: #504037;
}
.text-sub1EN {
    font-family: 'Poppins', sans-serif;
    font-size: 1.8rem;
    text-transform: lowercase;
    color: #fff;
   word-spacing: 0;
}
.text-head1 {
    font-size: 4.2rem;
    font-weight: 600;
    color: #504037;
    text-align: center;
}
.text-head2 {
    font-size: 3rem;
}
.text-head3 {
    font-size: 2.75rem;
}
.text-head4 {
   color: #504037;
    font-size: 2.8rem;
}
.text-head4 span {
    color: #b5b5b5;
    font-family: 'Poppins', sans-serif;
}
.text-head2 span {
    font-weight: 500;
    font-size: 3.5rem;
}
.pad-service1 .text-sub1 , .pad-service2 .text-sub1 , .pad-service3 .text-sub1  , .pad-service4 .text-sub1  {
    font-size: 1.4rem;
}
.text-sub1 {
    font-size: 1.6rem;
    white-space: break-spaces;
}
.bg-about0 .text-sub1 {
    font-size: 1.6rem;
}
.text-sub2 {
    font-size: 2.5rem;
}
.bg-about3 .text-sub2 {
    font-size: 2.2rem;
}
.text-sub3 {
    font-size: 1.9rem;
    font-weight: 500;
    white-space: break-spaces;
}
.bg-about0 {
    background: #504037;
    color: #fff;
    padding: 7.6% 3%;
}

.pad-text1 .text-head1EN {
    color: #504037;
    line-height: 1em;
}
.btn-more {
    font-family: 'Poppins', sans-serif;
    background: #219b48;
    color: #fff;
    border: none;
    font-size: 15px;
    font-weight: 300;
    padding: 8px 20px;
    margin: 6% 0 3%;
}
.border0 {
    border-left: 6px solid #504037;
    padding: 0px 0 0 5%;
}
.box1 {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 5.4%;
}
.block1 {
    width: 15%;
    text-align: center;
}
.block2 {
    width: 85%;
    white-space: break-spaces;
    line-height: 2.5em;
    font-weight: 500;
    padding: 0 0 0 2.5%;
}
.number {
    background: #219b48;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 3.5rem;
    font-weight: 600;
    padding: 4%;
    margin: 0 18% 0 0;
}
.border-1 {
    border-bottom: 4px solid #219b48;
    padding: 2.5%;
    width: 22%;
    margin: 0 auto 12%;
}

#background639b04676f76df00139a1a5d .thumbs , #background639b05166f76df00139a1a70 .thumbs , #background639b010e6f76df00139a1a35 .thumbs ,
#background639fe2b34c069a001a193556 .thumbs , #background639fee4b6f76df00139a5ff1 .thumbs , #background639fee2a6f76df00139a5fdb .thumbs ,
#background63a5294d1e1e7800137e9253 .thumbs , #background63a52a85e2fd6400131734d0 .thumbs , #background63a52ce51e1e7800137e9432 .thumbs ,
#background63a52d201e1e7800137e9485 .thumbs{
    margin-bottom: 0;
}

#background639b03326b67f2001393b5de img {
    width: 52% !important;
    display: block;
    margin: 1px auto 6%;
}
#background639fdcb06f76df00139a4f54 img {
    margin: 0 auto 10%;
}

/*ABOUT*/
.bg-about2 {
    background: #504037;
    color: #fff;
    padding: 7% 5% 4.7%;
}
.bg-about3 {
    color: #e9e4d0;
    background: #504037;
    padding: 8% 4%;
}

.bg-quality {
    padding: 11.5% 5%;
    background: #219b48;
    color: #fff;
}

.bg-quality .text-head3 , .bg-quality2 .text-head3 {
    font-size: 1.7rem;
    font-weight: 500;
}
.bg-quality .text-head3EN , .bg-quality2 .text-head3EN {
    font-size: 1.4rem;
    color: #ffffff;
}

.bg-quality2 {
    padding:8.5% 5%;
    background: #219b48;
    color: #fff;
}


/*BUTTON-ALL*/
.box2 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.block5 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-icon , .btn-icon2 {
    width: 14%;
    padding: 2%;
}
.btn-tel {
    background: #219b48;
    color: #fff;
    border: none;
    margin: 3%;
    border-radius: 30px;
    font-size: 19px;
    font-weight: 500;
    padding: 5px 10px;
  transition: 0.5s;
}
.btn-mail {
    background: #219b48;
    color: #fff;
    border: none;
    margin: 1% auto;
    border-radius: 30px;
    font-size: 19px;
    font-weight: 500;
    padding: 5px 10px;
  transition: 0.5s;
}
.btn-tel:hover {

  transform: scale(0.9,0.9);
}

.btn-mail:hover {

  transform: scale(0.9,0.9);
}

.border-2 {
    border-bottom: 4px solid #219b48;
    padding: 1%;
    width: 10%;
    margin: 0 auto 3%;
}


/*EFFECT*/
.effect-default {
    text-align: center;
}
.ef1 , .ef3, .ef4 , .ef5 {
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.ef2 , .ef3 {
    transition: 0.5s;
}
.ef1:hover {
    transform: translateY(-8px);
}
.ef2:hover {
    transform: scale(0.9,0.9);
}
.ef3:hover {
    transform: scale(1.1,1.1);
}
.ef4:hover {
    transform: translateX(10px);
}
.ef5:hover {
    transform: translateX(-10px);
}

/*sadie*/
figure.effect-sadie figcaption::before {
    background: linear-gradient(to bottom,rgba(72,76,97,0) 0,rgb(72 76 97 / 0%) 75%);
}

/*steve*/
figure.effect-steve {
    background: transparent;
}
figure.effect-steve:hover:before {
    opacity: 0;
}
figure.effect-steve h2 {
    display: none;
}
figure.effect-steve:hover p {
  opacity: 0; 
}

  /*jazz*/
figure.effect-jazz figcaption::after {
    border-top: none;
    border-bottom: none;
}
figure.effect-jazz {
    background: transparent;
}


/*PROCESS*/
#contenttype71 .col-md-6.col-sm-12.padding-col.pad-img1 {
    width: 46% !important;
}

#contenttype71 .col-md-3.col-sm-3.col-sm-12.padding-col.pad-img2 {
    width: 26.1%  !important;
}



#Contentmanager .nav-template7 li a {
    color: #504037;
    font-size: 18px!important;
    text-align: left;
}
#Contentmanager .nav-template7 li a strong {
    font-weight: 500 !important;
}

#Contentmanager span.fa-plus:before {
    content: "▶";
    color: #514138;
}
#Contentmanager .nav-template7 li {
    border-bottom: 1px solid #219b48;
    border-top: none;
    padding: 15px 0;
}

#Contentmanager .nav-template7 .text-sub3 li {
    border-bottom: none;
    border-top: none;
    list-style: auto;
    list-style-type: initial;
    text-align: left;
}

#Contentmanager .nav-template7 .text-sub3 {
    padding-top: 0;
}
#Contentmanager .nav-template7 .text-sub3 strong {
 font-weight: 500;
}
#Contentmanager .nav-template7 li:hover {
    background-color: transparent;
}
#Contentmanager .nav-template7 .panel-collapse .col-md-12 {
    padding-left: 10px;
    padding-right: 10px;
}

#Contentmanager .nav-template7 .panel-collapse .col-xs-6.col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
       width: 33.333%;
}
#Contentmanager .nav-template7 .collapse.in {
    padding-top: 4%;
}


/*CONTENT MANAGER 3*/
#ContentmanagerTemplate63a043ae6f76df00139aaad9 .col-md-5.col-sm-6.col-xs-12 {
    width: 48%;
    margin: 0 2% 3.5% 0%;
   padding: 0;
}
#ContentmanagerTemplate63a043ae6f76df00139aaad9 .col-md-7.col-sm-6.col-xs-12 {
    width: 47%;
    padding: 0;
    margin: 1% 1%;
}
#ContentmanagerTemplate63a043ae6f76df00139aaad9 .btn-group-sm>.btn, .btn-sm {
    font-size: 1.6rem;
    color: #000;
}
#ContentmanagerTemplate63a043ae6f76df00139aaad9 .btn-sm strong {
  font-weight: 500 !important;
}
#ContentmanagerTemplate63a043ae6f76df00139aaad9 .form-group {
    margin-bottom: 0;
}
.read2 {
    color: #219b48;
    font-size: 17px;
}
.border-4 {
    border-bottom: 1px solid #b7b7b7;
    width: 100%;
    padding: 3% 0;
}

#ContentmanagerTemplate63a094cbe2fd6400131697e9 .col-md-7.col-sm-6.col-xs-12 {
    margin: 7% 0;
}

#ContentmanagerTemplate63a094cbe2fd6400131697e9 .col-md-7.col-sm-6.col-xs-12 a:focus, #ContentmanagerTemplate63a094cbe2fd6400131697e9 .col-md-7.col-sm-6.col-xs-12 a:hover {
    color: #229b49;
}

/*Content manager8*/

#Contentmanager .post-time {
  display: none;
}
.landingpagemanager .col-md-8.col-sm-8.col-xs-12 p .text-more {
  text-align: left;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    text-align: center;
    padding: 4% 0% 0;
    background: transparent;
    height: auto;
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    font-weight: 500;
    color: #504037;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    color: #000;
    text-align: center;
     width: 100%;
    position: relative;
    top: 0;
    right: 0;
    margin: 10px 8px;
}

.Contentmanager #ContentmanagerTemplate63a024306b67f200139415a0 .site .col-section .item.-micro a .caption .time {
    width: 30%;
    position: absolute;
}

article.col-md-6.item.-micro {
  width:33.33333%;
}
.Contentmanager .site .col-section .item.-micro {
  padding: 10px 25px 10px 25px;
}
.Contentmanager .site .col-section .item.-micro a .image {
  width: 100%;
  margin-bottom: 0px;
  box-shadow: none;
}
.Contentmanager .site .col-section .item.-micro a .caption {
  width: 100%;
  background: transparent;
  padding-left: 0;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
  border-right: none;
  border-bottom: none;
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
  border-bottom: none;
}

.Contentmanager .site .col-section .item.-micro a .post {
  display: none;
}
.contenemanager-gallery .col-xs-12.col-md-3 , .Contenemanager-gallery .col-xs-6.col-md-3{
    padding-left: 5px;
    padding-right: 5px;
    width: 33.3333%;
}

.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #229b49;
}
.Contentmanager-thumbnail {
  border: 0px solid #ddd;
}
.Contentmanager-template2-1 a:hover {
  color: #085391;
}
#Contentmanager .fb_iframe_widget , #Contentmanager .landingpagemanager , #Contentmanager .page-header{
    display: none;
}
#Contentmanager .img-thumbnail, #Contentmanager  .thumbnail {
    box-shadow: none;
    border: none;
    background: transparent;
}

.Contentmanager #ContentmanagerTemplate63a038d64c069a001a197087 .site .col-section .item.-micro a .caption .title , 
.Contentmanager #ContentmanagerTemplate63a024306b67f200139415a0 .site .col-section .item.-micro a .caption .title ,
.Contentmanager #ContentmanagerTemplate63a54cc01e1e7800137e9b63 .site .col-section .item.-micro a .caption .title{
    font-family: 'IBM Plex Sans Thai', sans-serif;
}
.Textmanager.font-inherit {
    text-align: left;
}

/*REVIEW*/
.Contentmanager #ContentmanagerTemplate63a54cc01e1e7800137e9b63 .site .col-section .item.-micro a .caption .time {
    display: none;
}
.Contentmanager #ContentmanagerTemplate63a54cc01e1e7800137e9b63 .site .col-section .item.-micro a .caption .title {
    font-size: 1.8rem;
    padding: 4% 4% 1%;
    color: #ffffff;
      height: 90px
}
.Contentmanager #ContentmanagerTemplate63a54cc01e1e7800137e9b63 .site .col-section .item.-micro a .caption {
    background: #219b48;

}

/*CONTACT*/
.icon-contact {
    width: 100%;
}
.text-contact1 {
    font-size: 2.3rem;
    font-weight: 500;
    color: #514138;
}
.pad-contact2 {
    padding-top: 3%;
}
.pad-contact3 {
    padding-top: 0%;
}
.pad-contact {
    margin-bottom: 3%;
}
.text-contact1  a:hover {
    color: #1d8b42;
}

/*from Contact*/
 
.no-js #Component63a03efe6b67f200139423c0 label {
    display: none!important;
}
.no-js #Component63a03efe6b67f200139423c0 .col-md-6 {
    width: 100%;
    margin-left: auto;
    display: block;
    margin-right: auto;
    float: initial;
}
.no-js #Component63a03efe6b67f200139423c0 .form-control {
    border: 1px solid #f1f1f1;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    font-size: 15px!important;
    padding: 32px 30px;
    background: #504037;
    color: #fff;
}
.no-js #Component63a03efe6b67f200139423c0 ::placeholder {
    color: #fff!important;
  font-weight:300;
}
.no-js #Component63a03efe6b67f200139423c0 .form-control:focus {
    border-color: #d2af46 ;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
  color: #fff!important;
}
.no-js #Component63a03efe6b67f200139423c0 .btn {
    background-image: linear-gradient(to right, #219b48 0%,#219b48 50%,#219b48 100%);
    background-repeat: repeat-x;
    border-color: #219b48;
    border-radius: 0px;
    padding: 10px 35px;
    font-size: 15px;
    border: 0px solid transparent;
    color: #fff;
}
.no-js #Component63a03efe6b67f200139423c0 .btn-default {
    text-shadow: 0 0 0 #fff;
}
.no-js #Component63a03efe6b67f200139423c0 .btn-default:active {
	background-color: #ffdb16;
}
.no-js #Component63a03efe6b67f200139423c0 .btn-default:hover, .no-js #Component63a03efe6b67f200139423c0 .btn-default:focus {
    background-position: 0 45px;
    background-color: #86ffad;
    color: #504037;
    text-shadow: none;
    font-weight: 600;
}


@media screen and (min-width : 1024px) {
.navbar-default {
    background: transparent;
}

.itopplus-banner {
    background: #ffffff00;
    position: absolute;
    width: 100%;
    z-index: 100;
}
#ContentmanagerTemplate63a094cbe2fd6400131697e9 .border-4 {
    width: 65%;
}    
}







@media screen and (min-width : 1366px) {
.navbar-nav>li {
    padding: 5px 15px;
   font-size: 15px;
}
.text-head1EN {
    font-size: 5.6rem;
}
.bg-about0 .text-sub1 {
    font-size: 1.8rem;
}  
.bg-about0 {
    padding: 10.5% 6%;
}
.text-head2 {
    font-size: 3.3rem;
}
.text-head0 {
    font-size: 10.5rem;
}
.text-sub1 {
    font-size: 1.7rem;
}  
.bg-about2 .text-sub1 {
    font-size: 1.75rem;
}
.pad-service2 {
    margin: 13.2% 0 0 13.5%;
}  
.bg-about3 .text-sub2 {
    font-size: 2.5rem;
}  
.bg-about3 {
    padding: 10.1% 4%;
}  
.bg-quality .text-head3 , .bg-quality2 .text-head3 {
    font-size: 1.9rem;
}
.bg-quality .text-head3EN , .bg-quality2 .text-head3EN {
    font-size: 1.6rem;
}  
.bg-quality2 {
    padding: 18% 5%;
}  
.bg-quality {
    padding: 16.5% 5%;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 2.4rem;
}  
 .pad-contact3 {
    padding-top:  5%;
}
.text-contact1 {
    font-size: 2.1rem;
}  
#ContentmanagerTemplate63a094cbe2fd6400131697e9 .border-4 {
    width: 50%;
}
div#ContentmanagerTemplate63a094cbe2fd6400131697e9 {
    margin-left: 7%;
    width: 100%;
}  
.number {
    margin: 0 15% 0 0;
}
.text-head4 {
    font-size: 3.15rem;
} 
.pad-service1 .text-sub1 , .pad-service2 .text-sub1 , .pad-service3 .text-sub1  , .pad-service4 .text-sub1  {
    font-size: 1.6rem;
}  
#ContentmanagerTemplate63a043ae6f76df00139aaad9 .btn-group-sm>.btn, .btn-sm {
    font-size: 1.8rem;
}  
#ContentmanagerTemplate63a043ae6f76df00139aaad9 .col-md-7.col-sm-6.col-xs-12 {
    margin: 2% 1%;
}  
}

@media screen and (min-width : 1900px) {
.bg-about0 {
    padding: 16.75% 13%;
}
.icon-contact {
    width: 80%;
}
.pad-contact2 , .pad-contact3 {
    padding-top: 4%;
}

.pad-contact {
    margin-bottom: 2.1%;
}
#ContentmanagerTemplate63a038d64c069a001a197087 article.col-md-6.item.-micro {
    width: 25%;
}  
#ContentmanagerTemplate63a038d64c069a001a197087 .site .col-section .item.-micro a .caption .title ,  #ContentmanagerTemplate63a024306b67f200139415a0 .site .col-section .item.-micro a .caption .title {
    height: 60px;
}  

.bg-about2 {
    padding: 14% 5% 13%;
} 
.bg-about3 {
    padding: 20.7% 6%;
}
.bg-quality .text-head3, .bg-quality2 .text-head3 {
    font-size: 2.4rem;
}
.bg-quality .text-head3EN, .bg-quality2 .text-head3EN {
    font-size: 2rem;
}
.bg-quality {
    padding: 19.1% 5%;
}
.bg-quality2 {
    padding: 19.3% 5%;
}  
.number {
    margin: 0 12% 0 0;
      font-size: 4rem;
}  
.pad-service3 {
    margin: 10% 0 0 13.5%;
}  
.pad-service4 {
    margin: 11% 0 0 0;
}  
.pad-service1 .text-sub1 , .pad-service2 .text-sub1 , .pad-service3 .text-sub1  , .pad-service4 .text-sub1  {
    font-size: 1.75rem;
}
.bg-about0 .text-sub1 {
    font-size: 1.9rem;
}  
.bg-about2 .text-sub1 {
    font-size: 1.9rem;
}  
#ContentmanagerTemplate63a043ae6f76df00139aaad9 .btn-group-sm>.btn, .btn-sm {
    font-size: 2rem;
}  
#ContentmanagerTemplate63a043ae6f76df00139aaad9 .col-md-7.col-sm-6.col-xs-12 {
    margin: 4% 1%;
}  
}

@media screen and (max-width : 991px) {
#carousel639ad5556b67f2001393b071 {
    margin-bottom: -6px;
}  
#mainmenu639b06846f76df00139a1a97 .col-sm-6 {
    width: 100%;
}
.bg-about0 .text-sub1 {
    font-size: 1.7rem;
}  
.text-sub1 {
    white-space: normal;
}  
.text-head0 {
    font-size: 7rem;
}  
.text-head2 {
    font-size: 2.8rem;
}
.text-head2 span {
    font-size: 3.2rem;
}  
.text-head4 {
    font-size: 2.2rem;
}  
.number {
    font-size: 3rem;
    padding: 10%;
    margin: 0;
}  
.pad-service1 {
    padding: 4% 0 0 0;
}
.pad-service2 {
    margin: 4% 0 0 3%;
  }  
#background639b03326b67f2001393b5de .col-sm-4 {
    width: 25%;
}  
.Contentmanager .site .col-section .item.-micro a .caption .title {
    height: 70px;
}  
#ContentmanagerTemplate63a020ec4c069a001a19473a .text-sub1 {
    font-size: 1.2rem;
}  
#ContentmanagerTemplate63a043ae6f76df00139aaad9 .col-md-7.col-sm-6.col-xs-12 {
    margin: 0% 1%;
}  
#background639b06896f76df00139a1a9c .thumbs {
    margin-bottom: -8px;
  }
#mainmenu639fe2b34c069a001a193555 .col-sm-6{
    width: 100%;
} 
.bg-about3 .text-sub2 {
    font-size: 1.7rem;
}  
.bg-quality .text-head3, .bg-quality2 .text-head3 {
    font-size: 1.2rem;
}  
.bg-quality .text-head3EN, .bg-quality2 .text-head3EN {
    font-size: 1.2rem;
}  
.bg-quality {
    padding: 9.8% 5%;
}  
.bg-about2 {
    margin-top: -8px;
}  
.Contentmanager .site .col-section .item.-micro {
    padding: 10px;
}  
.no-js #Component63a03efe6b67f200139423c0 .form-control {
    padding: 20px 30px;
}
.bg-quality2 {
    padding: 6.3% 5%;
}  
.pad-service1 .text-sub1, .pad-service2 .text-sub1, .pad-service3 .text-sub1, .pad-service4 .text-sub1 {
    font-size: 1.2rem;
}
.pad-service3 {
    margin: 4% 0 0 1%;
}
.pad-service4 {
    margin: 1% 0 0 0;
}  
.Contentmanager #ContentmanagerTemplate63a54cc01e1e7800137e9b63 .site .col-section .item.-micro a .caption .title {
    font-size: 1.5rem;
    height: 80px;
}  
#ContentmanagerTemplate63a043ae6f76df00139aaad9 .btn-group-sm>.btn, .btn-sm {
    font-size: 12px;
}  
}


@media screen and (max-width : 480px) {
.itopplus-bg2 , .itopplus-bg3 , .itopplus-bg5 {
    background-attachment: inherit;
}  
.itopplus-bg4 {
    background-size: cover;
}  
#imagesControl639ad5556b67f2001393b071 {
    padding: 0 !important;
}
.text-head1 {
    font-size: 3.1rem;
}  
.text-head3 {
    font-size: 2rem;
}  
#imagesControl639b06896f76df00139a1a9c , #imagesControl639fc7ee6f76df00139a4041 , #imagesControl639b01886f76df00139a1a4a ,
 #imagesControl639fe2b34c069a001a193556 , #contentnewmode639fe7066b67f200139405d9{
    padding: 0 !important;
}  
.pad-text1 {
    padding: 8.5% 0% 0 0%;
}
.text-head0 {
    font-size: 6rem;
}
.block1 {
    width: 20%;
} 
 .block2 {
    width: 80%;
}  
#background639b03326b67f2001393b5de .col-sm-4 {
    width: 50%;
}
.text-sub3 {
    font-size: 1.7rem;
}  
article.col-md-6.item.-micro {
    width: 100%;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 2.4rem;
}  
#ContentmanagerTemplate63a020ec4c069a001a19473a .text-sub1 {
    font-size: 1.8rem;
}
.Contentmanager .site .col-section .item.-micro {
    padding: 10px 10px;
}
 
  #imagesControl639fe6c94c069a001a1939c0 {
   padding: 10px 0 10px 0 !important;
  }  
 .bg-quality .text-head3, .bg-quality2 .text-head3 {
    font-size: 1.8rem;
}
.bg-quality .text-head3EN, .bg-quality2 .text-head3EN {
    font-size: 1.8rem;
}
.bg-quality2 {
    padding: 8.6% 5%;
}  
.box2 {
    display: block;
}  
.btn-mail {
      margin: 3%;
}  
.block5 {
    display: block;
    width: 100%;
    margin: 0 auto;
}  
.text-head2EN {
    font-size: 3.5rem;
}  
.col-md-12.text-justify {
    padding: 0 0;
}  
 
#Contentmanager .Textmanager.font-inherit .col-md-3.col-sm-3.padding-col.pad-img2 {
    width: 100% !important;
    padding: 5% 5% 1%;
}  
.contenemanager-gallery .col-xs-12.col-md-3 {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
}  
.pad-contact2 {
    padding-top: 2%;
}  
#ContentmanagerTemplate63a094cbe2fd6400131697e9 .col-md-7.col-sm-6.col-xs-12 {
    margin-top: 5%;
} 
.number {
    font-size: 3rem;
    padding: 3%;
    margin: 0 2% 0 0;
}  
#background63a519981e1e7800137e789b .thumbs {
  margin-bottom: 0px;
}
.text-head4 {
    font-size: 2.1rem;
}
.pad-service1 .text-sub1, .pad-service2 .text-sub1, .pad-service3 .text-sub1, .pad-service4 .text-sub1 {
    font-size: 1.6rem;
} 
#Contentmanager .nav-template7 .panel-collapse .col-xs-6.col-md-3 {
       width:100%;
}  
.Contentmanager #ContentmanagerTemplate63a024306b67f200139415a0 .site .col-section .item.-micro a .caption .time {
    width: 25%;
}  
.Contentmanager #ContentmanagerTemplate63a54cc01e1e7800137e9b63 .site .col-section .item.-micro a .caption .title {
    font-size: 1.6rem;
    height: auto;
}  
#ContentmanagerTemplate63a043ae6f76df00139aaad9 .btn-more {
    font-size: 12px;
    padding: 6px 20px;
    margin: 6% 0 3%;
}  
}

#background639fe6c94c069a001a1939c0 .thumbs {
  margin-bottom: 0px!important;
}