.itopplus-background {

}
.itopplus-bg{
    background-image: url('https://itp1.itopfile.com/ImageServer/2fa874cdbe7facd2/1903/0/1z-z39562791983.webp');   
  }
  .itopplus-bg6{
    background-image: url('https://itp1.itopfile.com/ImageServer/2fa874cdbe7facd2/1903/0/0z-z765596326734.webp');   
        background-size: cover;
  }
  .itopplus-bg4 {
      background: linear-gradient(to bottom,#f8f8f8 0,#dfdfdf 38%,#dcdcdc 100%);
  }
  .itopplus-bg5 {
    background: #cfcfcf;
  }
  .itopplus-bg7 {
   background: #dadada;
  }
  /************Menu***************/
  #main-navbar-collapse {
      text-align: center; 
  }
  .itopplus-menu {
      background: linear-gradient(to bottom, #d6d6d6 0%, #ffffff 51%, #d6d6d6 100%);
  
  
  }
  .itopplus-banner {
     
  background: linear-gradient(to bottom, #042196 0%, #041d8d 45%, #041974 100%);
  
  }
  .itopplus-search {
      color: #000;
      margin-top: 0px;
  }
  .navbar-default {
      background: #000!important;
  }      
  .navbar-default .navbar-nav>li>a {
      color: #000;
      /*margin: 7px;*/
      /*padding: 5px 15px 5px 15px;*/
  }
  .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:active {
      color: #fff !important;
      background-color: #000;
      box-shadow: inset 0 -3px 0 0 #000;
      border-bottom: 4px solid #000 !important;
      border-radius: 25px;
  }
  /********Mobile-Sidebar*********/
  .navbar-default .navbar-brand, .itopplus-sidebar-menu-single a:link, .itopplus-sidebar-main a:link, .itopplus-sidebar-menu-parent a {
      color: #fff!important;
  }
  .navbar-default .navbar-brand:hover{
      background-color: transparent;
  }
  .itopplus-sidebar-menu-single a:active {
      color: #fff!important;
      background-color: transparent!important;
  }
  .navbar-default .navbar-toggle:focus .text-bar{
      color: #fff!important;
  }
  .navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
      background-color: #fff !important;
  }
  .navbar-default .navbar-toggle .text-bar, .navbar-default .navbar-toggle:hover .text-bar {
      color: #fff !important;
  }
  .itopplus-sidebar-menu-single {
      border-bottom: transparent;
  }
  .nav>li>a:focus {
      border-bottom: none !important;
  }
  .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover {
      border-color: transparent!important;
      background-color: transparent!important;
  }
  .menuVertical .nav-pills>li>a, .menuVertical .nav-stacked>li+li {
      border-radius: 10px;
      color: #fff;
      background-color: #041a7e;
      border: none;
      margin-bottom: 10px;
      text-align: center;
      font-size: 16px;
  }
  .menuVertical .nav>li>a:hover, .nav>li>a:focus {
      color: #fff;
      background-color: #01afe9;
  }
  /*-----------*/
  /*หน้าต้นแบบ*/
  /************/
  #carousel625d2edc17ff36001b148651 .hidden {
          display: block!important;
          visibility: inherit!important;
          pointer-events: none;
  } 
  #carousel625d2edc17ff36001b148651 .carousel-indicators .active {
          background-color: #fff;
          border-color:#fff;
      width: 12px;
      height: 12px;
      margin: 2px;
  }  
  #carousel625d2edc17ff36001b148651 .carousel-indicators li {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin: 2px;
      text-indent: -999px;
      cursor: pointer;
      background-color: #ffffff00;
      border: 1px solid #fff;
      border-radius: 10px;
  } 
  #carousel625d2edc17ff36001b148651 .carousel-indicators {
      bottom: 0%;
  } 
  #carousel625d2edc17ff36001b148651 .glyphicon-chevron-left:before,
  #carousel625d2edc17ff36001b148651 .glyphicon-chevron-right:before {
           display: none;
  }
  #contentnewmode625d1f9b89d54c001b7f35ae , #contentnewmode625e3c29d8b076001adf2285 , #contentnewmode625e3e34d8b076001adf2333 , #contentnewmode625f7addc3ab0f001a6c18de{
       width: 60%;
       margin: auto;
  }
  .imgmenu-logo {
      width: 90%;
  }
  .text-headmenu {
      font-size: 1.8rem;
      font-weight: 500;
      padding-top: 8%;
  }
  .text-headmenu a:hover , .footer2 a:hover{
    color: #0e1ba0;
  }
  .padwork {
      display: flex;
  }
  .padwork-img {
      width: 100%;
  }
  .padwork-line{
      background-image: url(https://itp1.itopfile.com/ImageServer/2fa874cdbe7facd2/70/0/padworkz-z703623992194.webp);
      background-repeat: no-repeat;
      background-size: 100%;
      width: 12%;
      margin: 0 0 0 auto;
  }
  .footer1 {
      font-size: 1.7rem;
      font-weight: 600;
      color: #0d1aa0;
      height: 60px;
  }
  .footer2 {
      padding-top: 6px;
  }
  .wd-iconfooter {
      width: 76%;
  }
  .icon-footer1 {
      padding-top: 10%;
  }
  .text-center.footer-cr {
      font-weight: 500;
      color: #162089;
  }
  
  /*home*/
  .text-head1 {
      font-size: 3.6rem;
      font-weight: 600;
      padding-top: 4%;
      color: #0d1aa0;
  }
  .text-head2 {
      font-size: 3rem;
      font-weight: 500;
  }
  .text-sub1 {
      font-size: 2rem;
      padding-top: 5px;
  }
  .text-sub2 {
      font-size: 2.5rem;
      font-weight: 500;
      color: #0d1aa0;
  }
  .text-sub3 {
      font-size: 2.3rem;
      font-weight: 600;
      padding-top: 1%;
      color: #0d1aa0;
  }
  .text-inimg {
      font-size: 3rem;
      font-weight: 500;
  }
.text-btimg1 {
    font-size: 1.9rem;
    padding-top: 3%;
    color: #0e1ba0;
}
.text-btimg1:hover {
     color: #000000;
}
  .text-btn {
      font-size: 1.7rem;
  }
  .btn-more {
      background-color: #0d1aa0;
      border: 0;
      border-radius: 10px;
      padding: 1%;
      color: #fff;
      transition-duration: 0.3s;
  }
  .btn-more:hover {
      background-color: #000000;
      transform: translateX(10px);
  }
  .text-logo-Head {
      font-family: 'Poppins', sans-serif;
      background: linear-gradient(to bottom, #d6d6d6 0%, #ffffff 51%, #d6d6d6 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 4.5rem;
      font-weight: 600;
  }
  .text-logo-Sub {
      font-family: 'Poppins', sans-serif;
      color: #ff6f20;
      font-size: 2rem;
      font-weight: 500;
  }
  .pd-text-logo {
      padding: 35% 5% 2%;
  }
  #imagesControl625d8c07c3ab0f001a6be229 img {
       border-radius: 10px;
       box-shadow: -5px 5px 20px -10px;
  }
  #imagesControl625d39a4eb7c0b001aaae992 .thumbnail ,  #imagesControl625d39fc17ff36001b14893a .thumbnail {
      padding: 0px;
      border-radius: 0px;
      box-shadow: -10px 10px 20px -20px rgb(14 27 160);
  }
  .iconlogo-home , .icon-contact , .wd-iconfooter{
     transition: 0.5s;
  }
  .iconlogo-home:hover {
         transform: scale(1.1);
  }
  .icon-contact:hover{
         transform: scale(0.9);
         background-color: #02afe9;
  }
  .wd-iconfooter:hover {
   transform: translateX(-10px);
  }
  
  /*form home*/
  #formdisplay625d97f12b4ae9001add64a1 , #Component625e74f2d8b076001adf33a0 , #Component625ed1352b4ae9001add8f28 , #Component625ee6f6d8b076001adf422f , #Component625ef9c9d8b076001adf4331{
      background-color: rgb(2 12 52 / 80%) !important;
      color: #fff;
      border-radius: 20px;
      padding: 3%;
  }
  #formdisplay625d97f12b4ae9001add64a1 #editor7 {
   width:100% !important;
  }
  #formdisplay625d97f12b4ae9001add64a1 #text2 hr , #formdisplay625d97f12b4ae9001add64a1 .k-br {
   display: none;
  }
  .text-headform {
      font-size: 2.7rem;
      padding: 3% 5%;
  }
  .no-js #formdisplay625d97f12b4ae9001add64a1 .form-control placeholder::{
   display: none;
  }
  #formdisplay625d97f12b4ae9001add64a1 #capcha625d97f12b4ae9001add64a1 span  , #formdisplay625d97f12b4ae9001add64a1 #capchatxt , #Component625e74f2d8b076001adf33a0 .label a ,
  #Component625ed1352b4ae9001add8f28 .label a , #Component625ee6f6d8b076001adf422f .label a , #Component625ef9c9d8b076001adf4331 .label a{
   color: #fff !important;
  }
  
  #formdisplay625d97f12b4ae9001add64a1 .btn-default , #Component625e74f2d8b076001adf33a0 .btn-default , #Component625ed1352b4ae9001add8f28 .btn-default , 
  #Component625ee6f6d8b076001adf422f .btn-default , #Component625ef9c9d8b076001adf4331 .btn-default {
      border-color: #0000;
      box-shadow: 0 0 0 0 rgb(179 179 179);
      padding: 8px 20px;
      border: 0px solid transparent;
      color: #000;
      text-shadow: none;
      border-radius: 30px;
      background: #fff;
  }
  #btnview625d97f12b4ae9001add64a1 {
      margin-left: 33%;
  }
  .glyphicon-ok-circle:before {
      content: "";
  }
  #formdisplay625d97f12b4ae9001add64a1 #capcha0 {
      margin-left: -1.7%;
      width: 111.6%!important;
  }
  
  /*funiture*/
  .btn-menu {
      background-color: #0d1aa0;
      border: 0;
      border-radius: 10px;
      padding: 4%;
      width: 100%;
      color: #fff;
  }
  .btn-menu:hover {
      background-color: #03adf2;
      color: #fff;
  }
  .icon-contact {
      text-align: center;
      padding: 5%;
      height: 150px;
      border-radius: 10px;
      transition: 0.35s;
      background-color: #0e1ba0f0;
  }
  .text-contact2 , .text-contact2 a {
      color: #fff;
  }
  .text-contact2 a:hover {
      color: #1a26a4;
      font-weight: 500;
  }
  
  .img-pdcontact {
      padding: 2%;
  }
  .pd-contact-mobile {
      padding: 1%;
  }  
  
  /*Signage*/
  .block-service {
      display: flex;
      width: 100%;
  }
  .empty-space5 {
      padding: 5% 0%!important;
      position: relative;
      height: 195px;
  }
  .icon-img3 {
      width: 50%;
      margin: auto;
  }
  .block-service-text {
      width: 30%;
      margin-top: 20%;
      margin-left: 20%;
  }
  .num-service {
      font-size: 5rem;
      font-weight: 600;
      color: #727376c4;
      margin-top: -60%;
      margin-left: 2%;
  }
