.itopplus-background {

}
body {
    overflow-x: hidden;
}

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

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

.itopplus-bg3 {
    background-image: url('http://itp1.itopfile.com/ImageServer/z_itp_18032023n8ne/1140/0/beautiful-architecture-office-business-building-with-glass-window-shapez-z1298523941817.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

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

.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: #333 !important;
    box-shadow: 0px 3px 0px 0px #03254c;
    border-radius: none;
    background: transparent;
    background-color: transparent;
}

.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: #444 !important;
    color: #444 !important;
}

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

.navbar-default {
    background: #fff;
}

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

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


}

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

.navbar-default {
    background: transparent;
}

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

#controlBanner {
    object-fit: contain;
    padding: 10px 0 0;
    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: 4.125em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.6em;
}

h4 {
    font-size: 2.2em;
}

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.6em;
}

p, div#Component657a7db16d9e76001adafbf0 .caption, .pre-art p {
    font-size: 18px;
}

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

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

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

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

.itopplus-banner {
    background: #ffffff26;
    position: relative;
    z-index: 99;
    padding-bottom: 1%;
}

.footer li::after {
    content: "|";
    position: absolute;
    right: -12px;
    top: 6px;
}

.footer li {
    padding: 5px 15px;
    margin: 0 10px;
    position: relative;
}

.footer ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
}

.footer, .btn-map, .form-news h3, .head-page h3 {
    text-align: center;
}

.footer h6, .cont-page h6 {
    font-family: 'Libre Baskerville', serif;
    color: #000;
    margin-bottom: 2%;
}

.social-footer {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 15px;
    justify-content: center;
    width: 20%;
    margin: 1% auto;
}

.btn-map button {
    display: grid;
    grid-template-columns: 19% auto;
    width: 13%;
    justify-content: center;
    gap: 5px;
    padding: 0.5rem 1rem;
    align-items: center;
    border-radius: 30px;
    border: 1px solid transparent;
    background-color: #03254c;
    color: #fff;
    margin: 2% auto;
}

.copy-right p {
    font-family: 'Outfit', sans-serif;
    text-align: center;
}

.copy-right {
    margin-bottom: 1%;
}

.footer a:hover, .branch-item a:hover, .branch-detail a:hover , .cont-page a:hover{
    color: #134f95;
}

.footer a, .cont-page a {
    color: #333;
}

.btn-map button:hover {
    background-color: #0a509f;
}

figure.effect-jazz figcaption::after {
    border: none;
}

.sect-first h1 , .sect-first2 h3{
    color: #03254c;
    font-family: 'Oswald', sans-serif;
    margin-top: 5%;
    margin-bottom: 7%;
}

.sect-first hr, .sect-first2 hr {
    width: 15%;
    margin-left: 0;
    border-color: #000;
}

.sect-first {
    padding-left: 25%;
}

.Textmanager {
    text-align: left;
}

.sect-about {
    /*background-color: #eee;*/
    padding: 4%;
    color: #03254c;
}

div#Component657968e032f326001969da82 .imgLightbox img {
    height: 451px;
    object-fit: cover;
}

/*div#Component657968e032f326001969da82 .imgLightbox {
    width: 125%;
    position: relative;
    z-index: 2;
}*/

div#Component657968e032f326001969da82 .grid figure {
    overflow: inherit;
}

.sect-about p,
.sect-about2 p{
    line-height: 26px;
}

.sect-about h3,.branch-item h6, .sect-about2 h3, .sect-contact h2, .head-branch h4,
.form-news h3, .head-page h3, .about-page h4, .cont-page h5{
    font-weight: 600;
}

.sect-about h3 {
    margin-bottom: 3%;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_18032023n8ne/570/0/Untitled-1z-z1058138826566.webp);
    background-size: contain;
    background-position: center;
    text-align: center;
    background-repeat: no-repeat;
    height: 110px;
    padding-top: 5%;
}
.sect-about2 {
    background-color: #eeeeee;
    padding: 15% 30% 25% 16%;
    width: 120%;
    margin-top: 26%;
}

.sect-about2 h3 , .about-page h4{
    margin-bottom: 3%;
    color: #03254c;
}

.sect-about li {
    padding: 3%;
    display: grid;
    grid-template-columns: 15% auto;
    gap: 10px;
    align-items: center;
}

