body {
 width:100%;
 height:100%;
 font-family: 'Kanit', sans-serif;
 color:#764125;
 background-color:#fff;
}
html {
 width:100%;
 height:100%;
}
h1,h2,h3,h4,h5,h6 {
 margin:0 0 10px;
 font-family: 'Kanit', sans-serif;
 font-weight:700;
 letter-spacing:1px;
}
p {
 font-family: 'Kanit', sans-serif;
 margin:0 0 10px;
 font-size:16px;
 line-height:1.3;
 letter-spacing:-0.5px;
}
@media(min-width:768px) {
 p {
  margin:0 0 10px;
  font-size:18px;
  line-height:1.6;
 }
}
a {
 color:#764125;
 -webkit-transition:all .2s ease-in-out;
 -moz-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out;
}
a:hover,a:focus {
 text-decoration:none;
 color:#764125;
}
.light {
 font-weight:400;
}
.navbar-custom {
 margin-bottom:0;
 text-transform:uppercase;
 font-family: 'Kanit', sans-serif;
 background-color:#fff;
 font-weight:700;
}
.navbar-custom .navbar-brand {
 font-weight:700;
}
.navbar-custom .navbar-brand:focus {
 outline:0;
}
.navbar-custom .navbar-brand .navbar-toggle {
 padding:4px 6px;
 font-size:16px;
 color:#fff;
}
.navbar-custom .navbar-brand .navbar-toggle:focus,.navbar-custom .navbar-brand .navbar-toggle:active {
 outline:0;
}
.navbar-custom a {
 color:#764125;
 font-size:16px;
}
.navbar-custom .nav li a {
 -webkit-transition:background .3s ease-in-out;
 -moz-transition:background .3s ease-in-out;
 transition:background .3s ease-in-out;
}
.navbar-custom .nav-menu li a:hover {
 outline:0;
 color:#764125;
 background-color:transparent;
}
.navbar-custom .nav-menu li.active {
 color:#fff;
 background-color:#764125;
 height:50px;
}
.navbar-custom .nav-menu li.active a {
 color:#fff;
 background-color:#764125;
}
.navbar-custom .nav-menu li.active a:hover {
 color:#fff;
}
.navbar-custom .nav-menu li.active .triangle {
 width:0;
 height:0;
 border-style:solid;
 border-width:10px 10px 0 10px;
 border-color:#764125 transparent transparent transparent;
 margin-left:40%;
}
.navbar-custom .navbar-name-site {
 padding-top:20px;
}
.navbar-custom .navbar-right {
 margin-top:-10px;
}
.navbar-custom .nav-social li {
 width:50px;
}
.navbar-custom .nav-social li a:hover {
 outline:0;
 background-color:transparent;
}
.navbar-custom .navbar-language {
 width:50px;
}
.nav-social .select-ls {
 height:35px;
 margin-top:15px;
 padding-left:5px;
 width:55px;
 background-color:transparent!important;
 border-radius:3px;
 -webkit-appearance:none;
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
 background-position:right center;
 background-repeat:no-repeat;
 padding-right:1em;
}
@media(min-width:768px) {
 .navbar-custom {
  padding:20px 0;
  border-bottom:0;
  letter-spacing:1px;
  background:0;
  -webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;
  -moz-transition:background .5s ease-in-out,padding .5s ease-in-out;
  transition:background .5s ease-in-out,padding .5s ease-in-out;
 }
 .navbar-custom.top-nav-collapse {
  /*padding:0;*/
  background:#fff;
 }
}
.intro {
 display:table;
 width:100%;
 height:auto;
 padding:100px 0;
 text-align:center;
 color:#764125;
 background-color:#fff;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 background-size:cover;
 -o-background-size:cover;
}
.intro .intro-body {
 display:table-cell;
 vertical-align:middle;
 margin:0 auto;
}
.intro .intro-logo {
 border:0 solid #3C0;
 width:90%;
 height:90%;
 margin:0 auto;
}
.intro .intro-logo img {
 max-width:100%;
 max-height:100%;
 display:block;
 margin:0 auto;
}
.intro .intro-text {
 width:100%;
 position:absolute;
 padding-top:20px;
}
.intro .intro-body .brand-heading {
 font-size:40px;
}
.intro .intro-body p.intro-text {
 font-family: 'Kanit', sans-serif;
 font-weight:300;
 letter-spacing:1px;
 font-size:30px;
}
@media(max-width:1280px) {
 .intro .intro-logo {
  width:80%;
  height:80%;
  margin:0 auto;
 }
 .intro .intro-body p.intro-text {
  font-size:22px;
 }
}
.section-content {
 display:table;
 width:100%;
 height:auto;
 padding:0;
 color:#764125;
 background-color:#fff;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 background-size:cover;
 -o-background-size:cover;
}
.section-content .section-body {
 display:table-cell;
 vertical-align:middle;
 margin:0 auto;
}
.section-content .section-body .container {
 height:100%;
 padding: 15px 25px 0px;
}
@media(max-width:768px) {
 .intro {
  height:100%;
  padding:0;
 }
 .intro .intro-logo {
  border:0 solid #FF0;
  width:100%;
  height:100%;
  margin:0 auto;
 }
 .intro .intro-body p.intro-text {
  font-size:22px;
 }
 .intro .intro-body .brand-heading {
  font-size:100px;
 }
 .intro .intro-body .intro-text {
  font-size:26px;
 }
 .section-content {
  height:20%;
  padding:0;
 }
 .section-content .section-content .brand-heading {
  font-size:100px;
 }
 .section-content .section-content .intro-text {
  font-size:26px;
 }
}
@-webkit-keyframes pulse {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
 }
 50% {
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
 }
}
@-moz-keyframes pulse {
 0% {
  -moz-transform:scale(1);
  transform:scale(1);
 }
 50% {
  -moz-transform:scale(1.2);
  transform:scale(1.2);
 }
 100% {
  -moz-transform:scale(1);
  transform:scale(1);
 }
}
.content-section {
 padding-top:0;
 position:relative;
}
.box-content {
 border:2px dashed #764125;
 vertical-align:middle;
 margin:0 auto;
 margin-top:80px;
 padding-top:3%;
 padding-bottom:3%;
}
.box-content-detail {
 margin-top:120px;
 height:80vh;
}
@media(max-width:1280px) {
 .box-content {
  margin-top:70px;
  padding-top:30px;
  padding-bottom:30px;
  overflow:hidden;
 }
 .box-content-detail {
  margin-top:12vh;
  height:80vh;
 }
}
#about .box-content {
 padding-top:100px;
 padding-bottom:100px;
}
#about h1 {
 font-weight:500;
 letter-spacing:1px;
 font-size:26px;
}
#about h3 {
 font-family: 'Kanit', sans-serif;
 font-weight:400;
 line-height:1.4;
 font-size:20px;
}
#about .box-about {
 display:table;
}
.box-about .box-about-logo-th {
 padding-left:40px;
}
#about .box-word-about {
 height:100%;
 padding-left:50px;
}
.box-word-about .box-about-logo-en {
 padding-left:5px;
 padding-top:10px;
}
.box-word-about .box-text1 {
 padding-left:0;
 padding-top:20px;
 padding-right:20px;
}
.box-word-about .box-text2 {
 padding-left:0;
 padding-top:20px;
 padding-right:0;
}
.box-word-about .box-about-bg {
 height:150px;
 /*background:url(../img/bg-about.png) bottom right no-repeat;*/
 background-size:200px;
 background-position:right 0 bottom 0;
}
#about .row-btn {
 padding-left:30px;
 padding-top:20px;
}
#about .box-img-about {
 height:100%;
 text-align:center;
}
#about .box-img-about img {
 width:100%;
}
#service .box-content {
 padding:40px;
 padding-left:20px;
 padding-right:20px;
}
#service .row-head {
 height:20%;
 text-align:center
}
#service .box-list-left {
 height:100%;
 padding-right:25px;
}
#service .box-list-right {
 height:100%;
 padding-left:25px;
}
#service .box-row-bg {
 text-align:right;
 margin-top:10px;
 margin-bottom:-15px;
 padding-top:30px;
}
#service h1 {
 font-family: 'Kanit', sans-serif;
 font-weight:700;
 letter-spacing:1px;
 font-size:65px;
}
.box-service-white h2 {
 font-family: 'Kanit', sans-serif;
 font-weight:500;
 letter-spacing:1px;
 font-size:19px;
 color:#c93;
}
.box-service-white {
 border-bottom:1px solid #336;
 padding:10px;
 padding-bottom:0;
 min-height:130px;
}
.box-service-white:hover {
 background-color:#336;
 color:#fff!important;
}
.box-service-white:hover h2 {
 color:#fff!important;
}
.box-service-blue h2,.box-service-blue p {
 color:#fff!important;
}
#menu h1 {
 font-family: 'Kanit', sans-serif;
 font-weight:700;
 letter-spacing:1px;
 font-size:25px;
 color:#c93;
 margin-top:10px;
}
#menu .box-menu-img {
 margin-top:20px;
}
.box-content-menu {
 height:80%;
 min-height:80%;
 vertical-align:middle;
 margin:0 auto;
 margin-top:120px;
}
.box-content-menu .box-img-list {
 height:48%;
 min-height:48%;
 border:0 solid #336;
}
.box-img-list .row-head {
 height:30%;
 text-align:center;
}
.box-img-list .box-menu-img {
 margin-left:-15px;
 width:103%;
}
#owl-slider .item {
 margin:0;
 overflow:hidden;
 text-align:center;
}
#owl-slider .item img {
 width:100%;
}
.row-img .item-slider {
 width:25%;
 float:left;
 overflow:hidden;
 text-align:center;
}
.row-img .item-slider img {
 width:100%;
}
.box-content-menu .menu-content {
 border:2px dashed #764125;
 height:50%;
 min-height:50%;
 margin-top:15px;
 padding:40px;
}
#menu .box-list-menu {
 margin-top:30px;
}
#menu .box-list-menu h3 {
 text-indent:-6px;
 padding-left:6px;
 font-weight:300;
}
#menu .box-list-menu p {
 height:15px;
}
.menu-content {
 background:url(../img/bg-menu.png) bottom right no-repeat;
 background-size:150px;
 background-position:right 80px bottom 40px;
}
.menu-content .box-word {
 padding-left:35px;
 padding-right:35px;
}
.menu-content .box-word p {
 font-size:20px;
 font-family: 'Kanit', sans-serif;
}
.menu-content .box-example-menu h3 {
 font-size:17px;
}
.menu-content .box-example-menu .fa {
 font-size:8px;
 vertical-align:middle;
 margin-right:5px;
}
.menu-content .box-example-menu .p {
 font-size:13px;
 padding-left:14px;
 margin-bottom:5px;
}
#menu .row-btn {
 margin-top:50px;
}
#gallery h1 {
 font-family: 'Kanit', sans-serif;
 /*font-weight:700;*/
 letter-spacing:1px;
 font-size:65px;
 color:#764125;
}
#gallery .fa {
 font-size:10px;
 vertical-align:middle;
}
#gallery .row-head {
 height:30%;
 text-align:center;
}
#gallery .row-img {
 margin-top:10px;
 text-align:center;
}
#gallery .row-btn {
 text-align:center;
 padding-top:30px;
}
#contactus {
 margin-bottom:50px;
}
#contactus h1 {
 font-family: 'Kanit', sans-serif;
 font-weight:700;
 letter-spacing:1px;
 font-size:65px;
}
#contactus h3 {
 letter-spacing:1px;
 font-size:33px;
 font-weight:500;
 letter-spacing:2px;
}
#contactus p {
 letter-spacing:2px;
 text-indent:0;
}
#contactus .box-content {
 min-height:40%;
}
#contactus .row-head {
 height:30%;
 text-align:center;
}
.row-contact {
 padding-top:30px;
}
.row-contact .box-email-phone {
 padding-left:80px;
}
.box-email-phone .box-email {
 padding-bottom:15px;
 border-bottom:2px solid #764125;
}
.box-email-phone .box-email p {
 padding-left:20px;
}
.box-email-phone .box-phone {
 padding-top:30px;
}
.box-phone .box-left {
 margin-top:10px;
 float:left;
 padding-top:5px;
 padding-right:10px;
 border-right:1px solid #764125;
}
.box-phone .box-right {
 margin-top:10px;
 float:left;
 padding-top:5px;
 padding-left:10px;
}
.row-contact .box-address {
 padding-left:100px;
}
#contactus .row-bottom {
 display:flex;
 min-height:150px;
 margin-left:40px;
 margin-right:40px;
 border:1px solid #fff;
}
.row-bottom .box-logo-copy {
 display:inline-block;
 align-self:flex-end;
}
.box-logo-copy .box-logo {
 padding-left:0;
 height:100%;
 display:inline-block;
 align-self:flex-end;
}
.box-logo-copy .box-word {
 font-family: 'Kanit', sans-serif;
 font-size:15px;
 text-align:left;
 padding-left:0;
 margin-top:9%;
}
.row-bottom .box-social {
 text-align:center;
 display:inline-block;
 align-self:flex-end;
}
.box-social ul.centerUL {
 margin:2px auto;
 line-height:1.4;
 padding-left:0;
}
.box-social .centerUL li {
 display:inline;
 text-align:center;
 padding-left:10px;
 padding-right:10px;
}
.box-social .fa {

display: inline-block;
/*font: normal normal normal 20px/1 FontAwesome;*/
font-size: 39px;
/*font-size: inherit;*/
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}
.row-bottom .box-lineqr {
 text-align:right;
 display:inline-block;
 align-self:flex-end;
}
@media(min-width:770px) and (max-width:990px) {
 .row-contact .box-address {
  padding-left:10px;
 }
 #contactus .row-bottom {
  min-height:100px;
  margin-left:20px;
  margin-right:20px;
 }
 .row-bottom div {
  text-align:center;
 }
 .box-logo-copy .box-logo {
  padding-top:30px;
  margin-top:0;
  margin-left:0;
  text-align:center;
 }
 .box-logo-copy .box-word {
  text-align:center;
  padding-left:0;
  padding-right:0;
  margin-left:0;
  padding-top:10px;
  margin-top:0;
 }
 .row-bottom .box-social {
  text-align:center;
  margin-top:30px;
 }
 .box-social .centerUL li {
  display:inline;
  text-align:center;
  padding-left:0;
  padding-right:0;
 }
 .row-bottom .box-lineqr {
  text-align:right;
 }
 .box-logo-copy .box-logo img {
  width:40%;
 }
 .intro .intro-logo {
  width:100%;
  height:100%;
  margin:0 auto;
 }
 .intro .intro-logo img {
  max-width:100%;
  max-height:100%;
  display:block;
  margin:0 auto;
 }
 .navbar-ls-collapse ul.navbar-nav {
  margin:2px auto;
  line-height:1.4;
  padding-left:0;
  float:right;
  padding-right:15px;
 }
 .navbar-ls-collapse .navbar-nav li {
  display:inline;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  float:left;
 }
 .navbar-custom .nav-social li {
  width:40px;
 }
 .navbar-header button {
  border:1px solid #764125;
 }
 .navbar-custom {
  padding-left:0;
 }
 .navbar-custom a {
  font-size:14px;
 }
 .navbar-header {
  position:absolute;
 }
}
@media(max-width:768px) {
 #about .box-word-about {
  height:100%;
  padding-left:30px;
 }
 .row-contact .box-address {
  padding-left:20px;
 }
 #contactus .row-bottom {
  min-height:100px;
  margin-left:20px;
  margin-right:20px;
 }
 .row-bottom div {
  text-align:center;
 }
 .box-logo-copy .box-logo {
  padding-top:30px;
  margin-top:0;
  margin-left:0;
  text-align:center;
 }
 .box-logo-copy .box-word {
  text-align:center;
  padding-left:0;
  padding-right:0;
  margin-left:0;
  padding-top:10px;
  margin-top:0;
 }
 .row-bottom .box-social {
  text-align:center;
  margin-top:30px;
 }
 .box-social .centerUL li {
  display:inline;
  text-align:center;
  padding-left:0;
  padding-right:0;
 }
 .row-bottom .box-lineqr {
  text-align:right;
 }
 .box-logo-copy .box-logo img {
  width:40%;
 }
 .navbar-ls-collapse ul.navbar-nav {
  margin:2px auto;
  line-height:1.4;
  padding-left:0;
  float:right;
  padding-right:15px;
 }
 .navbar-ls-collapse .navbar-nav li {
  display:inline;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  float:left;
 }
 .navbar-custom .nav-social li {
  width:40px;
 }
 .navbar-header button {
  border:1px solid #764125;
 }
 .navbar-custom {
  padding-left:0;
 }
 .navbar-custom a {
  font-size:15px;
 }
 .navbar-header {
  position:absolute;
 }
}
@media(max-width:575px) {
 .navbar-header {
  text-align:center;
  border-bottom:1px solid #764125;
  position:relative;
 }
 .intro .intro-logo {
  width:90%;
  height:90%;
  margin:0 auto;
 }
 .intro .intro-logo img {
  max-width:100%;
  max-height:100%;
  display:block;
  margin:0 auto;
 }
 .intro .intro-body p.intro-text {
  font-size:13px;
 }
 #contactus h1,#gallery h1,#menu h1,#service h1 {
  font-size:20px;
  padding: 0px 15px 0px;
 }
 .row-head img {
  width:30%;
 }
 #about .box-content {
  padding:10px;
 }
 #about h1 {
  font-weight:700;
  letter-spacing:1px;
  font-size:23px;
 }
 #about h3 {
  font-family: 'Kanit', sans-serif;
  font-weight:600;
  letter-spacing:0;
  line-height:1.2;
  font-size:16px;
 }
 #about .box-about {
  display:table;
  background:0;
 }
 #about .box-word-about {
  height:100%;
  padding:10px;
 }
 .box-word-about .box-about-logo-en {
  padding-top:0;
 }
 .box-word-about .box-about-logo-en img {
  width:80%;
 }
 .box-word-about .box-text1 {
  padding-top:20px;
  padding-right:10px;
 }
 #about .row-btn {
  padding-left:0;
  padding-top:20px;
  text-align:center;
 }
 #about .box-img-about img {
  width:100%;
 }
 .box-service-white h2 {
  font-size:16px;
 }
 #service .box-content {
  padding:20px;
 }
 #service .box-list-left {
  padding-right:0;
  margin-left:0;
  padding-left:0;
 }
 #service .box-list-right {
  padding-left:0;
  margin-right:-15px;
 }
 #service .box-row-bg {
  text-align:right;
  margin-top:10px;
  margin-bottom:0;
  padding-top:10px;
 }
 #service .box-row-bg img {
  width:200px;
 }
 #menu .box-content-menu {
  margin-top:100px;
 }
 #menu .box-content-menu h1 {
  font-size:20px;
  padding: 0px 15px 0px;
 }
  #menu .box-content-menu p {
  padding: 0px 15px 0px;
 }
 .box-content-menu .box-img-list {
  height:48%;
  min-height:48%;
  margin-left:-0px;
  width:100%;
 }
 .box-img-list .box-menu-img {
  width:100%;
  padding-left:-0px;
  margin-right:0;
  margin-left:0;
  padding-right:0;
 }
 .box-content-menu .menu-content {
  border:2px dashed #336;
  height:50%;
  min-height:50%;
  margin-top:15px;
  padding:10px;
 }
 #menu .box-word {
  padding:15px;
 }
 #menu .box-word p {
  font-size:16px;
 }
 #menu .box-list-menu {
  margin-top:10px;
  margin-left:-5px;
 }
 .menu-content .box-example-menu {
  clear:both;
 }
 .menu-content .box-example-menu h3 {
  font-size:16px;
 }
 .menu-content .box-example-menu .fa {
  font-size:8px;
  vertical-align:middle;
 }
 .menu-content .box-example-menu .p {
  font-size:13px;
  margin-bottom:8px;
 }
 #menu .row-btn {
  margin-top:10px;
  margin-bottom:100px;
  text-align:center;
 }
 .menu-content {
  background-size:100px;
  background-position:center bottom 20px;
 }
 #gallery .box-content {
  padding:20px;
 }
 #gallery p {
  font-size:13px;
 }
 #gallery .fa {
  font-size:8px;
  vertical-align:middle;
 }
 #gallery .row-img {
  margin-top:10px;
  text-align:center;
  padding-left:0;
  padding-right:0;
 }
 #contactus h3 {
  letter-spacing:1px;
  font-size:23px;
  font-weight:500;
  letter-spacing:2px;
 }
 #contactus .row-contact {
  padding-left:15px;
 }
 .row-contact .box-email-phone {
  padding-left:15px;
 }
 .box-email-phone .box-email {
  border-bottom:0;
 }
 .box-email-phone .box-phone {
  padding-top:10px;
 }
 .row-contact .box-address {
  padding-left:0!important;
  margin-top:30px;
 }
 #contactus .row-bottom {
  margin-left:0;
  margin-right:0;
  display:block;
 }
 .row-bottom div {
  text-align:center;
 }
 .box-logo-copy .box-logo {
  margin-top:0;
  margin-left:0;
 }
 .box-logo-copy .box-word {
  padding-top:20px;
  text-align:center;
  padding-left:0;
  padding-right:0;
  margin-left:0;
 }
 .row-bottom .box-social {
  text-align:center;
  margin-top:30px;
 }
 .row-bottom .box-lineqr {
  text-align:center;
  margin-top:30px;
 }
 .box-logo-copy .box-logo img {
  width:70%;
 }
 #contactus {
  margin-bottom:30px;
 }
 .navbar-header button {
  border:1px solid #764125;
 }
 .nav-social .select-ls {
  height:35px;
  margin-top:10px;
 }
}
@media(min-width:575px) {
 .content-section {
  padding-top:250px;
 }
 .download-section {
  padding:100px 0;
 }
 #map {
  height:400px;
  margin-top:250px;
 }
}
.btn {
 border-radius:0;
 text-transform:uppercase;
 font-family: 'Kanit', sans-serif;
 font-weight:400;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
}
ul.banner-social-buttons {
 margin-top:0;
}
@media(max-width:1199px) {
 ul.banner-social-buttons {
  margin-top:15px;
 }
}
@media(max-width:575px) {
 ul.banner-social-buttons li {
  display:block;
  margin-bottom:20px;
  padding:0;
 }
 ul.banner-social-buttons li:last-child {
  margin-bottom:0;
 }
 .box-content {
  margin-top:60px;
 }
 .section-content {
  height:20%;
  padding:0;
 }
}
footer {
 padding:50px 0;
}
footer p {
 margin:0;
}
.btn-Rayong {
 border:2px solid #bb5115;
 padding:5px;
 background-color:#fff;
}
.btn-Rayong div {
 background-color:#bb5115;
 padding:10px;
 padding-left:20px;
 padding-right:20px;
 color:#FFF;
 font-size:16px;
}
.page-other {
 margin-bottom:300px;
 margin-top:150px;
}
.page-other h1 {
 font-family: 'Kanit', sans-serif;
 font-weight:700;
 letter-spacing:1px;
 font-size:65px;
 color:#c93;
}
.box-galley {
 margin-top:80px;
}
.box-galley h2 {
 font-family: 'Kanit', sans-serif;
 margin:0 0 10px;
 font-size:24px;
 font-weight:300;
 line-height:1.3;
 letter-spacing:-0.5px;
}
.box-galley h4 {
 font-family: 'Kanit', sans-serif;
 margin:0 0 10px;
 font-size:16px;
 font-weight:300;
 line-height:1.3;
 letter-spacing:-0.5px;
}
.box-galley a {
 color:#336;
}
.square-box {
 position:relative;
 overflow:hidden;
}
.square-box:before {
 content:"";
 display:block;
 padding-top:100%;
}
.square-content {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 text-align:center;
 background:#3C9;
 margin:10px;
 background-repeat:no-repeat;
 background-position:center center;
 background-size:cover;
}
.square-content:hover,.square-content:focus {
 -webkit-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.5);
 -moz-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.5);
 box-shadow:4px 4px 10px 0 rgba(0,0,0,0.5);
}
.square-box .box-galley-content {
 height:47%;
 background-color:rgba(255,255,255,0.70);
 margin-top:50%;
 padding-top:10%;
}
.square-content:hover .box-galley-content,.square-content:focus .box-galley-content {
 background-color:rgba(255,255,255,0.9);
}
.box-detal-album {
 text-align:center;
 margin-bottom:20px;
}
.box-detal-album h2 {
 font-family: 'Kanit', sans-serif;
 margin:0 0 10px;
 font-size:30px;
 line-height:1.3;
 letter-spacing:-0.5px;
}
.box-detal-album h4 {
 font-family: 'Kanit', sans-serif;
 margin:0 0 10px;
 font-size:20px;
 line-height:1.3;
 letter-spacing:-0.5px;
}
@media(max-width:575px) {
 .page-other {
  margin-bottom:300px;
  margin-top:100px;
 }
 .box-detal-album {
  margin:10px;
  margin-top:-20px;
 }
 .box-detal-album h2 {
  font-size:25px;
 }
 .box-detal-album h4 {
  margin:0;
  font-size:16px;
 }
 .page-other .box-galley {
  margin-left:-5px;
  margin-right:-5px;
 }
 .page-other #gallery {
  margin:20px;
 }
 .row-contact .box-email p {
  margin-left:-15px;
 }
 .box-about-bg2 {
  height:170px;
  background:url(../img/bg-about.png) bottom right no-repeat;
  background-size:200px;
  background-position:right 20px bottom 10px;
 }
}