/*custom*/
.cid-rupdRtxhsl .team-item .item-image img,.cid-ruhIUatBB9 .team-item .item-image img {max-width: 240px;}
.trip .mbr-gallery .mbr-gallery-item{width: 33.33%}
/*.whatis .images-container .media-container-row  {padding-left: 10px!important;padding-right: 10px!important;}*/
.custom-btn {font-size: 20px!important; padding: 25px 50px!important;}
.custom-btn3 {font-size: 18px!important; padding: 25px 50px!important;}
.custom-btn3-index {font-size: 18px!important; padding: 25px 50px!important;}
.custom-btn4 {font-size: 16px!important; padding: 25px 50px!important;}
.en-custom-btn2 {font-size: 21px!important;}
.media-container-row.one-clm {display: block;}
.media-container-row.two-clm {display: block; overflow: hidden;}
.media-container-row.two-clm > .card {float: left;}
.mbr-overlay {opacity: 0;}
.mbr-site-loaded .mbr-overlay {opacity: 0.5;}
.navbar-toggleable-sm .navbar-nav .nav-link.active,.navbar-toggleable-sm .navbar-nav.promo li:nth-of-type(4) a{color: #fb5474!important;}
.navbar-toggleable-sm .navbar-nav.promo li:nth-of-type(2) a{color:#000!important}
.navbar-toggleable-sm .navbar-nav .nav-link.gray {color:#c1c1c1!important;}
a.contentlink {color: #fb5373; text-decoration: underline;}
.contentlink:hover {color: #fb5373; text-decoration: none;cursor: pointer;}
.contentlink2 {color: #03273f; text-decoration: underline;}
.contentlink2:hover {color: #03273f; text-decoration: none;cursor: pointer;}
.qrcode a{display: block; position: absolute; width: 33.33%; height: 100%; left:0; top:0;}
.qrcode a span {display: block; text-indent: -9999px; }
.qrcode a.qr2{left:33.33%;}
.qrcode a.qr3{left:66.66%;}
@font-face {
  font-family: 'gothamboldregular';
  src: url('../fonts/gothambold-webfont.eot');
  src: url('../fonts/gothambold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothambold-webfont.woff2') format('woff2'), url('../fonts/gothambold-webfont.woff') format('woff'), url('../fonts/gothambold-webfont.ttf') format('truetype'), url('../fonts/gothambold-webfont.svg#gothamboldregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.footer .container {max-width: inherit!important;}
.footer {
  background: #0a253e;
  padding: 35px 0;
}
.footer ul {margin-bottom: 0!important;}
.footer * { font-family: 'gothamboldregular'!important;font-size: 1.2rem; font-weight: bold!important;}
.footer .ft-logo {
  text-align: center;
}
.footer .ft-logo ul {
  list-style: none;
  padding-left: 0;
	
}
.footer .ft-logo ul li {
  display: inline-block;
}
.footer .ft-logo ul li + li {
  margin-left: 20px;
}
.footer .ft-logo ul li img {
  max-width: 100%;
}
@media only screen and (max-width: 580px) {
  .footer .ft-logo ul li img {
    width: 100px;
  }
  
}

@media (max-width: 580px) {
  .footer .ft-logo ul li {
    display: block;
    margin-bottom: 25px;
  }
  .footer .ft-logo ul li + li {
    margin-left: 0;
  }
	
}

@media only screen and (max-width: 750px) {
	#jarallax-container-0 > di,{background-image: url("../../../assets/images/OneSiam_mobile_bg.jpg")!important;}
	body section#header2-7 {background-image: url("../../../assets/images/OneSiam_mobile_bg.jpg")!important;}
	body .mbr-gallery .mbr-gallery-item {display: block!important;float: none!important; width: 100%!important; max-width: 350px!important; margin: 0 auto!important;  position: static!important; }

}
@media (min-width: 768px) {
  .footer .ft-logo ul li {
    max-width: 120px;
  }
}
@media (min-width: 768px) {
  .footer .ft-logo {
    margin-bottom: 25px;
  }
}
.footer .ft-social {
  text-align: center;
}
.footer .ft-social ul {
  padding-left: 0;
  list-style: none;
  display: inline-block;
}
.footer .ft-social ul li {
  float: left;
  font-family: 'gothamboldregular';
  color: #767d87;
  font-size: 13px;
  margin-bottom: 10px;
  display: block;
}
.footer .ft-social ul li + li {
  margin-left: 20px;
}
.footer .ft-social ul li:first-child {
  padding-top: 4px;
}
@media (min-width: 768px) {
  .footer .ft-social ul li:first-child {
    padding-top: 0;
  }
	
}
.footer .ft-social ul li img {
  display: block;
  width: 25px;
}
@media (min-width: 768px) {
  .footer .ft-social ul li {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .footer .ft-social ul li {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .footer .ft-social ul li {
    font-size: 17px;
  }
}
@media (min-width: 1400px) {
  .footer .ft-social ul li {
    font-size: 20px;
  }
}
.footer .ft-menu {
  text-align: center;
}
.footer .ft-menu ul {
  list-style: none;
  padding-left: 0;
}
.footer .ft-menu ul li {
  display: inline-block;
}
@media (min-width: 768px) {
  .footer .ft-menu ul li + li {
    margin-left: 38px;
  }
}
@media (min-width: 992px) {
  .footer .ft-menu ul li + li {
    margin-left: 76px;
  }
}
@media (min-width: 1200px) {
  .footer .ft-menu ul li + li {
    margin-left: 105px;
  }
}
@media (min-width: 1400px) {
}
.footer .ft-menu ul li img {
  max-width: 100%;
}
.footer .ft-menu ul li a {
  font-family: 'gothamboldregular';
  color: #767d87;
  font-size: 13px;
  margin-bottom: 10px;
  display: block;
}
@media (min-width: 768px) {
  .footer .ft-menu ul li a {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .footer .ft-menu ul li a {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .footer .ft-menu ul li a {
    font-size: 17px;
  }
}
@media (min-width: 1400px) {
}
@media (min-width: 580px) and (max-width: 767px) {
	.footer .ft-social {padding-top: 25px;}
}
@media (max-width: 767px) {
	.whatis .media-container-row,.whatis  {width:100%!important;}

.container .custom-btn {font-size: 18px!important; padding: 25px 50px!important;}
.container .en-custom-btn {font-size: 18px!important; padding: 15px 50px!important;}
.container .en-custom-btn2 {font-size: 20px!important; padding: 15px 50px!important;}
.container .custom-btn3 {font-size: 18px!important; padding: 25px 50px!important;}
.container .custom-btn3-index {font-size: 18px!important; padding: 25px 20px!important;}
.container .custom-btn4 {font-size: 15px!important; padding: 25px 20px!important;}
}
@media (max-width: 580px) {
	.container .custom-btn4 {max-width: 450px; width: 80%;}
	.container .custom-btn3-index {max-width: 290px; width: 80%;}
  .footer .ft-menu ul li {
    display: block;
    margin-bottom: 15px;
  }
  .footer .ft-menu ul li + li {
    margin-left: 0;
  }
  .footer .ft-menu ul li a {
    font-size: 14px!important;
  }
}
@media (min-width: 768px) {
  .footer .ft-menu ul {
    /*text-align: left;*/
  }
}
@media (min-width: 1400px) {
  .footer .ft-menu ul {
    text-align: center;
  }
}