.itopplus-background {

}
body,
html {
    color: #444444;
    overflow-x: hidden;
}

a:hover {
    color: #708238;
}

#itpsubtitlecontent {
    display: block !important;
}

.itopplus-bg0 {
    background-color: #f5f5f5;
    color: #444444;
}

.itopplus-bg1 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_300020231mn9/0/0/1z-z568133188378.webp');
}

.itopplus-bg2 {
    background-image: none;
    color: #000;
}

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

.itopplus-bg4 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_300020231mn9/0/0/4z-z1346636477636.webp');
}

.itopplus-bg5 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_300020231mn9/0/0/5z-z1312443519171.webp');
}

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


/************Menu***************/
#main-navbar-collapse {
    text-align: right;
}

.itopplus-search {
    background: linear-gradient(to right, #708238 0%, #9ebd38 100%);
    width: 70%;
    color: #fff;
    top: 0;
    right: 0;
    border-bottom-left-radius: 20px;
}

.itopplus-menu {
    margin-top: 6%;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    margin: 0 17px;
    padding: 5px 8px;
    font-size: 18px;
}

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

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #000;
    background-color: transparent;
}

.dropdown-menu>li>a {
    color: #000;
    font-size: 18px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #fff;
    background: linear-gradient(to right, #708238 0, #9ebd38 100%);
}

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

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

    .navbar-default {
        background: linear-gradient(to right, #708238 0%, #9ebd38 100%);

    }


}

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

}


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

    .itopplus-bg3,
    .itopplus-bg4,
    .itopplus-bg5,
    .itopplus-footer {
        background-size: cover;
    }
}

.padding-pd {
    padding: 2%;
}

.padding-pd2 {
    padding: 1%;
}

/*header*/
.itopplus-search a {
    color: #fff;
}

.header-display {
    display: flex;
    justify-content: flex-end;
    font-size: 16px;
}

.header-text {
    margin: 0 20px 0 0;
    border-right: 2px solid #fff;
    padding: 0 20px 0 0;
}

.header-text img {
    width: 20px;
}

.header-icon img {
    width: 20px;
    margin-right: 10px;
    transition: 0.5s;
}

.header-icon img:hover {
    filter: invert(1);
}

/*header*/


/*footer*/
.itopplus-footer a {
    color: #fff;
}

.logo-footer {
    width: 40%;
}

.itopplus-footer h3 {
    font-size: 18px;
    border-bottom: 3px solid #a5c346;
    line-height: 1.5;
    margin-bottom: 10px;
}

.itopplus-footer h4 {
    font-size: 16px;
    margin: 0;
}

.footer-tel .media-body {
    padding: 5px;
}

.footer-tel {
    font-size: 18px;
    padding: 3% 0 0;
}

.icon-img {
    padding: 2% 0 0;
}

.icon-img img {
    width: 32px;
    margin-right: 7px;
    transition: 0.5s;
}

.icon-img img:hover {
    transform: scale(1.1);
}

.copy-right {
    font-size: 12px;
    padding: 5% 0 20%;
}

.ITPcookiebar {
    width: 100% !important;
}

.buttonExampleSite {
    border: 1px solid #54661d !important;
    color: #54661d !important;
}

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

.ITP-pdpa-template-titleFont {
    font-size: 20px !important;
    color: #54661d;
}

.ITP-pdpa-template-contentFont {
    font-size: 16px !important;
}

.itpPDPALandingPage {
    padding: 4% 0;
}

/*footer*/


/*หน้าแรก*/
.head-year {
    display: flex;
    align-items: center;
    margin: 5% 0 0;
}

.head-year h3 {
    font-size: 24px;
    white-space: pre-line;
    font-weight: 400;
    margin: 0;
}

.head-year h1 {
    font-size: 11rem;
    line-height: 1;
    font-family: 'Outfit', sans-serif;
    margin: 0 15px;
}

.head-year h2 {
    font-size: 60px;
    font-weight: 400;
    margin: 40px 0 0;
}

.about-border {
    border-left: 3px solid #fff;
    padding: 5px 0 5px 40px;
    margin: 20px 0;
}

.about-detail {
    font-size: 17px;
}

.about-detail h4 {
    font-size: 26px;
    font-family: 'Outfit', sans-serif;
    margin: 0 0 10px;
}

.btn-more {
    font-size: 14px;
    background-color: #708238;
    color: #fff;
    border: none;
    padding: 8px 20px;
    transition: 0.5s;
}