.btn-signage1 {
    background-image: linear-gradient(to right, #080e4c 0%, #0e1ba0 51%, #343fa7 100%);
    border: none;
    color: #fff;
    font-size: 3.5rem;
    padding: 5px 20px;
    outline: solid 1px #0e1ba0;
    outline-offset: 2px;
    transition: 0.5s;
    box-shadow: 0px 0px 15px #250aa5;
     margin: 2% auto 0;
}
.btn-signage1:hover {
    background-image: linear-gradient(to right, #343fa7 0%, #0e1ba0 51%, #090f4f 100%);
}
.txt-sn1 {
    font-size: 4.1rem;
    font-weight: 600;
    background: linear-gradient(to right, #0e1ba0bf 0%, #2206a3 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 3px 4px 10px #5555;
}
.bg-contactSN {
    background-color: #fff;
    padding: 10% 9%;
    border: 2px solid #1a26a4;
    box-shadow: 5px 3px 10px -2px #000000;
}

/*from Contact*/
#background6278c0f25880e60013182c10 {
    background-color: #000 !important;
    padding: 5% 0;
    border: none;
    box-shadow: -1px 0px 8px #727272;
}
.no-js #Component6278c0f25880e60013182c10 label {
    display: none!important;
}
.no-js #Component6278c0f25880e60013182c10 .col-md-6 {
    width: 90%;
    margin-left: auto;
    display: block;
    margin-right: auto;
    float: initial;
}
.no-js #Component6278c0f25880e60013182c10 .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: 14px!important;
    padding: 20px;
    background: #fff;
    color: #000;
}
.no-js #Component6278c0f25880e60013182c10 ::placeholder {
    color: #000!important;
  font-weight:300;
}
.no-js #Component6278c0f25880e60013182c10 .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: #000!important;
}
.no-js #Component6278c0f25880e60013182c10 .btn {
    background-image: linear-gradient(to right, #3742ae 0%,#1a26a4 50%,#2e3aab 100%);
    background-repeat: repeat-x;
    border-color: #baf1f3;
    border-radius: 0px;
    padding: 10px 30px;
    font-size: 14px;
    border: 0px solid transparent;
    color: #fff;
}
.no-js #Component6278c0f25880e60013182c10 .btn-default {
    text-shadow: 0 0 0 #fff;
}
.no-js #Component6278c0f25880e60013182c10 .btn-default:active {
	background-color: #ffdb16;
}
.no-js #Component6278c0f25880e60013182c10 .btn-default:hover,
.no-js #Component6278c0f25880e60013182c10 .btn-default:focus {
    background-position: 0 0px;
  background-color: #ffdb16;
}





  #contentnewmode625ee6f6d8b076001adf421f .text-sub1 , #contentnewmode625ef9c9d8b076001adf4321 .text-sub1{
      padding: 5px 3.5%;
  }
  
  /*contenmanager*/
  #Contentmanager .TabItpContentLandingPage10>.tab-content {
      background: transparent;
      box-shadow: none !important;
      border: none !important;
  }
  #Contentmanager .TabItpContentLandingPage10 {
      box-shadow: none;
    font-family: Prompt,sans-serif;
  }
  #Contentmanager .TabItpContentLandingPage10 .nav-tabs span {
    font-size: 16px !important;
  }
  #Contentmanager .TabItpContentLandingPage10>.nav-tabs>li>a {
      color: #fff;
      background: #0e1ba0;
  }
  #Contentmanager .TabItpContentLandingPage10>.nav-tabs>li>a:before {
      color: #000;
      background-color: #01afe9;
  }
  #Contentmanager .tab-itp-background {
      padding: 0 4%;
  }
  #Contentmanager .form-group .col-md-3 {
      padding: 7px 7px 7px 7px;
      width: 50%;
  }
  
  #Contentmanager a.thumbnail.fancybox {
      background-color: transparent;
      border: none;
      box-shadow: none !important;
  }
  #Contentmanager .TabItpContentLandingPage10 a.thumbnail.fancybox img {
      border-radius: 10px;
  }
  #Contentmanager .contenemanager-gallery .thumbnail {
      transition: 0.3s;
  }
  #Contentmanager .contenemanager-gallery .thumbnail:hover {
      transition: 0.3s;
      transform: scale(1.01);
  }

