.itopplus-background {

}
body {
  overflow-x: hidden;
  color: #444;
  font-family: "LINE Seed Sans TH";
}

.itopplus-bg1 {
  background-color: #ece9e5;
}

.itopplus-pos2 {
    background-color: #ece9e5;
}

.itopplus-bg2 {
  background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_100220257vzn/0/0/2z-z784246604829.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  color: #fff;
}

.itopplus-bg3 {
  background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_100220257vzn/0/0/3z-z284074313311.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  background-color: #ece9e5;
}

.itopplus-bg4 {
  background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_100220257vzn/0/0/41436331481417z-z16654491929.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  background-color: #ece9e5;
}

.itopplus-bg5 {
  background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_100220257vzn/0/0/51587783873732z-z11237888362.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  background-color: #ece9e5;
}

.itopplus-bg6 {
  background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_100220257vzn/0/0/bg-6z-z469249470759.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  background-color: #ece9e5;
}

.itopplus-footer {
  background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_100220257vzn/0/0/bg-footerz-z413496630523.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  color: #fff;
  background-color: #ece9e5;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
  margin: 0;
  padding: 3px 7px;
  border-radius: 0;
  border-bottom: 3px solid transparent;
}

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

.no-js .dropdown-menu > li > a {
  color: #444;
  padding: 5px 20px;
}

.no-js .dropdown-menu {
    border-radius: 8px !important;
}

.no-js .dropdown-menu > li > a:focus,
.no-js .dropdown-menu > li > a:hover {
  color: #fff;
  background: #553a25;
}

@media screen and (max-width: 1023px) {
  #controlBanner img {
    position: fixed !important;
    top: 10px;
    left: 10px;
    width: auto !important;
    height: 30px;
    z-index: 10000;
    object-fit: contain;
  }

  #nav-menu {
    background: #553a25 !important;
  }

  .navbar-collapse,
  #ItopplusMainSidebar {
    background: #553a25 !important;
  }

  #ItopplusMainSidebar *:is(li, a) {
    color: #fff !important;
    border: none;
  }

  #nav-menu .icon-bar {
    background: #fff !important;
  }

  .navbar-header a.visible-xs {
    flex: 0 1 30px;
    background-color: #728a4c !important;
    border-radius: 50%;
  }

  #itpphonemobile {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/telz-z555807927326.png) !important;
  }

  #itpsearchmobile {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/searchz-z1550057493030.png) !important;
  }

  .old-image-icon-facebook {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/fbz-z1306469976463.png) !important;
  }

  .old-image-icon-line {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/linez-z468194837558.png) !important;
  }

  .old-image-icon-instragram {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/igz-z261562755399.png) !important;
  }

  .old-image-icon-youtube {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/ytz-z1709509823553.png) !important;
  }

  .new-image-icon-twitter {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/twz-z1451700767745.png) !important;
  }
}

@media screen and (min-width: 1024px) {
  .no-js .itopplus-banner {
    position: sticky;
    top: 0;
    z-index: 110;
  }

  .itopplus-banner {
    background: #553a25;
    transition: 0.3s;
  }

  .itopplus-sticky {
    background: #553a25 !important;
  }

  .itopplus-banner > .container {
    display: grid;
    grid-template-columns: 15% auto;
    align-items: center;
  }

  #itopplus-nav-bar {
    display: flex;
    width: 100%;
    justify-content: end;
    gap: 20px;
  }

  #controlBanner {
    object-fit: contain;
    padding: 15px;
    width: clamp(100px, 50%, 20vw);
    margin: 0 auto;
  }
}

@media screen and (min-width: 1200px) {
  .container {
    width: 86vw;
  }
}
@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.8em;
}

h3 {
    font-size: 3.2em;
}

h4 {
    font-size: 2.4em;
}

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.4em;
}

p, .items-branch h6, .catering-two li {
    font-size: 16px;
}

.footer h6, .items-cont-more h6 {
    font-size: 18px;
}

.items-branch p,.CASS-JaikothaiHead-main button,
.CASS-JaikothaiHead-main .form-control{
    font-size: 14px !important;
}

.about-two h6, .about-page h6 {
    font-size: 22px;
}

.no-js table>tbody>tr>td, .no-js table>thead>tr>th {
    font-size: 14px;
}

.text-cate h6 {
    font-size: 20px;
}

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

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

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

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


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

.ic-maps {
    width: 22px;
    margin-top: -20px;
}

.blog-maps {
    background: #ece9e5;
    width: fit-content;
    padding: 8px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    color: #444;
    gap: 5px;
    transition-duration: 0.3s;
}