.btn-more:hover {
    background-color: #9cbb38;
    color: #fff;
}

.about-padding {
    padding: 11% 0;
}

figure.effect-jazz {
    background: transparent;
}

figure.effect-jazz figcaption::after {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}

.text-menu {
    font-size: 38px;
    color: #000;
    font-weight: 500;
    text-align: center;
    padding: 4% 0 1%;
}

.bg-product {
    font-size: 17px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 15px;
    padding: 50px 25px;
    text-align: center;
    transition: 0.5s;
}

.bg-product:hover {
    background-color: #eee;
    transform: translateY(-10px);
}

.bg-product img {
    width: 30% !important;
    margin: 0 auto 5%;
}

.bg-product h4 {
    font-size: 24px;
    color: #000;
    font-weight: 500;
    margin: 10px 0 15px;
    white-space: pre-line;
}

.btn-align {
    text-align: center;
    padding: 0 0 5%;
}

.text-menu2 {
    font-size: 44px;
    font-weight: 500;
    padding: 5% 10%;
}

.product-name {
    font-size: 17px;
    text-align: center;
    padding: 5% 0 15%;
}

.product-name h4 {
    font-size: 22px;
    margin: 0;
}

.imageWidth.imageGallery {
    transform: scale(1.0);
    transition: 0.5s;
}

.imageWidth.imageGallery:hover {
    transform: scale(0.9);
}

.imgLightbox {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
}

.CASS-C-head,
.CASS-D-head {
    font-family: 'Prompt', sans-serif;
}

.CASS-D-border {
    background-image: none;
    background-position: top;
    background-size: 100% 100%;
    background-color: #fff;
    margin: -8% 0 10%;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 16%);
}

/* ฟอร์มสนใจบริการหรือสินค้าของเรา*/
#formdisplay64250cb22004e800139d4b80,
#formdisplay64251adf975c7e0013531330 {
    width: 80%;
    margin: 0 auto 2%;
}

#formdisplay64250cb22004e800139d4b80 .form-control,
#formdisplay64251adf975c7e0013531330 .form-control {
    border: none;
    border-bottom: 2px solid #b1b1b1;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    background-color: transparent;
    padding: 30px 0px;
    font-size: 16px;
    color: #444444 !important;
}

#formdisplay64250cb22004e800139d4b80 .form-control:focus,
#formdisplay64250cb22004e800139d4b80 .form-control:hover,
#formdisplay64251adf975c7e0013531330 .form-control:focus,
#formdisplay64251adf975c7e0013531330 .form-control:hover {
    border-bottom: 2px solid #708238;
}

#formdisplay64250cb22004e800139d4b80 #capcha0,
#formdisplay64251adf975c7e0013531330 #capcha0 {
    margin-left: -8px;
    margin-right: -45px;
}

#formdisplay64250cb22004e800139d4b80 .btn-default:hover,
#formdisplay64250cb22004e800139d4b80 .btn-default:focus,
#formdisplay64251adf975c7e0013531330 .btn-default:hover,
#formdisplay64251adf975c7e0013531330 .btn-default:focus {
    background-color: #708238;
}

#formdisplay64250cb22004e800139d4b80 .btn-default,
#formdisplay64251adf975c7e0013531330 .btn-default {
    background-image: linear-gradient(to bottom, #708238 0, #708238 100%);
    border-color: #708238;
    border-radius: 50px;
    padding: 7px 20px;
    color: #fff;
    font-size: 16px;
    text-shadow: 0 0px 0 #fff;
}

#formdisplay64250cb22004e800139d4b80 span.label,
#formdisplay64251adf975c7e0013531330 span.label {
    display: contents;
}

#formdisplay64250cb22004e800139d4b80 #capchatxt,
#formdisplay64251adf975c7e0013531330 #capchatxt {
    color: #444444;
    font-size: 14px;
    font-weight: 400;
}

#formdisplay64250cb22004e800139d4b80 #capcha0 .col-md-12.col-sm-12 span,
#formdisplay64251adf975c7e0013531330 #capcha0 .col-md-12.col-sm-12 span {
    display: none;
}

#formdisplay64250cb22004e800139d4b80 #capcha0 .col-md-9.col-sm-12 span,
#formdisplay64251adf975c7e0013531330 #capcha0 .col-md-9.col-sm-12 span {
    display: contents;
}

.ITPcheckboxAuthen {
    text-align: left !important;
    padding-left: 20px;
}

