@font-face {
  font-family: "tlb";

    src: url("Cloud-Light.otf") format("truetype");
}

@font-face {
    font-family: "tlb2";
    src: url("Cloud-Bold.otf") format("truetype");
}
h1{
  font-family: "tlb2";
}

h3{
  margin-bottom: 0px !important;
}

html{
  overflow-x: hidden;
}

body{
  font-family: "tlb";
  background-image: url('../img/icon/Hade BG_tlb_jpg.jpg');
  background-size: 2400px 640px;
  background-position:-500px -55px;
  background-repeat: no-repeat;
  font-size: 18px;
  overflow-x: hidden !important;
  line-height: 1.15 !important;
}

.container{
  width: 70%;
}

#head1{
  font-size:26px;
}

#detail img{
  margin-left: 4px;
  margin-right: 4px;
}

#nav{
  font-family: 'tlb';
  line-height: 2.0 !important;
}

#first-box {
  border-bottom: 1px solid #eee;
  padding-top: 20px;
  padding-bottom: 40px;
}

#first-box-atb{
  padding-right: 80px;
}

#detail{
  /*margin-top: 20px;*/
}

#propoty h1{margin-left: 5px !important;}

#app{
  padding-top: 120px;
}

#prop1-box{
  font-size: 14px;
  line-height: 0;
  margin-top: 0px !important;
}

.media-left{
  line-height: 1.3;
}

.media-body{
  line-height: 1.3;
}

#second-box {

  padding-top: 20px;
  padding-bottom: 20px;
  padding-bottom: 10px;
}

#second-box-atb {
  padding-bottom: 15px;
}

#second-box-atb div{
  padding-left: 0px;
  padding-right: 0px;
}

#second-box-atb{
  min-height: 170px;
  padding-bottom: 0px;
}

#second-box-p{margin-top: 9px;}

#pic3{
  min-width: 50px !important;
}

#another{font-size: 12px;}

#contact {
  margin-bottom: 10px;
}

#contact {padding-left: 0px !important; padding-right: 0px !important;}
#contact div{padding-left: 0px !important; padding-right: 0px !important;}
#contact-us {margin-top: 42px;}

/*footer*/
#banner{margin-top: 31px;}
#banner img{float:right !important;}
#footer {
  background-color: rgb(52, 52, 145);
  height: auto;
  /*width: 100%;*/
  overflow-x: hidden;
  font-size: 14px;
}

#company-footer{
  color: white;
  padding-top: 10px;
}

#tlb-footer{
  color: white;
  padding-top: 10px;
}

#company-name{
  margin-top: 11px ;
}

@media screen and (min-width:1500px)
{
  body{  background-size: 4000px 1000px !important;
    background-position:0px -55px!important;}
}
/*
@media screen and (min-width:1500px) and (max-width:2000px;)
{
  body{  background-size: 3500px 640px !important;
    background-position:0px -55px!important;}
}*/

@media screen and (max-width:1300px)
{
  .container{width: 80% !important;}
}

@media screen and (max-width:1200px)
{
  .container{width: 85% !important;}
}

@media only screen and (max-width: 1090px)
{body{font-size: 14px !important;   background-size: 1800px 550px;  background-position:-420px -50px;line-height: 1.15 !important;}
  .container{width: 90% !important;}
  #detail{padding-right: 20px !important;}
  #first-box-atb{padding-right: 20px !important;margin-bottom: 20px; min-height: 107px !important;}
      #app{padding-top: 100px !important;}
      #contact-us {margin-top: 55px !important;}
}
@media only screen and (max-width: 1025px)
{

    #detail{ padding-right: 0px !important;}
    #nav div{padding-right: 0px !important;}
}

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

  body{ background-size: 1800px 540px;  background-position:-420px -50px;}
}

@media only screen and (max-width: 767px)
{
  /*body{font-size: 12px !important;}*/
  #pic2{padding-left: 0px !important;padding-right: 0px !important;display: block !important;}
  #pic1{display: none;}

  #prop1-box{ margin-top: 20px !important;}
  #second-box-atb{
    min-height: 170px !important
  }
  #second-box-p{margin-left: 5px;}
  #second-box-p{
    line-height: 0 !important;
  }
}

@media screen and (max-width:576px) {
  body{font-size: 12px !important;   background-size: 1200px 360px;  background-position:-420px -50px;}
  .container{width: 100% !important;padding-left: 10px;padding-right: 10px;}
  #logo img{width:75% !important;}
  #logo-position{margin-top: 20px !important; padding-bottom: 15px !important;}
  #logo-position div{ padding-right: 0px !important;}
  #detail{padding-right: 10px !important;}
  /*#detail div{padding-left: 15px !important; padding-right: 15px !important;}*/
  #sub_detail{padding-bottom: 0px !important;}
  #nav{margin-top: 10px;}
  #nav div{padding-right: 0px !important;padding-left: 10px !important;}
  #app{padding: auto !important; margin-top: 10px !important;}
  #app img{width: 21% !important; margin-top: 20px;}
  #pic2{padding-left: 0px !important;padding-right: 0px !important;display: block !important;}
  #head1{font-family: 'tlb' !important;font-size: 18px !important;}
  #row1{padding-bottom: 0px !important;}
  #propoty{padding-top: 20px !important;}
  #propoty h1{font-size: 24px !important; margin-bottom: 0px !important;}
  #prop1-box{font-size: 10px !important;margin-top: 10px !important;}
  #first-box{padding-left: 5px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-top: 20px !important;}
  #first-box-resp{padding-left: 15px; padding-right: 15px;}
  #first-box-atb{padding-right: 20px !important;margin-bottom: 20px; min-height: 107px !important;}
  #first-box-atb h3{margin-top: 10px !important;font-size: 14px !important;}
  #first-box-atb img{width: 40px !important;}
  #second-box-atb{min-height: 80px !important; min-width: 320px !important;padding-left: 0px !important;}
  #second-box-atb img{width: 25px !important;}
  #second-box-atb p{margin-bottom: 0px !important;}
  #second-box-p{min-width: 250px !important;}
  #second-box-head{font-size: 14px !important;}
  #sub-head{font-size: 10px !important;}
  #another{font-size:8px !important;}
  #banner{ width: 160px !important;float: right !important; margin-top: 15px; }
  #banner img{width: 100px !important;}
  #company-name{margin-top: 7px; font-size: 10px !important;}
  /*#contact{margin-bottom: 50px !important;}*/
#contact-us {margin-top: 24px !important;min-width: 120px !important;}
  #pic3{max-width: 35px !important;min-width: 35px !important;}
  #contact-us img {width: 10px !important;}
  #contact-us span{font-size: 10px !important;}

  #footer {
    position: relative !important;
    font-size: 8px !important;
  }
  #footer div{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

}

@media screen and (max-width:450px) {
body{background-size: 1200px 330px;  background-position:-420px -50px;}
}

@media screen and (max-width:400px) {
body{font-size: 10px !important;   background-size: 1200px 310px;  background-position:-420px -50px;}
#head1{font-family: 'tlb' !important;font-size: 14px !important;}
#contact-us{margin-top: 30px !important;}
}

@media screen and (max-width:307px) {
#banner{float: left !important;}
#banner img{float: left !important;}
#company-name{float: left !important;}
}

::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	/*border-radius: 10px;*/
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 3px;
	background-color: transparent;
}

::-webkit-scrollbar-thumb
{
	border-radius: 5px;
  /*border: 2px solid #F5F5F5;*/
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	background-color: #ccc;
}
}