/*contentmanager 8*/
#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;
    font-size: 17px;
    color: #000;
    padding: 3% 6% 0;
    font-weight: 400;
    background: transparent;
    height: 60px;
    border-top: solid #000 1px;
    margin-top: 5%;
}
article.col-md-6.item.-micro {
  width:25%;
}
.Contentmanager .site .col-section .item.-micro {
    padding: 10px;
}
.Contentmanager .site .col-section .item.-micro a .image {
  width: 100%;
  margin-bottom: 0px;
  border-radius: 0px; 
}
.Contentmanager .site .col-section .item.-micro a .img-zoom img {
  border-radius: 0px; 
}
.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;
}
.Contentmanager .landingpagemanager .contenemanager-gallery .col-xs-12.col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
}
.Contenemanager-gallery .col-xs-6.col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
      color: #1a26a4;
}
.Contentmanager-thumbnail {
  border: 0px solid #ddd;
}
.Contentmanager-template2-1 a:hover {
  color: #085391;
}
#Contentmanager .fb_iframe_widget , #Contentmanager .landingpagemanager , #Contentmanager .page-header , .Contentmanager .site .col-section .item.-micro a .caption .time{
    display: none;
}

  .text-head-CM {
      font-size: 3rem;
      font-weight: 600;
      padding-top: 4%;
      color: #0d1aa0;
      line-height: 1.2em;
  }
  /*EFFECT*/
  figure.effect-sadie figcaption::before {
      background: linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(0 0 0 / 0%) 75%);
  }
  
  .ef1, .ef2 {
      transition-duration: 0.3s;
      transition-property: transform;
      transition-timing-function: ease-out;
  }
  
  .ef1:hover, .ef2:hover {
      transform: translateY(-8px);
  }
  .ef3 {
      transition: 0.5s;
  }
  .ef3:hover {
      transform: scale(1.2,1.2);
  }
  
  figure.effect-sadie p {
    opacity: 1; 
  }
  
  
  /*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; 
  }
  /*
  figure.effect-steve img  {
      border-radius: 10px;
  }
  figcaption.cursor {
   border-radius: 10px;
  }*/
  .bootstrap-collum .imgLightbox img.imageWidth.imageGallery {
      border-radius: 10px;
  } 
  #background625d39a4eb7c0b001aaae992 .bootstrap-collum .imgLightbox img.imageWidth.imageGallery , #background625d39fc17ff36001b14893a .bootstrap-collum .imgLightbox img.imageWidth.imageGallery{
      border-radius: 0px;
  } 
  .icon-back {
    width: 8%;
    transition: 0.5s;
}
.icon-back:hover , .txt-back:hover{
 transform: scale(0.9,0.9);
}
.txt-back {
    font-size: 1.5rem;
    color: #0e1ba0;
    transition: 0.5s;
   padding-bottom: 2%;
}
  
  /******************************/
  @media only screen and (min-width: 744px){
  #controlBanner {
      margin-top: 0px;
  }
  }  
  @media only screen and (min-width: 280px){
  #controlBanner {
      margin-top: 20px;
      margin-bottom: 20px;
  }
  }
  @media only screen and (min-width:414px) {
  .itopplus-bg, .itopplus-bg2, .itopplus-bg3{
    background-size: cover;  
  }
  }
  
  @media only screen and (min-width:768px) {
  .itopplus-bg, .itopplus-bg2, .itopplus-bg3{
    background-size: cover;  
  }
  }
  @media only screen and (max-width:992px) {
   .itopplus-bg {
      margin-top: -2%;
     background-size: cover;
  } 
  #contentnewmode625d1f9b89d54c001b7f35ae, #contentnewmode625e3c29d8b076001adf2285, #contentnewmode625e3e34d8b076001adf2333 , #contentnewmode625f7addc3ab0f001a6c18de {
      width:75%;
    } 
  .imgmenu-logo {
      width: 100%;
  }
  #imagesControl625d2edc17ff36001b148651 {
        padding: 0 !important;
    }
    #background625d8c07c3ab0f001a6be229 .col-xs-12 {
      width: 33.33333333%;
    }  
    #background625d8c07c3ab0f001a6be229 .col-xs-12 .thumbs {
     padding-left: 0 !important;
      padding-right: 0 !important;
    }
  #background625f7b17d8b076001adf471b .text-headmenu {
      padding-top: 0;
  }  
  #formdisplay625d97f12b4ae9001add64a1 .btn-primary , #Component625e74f2d8b076001adf33a0 .btn-primary , #Component625ed1352b4ae9001add8f28 .btn-primary , 
  #Component625ee6f6d8b076001adf422f .btn-primary , #Component625ef9c9d8b076001adf4331 .btn-primary{
     background-image: linear-gradient(to bottom,#ffffff 0,#ffffff 100%);
      border-color: #ffffff;
      color: #000;
    }
  #background62748cf39018f4001a1d2884 .col-sm-6 , #background62748ccf9018f4001a1d285a .col-sm-6{
       width: 25%;
  }  
  .empty-space5 {
      height: 175px;
  }  
  .num-service {
      font-size: 3rem;
      margin-top: -90%;
      margin-left: 0%;
  }
  #background625f7d402b4ae9001add9b22 .text-headmenu  {
        padding-top: 0;
   }
  #background625f7b17d8b076001adf471b .row-fluid [class*=col-sm-5fix]:nth-child(2) , #background625f7b17d8b076001adf471b .row-fluid [class*=col-sm-5fix]:nth-child(3) , 
  #background625f7b17d8b076001adf471b .row-fluid [class*=col-sm-5fix]:nth-child(4) , #background625f7b17d8b076001adf471b .row-fluid [class*=col-sm-5fix]:nth-child(5) , 
  #background625f7d402b4ae9001add9b22 .row-fluid [class*=col-sm-5fix]:nth-child(2) , #background625f7d402b4ae9001add9b22 .row-fluid [class*=col-sm-5fix]:nth-child(3) , 
  #background625f7d402b4ae9001add9b22 .row-fluid [class*=col-sm-5fix]:nth-child(4) , #background625f7d402b4ae9001add9b22 .row-fluid [class*=col-sm-5fix]:nth-child(5){
      width: 50%;
      float: left;
    }   
  #contentnewmode625f7b23c3ab0f001a6c1902 , #contentnewmode625f7b28c3ab0f001a6c190c , #contentnewmode625f7b2dc3ab0f001a6c1917 , #contentnewmode625f7b32c3ab0f001a6c1921 ,
  #contentnewmode625f7d4e2b4ae9001add9b31 ,  #contentnewmode625f7d532b4ae9001add9b3b , #contentnewmode625f7d582b4ae9001add9b56 , #contentnewmode625f7d5dc3ab0f001a6c1aa4{ 
    padding: 5px !important; 
  }    
    #background625ed0f12b4ae9001add8efa .col-sm-6 , #background625ef9c9d8b076001adf432d .col-sm-6 , #background625ee6f6d8b076001adf422b .col-sm-6 , #background625e74eb2b4ae9001add83ee .col-sm-6{
     width: 100%;
    }
  .pd-contact-mobile {
      width: 50% !important;
  }  
  .icon-contact {
      height: 160px;  
   }
  .text-inimg {
      font-size: 2.4rem;
    }
  #imagesControl625d39a4eb7c0b001aaae992 .thumbnail, #imagesControl625d39fc17ff36001b14893a .thumbnail {
      padding: 5px 0 0 0;
      margin-bottom: 5px;
    }
    article.col-md-6.item.-micro {
      width:33.333%;
   }
   .iconlogo-home {
         width: 30%;
    }
   .text-head1 {
    font-size: 2.7rem;
    }
   .txt-sn1 {
    font-size: 3.8rem;
    }
    .btn-signage1 {
    font-size: 3.2rem;
    }
   #contentnewmode6278b5e55880e60013182833 .col-sm-6 {
    width: 100%;
    }
  .icon-back {
    width: 9%;
  }  
  }
  
  /* Medium Devices, Desktops */
  @media only screen and (min-width : 1024px) {
  h1,.h1 { font-size: 2.250em;}
  h2,.h2 { font-size: 1.875em;}
  h3,.h3 { font-size: 1.500em; line-height: initial;}
  h4,.h4 { font-size: 1.125em;}
  h5,.h5 { font-size: 0.875em;}
  h6,.h6 { font-size: 0.750em;}
  p { margin: 0 0 10px;}
  .navbar .nav,
  .navbar .nav > li {
      float:none;
      display:inline-block;
      *display:inline; /* ie7 fix */
      *zoom:1; /* hasLayout ie7 trigger */
      vertical-align: top;
  }
  .navbar-default {
      background-color: transparent!important;
  }
  .itopplus-bg, .itopplus-bg2, .itopplus-bg3{
    background-size: cover;  
  }
  .num-service {
      font-size: 4rem;
      margin-top: -70%;
      margin-left: 0%;
  }    
  #background625f7b17d8b076001adf471b .iconlogo-home , #background625f7d402b4ae9001add9b22 .iconlogo-home{
      width: 100%;
  }  
   .iconlogo-home  {
     width: 25%;
    }
  #contentnewmode625d8737c3ab0f001a6be1cb .iconlogo-home , #contentnewmode625d8b2cd8b076001adf1270 .iconlogo-home , #contentnewmode625d8f20d8b076001adf12e2 .iconlogo-home {
      width: 40%;
  }  
  .btn-more {
      padding: 2%;
  }
  .text-headform {
      font-size: 2.5rem;
  } 
  .text-inimg {
      font-size: 2.6rem;
   }
  .text-head2 {
      font-size: 2.7rem;
  }
  }
  
  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1366px) {
  h1,.h1 { font-size: 2.250em;}
  h2,.h2 { font-size: 1.875em;}
  h3,.h3 { font-size: 18px;}
  h4,.h4 { font-size: 1.125em;}
  h5,.h5 { font-size: 0.875em;}
  h6,.h6 { font-size: 0.750em;}
  p { margin: 0 0 10px;}
  .navbar .nav,
  .navbar .nav > li {
      float:none;
      display:inline-block;
      *display:inline; /* ie7 fix */
      *zoom:1; /* hasLayout ie7 trigger */
      vertical-align: top;
  }
    
  .text-head1 {
      font-size: 3.6rem;
      font-weight: 600;
      padding-top: 4%;
      color: #0d1aa0;
  }
  .text-head2 {
      font-size: 2.5rem;
      font-weight: 500;
  }
  .text-sub1 {
      font-size: 1.8rem;
      padding-top: 5px;
  }
  .text-sub2 {
      font-size: 2.5rem;
      font-weight: 500;
      color: #0d1aa0;
  }
  .text-sub3 {
      font-size: 2.3rem;
  }
  .text-inimg {
      font-size: 3rem;
  }
  .text-btn {
      font-size: 1.7rem;
  } 
  .icon-img3 {
      width: 40%;
  }
  .bg-contactSN {
    padding: 10% 5%;  
  }
   .icon-back {
    width: 6%;
  }  
}
  @media only screen and (min-width :1900px) {
  #controlBanner {
       margin-top: 0px; 
       margin-bottom: 0px; 
  }
    .empty-space5 {
      padding: 5% 0%!important;
  }
  .icon-contact {
      height: 170px;  
   }
  #contentnewmode625d1f9b89d54c001b7f35ae, #contentnewmode625e3c29d8b076001adf2285, #contentnewmode625e3e34d8b076001adf2333, #contentnewmode625f7addc3ab0f001a6c18de {
      width: 50%;
   }
   .iconlogo-home  {
     width: 16%;
    }
  #contentnewmode625d8737c3ab0f001a6be1cb .iconlogo-home, #contentnewmode625d8b2cd8b076001adf1270 .iconlogo-home, #contentnewmode625d8f20d8b076001adf12e2 .iconlogo-home {
      width: 33%;
  }  
  #background625f7b17d8b076001adf471b .iconlogo-home, #background625f7d402b4ae9001add9b22 .iconlogo-home {
      width: 70%;
  }  
  .btn-more {
      padding: 1%;
  }  
  .pd-text-logo {
      padding: 25% 5% 2%;
  }  
   .empty-space5 {
      height: 250px;
  }
  .num-service {
      font-size: 6rem;
      margin-top: -45%;
      margin-left: 5%;
  } 
  .text-head1 {
      font-size: 4rem;
   }
  .text-sub1 {
      font-size: 2rem;
   }
  .text-head2 {
      font-size: 2.8rem;
   }
  .text-headform {
      font-size: 3rem;
  }  
  .footer2 {
      padding-top: 12px;
  }  
  .pd-txtsn1 {
    padding: 0% 12%;
}  
  .bg-contactSN {
    padding: 10% 9%;  
  }
    .icon-back {
    width: 5%;
}  
}
  
  @media only screen and (max-width :480px) {
  #contentnewmode625d1f9b89d54c001b7f35ae, #contentnewmode625e3c29d8b076001adf2285, #contentnewmode625e3e34d8b076001adf2333 , #contentnewmode625f7addc3ab0f001a6c18de {
      width: 100%;
    }   
  .text-headmenu {
      font-size: 1.3rem;
    } 
  .text-head1 {
    font-size: 2.8rem;
    }  
  .text-head2 {
    font-size: 2.2rem;
   }  
  .text-sub1 {
    font-size: 1.7rem;
   }  
  .text-sub2 {
    font-size: 2.05rem;
   }  
  #imagesControl625d39a4eb7c0b001aaae992 .thumbnail, #imagesControl625d39fc17ff36001b14893a .thumbnail {
    padding: 10px 0 5px;
   }  
  .text-inimg {
      font-size: 2.2rem;
    }