#formdisplay64250cb22004e800139d4b80 #editor1,
#formdisplay64250cb22004e800139d4b80 #editor2,
#formdisplay64250cb22004e800139d4b80 #editor3,
#formdisplay64250cb22004e800139d4b80 #editor4,
#formdisplay64250cb22004e800139d4b80 #editor5,
#formdisplay64251adf975c7e0013531330 #editor1,
#formdisplay64251adf975c7e0013531330 #editor2,
#formdisplay64251adf975c7e0013531330 #editor3,
#formdisplay64251adf975c7e0013531330 #editor4,
#formdisplay64251adf975c7e0013531330 #editor5 {
    display: none;
}

span#contactUsAcceptPolicyText2 {
    color: #708238;
}

/* ฟอร์มสนใจบริการหรือสินค้าของเรา*/
.text-menu3 {
    font-size: 38px;
    text-align: center;
    font-weight: 500;
    padding: 2% 0;
}

/*หน้าแรก*/

/*News & Activities*/
.col-section {
    padding: 0 20px;
}

.Contentmanager .site .col-section .item.-micro a .caption .title {
    text-align: left;
    font-size: 17px;
    color: #444444;
    font-weight: 400;
    background: transparent;
    line-height: 1.4;
    padding: 0 20px;
    height: 50px;
}

.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #708238;
}

.Contentmanager .site .col-section .item.-micro a .caption .time {
    margin-bottom: 0px;
    font-size: 16px;
    color: #444444;
    text-align: left;
    line-height: 1.7;
    font-weight: 400;
}

article.col-md-6.item.-micro {
    width: 31%;
    margin: 0 1% 5%;
}

.Contentmanager .site .col-section .item.-micro {
    padding: 0px 0px 0px 0px;
    transition: 0.5s;
}

.Contentmanager .site .col-section .item.-micro a .image {
    width: 100%;
    margin-bottom: 0px;
    border-radius: 0px;
}

.Contentmanager .site .col-section .item.-micro a .caption {
    width: 100%;
    background: transparent;
    padding-left: 0;
    margin-bottom: 0px;
    border: 0px solid #cbcbcb;
    border-top: none;
    padding: 5% 0%;
    border-radius: 0px;
}

.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: none;
    border-bottom: none;
    border: 0px solid #c7c7c7;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 11%);
}

.Contentmanager .site .col-section .item.-micro:nth-child(even) {
    border-right: none;
    border-bottom: none;
    border: 0px solid #c7c7c7;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 11%);
}

.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 {
    width: 33.33%;
    padding-left: 10px;
    padding-right: 10px;
}

.contenemanager-gallery .thumbnail {
    padding: 0px;
    border: 0px solid #fff;
    border-radius: 0px;
    transition: 0.3s;
}

.Contenemanager-gallery .thumbnail {
    padding: 0px;
    border: 0px solid #fff;
    border-radius: 0px;
    transition: 0.3s;
}

.Contenemanager-gallery .thumbnail:hover {
    transform: scale(1.1);
    transition: 0.3s;
    position: relative !important;
    overflow: hidden !important;
}

.contenemanager-gallery .thumbnail:hover {
    transform: scale(1.1);
    transition: 0.3s;
    position: relative !important;
    overflow: hidden !important;
}

.Contenemanager-gallery .thumbnail,
.img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 0 0 rgba(0, 0, 0, .075);
    border-radius: 0px;
    transform: scale(1.0) !important;
}

.contenemanager-gallery .thumbnail,
.img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    box-shadow: 0 0 0 rgb(0 0 0 / 8%);
    border-radius: 0px;
    transform: scale(1.0) !important;
}

#Contentmanager img.img-responsive {
    border-radius: 0px;
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    transition: 0.5s;
}

#Contentmanager img.img-responsive:hover {
    transform: scale(1.1);
    transition: 0.3s;
    position: relative !important;
    overflow: hidden !important;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: transparent;
}

#Contentmanager .thumbnail {
    background: #fff;
    position: relative !important;
    overflow: hidden !important;
    border: 0px solid #c7c7c7;
    padding: 0px;
    border-radius: 0px;
}

.img-thumbnail {
    padding: 0px;
    border: 0px solid #ddd;
    border-radius: 0px;
}