.group-maps {
    display: flex;
    gap: 10px;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.blog-tell {
    display: grid;
    grid-template-columns: 25px auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 2rem;
}

.social-footer {
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-footer img {
    width: 38px !important;
}

.copt-right {
    text-align: center;
    margin-top: 4rem;
    padding: 2rem 0 1rem;
    border-top: 1px solid #735742;
    font-family: "Inter", sans-serif;
}

.footer h6, h2, h3, .tell-more h6, .sect-tokyo h5,
.items-branch h6, .head-menu-tokyo h3, .text-cate h6,
.catering-two h5, .about-page h2, .about-page h6,
.hom-food h5, .about-two h2, .about-two h6, b, strong,
.form-contact h5, #contactUsAcceptPolicyText2 {
    font-weight: 600;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: inherit;
    margin: 0;
}

figure.effect-selena, .CASS-B-border, figure.effect-jazz,
.CASS-D-border, .CASS-E-border, .CASS-H-main,
.CASS-GrayBackground-border, .CASS-BlackHead-border,
.CASS-JaikothaiHead-border, .CASS-PrakayHead-border,
.CASS-JaiauHead-border {
    background: transparent;
}

.CASS-A-middle-mid, .CASS-B-middle-mid, .CASS-B-border,
.CASS-D-middle-mid, .CASS-E-border, .CASS-H-middle-mid,
.CASS-PrakayHead-middle-mid{
    padding: 0;
}

.CASS-A-middle-right, .CASS-A-middle-left, .CASS-A-bottom,
.CASS-A-top, .boderedlayoutClient, .CASS-B-border,
figure.effect-jazz figcaption::after, .CASS-E-border,
.dropdown-menu {
    border: none;
}

.CASS-A-main, .has-error .form-control {
    box-shadow: none !important;
}

.CASS-A-middle-mid {
    display: flex;
    align-items: center;
}

.head-homcafe h2, .sect-about h3, .sect-two h3,
.head-suk h2, .sect-resturang h3, .sect-cont-more2 h3,
.head-tokyo h2, .sect-cont-more3 h3, .sect-tokyo h3,
.sect-tokyo h5, .head-page h3, .head-menu-tokyo h3,
.sect-catering h3, .catering-two h5, .about-page h2,
.about-page h6, .hom-food h5, .about-two h2 {
    color: #728a4c;
}

.head-homcafe h6, .head-suk h6, .head-tokyo h6,
.head-page h6, .head-menu-tokyo h6{
   color: #000;
   font-family: "Inter", sans-serif;
   font-weight: 400;
   text-transform: uppercase;
}

.head-homcafe {
    text-align: center;
    padding-top: 2%;
}

.head-suk {
    text-align: center;
    padding-top: 7%;
    padding-bottom: 50%;
}

.sect-about h3, .sect-cont-more h3, .sect-two h3, 
.sect-resturang h3,.sect-cont-more2 h3, .sect-cont-more2 h3,
.sect-tokyo h3, .sect-catering h3, .catering-two h5,
.catering-two p, .about-page h5, .about-page h6,
.about-page li p, .hom-food h5, .about-two h5, .about-two h6,
.about-two li p{
    margin-bottom: 1rem;
}

.sect-tokyo h5, .sect-catering p, .catering-two ol,
.about-page ul, .about-two ul, .form-contact h5 {
    margin-bottom: 2rem;
}

.sect-about {
    padding-left: 13%;
    padding-right: 19%;
    padding-bottom: 28%;
}

.img-charm {
    width: 55%;
    position: absolute;
    right: -220px;
    top: -360px;
    overflow: hidden;
}

.img-food {
    width: 50%;
    position: absolute;
    left: -130px;
    top: -170px;
}

.blog-charm, .blog-img-food {
    position: relative;
}

.CASS-B-main .imgLightbox,
.CASS-B-main figure {
    border-radius: 25px;
    overflow: hidden;
}

.CASS-B-main .slider-pager img {
    border-radius: 10px;
}

.blog-cont-more {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 3rem;
    margin-top: 1rem;
}

.tell-more {
    display: grid;
    grid-template-columns: 25px auto;
    align-items: center;
    gap: 10px;
}

.text-cont-more p, .sect-two h3, .sect-resturang h3,
.sect-resturang p, .sect-cont-more2 h3, .sect-cont-more2 h3,
.sect-tokyo h3, .sect-tokyo p, .about-page p, .hom-food p,
.contact-page-three p {
    white-space: pre-line;
}

.group-cont-more {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 25px;
}

.items-cont-more {
    display: grid;
    grid-template-columns: 40px auto;
    align-items: center;
    gap: 10px;
    font-family: "Inter", "LINE Seed Sans TH", sans-serif;
}

.items-cont-more p {
    font-family: "Inter", "LINE Seed Sans TH", sans-serif;
    margin: 0;
}

.img-design {
    position: relative;
    width: 55%;
    margin: auto;
    margin-right: 0;
    right: -170px;
}

.sect-two {
    padding-top: 10%;
    padding-left: 6%;
}

.more-first {
    position: relative;
    top: -130px;
}

.text-cont-more {
    border-left: 2px solid #fff;
    padding-left: 20px;
}

#background69b2575364101a0013874f94 {
    background: linear-gradient(180deg, #edeae5, #edeae5, #ece9e500, #ece9e500, #ece9e500, #ece9e500, transparent);
    padding-top: 6%;
    border-radius: 35px;
    position: relative;
    top: -130px;
}

.CASS-D-main .col-md-6.col-sm-6.col-xs-12:nth-child(2) {
    padding-left: 7% !important;
}

.sect-resturang {
    padding-left: 15%;
    margin-bottom: 5rem;
}

.sect-cont-more2 .text-cont-more,
.sect-cont-more3 .text-cont-more,
.text-cont-more.line-brown{
    border-color: #553a25;
}

.group-cont-more2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.group-cont-more3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.head-tokyo {
    text-align: center;
    padding-bottom: 38%;
}

.sect-cont-more2 h3 {
    line-height: 54px;
}

.CASS-E-border, .CASS-E-main {
    color: unset !important;
}

.CASS-E-main {
    position: relative;
    top: 160px;
}

.space-tokyo {
    padding: 10%;
}

.CASS-E-main figure {
    border-radius: 25px;
    overflow: hidden;
    border: 8px solid #ece9e5;
}

.CASS-GrayBackground-main figure {
    border-radius: 25px;
    overflow: hidden;
    border: 6px solid #fff;
}

div#contentnewmode69a95b72bbff2a0012b3aafc {
    position: relative;
    z-index: 1 !important;
}

