#tempel-header-thommanon {
  background: url('../img/header-1921.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 450px;
  padding-top: 160px;
}

section { padding: 0px 0; }

#about {
  padding-bottom: 75px;
}

footer {
  margin-top: 75px;
}
#about .about-des {
  padding-top: 5px;
  padding-bottom: 15px;
}

#portfolio {
    text-align: center;
    padding-bottom: 5px;
    padding-top: 20px;
}

#portfolio img {
  width: auto;
  padding: 1px;
  transition: all 0.4s ease-in;
  opacity: 0.8;
  border-radius: 4px;
}

/*
#about img:hover {
  opacity: 1;
  
}

#about img {
  width: auto;
  transition: all 0.4s ease-in;
  opacity: 0.8;
  border-radius: 3px;
}
*/

.embed-container {
  position: relative; 
  padding-bottom: 100%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0px; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 100%;
}

.nivo-lightbox-wrap  {
	position: absolute;
	top: 5%;
	bottom: 3%;
	left: 2%;
	right: 2%;
}

.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:10px 33px;margin-left:-1px;line-height:1.42857143;color:#D0AF51;text-decoration:none;background-color:#fff;border:1px solid #ddd}



.btn_fixed {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.new-arrival-overlay {
  background: rgba(75, 75, 75, 0.4);
}

.new-arrival-title {
    color: rgb(149, 129, 98);
    font-size: 2.6em;
}


a:hover {
    color: #101010;
    text-decoration: none;
}





/* media 960 */
@media ( max-width: 960px ) {

  #tempel-header-thommanon {
      min-height: 300px;
	  padding-top: 110px;

  }  
  #h1 {
    font-size: 30px;
  }  
 
  .btn_fixed {
	background: #e8e8e8;
    margin-top: -25px;
  }   
}

/* media 720 */
@media ( max-width: 720px ) {

  #tempel-header-thommanon {
      min-height: 250px;
	  padding-top: 60px;
  }  
  #h1 {
    font-size: 30px;
  }
}