#Contentmanager .img-thumbnail,
.thumbnail {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-header {
    border-bottom: 0px solid #eee;
    display: grid;
    place-content: center;
    text-align: center;
  	margin: 0;
}

h3.managerHeader {
    background: linear-gradient(to right,#708238 0,#9ebd38 100%);
    color: #fff;
    padding: 3% 0;
    margin: 0 0 5%;
    width: 1934px;
    font-size: 38px;
    font-weight: 500;
    text-align: center;
}
#Contentmanager .post-time {
    display: none;
}

.page-header {
    border-bottom: 0px solid #eee;
}

.Textmanager.font-inherit {
    font-size: 17px;
    text-align: left;
    display: flow-root;
}

.Textmanager.font-inherit h2 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 10px;
}

.Textmanager.font-inherit h3 {
    font-size: 30px;
    margin: 20px 0 15px;
    font-weight: 500;
    color: #708238;
}

.Textmanager.font-inherit h4 {
    font-size: 20px;
    margin: 2% 0 0;
    line-height: normal;
}

.Textmanager.font-inherit p {
    margin: 0 0 2px;
}

.Textmanager.font-inherit ol,
.Textmanager.font-inherit ul {
    margin-bottom: 0px;
}

.landingpagemanager {
    display: none;
}

.more-news {
    color: #000000;
    font-weight: 400;
    font-family: 'Outfit', sans-serif;
    padding: 0 20px;
}

.more-news span {
    color: #708238;
    font-weight: 600;
    vertical-align: middle;
}

.border-news {
    border-bottom: 1px solid #c0c0c0;
    margin: 3% 0;
}

/*News & Activities*/


/*service*/
.service-text {
    font-size: 17px;
    text-align: center;
    padding: 4% 0 1%;
}

/*service*/


/*product*/
.product-detail {
    font-size: 17px;
    padding: 8% 0;
}

.product-detail h3 {
    font-size: 34px;
    color: #708238;
    font-weight: 600;
    margin: 0 0;
}

.product-detail strong {
    font-weight: 500;
}

.coming-soon {
    padding: 2% 10%;
}

#Component65324bf512f05a0013f8561a,
#Component65324cb112f05a0013f85630,
#Component6532529abd7faa001261b1c5,
#Component653252b4bd7faa001261b208 {
    width: 80%;
    margin: 0 auto;
    padding: 0% 5%;
}

figure.effect-oscar {
    background: transparent;
    border-radius: 20px;
}

.grid figure h2 {
    word-spacing: normal;
    font-weight: 400;
}

figure.effect-oscar figcaption {
    background-color: rgba(58, 52, 42, .0);
}

figure.effect-oscar:hover figcaption {
    background-color: rgb(121 141 56 / 65%);
}

figure.effect-oscar h2 {
    margin: 20% 0 10px 0 !important;
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
    font-size: 0.8em;
    bottom: 10px;
    position: absolute;
    left: 10px;
    white-space: pre-line;
    text-align: left;
}

figure.effect-oscar figcaption::before {
    border: 0px solid #fff;
}

.grid figure p {
    letter-spacing: 0px;
    font-size: 1em;
    text-transform: none;
    margin-top: 35%;
}

/*product*/

/*product*/
.grid figure h2 {
    word-spacing: normal;
    font-weight: 300;
}

.grid figure p {
    letter-spacing: 0px;
}

.grid figure figcaption {
    padding: 1em 0;
    text-transform: none;
}

figure.effect-oscar figcaption:hover {
    background-color: rgb(121 141 56 / 65%);
}

figure.effect-oscar figcaption {
    background-color: rgb(26 146 186 / 0%);
    border-radius: 10px;
}

figure.effect-oscar figcaption::before {
    border: 0px solid #fff;
}

figure.effect-oscar img {
    opacity: 1;
}

figure.effect-oscar h2 {
    margin: 7% 0 10px 0 !important;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
    font-size: 16px !important;
    white-space: break-spaces;
    text-align: left;
    padding: 15px;
    margin-top: 30%;
    text-align: center;
}

figure.effect-oscar {
    background: transparent;
}

.product-name span {
    color: gray;
    font-style: italic;
}

div#contentnewmode648fd80de786b7001a2dc262 .content-inline-data {
    background: #1a92ba;
    font-size: 20px;
    color: white;
    padding: 10px 15px;
    border-radius: 8px;
}

.menuVertical .nav li a:hover {
    background: #076a77;
    border-radius: 5px;
    color: white;
}

figure.effect-oscar figcaption .product-name {
    font-size: 18px;
}

div#Component6490110a67d8aa001aae458a .thumbnail {
    display: block;
    padding: 0 !important;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