div#Component69b2619ba1f5e00013ddb565 {
    position: relative;
    z-index: 2 !important;
}

.CASS-H-main .col-md-6.col-sm-6.col-xs-12:nth-child(1) {
    padding-right: 6% !important;
}

.CASS-H-middle-mid {
    display: flex;
    align-items: center;
}

.sect-cont-more3 {
    padding-left: 15%;
}

.sect-tokyo p {
    margin-bottom: 4rem;
}

.CASS-B-main figcaption {
    padding: 0 !important;
    position: relative !important;
    text-transform: none !important;
}

figure.effect-jazz h2 {
    padding-top: 0;
    -webkit-transition: inherit;
    transition: inherit;
}

figure.effect-jazz h2, figure.effect-jazz p {
    opacity: 1;
    -webkit-transform: inherit;
    transform: inherit;
}

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

figure.effect-jazz p {
    padding: 0;
    opacity: 1;
    font-size: initial;
    -webkit-transition: inherit;
    transition: inherit;
    letter-spacing: unset;
}

figure.effect-jazz img, figure.effect-jazz:hover img {
    opacity: 1;
}

.items-branch {
    display: grid;
    grid-template-columns: 20px auto;
    align-items: center;
    gap: 10px;
    text-align: left;
    padding-top: 15px !important;
    color: #444;
}

.head-page {
    text-align: center;
    padding-top: 4%;
    margin-bottom: 2.5rem;
}

.head-menu-tokyo, .hom-food {
    text-align: center;
    margin-bottom: 2rem;
}

div#background69b275a765203a0013ca8a5d .CustomImageGalleryType_2 {
    justify-content: center;
}

.text-cate {
    padding: 20px;
    color: #444;
}

.tab-itp-background {
    background: transparent !important;
    padding: 0 !important;
}

.TabItpContent .nav-justified > li > a {
    padding: 1rem !important;
    border-radius: 30px !important;
}

.TabItpContent .nav-justified > li {
    width: 20%;
}

.TabItpContent .nav-justified {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.TabItpContent .nav-pills > li.active > a, 
.TabItpContent .nav-pills > li.active > a:focus, 
.TabItpContent .nav-pills > li.active > a:hover,
.TabItpContent .nav-pills > li > a:hover{
    background-color: #728a4c !important;
    border: solid 0px #728a4c !important;
}

.TabItpContent .nav-pills > li.active > a > span,
.TabItpContent .nav-pills > li > a:hover > span {
    color: #fff !important;
}

#Contentmanager .row.Contenemanager-gallery,
.CASS-BlackHead-main, .CASS-JaikothaiHead-main,
.CASS-JaiauHead-main {
    margin: 0;
}

#Contentmanager .row.Contenemanager-gallery .col-xs-6.col-md-3 {
    padding: 0 1%;
    width: 25%;
}