.sect-about ul {
    list-style: none;
    padding: 0;
      padding-left: 6%;
}

figure.effect-selena {
    background: transparent;
}

.head-branch p, .head-branch h4, .branch-item p, .sect-contact h2{
    margin: 0;
}

.head-branch {
    display: grid;
    grid-template-columns: 3% auto;
    gap: 10px;
    align-items: center;
}

.branch-item .num-item {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
}

.branch-item h6 {
    margin-bottom: 7%;
}

.branch-item {
    margin: 5% 0;
    border-left: 1px solid #fff;
    padding: 3% 0;
    padding-left: 12%;
}

.sect-social {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;
    padding-right: 45%;
    margin-top: 3%;
}

div#formdisplay657981d0111047001ad206d3 {
    background-color: #03254c !important;
    padding: 7% 3%;
}

.form-news span {
    display: none;
}

div#formdisplay657981d0111047001ad206d3 .form-control {
    border-radius: 0;
    margin-bottom: 2rem;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d7dbdf;
}

div#formdisplay657981d0111047001ad206d3 input::placeholder, .branch-item a,.branch-detail a, .branch-detail  {
   color:#fff;
}

div#Component657981d0111047001ad206d3 .col-md-offset-5 {
    margin-left: 0;
    width: 100%;
    text-align: center;
}

div#btnview657981d0111047001ad206d3 button {
    width: 90%;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    color: #fff;
    border-radius: 30px;
}

div#btnview657981d0111047001ad206d3 .glyphicon {
    display: none;
}

.head-page h3 {
    color: #03254c;
}

.about-page {
    padding: 15% 7%;
}

.about-page p {
    text-indent: 45px;
    margin-bottom: 4%;
    line-height: 28px;
}

div#InmyDiv1702463844597 {
    width: 55%;
    position: absolute;
    right: 0;
    top: 50px;
}

div#InmyDiv1702464256181 {
    width: 50%;
    position: relative;
    top: 195px;
    /*border: 8px solid #fff;*/
}

div#InmyDiv1702464372941 {
    width: 30%;
    right: 130px;
    position: absolute;
    top: 320px;
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
}

div#Component657a7db16d9e76001adafbf0 .caption {
    color: #000;
    text-align: left;
    padding: 3%;
    margin-bottom: 5%;
}

.Text_seller2 {
    display: none;
}

.pre-art p {
    color: #000;
}

.pre-art {
    text-align: left;
    padding: 3% 1%;
}

.pre-art button {
    border: 1px solid #03254c;
    background: transparent;
    padding: 0.5rem 1rem;
    color: #03254c;
    font-weight: 600;
}

.TabItpContentLandingPage10 {
    box-shadow: none;
    padding: 0;
}

.cont-page {
    text-align: center;
}

.cont-page ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 25% 25%;
    justify-content: center;
}

.cont-page li {
    display: grid;
    grid-template-columns: 12% auto;
    text-align: left;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid #444;
    padding: 3% 5%;
    margin: 3%;
}

.cont-page h3 {
    font-weight: 700;
    color: #074183;
}

div#Component657a7db16d9e76001adafbf0 .Contentmanager .template1 .template-panel {
    padding-bottom: 100%;
}

div#Component657a7db16d9e76001adafbf0 .col-md-3.col-sm-4.col-xs-12,
div#Component657a7dc67a7961001a01d528 .col-md-4.col-sm-4.col-xs-12,
div#Component65c9802476419f0013ad2097 .col-md-4.col-sm-4.col-xs-12,
div#Component657a7db17a7961001a01d512 .col-xs-6.col-md-3{
    padding: 0 1% !important;
    transition: transform 0.2s ease-out;
}

div#Component65c9802476419f0013ad2097 .col-md-4.col-sm-4.col-xs-12,
 div#Component657a7dc67a7961001a01d528 .col-md-4.col-sm-4.col-xs-12{
    background: #fff;
    padding: 1% !important;
    margin: 1%;
    width: 31%;
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
}

div#Component657a7db16d9e76001adafbf0 .img {
    background-position: center !important;
}

div#Component657aa209ca4d3c001a98b03b .tab-itp-background {
    padding: 0;
}

.branch-detail li {
    display: grid;
    grid-template-columns: 14% auto;
    align-items: center;
    gap: 10px;
    padding: 2%;
}