button.product-btn-prev:hover {
    background-color: #1992ba;
    color: #fff;
}

button.product-btn-prev {
    font-size: 14px;
    background-color: #076a77;
    color: #fff;
    border: none;
    padding: 8px 25px;
    transition: 0.5s;
}

button.product-btn-next:hover {
    background-color: #1992ba;
    color: #fff;
}

button.product-btn-next {
    float: right;
    font-size: 14px;
    background-color: #076a77;
    color: #fff;
    border: none;
    padding: 8px 25px;
    transition: 0.5s;
}

div#mainmenu64b4ea84f6ce9b001384c430 figure.effect-oscar img,
div#mainmenu64b4ea84f6ce9b001384c440 figure.effect-oscar img,
div#mainmenu64b4ea84f6ce9b001384c450 figure.effect-oscar img,
div#mainmenu64b4ea84f6ce9b001384c460 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c470 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c480 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c490 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c4a0 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c4b0 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c4c0 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c4d0 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c4e0 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c4f0 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c500 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c510 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c520 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c530 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c540 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c550 figure.effect-oscar img,
div#mainmenu64b4ea85f6ce9b001384c560 figure.effect-oscar img,
div#mainmenu64b4ef45163468001313f718 figure.effect-oscar img,
div#mainmenu64b4ef45163468001313f728 figure.effect-oscar img,
div#mainmenu64b4ef45163468001313f738 figure.effect-oscar img,
div#mainmenu64b4ef46163468001313f748 figure.effect-oscar img,
div#mainmenu64b4ef57163468001313f75f figure.effect-oscar img,
div#mainmenu64b4ef57163468001313f76f figure.effect-oscar img,
div#mainmenu64b4ef57163468001313f77f figure.effect-oscar img,
div#mainmenu64b4ef6bf6ce9b001384c5d4 figure.effect-oscar img,
div#mainmenu64b4ef6bf6ce9b001384c5e4 figure.effect-oscar img,
div#mainmenu64b4ef6bf6ce9b001384c5f4 figure.effect-oscar img,
div#mainmenu64b4ef8209d16a00134a1292 figure.effect-oscar img,
div#mainmenu64b4ef8209d16a00134a12a2 figure.effect-oscar img,
div#mainmenu64b4ef8209d16a00134a12b2 figure.effect-oscar img,
div#mainmenu64b4ef8209d16a00134a12c2 figure.effect-oscar img,
div#mainmenu64b4ef9494031e0013249315 figure.effect-oscar img,
div#mainmenu64b4ef9494031e0013249325 figure.effect-oscar img,
div#mainmenu64b4efa1163468001313f79d figure.effect-oscar img,
div#mainmenu64b4efa1163468001313f7ad figure.effect-oscar img,
div#mainmenu64b4efae163468001313f7cc figure.effect-oscar img,
div#mainmenu64b4efae163468001313f7dc figure.effect-oscar img,
div#mainmenu64b4efba163468001313f7ed figure.effect-oscar img,
div#mainmenu64b4efba163468001313f7fd figure.effect-oscar img,
div#mainmenu64b4efc6163468001313f81b figure.effect-oscar img,
div#mainmenu64b4efd3163468001313f83e figure.effect-oscar img,
div#mainmenu64b4efd3163468001313f84e figure.effect-oscar img {
    filter: none;
}

#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
    width: 50%;
}

.itpcontent-product-name {
    font-size: 17px;
    text-align: center;
    padding: 5% 0 15%;
}

.title-type47 span {
    font-size: 22px;
    margin: 0;
    font-weight: 500;
}

/*product*/

/*contact*/
.contact-text {
    font-size: 17px;
    text-align: center;
    padding: 5% 0 10%;
}

.contact-text h3 {
    font-size: 26px;
    color: #708238;
    font-weight: 500;
    margin: 0 0 5px;
}

.contact-display {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1% 0;
    filter: brightness(0.5);
}

/*contact*/


figure.effect-phoebe {
    background: transparent;
}

figure.effect-phoebe h2 {
    margin-top: 0em;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    text-align: left;
}

.grid figure h2 {
    word-spacing: normal;
}


/*pagination*/
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #708238;
    border-color: #708238;
}

.pagination>li>a,
.pagination>li>span {
    color: #708238;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #708238;
    background-color: #f7f7f7;
}

/*pagination*/

/*search*/
#searchResultLanding .panel {
    margin: 6% 0;
}