#Contentmanager .img-thumbnail, #Contentmanager .thumbnail {
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 20px;
    overflow: hidden;
}

.no-js table>thead>tr>th {
    border: 1px solid #ece9e5 !important;
    text-align: center;
    font-weight: 600;
    vertical-align: middle !important;
    padding: 5px !important;
}

.no-js table>thead {
    background: #728a4c;
    color: #fff;
}

.no-js table>tbody>tr>td {
    border: none !important;
    text-align: center;
    padding: 7px !important;
}

.no-js table>tbody>tr:nth-child(even) {
    background: #ffffff8a;
}

.no-js table {
    border-bottom: 1px solid #fff;
}

.about-page {
    padding-left: 10%;
}

.about-page h5 {
    color: #000;
}

.about-page li::before, .about-two li::before {
    content: " ";
    width: 18px;
    height: 18px;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_100220257vzn/0/0/nextz-z1311496462109.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -25px;
    top: 1px;
}

.about-page li, .about-two li {
    position: relative;
    list-style: none;
}

.CASS-BlackHead-middle-mid {
    display: flex;
    align-items: center;
}

.more-page .group-cont-more {
    grid-template-columns: repeat(2, 1fr);
}

.about-two {
    padding-right: 10%;
}

.about-two li::before {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_100220257vzn/0/0/nextz-z703790162390.png);
}

.img-cont-one {
    width: 115%;
    position: relative;
    left: -90px;
}

.contact-page-one h3,
.contact-page-two h3,
.contact-page-three h3 {
    font-family: "Inter", "LINE Seed Sans TH", sans-serif;
    color: #728a4c;
    margin-bottom: 0.5rem;
}

.group-cont-page {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.group-cont-page2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.contact-page-one {
    padding-top: 10%;
    padding-right: 8%;
    padding-left: 3%;
}

.contact-page-one .blog-cont-more,
.contact-page-two .blog-cont-more{
    margin-top: 2rem;
}

.contact-page-three {
    padding-left: 13%;
}

.blog-cont-more a, .group-cont-page a,
.group-cont-page2 a, .group-cont-more2 a,
.group-cont-more3 a{
    color: #444;
    transition-duration: 0.3s;
}

.blog-cont-more a:hover, .group-cont-page a:hover,
.group-cont-page2 a:hover, .group-cont-more2 a:hover,
.group-cont-more3 a:hover, .CASS-B-main figure:hover .text-cate h6{
    color: #728a4c;
}

.CASS-JaikothaiHead-main {
    width: 45%;
    margin: auto;
    text-align: center;
    background: #fff;
    padding: 3% 4%;
    border-radius: 30px;
}

.CASS-JaikothaiHead-main .col-xs-12.col-sm-3.col-md-3 {
    display: none !important;
}

.CASS-JaikothaiHead-main .col-xs-12.col-sm-6.col-md-6 {
    width: 100%;
}

.CASS-JaikothaiHead-main input.form-control {
    height: 40px;
}

.CASS-JaikothaiHead-main .form-control {
    box-shadow: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #cacaca;
}

.CASS-JaikothaiHead-main button {
    background: #553a25;
    color: #fff;
    text-shadow: none;
    border: none;
    padding: 1rem 3rem;
    border-radius: 30px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
    width: fit-content;
    margin: auto;
}

.ic-tell-more img, .ic-cont-more img, .ic-tell img,
.social-footer img, #Contentmanager .thumbnail>img {
    transition: transform 0.3s ease-out;
}

.tell-more:hover img, .items-cont-more:hover img,
.blog-tell:hover img, .social-footer img:hover,
#Contentmanager .thumbnail>img:hover {
    transform: scale(1.05);
}

.CASS-JaikothaiHead-main button:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.CASS-JaikothaiHead-main button::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #728a4c;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.CASS-JaikothaiHead-main button:hover {
    color: #fff;
}

.blog-maps:hover {
    background: #b68966;
    color: #fff;
}

.footer a, .more-first a, .more-page a {
    color: #fff;
    transition-duration: 0.3s;
}

.footer a:hover, .more-page a:hover,
.more-first a:hover{
    color: #93ab6d;
}

.no-js table>tbody>tr:hover {
    background: #93ab6d;
    color: #fff;
}