.branch-detail ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 30% 30%;
    margin-bottom: 2%;
    /*border-bottom: 1px solid #ddd;*/
}

div#Component657aa209ca4d3c001a98b03b .TabItpContentLandingPage10>.nav-tabs>li>a {
    font-family: 'Noto Sans Thai',sans-serif;
    border-radius: 0;
    background-color: transparent;
    border-left: 1px solid #ddd;
    color: #fff;
    padding: 10px 20px;
}

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

div#Component657a7db17a7961001a01d512 .img-thumbnail, 
div#Component657a7db17a7961001a01d512 .thumbnail {
    padding: 0;
    border: none;
    box-shadow: none;
}

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

.product-detail {
    width: 49%;
    margin: auto;
    margin-right: 0;
    margin-top: 3%;
}

.product-detail h6 {
    font-family: 'Oswald', sans-serif;
    margin-bottom: 4%;
}

.product-detail h3, .art-detail h3 {
    font-weight: 600;
    color: #03254c;
}

.product-detail li {
    list-style: none;
    margin-bottom: 1%;
}

.color-box {
    width: 30px;
    height: 15px;
    float: left;
    margin-right: 8px;
    margin-top: 4px;
}

.green {
    background-color: #6fbb70;
}

.dark-green {
    background-color: #457545;
}

.dark-grey {
    background-color: #3b3b3b;
}

.dark-blue {
    background-color: #2547fe;
}

.ford-blue {
    background-color: #00a9fc;
}

.euro-bronze {
    background-color: #9a8252;
}

.euro-grey {
    background-color: #888797;
}

.crystal-grey {
    background-color: #a8c9ce;
}

.wine-red {
    background-color: #871201;
}

.bright-gold {
    background-color: #bdbb57;
}

.pink-gold {
    background-color: #d077b9;
}

.white {
    background-color: #fff;
    border: 1px solid #ddd;
}

.yellow {
    background-color: #a49f10;
}

.purple {
    background-color: #a24ad4;
}

.art-detail {
    margin-bottom: 2%;
}

.TabItpContentLandingPage10>.nav-tabs>li>a:before {
    background-color: #03254c;
    border-radius: 0;
}

.TabItpContentLandingPage10>.tab-content {
    border-radius: 0;
    box-shadow: none !important;
    border: none !important;
    border-top: 1px solid #ddd !important;
    background-color: #ffffff00;
    display: block;
}

div#Component657aa209ca4d3c001a98b03b .nav-tabs>li.active>a:focus {
    color: #fff !important;
}

.branch-detail img {
    filter: brightness(0) invert(1);
}

.TabItpContentLandingPage10>.nav-tabs>li.active>a {
    border-color: #03254c !important;
}

.TabItpContentLandingPage10>.nav-tabs {
    display: flex;
    width: 100%;
    min-width: 100%;
}

.cont-page h5 {
    margin-top: 2%;
}

div#Component657aabbf2d2386001a0d5f1f .form-control {
    box-shadow: none;
    border-color: #7b7b7b;
   background-color: #fff0;
}

div#Component657aabd42d2386001a0d5f31 .thumbs {
    margin: 0;
}

.boderedlayoutClient {
    border: none;
}

div#mainmenu657aabb22d2386001a0d5f16 {
    background-color: #f1f1f1;
}

div#Component657aabbf2d2386001a0d5f1f {
    margin-top: 4%;
}

div#Component657aabbf2d2386001a0d5f1f input::placeholder , 
div#Component657aabbf2d2386001a0d5f1f textarea::placeholder {
   color:#000;
}

div#Component657aabbf2d2386001a0d5f1f button {
    background-image: none;
    text-shadow: none;
    border-radius: 30px;
    padding: 0.5rem 2rem;
    background-color: #444;
    color: #fff;
    border: 1px solid #444;
}

div#btnview657981d0111047001ad206d3 button:hover {
    background-color: #fff;
    color: #03254c;
}

.sect-social img, .social-footer img, .cont-page li {
   transition: transform 0.2s ease-out;
}