#itp-shopcart-detail {
    padding-left: 0px !important;
}

.itopplus-search-image-flex-item {
    padding: 0px !important;
    width: 213px !important;
    min-height: 300px !important;
    max-height: 430px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    border: 1px solid #eee;
}

.itopplus-search-image-flex-item img {
    width: 100% !important;
}

.search_titleText {
    padding: 5px 0px;
    font-size: 16px;
}

.search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}







.product-block {
    padding-bottom: 5%;
    border-bottom: 1px solid #708238;
    line-height: 1.5;
}

.product-social {
    display: flex;
    gap: 15px;
    padding: 3% 0;
}

.product-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 10px 15px;
    border-radius: 50px;
    color: #fff;
    width: 33%;

}

.product-social a img {
    width: 15%;
}


a.social-item:hover {
    transform: scale(1.01);
    transition: 0.3s;
    color: #fff
}


.social-text {
    font-size: 28px;
}

.product-social a:nth-child(1) {
    background-color: #12278b;
}

.product-social a:nth-child(2) {
    background-color: #ee4d2d;
}

.product-social a:nth-child(3) {
    background-color: #18ca08;
}


.product-block-footer {
    text-align: center;

}

.product-block-footer img {
    width: 200px;
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
    .itopplus-search-image-flex-item {
        width: 188px !important;
    }

    .navbar-default .navbar-nav>li>a {
        margin: 0 27px;
        font-size: 22px;
    }

    .dropdown-menu>li>a {
        font-size: 22px;
    }

    .header-display {
        font-size: 20px;
    }

    .header-text img,
    .header-icon img {
        width: 30px;
    }

    .head-year h3 {
        font-size: 30px;
    }

    .about-detail {
        font-size: 22px;
    }

    .about-detail h4 {
        font-size: 36px;
    }

    .btn-more {
        font-size: 18px;
    }

    .text-menu {
        font-size: 48px;
    }

    .bg-product {
        font-size: 22px;
    }

    .bg-product h4 {
        font-size: 32px;
    }

    .text-menu2 {
        font-size: 54px;
    }

    .product-name {
        font-size: 22px;
    }

    .product-name h4 {
        font-size: 28px;
    }

    #formdisplay64250cb22004e800139d4b80 .form-control,
    #formdisplay64251adf975c7e0013531330 .form-control {
        font-size: 20px;
    }

    #formdisplay64250cb22004e800139d4b80 #capchatxt,
    #formdisplay64251adf975c7e0013531330 #capchatxt {
        font-size: 16px;
    }

    .ITPcheckboxAuthen {
        font-size: 16px;
    }

    #formdisplay64250cb22004e800139d4b80 .btn-default,
    #formdisplay64251adf975c7e0013531330 .btn-default {
        font-size: 20px;
    }

    .Contentmanager .site .col-section .item.-micro a .caption .title {
        font-size: 20px;
        height: 60px;
    }

    .Contentmanager .site .col-section .item.-micro a .caption .time {
        font-size: 20px;
    }

    .itopplus-footer {
        font-size: 16px;
    }

    .itopplus-footer h3 {
        font-size: 22px;
    }

    .itopplus-footer h4 {
        font-size: 20px;
    }

    .footer-tel {
        font-size: 22px;
    }

    .icon-img img {
        width: 40px;
    }

    .copy-right {
        font-size: 14px;
    }

    .ITPcookiebar {
        font-size: 16px !important;
    }

    .buttonExampleSite {
        font-size: 15px !important;
    }

    .ITP-pdpa-template-contentFont {
        font-size: 20px !important;
    }

    .ITP-pdpa-template-titleFont {
        font-size: 24px !important;
    }

    .text-menu3 {
        font-size: 48px;
    }

    .service-text {
        font-size: 22px;
    }

    .product-detail {
        font-size: 22px;
    }

    .product-detail h3 {
        font-size: 40px;
    }

h3.managerHeader {
    font-size: 48px;
}

    .Textmanager.font-inherit {
        font-size: 22px;
    }

    .Textmanager.font-inherit h3 {
        font-size: 30px;
    }

    .Textmanager.font-inherit h4 {
        font-size: 24px;
    }

    .contact-text {
        font-size: 22px;
    }

    .contact-text h3 {
        font-size: 30px;
    }

    .grid figure p {
        font-size: 1.1em;
        margin-top: 30%;
        text-align: center;
    }

    .title-type47 {
        width: 100%;
    }

    .title-type47 {
        width: 100%;
        margin: 0 -12.4%;
    }

    .subtitle-type47 span {
        margin-right: 24%;
        width: 100%;
    }
}