.CASS-B-main .owl-nav button.owl-next, .CASS-B-main .owl-nav button.owl-prev {
    display: none;
}

.CASS-B-main .owl-dots.disabled {
    display: block;
}

.CASS-B-main button.owl-dot.active {
    background: #553a25 !important;
}

.CASS-B-main button.owl-dot {
    width: 10px !important;
    height: 10px !important;
    background: #949494 !important;
}

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

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

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

.ITPlinkToCookiepage:hover {
    color: #93ab6d !important;
}

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

.itpPDPALandingPage {
    margin-top: 3%;
}

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

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

.ITPcheckboxAuthen .ITPcheckboxAuthen {
    margin: 0;
    padding: 0;
}

.ITPcheckboxAuthen {
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
    z-index: 999;
}

.Text_seller2, .post-time, .landingpagemanager {
    display: none;
}

.social-icon {
    border-radius: 5px;
}

.CASS-JaikothaiHead-main .col-md-offset-3 {
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 0;
}

.more-first h5 {
    margin-bottom: 0.75rem;
    font-weight: 400;
    font-size: 24px;
}

#background69bb5b2a14d5cb0013753dec {
    position: relative;
    top: -105px;
}

.service-outdoor {
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 10%;
    white-space: pre-line;
}

.service-outdoor h3 {
    margin-bottom: 1rem;
    font-weight: 600;
    color: #728a4c;
    font-size: 38px;
}

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

@media screen and (min-width: 1900px) {
  
  
.navbar-default .navbar-nav>li>a {
    font-size: 20px;
}

h1 {
    font-size: 4.7em;
}

h2 {
    font-size: 4.2em;
}

h3 {
    font-size: 3.6em;
}

h4 {
    font-size: 2.8em;
}

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 1.8em;
}

p, .items-branch h6, .catering-two li {
    font-size: 20px;
}

.footer h6, .items-cont-more h6 {
    font-size: 22px;
}

.items-branch p, .CASS-JaikothaiHead-main button,
.CASS-JaikothaiHead-main .form-control{
    font-size: 18px !important;
}

.about-two h6, .about-page h6 {
    font-size: 26px;
}

.text-cate h6 {
    font-size: 24px;
}
  
  .img-charm {
    right: -295px;
    top: -480px;
    width: 52%;
}
  
  .sect-two {
    padding-right: 5%;
}
  
  .img-design {
    right: -235px;
}
  
  .img-food {
    left: -205px;
    top: -260px;
    width: 52%;
}
  
  .more-first {
    top: -135px;
}
  
  .service-outdoor h3 {
    font-size: 46px;
}
  
  .tell-more {
    grid-template-columns: 30px auto;
}
  
    .items-cont-more {
        grid-template-columns: 48px auto;
        gap: 15px;
    }
  
  div#background69b2575364101a0013874f94 {
    top: -185px;
}
  
  .blog-cont-more {
    margin-top: 2rem;
}
  
  .CASS-E-main {
    top: 210px;
}
  
  .items-branch {
    grid-template-columns: 30px auto;
}
  
  .copt-right {
    margin-top: 9rem;
}
  
  .social-footer img {
    width: 43px !important;
}
  
  .blog-tell {
    grid-template-columns: 30px auto;
}
  
  .ic-maps {
    width: 25px;
  }
  
  .logo-footer {
    width: 53%;
  }
  
  .head-tokyo {
    padding-bottom: 40%;
}
  
  .about-page li::before, .about-two li::before {
    width: 22px;
    height: 22px;
    top: 4px;
    left: -30px;
}
  
  .TabItpContent .nav-justified > li > a > span {
    font-size: 20px !important;
}
  
  .no-js table>tbody>tr>td, .no-js table>thead>tr>th {
    font-size: 18px;
}
  
    .ITPcookieLeftText, .buttonExampleSite, .ITPcheckboxAuthen {
    font-size: 18px !important;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}
  
  #background69bb5b2a14d5cb0013753dec {
    top: -150px;
}
}

@media screen and (max-width: 1366px) {
  
  .sect-about {
    padding-left: 8%;
    padding-right: 12%;
    padding-bottom: 32%;
}
  
  .img-charm {
    top: -320px;
}
  
  .sect-two {
    padding-top: 7%;
    padding-left: 6%;
    padding-right: 2%;
}
  
  .img-food {
    top: -145px;
}
  
  .service-outdoor h4 {
    font-size: 30px;
}
  
.service-outdoor h3 {
    font-size: 36px;
}
  
  .items-cont-more h6 {
    font-size: 16px;
}
  
  .group-cont-more {
    gap: 20px;
}
  
  #background69b2575364101a0013874f94 {
    top: -120px;
}
  
  .sect-resturang {
    padding-left: 16%;
  }
  
  h3 {
    font-size: 2.8em;
}
  
  .CASS-D-main .col-md-6.col-sm-6.col-xs-12:nth-child(2) {
    padding-left: 5% !important;
}
  
  .tell-more {
    grid-template-columns: 20px auto;
    gap: 7px;
}