.iconlogo-home {
    width: 60% !important;
}
    #contentnewmode625d42c117ff36001b148b36  {
         padding: 25px 10px 10px 10px !important;
    }
  .text-sub3 {
    font-size: 1.9rem;
   }  
  .btn-more {
      padding: 2%;
  }  
  .pd-text-logo {
      padding: 5% 2% 2%;
  }  
  .text-logo-Head {
      font-size: 3.3rem;  
  }
  .text-logo-Sub {
      font-size: 1.7rem;  
    }
  .text-headform {
      font-size: 2.3rem;
  }
  .menuVertical .nav-pills>li>a, .menuVertical .nav-stacked>li+li {
      font-size: 1.3rem;
  }  
  #background62748cf39018f4001a1d2884 .col-xs-12 , #background62748ccf9018f4001a1d285a .col-xs-12{
      width: 50%;
  }
  .num-service {
      margin-top: -75%;
  }  
  .empty-space5 {
      height: 150px;
  }  
  .text-head-CM {
      font-size: 2.2rem;
   }
  #Contentmanager .form-group .col-md-3 {
      width: 100%;
  }
  #Contentmanager .contenemanager-gallery .thumbnail {
      margin-bottom: 0;
   }
  #Contentmanager .TabItpContentLandingPage10 .nav-tabs span {
      font-size: 13px !important;
  }
  #background625eddb62b4ae9001add915d #Contentmanager .TabItpContentLandingPage10 .nav-tabs span {
    font-size: 11px !important;
  }
  #Contentmanager .TabItpContentLandingPage10 {
      padding: 0;  
   }
  #Contentmanager .TabItpContentLandingPage10>.nav-tabs {
      width: 35%;
      min-width: 35%;  
    }
  .pd-contact-mobile {
      padding: 2%;
  }  
  #Contentmanager .TabItpContentLandingPage10>.nav-tabs>li>a:before {
      transform: translateY(78px) scale(.5);
  }
  #background625ee8232b4ae9001add9303 .thumbs , #background625efdd4c3ab0f001a6c13dc .thumbs , #background625e57e6d8b076001adf27ea .thumbs{
      padding-left: 0 !important;
      padding-right: 0 !important;
   }
  .icon-contact {
      height: 160px;  
    }
  .pd-contact-mobile {
      width: 100% !important;
  }    
  .TabItpContentLandingPage10>.nav-tabs>li>a {
    padding: 10px 4px;  
    margin: 0 0px 10px 0;
  }
 article.col-md-6.item.-micro {
  width:50%;
}   
    .Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 15px;
    height: 35px;
}
#background62748ccf9018f4001a1d285a , #background62748cf39018f4001a1d2884 {
    margin-left: 3%;
    width: 100%;
}   
  .txt-sn1 {
    font-size: 3.1rem;
}
    .btn-signage1 {
    font-size: 2.4rem;
    margin-top: 5%;
}
  .icon-back {
    width: 18%;
    }
}