/*จอโค้ง 2750*1152 px   */
@media only screen and (min-width : 2700px) {
    .container {
        width: 85%;
    }

    .itopplus-search {
        width: 70% !important;
    }

    .bg-product {
        height: 650px;
    }

    .itopplus-menu {
        margin-top: 7%;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 40px;
        padding: 10px 10px 20px;
        margin: 0 30px;
    }

    .dropdown-menu>li>a {
        font-size: 40px;
    }

    .header-display {
        font-size: 40px;
    }

    .head-year h3 {
        font-size: 40px;
    }

    .about-detail {
        font-size: 35px;
    }

    .btn-more {
        font-size: 30px;
    }

    .bg-product h4 {
        font-size: 40px;
    }

    .bg-product {
        font-size: 30px;
    }

    .text-menu2 {
        font-size: 60px;
    }

    .product-name h4 {
        font-size: 50px;
    }

    .product-name {
        font-size: 50px;
    }

    #formdisplay64250cb22004e800139d4b80 .form-control,
    #formdisplay64251adf975c7e0013531330 .form-control {
        font-size: 40px;
    }

    #formdisplay64250cb22004e800139d4b80 #capchatxt,
    #formdisplay64251adf975c7e0013531330 #capchatxt {
        font-size: 30px;
    }

    .ITPcheckboxAuthen {
        font-size: 30px;
    }

    #formdisplay64250cb22004e800139d4b80 .btn-default,
    #formdisplay64251adf975c7e0013531330 .btn-default {
        font-size: 40px;
    }

    .Contentmanager .site .col-section .item.-micro a .caption .title {
        font-size: 40px;
        height: 120px;
    }

    .Contentmanager .site .col-section .item.-micro a .caption .time {
        font-size: 40px;
    }

    .itopplus-footer {
        font-size: 30px;
    }

    .itopplus-footer h3 {
        font-size: 40px;
    }

    .itopplus-footer h4 {
        font-size: 40px;
    }

    .footer-tel {
        font-size: 40px;
    }

    .icon-img img {
        width: 40px;
    }

    .copy-right {
        font-size: 30px;
    }

    .ITPcookiebar {
        font-size: 30px !important;
    }

    .buttonExampleSite {
        font-size: 30px !important;
    }

    .ITP-pdpa-template-contentFont {
        font-size: 40px !important;
    }

    .ITP-pdpa-template-titleFont {
        font-size: 40px !important;
    }

    .icon-img img {
        width: 9%;
    }

    .service-text {
        font-size: 40px;
    }

    .contact-text h3 {
        font-size: 60px;
    }

    .contact-text {
        font-size: 40px;
    }

    .itopplus-footer a {
        font-size: 30px;
    }



    #background64251adf975c7e0013531330 div,
    #background64250cb22004e800139d4b80 div {
        margin-bottom: 10px;
    }

    .Textmanager.font-inherit h3 {
        font-size: 50px;
    }

    .Textmanager.font-inherit h4 {
        font-size: 50px;
    }

    .Textmanager.font-inherit {
        font-size: 40px;
    }


    .social-share {
        font-size: 30px;
    }

    .social-icon {
        width: 50px;
        height: 50px;
    }


}




@media only screen and (max-width:1191px) {
    .navbar-default .navbar-nav>li>a {
        margin: 0 6px;
        padding: 5px 8px;
        font-size: 16px;
    }

    .dropdown-menu>li>a {
        font-size: 16px;
    }

    .itopplus-search .col-md-10.col-md-offset-0.padding.zIndex-pos5search {
        width: 95%;
    }

    .about-detail,
    .bg-product {
        font-size: 16px;
    }

    .head-year h1 {
        font-size: 7rem;
    }

    .head-year h2 {
        font-size: 48px;
        margin: 22px 0 0;
    }

    .head-year {
        margin: 10% 0 0;
    }

    .about-padding {
        padding: 5% 0;
    }

    .bg-product h4 {
        font-size: 20px;
    }

    .text-menu2 {
        padding: 3% 0;
    }

    .Contentmanager .site .col-section .item.-micro a .caption .title {
        font-size: 16px;
    }

    .product-detail {
        font-size: 16px;
    }

    .product-detail h3 {
        font-size: 26px;
    }

    .social-text {
        font-size: 18px;
    }
}