.blog-cont-more {
    gap: 10px;
}

.text-cont-more {
    padding-left: 10px;
}
  
  .sect-resturang p, .sect-tokyo p {
    white-space: inherit;
}
  
  .CASS-E-main {
    top: 145px;
}
  
  .sect-cont-more3 {
    padding-left: 13%;
    padding-bottom: 8%;
}
  
  .copt-right {
    margin-top: 2rem;
}
  
  .about-page {
    padding-left: 6%;
}
  
  .about-two {
    padding-right: 6%;
}
  
  .more-first {
    top: -115px;
}
}

@media screen and (max-width: 1200px) {
  
  h1 {
    font-size: 3.6em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.6em;
}

h4 {
    font-size: 2em;
}

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.2em;
}
  
      .img-charm {
        top: -280px;
    }
  
      .sect-about {
        padding-left: 8%;
        padding-right: 8%;
        padding-bottom: 25%;
    }
  
      .sect-two {
        padding-top: 7%;
        padding-left: 3%;
        padding-right: 0;
    }
  
  .img-design {
    right: -140px;
}
  
  .more-first {
    top: -70px;
}
  
  .head-suk {
    padding-bottom: 53%;
}
  
  #background69b2575364101a0013874f94 {
        top: -110px;
        padding-top: 5%;
    }
  
      .sect-resturang {
        padding-left: 9%;
    }
  
  .sect-cont-more2 h3 {
    line-height: inherit;
}
  
  .items-cont-more {
    grid-template-columns: 38px auto;
}
  
      .group-cont-more {
        gap: 15px;
    }
  
  .blog-cont-more {
    margin-bottom: 2rem;
}
  
      .items-cont-more h6, .items-cont-more p {
        font-size: 14px;
    }
  
      .group-cont-more {
        gap: 10px;
    }
  
  .sect-cont-more2 {
    width: 110%;
}
  
      .CASS-E-main {
        top: 130px;
    }
  
  .head-tokyo {
    padding-bottom: 43%;
}
  
  .space-tokyo {
    padding: 8%;
}
  
  .items-branch p {
    font-size: 12px !important;
}
  
  .social-footer img {
    width: 35px !important;
}
  
  .copt-right {
    padding: 1rem 0;
    margin-top: 1rem;
}
  
  .TabItpContent .nav-justified > li > a > span {
    font-size: 16px !important;
}
  
  div#background69b378739a987e0013c29a4c .CASS-A-middle-mid,
  div#background69b37b2acc8f6c00131aaed2 .CASS-BlackHead-middle-mid{
    align-items: start;
}
  
  .contact-page-three p {
    white-space: inherit;
}
  
  .contact-page-three .text-cont-more p {
    white-space: pre-line;
}
  
  .CASS-JaikothaiHead-main .form-group {
    margin-bottom: 5px;
}
  
      .service-outdoor h3 {
        font-size: 30px;
    }
  
      .service-outdoor h4 {
        font-size: 26px;
    }
}

@media screen and (max-width: 1024px) {
  
      .img-charm {
        top: -245px;
        right: -190px;
    }
  
      .img-food {
        top: -120px;
        width: 58%;
        left: -120px;
    }
  
      .head-suk {
        padding-bottom: 48%;
    }
  
  #background69b2575364101a0013874f94 {
        top: -100px;
        padding-top: 3%;
    }
  
      .sect-cont-more2 {
        width: 100%;
    }
  
  .sect-cont-more2 .text-cont-more {
    width: 60%;
}
  
.sect-cont-more2 .text-cont-more p {
    white-space: inherit;
}
  
  .group-cont-more2, .group-cont-more3 {
    gap: 15px;
}
  
      .head-tokyo {
        padding-bottom: 32%;
    }
  
      .social-footer img {
        width: 30px !important;
    }
  
  .blog-tell {
    grid-template-columns: 20px auto;
}
  
  .group-maps {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}
  
  .contact-page-one {
    padding-top: 5%;
    padding-right: 6%;
    padding-left: 0;
}
}