.sect-social img:hover , .social-footer img:hover,
div#Component657a7db16d9e76001adafbf0 .col-md-3.col-sm-4.col-xs-12:hover,
div#Component657a7dc67a7961001a01d528 .col-md-4.col-sm-4.col-xs-12:hover,
div#Component65c9802476419f0013ad2097 .col-md-4.col-sm-4.col-xs-12:hover,
div#Component657a7db17a7961001a01d512 .col-xs-6.col-md-3:hover,
.cont-page li:hover{
   transform: scale(0.95);
}

div#Component657a7dc67a7961001a01d528 .col-md-4.col-sm-4.col-xs-12:hover button,
div#Component65c9802476419f0013ad2097 .col-md-4.col-sm-4.col-xs-12:hover button{
    background-color: #444;
    color: #fff;
    border-color: #444;
}

div#Component657aabbf2d2386001a0d5f1f button:hover {
    background-color: transparent;
    color: #444;
}

.temporary h3 {
    text-align: center;
    margin-bottom: 2%;
    font-weight: 600;
}

div#Component657a7db16d9e76001adafbf0 .caption {
    height: auto;
}

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

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

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

.ITPlinkToCookiepage:hover {
    color: #1b3e8d !important;
}

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

div#Component657aabbf2d2386001a0d5f1f .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 60% !important;
    margin-left: 25%;
}

.itpPDPALandingPage {
    margin-top: 3%;
}

.ITP-pdpa-template-titleFont {
    font-size: 20px !important;
    font-weight: 600 !important;
}

.ITP-pdpa-template-contentFont {
    line-height: 28px;
}

.sect-art h3 {
    padding: 6%;
    color: #000;
}

.sect-art {
    background-image: url('http://itp1.itopfile.com/ImageServer/z_itp_18032023n8ne/281/0/bg-topic606732790964z-z1692967344951.webp');
    margin-top: 25%;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 180px;
    padding-top: 15%;
}

div#Component65c9802476419f0013ad2097 .Contentmanager .template1 .template-panel {
    padding-bottom: 80%;
}

.about-highlight {
    font-weight: 600;
    font-size: 19px;
    color: #03254c;
}

div#Component65795ea132f326001969d9c6 {
    margin-top: -90px;
}

.img-first:before {
    content: " ";
    width: 700px;
    height: 485px;
    position: absolute;
    z-index: -1;
    right: 42px;
    bottom: -30px;
   /* border: 6px solid #e9e9e9;*/
}

.img-first {
   /* width: 90%;*/
    margin-top: 4%;
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
}
/****************responsive*************/

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

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

h1 {
    font-size: 4.8em;
}

h2 {
    font-size: 3.4em;
}

h3 {
    font-size: 3em;
}

h4 {
    font-size: 3em;
}

h5 {
    font-size: 2.6em;
}

h6 {
    font-size: 2em;
}

p, div#Component657a7db16d9e76001adafbf0 .caption, .pre-art p {
    font-size: 20px;
}

  .sect-about p, .sect-about2 p {
    line-height: 30px;
}
  
  .sect-contact h5 {
    margin-bottom: 3%;
}
  
  .sect-social {
    margin-top: 4%;
    padding-right: 48%;
}
  
  div#btnview657981d0111047001ad206d3 button,.btn-map button,
 div#formdisplay657981d0111047001ad206d3 .form-control,
  .pre-art button, div#Component657aabbf2d2386001a0d5f1f label,
  div#Component657aabbf2d2386001a0d5f1f button{
    font-size: 16px;
  }
  
  div#formdisplay657981d0111047001ad206d3 .form-control {
    margin-bottom: 4rem;
}
  
  .social-footer {
    margin: 2% auto;
}
  
  div#InmyDiv1702464372941 {
    top: 360px;
    right: 160px;
}
  
  div#Component657aabbf2d2386001a0d5f1f .form-control {
    margin-bottom: 1rem;
}
  
  div#Component657aabbf2d2386001a0d5f1f input {
    height: 40px;
}
  
  div#Component657aa209ca4d3c001a98b03b .TabItpContentLandingPage10>.nav-tabs>li>a>span {
    font-size: 20px !important;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
}
  
  .itpPDPALandingPage, .ITP-pdpa-template-contentFont {
    font-size: 18px !important;
    line-height: 32px;
}
  
  .sect-about li {
    grid-template-columns: 13% auto;
}
  
  .sect-art {
    margin-top: 20%;
    height: 200px;
    padding-top: 13%;
    background-size: contain;
}
  
  .about-highlight {
    font-size: 22px;
}
  
  .about-page p {
    line-height: 32px;
}
  
  div#Component65795ea132f326001969d9c6 {
    margin-top: -100px;
}
  
  div#Component657968e032f326001969da82 .imgLightbox img {
    height: 573px;
  }
  
  .img-first:before {
    width: 860px;
    height: 630px;
    right: 68px;
    bottom: -27px;
}
  
  .img-first {
    margin-top: 0;
}
  
  .sect-about h3 {
        padding-top: 3%;
  }
}

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