@media only screen and (max-width:900px) {
    .head-year {
        margin: 25% 0 0;
    }

    .head-year h1 {
        font-size: 4rem;
    }

    .head-year h3 {
        font-size: 20px;
    }

    .head-year h2 {
        font-size: 30px;
        margin: 10px 0 0;
    }

    .bg-product h4 {
        font-size: 22px;
        white-space: inherit;
    }

    .bg-product {
        padding: 50px 20px;
    }

    .text-menu2 {
        padding: 1% 0;
    }

    .product-name h4 {
        font-size: 20px;
    }

    #display1,
    #display3 {
        margin-right: -20px;
    }

    .Contentmanager .site .col-section .item.-micro a .caption .title {
        height: 70px;
    }

    .copy-right {
        font-size: 13px;
        padding: 0% 0 6%;
        text-align: center;
    }

    .service-text {
        font-size: 16px;
    }

    .coming-soon {
        padding: 2% 10% 57%;
    }

    .Textmanager.font-inherit {
        font-size: 16px;
        display: block;
    }

    .Textmanager.font-inherit h3 {
        font-size: 26px;
    }

    .contact-text {
        font-size: 16px;
    }

    .itopplus-bg4 {
        background-attachment: inherit;
    }

    .itopplus-search-image-flex-item {
        margin: 5px 0 !important;
        width: 227px !important;
        min-height: 240px !important;
        max-height: 425px !important;
    }

    .search_titleText {
        padding: 5px 0px;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
    }

    .grid figure p {
        margin-top: -4%;
    }

    .itpcontent-product-name {
        font-size: 17px;
        text-align: center;
        padding: 5% 0 15%;
    }

    .title-type47 {
        width: 105%;
    }

    .title-type47 span {
        font-size: 20px;
        margin: 0;
        font-weight: 500;
    }

    .grid figure p {
        margin-top: 10%;
        font-size: 18px !important;
    }
  
  h3.managerHeader {
    width: 100%;
    background: transparent;
    color: #444;
}
}



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

    #imagesControl642417abc339bc00131a562f,
    #imagesControl642d347e3322ab0012675970 {
        padding: 0 !important;
    }

    .head-year h3 {
        font-size: 24px;
    }

    .head-year h1 {
        font-size: 9rem;
    }

    .head-year h2 {
        font-size: 48px;
        margin: 35px 0 0;
    }

    .head-year {
        margin: 2% 0 0;
    }

    .text-menu {
        font-size: 30px;
        padding: 4% 1% 1%;
    }

    .text-menu2 {
        padding: 1% 0;
        font-size: 22px;
    }

    .CASS-D-border {
        padding: 5% 0;
    }

    #formdisplay64250cb22004e800139d4b80,
    #formdisplay64251adf975c7e0013531330 {
        width: 100%;
    }

    article.col-md-6.item.-micro {
        width: 100%;
    }

    .Contentmanager .site .col-section .item.-micro a .caption .title {
        height: inherit;
    }

    .text-menu3 {
        font-size: 34px;
    }

    #background642516ee2004e800139d4daa {
        padding: 10% 0 0;
    }

    h3.managerHeader {
        font-size: 28px;
    }

    .Textmanager.font-inherit h3 {
        font-size: 22px;
    }

    .Textmanager.font-inherit h4 {
        font-size: 18px;
    }

    .contact-text h3 {
        font-size: 20px;
    }

    .itopplus-search-image-flex-item {
        width: 100% !important;
        min-height: 210px !important;
        max-height: inherit !important;
    }

    .itopplus-search-image-flex-item img {
        width: 100% !important;
    }

    .search_titleText {
        padding: 5px 0px;
        font-size: 14px;
    }

    .search_text {
        padding: 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
    }

    .grid figure figcaption {
        padding: 1em 2em;
    }

    #Component65324bf512f05a0013f8561a {
        padding: 0% 0%;
    }

    #Component65324cb112f05a0013f85630 {
        padding: 0% 0%;
    }

    .grid figure p {
        margin-top: 0%;
        font-size: 14px !important;
    }

    #Contentmanager .col-md-4.col-sm-4.col-xs-12 {
        width: 100%;
    }

    .product-social {
        flex-direction: column;
    }

    .product-social a {
        width: 100%;
    }

    .social-text {
        font-size: 18px;
    }
}


.product-social a img {
    width: 15%;
    margin: unset !important;
}

.Textmanager.font-inherit img {
    display: block;
    margin: 0 auto;
}