@media screen and (max-width: 900px) {
  
    h1 {
    font-size: 34px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}
  
  p, .items-branch h6, .catering-two li {
    font-size: 14px;
}
  
      .sect-about {
        padding-left: 5%;
        padding-right: 8%;
        padding-bottom: 28%;
    }
  
      .img-charm {
        top: -190px;
        right: -135px;
    }
  
      .img-design {
        right: -120px;
    }
  
      .img-food {
        top: -120px;
        width: 63%;
        left: -110px;
    }
  
      .more-first {
        top: -60px;
    }
  
  .items-cont-more {
        grid-template-columns: 32px auto;
    }
  
  .tell-more h6 {
    font-size: 15px;
}
  
      .head-suk {
        padding-bottom: 45%;
    }
  
      #background69b2575364101a0013874f94 {
        top: -80px;
        border-radius: 25px;
  }
  
  .sect-resturang {
    margin-bottom: 3rem;
    padding-left: 2%;
}
  
  .CASS-E-main .col-md-3.col-sm-4.col-xs-4,
  .CASS-B-main .col-md-3.col-sm-4.col-xs-4,
  .CASS-GrayBackground-main .col-md-3.col-sm-4.col-xs-4{
    width: 25%;
}
  
      .CASS-E-main {
        top: 110px;
    }
  
      .head-tokyo {
        padding-bottom: 28%;
    }
  
  .copt-right {
    border: none;
    margin: 0;
}
  
      .sect-cont-more3 {
        padding-left: 8%;
  }
  
  .itopplus-sidebar-menu-parent a:active,
  .itopplus-sidebar-menu-single a:active{
    background-color: transparent;
}
  
  .text-cate h6 {
    font-size: 16px;
}
  
  .no-js table>tbody>tr>td, .no-js table>thead>tr>th {
    font-size: 12px;
}
  
  .contact-page-one {
    margin-left: -50px;
    padding-right: 0;
    padding-top: 3%;
}
  
  .sect-resturang p, .sect-tokyo p,
  .about-page p, .hom-food p, 
  .contact-page-three p {
    white-space: inherit;
}
  
      .sect-cont-more2 .text-cont-more p {
        white-space: inherit;
    }
  
   .text-cont-more p {
        font-size: 13px;
  }
  
      .group-cont-more2, .group-cont-more3 {
        gap: 10px;
    }
  
  .sect-tokyo p {
    margin-bottom: 2rem;
}
  
  .service-outdoor {
    padding-left: 0;
   padding-right: 0;
}
  
      .service-outdoor h3 {
        font-size: 28px;
    }
  
      .service-outdoor h4 {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
  
  ul#slider69b23ef265203a0013ca7dd5 {
    margin-bottom: -6px;
}
  
      .img-food {
        top: -105px;
  }
  
      .img-design {
        right: -105px;
    }
  
      .sect-cont-more2 .text-cont-more {
        width: 58%;
    }
  
  .group-cont-page {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
  
      .contact-page-one {
        margin-left: 0;
  }
  
  .img-cont-one {
    width: 100%;
    left: 0;
}
  
  .group-cont-page2 {
    gap: 10px;
}
  
  .more-first h5 {
    font-size: 20px;
}
  
      .service-outdoor h3 {
        font-size: 26px;
    }
  
      .service-outdoor h4 {
        font-size: 22px;
    }
}