.sect-about br , .sect-about2 br{
    display: none;
}
  
  .sect-about2 {
    margin-top: 15%;
}
  
  .sect-about {
    padding: 10% ;
}

  .about-page {
    padding: 10% 7%;
}
  
  .img-first:before {
    width: 607px;
    height: 452px;
  }
}

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

.sect-about {
    padding: 10%;
}
  
  .btn-map button {
    width: 16%;
}
  
  .cont-page ul {
    grid-template-columns: 30% 30%;
}
  
  div#Component657aabd42d2386001a0d5f31 .imgLightbox img {
    height: 420px;
    object-fit: cover;
}
  
  div#Component657aa209ca4d3c001a98b03b .TabItpContentLandingPage10>.nav-tabs>li>a>span {
    font-size: 16px !important;
}
  
  p, div#Component657a7db16d9e76001adafbf0 .caption, .pre-art p {
    font-size: 16px;
}
  
.sect-art {
    height: 145px;
    background-size: contain;
}
  
  h3 {
    font-size: 2.4em;
}
  
  div#cookie657981d0111047001ad206d3 {
    padding: 0 2%;
}
  
  .img-first:before {
    width: 514px;
    height: 393px;
    bottom: -30px;
    right: 35px;
}
}

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

h1 {
    font-size: 2.8em;
}
  
  h2 {
    font-size: 2.2em;
}

h3 {
    font-size: 2em;
}

h4 {
    font-size: 1.8em;
}

h5 {
    font-size: 1.6em;
}

h6 {
    font-size: 18px;
}

p, div#Component657a7db16d9e76001adafbf0 .caption, .pre-art p {
    font-size: 16px;
}
  
  .sect-about {
    padding: 5%;
}
  
  .sect-about h3 {
         padding-top: 10%;
  }
  
  .sect-about2 {
    padding: 12% 26% 16% 8%;
}
  
  div#mainmenu6579704b32f326001969db2d .col-md-3.col-sm-6.col-xs-12,
  div#mainmenu6579704e32f326001969db32 .col-md-3.col-sm-6.col-xs-12{
    width: 25%;
}
  
  .itopplus-bg2 {
    background-size: cover;
    background-position: center;
}
  
  .sect-social {
    gap: 15px;
    padding-right: 35%;
    margin-top: 5%;
}
  
  .btn-map button {
    width: 20%;
    grid-template-columns: 17% auto;
}
  
  .social-footer {
    margin: 2% auto;
    width: 25%;
}
  
  div#InmyDiv1702464372941 {
    top: 210px;
}
  
  div#InmyDiv1702464256181 {
    width: 55%;
    top: 150px;
  }
  
  .about-page {
    width: 100%;
    padding: 0 5%;
}
  
  div#Component657a7db17a7961001a01d512 .col-md-6.pull-left , .product-detail{
    width: 50%;
}
  
  .product-detail {
    margin-top: 1%;
}
  
  .cont-page ul {
    grid-template-columns: 37% 37%;
}
  
  .TabItpContentLandingPage10>.nav-tabs {
    flex-wrap: wrap;
}
  
  .sect-art {
    height: 120px;
  }
  div#Component65795ea132f326001969d9c6 {
    margin-top: -10px;
}
  
  .img-first:before {
    width: 343px;
    height: 274px;
    bottom: -28px;
    right: 21px;
}
  
  .sect-about ul {
    padding-left: 0;
}
  
}

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

  div#imagesControl65795ea132f326001969d9c6,
  div#imagesControl657968e032f326001969da82,
  div#contentnewmode657968ac7185b1001a55ffad,
  div#imagesControl657969173720c4001a3d89fe,
  div#contentnewmode6579894f3720c4001a3d8db2,
  div#imagesControl65c9939076419f0013ad25e2,
  div#imagesControl65c9949676419f0013ad2636{
    padding: 0 !important;
}
  
  div#Component657968e032f326001969da82 .imgLightbox {
    width: 100%;
}
  
  .sect-about {
    padding: 8% 4%;
}
  
  .sect-about2 {
    margin: 0;
    padding: 8% 4%;
    width: 100%;
}
  
  div#mainmenu6579690c32f326001969da8f .none-middle-mid .none-middle-mid {
    display: block;
}
  