@media screen and (max-width: 480px) {
  
  div#imagesControl69b23ef265203a0013ca7dd5,
  div#mainmenu69a95c5ec374170013cb97f6>div,
  .CASS-GrayBackground-main .col-md-3.col-sm-4.col-xs-6{
    padding: 0 !important;
}
  
  .CASS-A-middle-mid {
    flex-wrap: wrap;
}
  
  .CASS-B-border, .CASS-D-border, .CASS-PrakayHead-border,
  .CASS-E-border, .CASS-GrayBackground-border {
    margin: -10px;
}
  
      .img-charm {
        top: -140px;
        right: -60px;
    }
  
  .sect-about {
    padding: 0;
    padding-bottom: 30%;
}
  
  .sect-two {
    padding: 0;
}
  
      .img-design {
        right: 0;
    }
  
      h3 {
        font-size: 24px;
    }
  
  .itopplus-bg2 {
    background-position: top;
    background-color: #553a25;
}
  
  .img-food {
    width: 95%;
    left: -90px;
    top: -105px;
}
  
      .more-first {
        top: 0;
     padding-bottom: 12%;
    }
  
  div#background69b2478365203a0013ca801a {
    margin-top: 60%;
}
  
  .text-cont-more p, .sect-cont-more2 .text-cont-more p {
    white-space: inherit;
}
  
  .blog-cont-more {
   gap: 0;
   grid-template-columns: 42% auto;
   display: grid;
   margin-bottom: 1.5rem;
}
  
  .group-cont-more, .more-page .group-cont-more {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
}
  
  .head-suk {
    padding-top: 10%;
}
  
      .sect-resturang {
        margin-bottom: 4rem;
        padding-left: 2%;
        padding-right: 2%;
    }
  
  #background69b2575364101a0013874f94 {
           padding-top: 1%;
        top: -35px;
}
  
  .sect-resturang h3, .sect-cont-more2 h3, .sect-tokyo h3 {
    white-space: inherit;
}
  
      .CASS-D-main .col-md-6.col-sm-6.col-xs-12:nth-child(2) {
        padding-left: 0 !important;
    }
  
  .CASS-D-main .col-md-6.col-sm-6.col-xs-12:nth-child(1) .boderedlayoutClient {
    display: flex;
    flex-wrap: wrap-reverse;
}
  
  .sect-cont-more2 {
    padding: 0;
}
  
      h3 {
        font-size: 22px;
    }
  
  h6 {
    font-size: 16px;
}
  
  .CASS-B-main .imgLightbox, .CASS-B-main figure,
  .CASS-GrayBackground-main figure {
    border-radius: 20px;
  }
  
      .sect-cont-more2 .text-cont-more {
        width: 100%;
    }
  
  .group-cont-more2, .group-cont-more3 {
    grid-template-columns: repeat(1, 1fr);
            gap: 12px;
}
  
  .CASS-E-main figure {
    border: 5px solid #ece9e5;
}
  
      .head-tokyo {
        padding-bottom: 25%;
        padding-top: 8%;
    }
  
  .itopplus-bg5 {
    background-size: cover;
}
  
  .CASS-E-main .col-md-3.col-sm-4.col-xs-6 {
    padding: 0 !important;
}
  
      .CASS-E-main {
        top: 200px;
    }
  
      .space-tokyo {
        padding: 25%;
    }
  
  .CASS-H-middle-mid, .CASS-BlackHead-middle-mid {
    flex-wrap: wrap-reverse;
}
  
  .CASS-H-main .col-md-6.col-sm-6.col-xs-12:nth-child(1) {
    padding-right: 0 !important;
}
  
  .sect-cont-more3 {
    padding: 0;
    margin-bottom: 3rem;
}
  
  .itopplus-bg6 {
    background-size: cover;
}
  
  .copt-right {
    padding-top: 7%;
}
  
      .tell-more {
        grid-template-columns: 17px auto;
        gap: 5px;
    }
  
  .about-page {
    padding: 0;
}
  
      .text-cont-more {
        padding-left: 7px;
    }
  
  .head-page, .head-menu-tokyo {
    padding-top: 6%;
}
  
.head-page h3, .head-menu-tokyo h3 {
    font-size: 28px;
}
  
  .more-page {
    margin-bottom: 2rem;
}
  
  .TabItpContent .nav-justified > li {
    width: 50%;
}
  
  .TabItpContent .nav-justified > li > a {
    padding: 0.5rem !important;
  }
  
  #Contentmanager .col-md-12.text-justify {
    padding: 0;
}
  
  #Contentmanager .row.Contenemanager-gallery .col-xs-6.col-md-3 {
    width: 50%;
    padding: 0 2%;
}
  
  .about-two h6, .about-page h6 {
    font-size: 20px;
}
  
  .itopplus-footer {
    background-position: top;
}
  
  .CASS-B-main .owl-dots {
    width: 92vw;
    padding-top: 0 !important;
    padding-bottom: 15px;
}
  
  .no-js table {
    margin-bottom: 4rem;
}
  
  .CASS-GrayBackground-main figure {
    border: 4px solid #fff;
}
  
  .contact-page-one {
    padding: 0 4%;
}
  
  .CASS-JaiauHead-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
}
  
  .contact-page-three {
    padding: 0;
}
  
  .CASS-JaikothaiHead-main {
    width: 100%;
    padding: 6% 4% 3%;
}
  
  .form-contact h5 {
    margin-bottom: 0;
}
  
    .ITPcookiebar {
    padding: 3% 2%;
    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: 12px;
}

  #background69bb5b2a14d5cb0013753dec {
    top: 0;
}
  
      .service-outdoor h4 {
        font-size: 18px;
    }
  
  .service-outdoor {
    padding-top: 0;
    padding-left: 5%;
}
  
      .more-first h5 {
        font-size: 16px;
    }
}

.btn-primary:disabled, .btn-primary[disabled] {
    background-color: #cccccc;
    border-color: #cccccc;
}