div#mainmenu6579690c32f326001969da8f .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
}
  
  div#mainmenu6579704b32f326001969db2d .col-md-3.col-sm-6.col-xs-12, 
  div#mainmenu6579704e32f326001969db32 .col-md-3.col-sm-6.col-xs-12 {
    width: 50%;
}
  
  div#InmyDiv1702464256181 {
    position: absolute;
    width: 45%;
    right: 0;
    top: 95px;
}
  
  div#InmyDiv1702463844597 {
    position: relative;
    width: 65%;
    margin-bottom: 15%;
    top: 0;
}
  
  div#InmyDiv1702464372941 {
    top: 190px;
}
  
  .about-page {
    padding: 0;
    position: static;
    margin-top: 4%;
}
  
  div#Component657a7db16d9e76001adafbf0 .col-md-3.col-sm-4.col-xs-12 {
    width: 50%;
    padding: 0 2% !important;
}
  
  div#Component657a7db16d9e76001adafbf0 .caption {
    height: 55px;
    overflow: hidden;
}
  
  .sect-first {
    padding-left: 0;
}
  
  div#contentnewmode657969c57185b1001a55ffe2, .img-first:before {
    display: none;
}
  
  h3 {
    font-size: 1.8em;
}
  
h1 {
    font-size: 2.4em;
}
  
  .pre-art, .art-detail {
    margin-bottom: 5%;
}
  
  div#Component657a7db17a7961001a01d512 .col-md-12.text-justify {
    padding: 0 2% !important;
}
  
  .cont-page ul , .branch-detail ul{
    grid-template-columns: 100%;
}
  
  .cont-page li {
    margin: 2%;
    padding: 3%;
    grid-template-columns: 12% auto;
}
  
  div#Component657aabd42d2386001a0d5f31 .imgLightbox img {
    height: auto;
  }
  
  .TabItpContentLandingPage10>.nav-tabs {
    justify-content: center;
}
  
  .branch-detail li {
    grid-template-columns: 12% auto;
    margin-bottom: 2%;
}
  
  .head-branch {
    grid-template-columns: 10% auto;
}
  
  .TabItpContentLandingPage10>.tab-content {
    padding: 0 !important;
}

    .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#Component657aabbf2d2386001a0d5f1f .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 100% !important;
    margin-left: 0;
}
  
  div#Component657a7db17a7961001a01d512 .col-md-12.itpPDPALandingPage {
    padding: 0;
}
  
  .sect-about li img {
    width: 30% !important;
    margin-bottom: 5%;
}
  
.sect-about li {
    display: block;
    text-align: center;
    margin-bottom: 5%;
}
  
  .sect-about h3 {
    text-align: center;
        padding-top: 12%;
}
  
  .sect-art h3 {
    padding: 0;
  }
  
  .sect-art {
    margin-top: 0;
    height: auto;
    padding-top: 10%;
    padding-bottom: 15%;
    margin-bottom: 5%;
    background-position: center;
}
  
  div#Component65c9802476419f0013ad2097 .col-md-4.col-sm-4.col-xs-12, div#Component657a7dc67a7961001a01d528 .col-md-4.col-sm-4.col-xs-12 {
    width: 100%;
    margin: 0 0 8%;
}
  
  .pre-art {
    padding: 5% 3% 0;
}

  div#mainmenu65c9945e01bb1b00139f66f7 .none-middle-mid .none-middle-mid {
    display: block;
}
  
div#mainmenu65c9945e01bb1b00139f66f7 .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
}
  
  .about-highlight {
    font-size: 16px;
}
  
  .branch-item {
    padding-left: 5%;
    padding-right: 5%;
}
  
  .branch-item p {
    font-size: 14px;
}
  
  .img-first {
    width: 100%;
  }
}