/***** Search *****/

.box-search-menu{
  -webkit-transition: width 0.5s; 
    transition: width 0.5s;
}


.full-header .searchform {
  display: none;
}

@media only screen and (max-width:800px) {
  .searchform .btntext {
  border: 1px solid #00374b;
  height: 24px;
  width: 81%;
}
.box-search-menu {
  width: 70%;
  float: left;
  order: 2;
}
.searchform {
  background: none;
  float: left;
  max-width: 460px;
  width: 100%;
}
.searchform .btntext {
  border: medium none;
  float: left;
  height: 24px;
  padding: 0 0 0 1%;
  width: 78%;
  min-height: 20px;
  margin-left: 20px;
}
.searchform #searchsubmit {
  background: url("images/timkiem1.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  border: medium none;
  float: left;
  height: 24px;
  padding: 0;
  width: 12%;
  cursor: pointer;
}
}

@media only screen and (min-width: 200px) {
  .searchform .btntext:focus{
  width: 200px;
  }
  .searchform .btntext{
    -webkit-transition: width 0.35s; 
    transition: all 0.35s ease 0s;
  }
  .searchform {
  background: none;
  float: left;
  padding: 0;
  width: 100%;
}
.searchform .btntext {
  border: medium none;
  float: right;
  height: 24px;
  padding: 0;
  width: 80%;
  min-height: 20px;
  /* position: absolute; */
  right: 0px;
  margin: 0 5%;
  padding: 5px 10px;
  margin-right: 0;
}
.searchform #searchsubmit {
  background: rgba(0, 0, 0, 0) url("images/timkiem1.png") no-repeat scroll center center;
  border: medium none;
  cursor: pointer;
  float: right;
  height: 32px;
  padding: 0;
  position: absolute;
  right: 0px;
  width: 30px;
}
}
@media only screen and (max-width: 640px) {
  .box-search-menu {
    width: 60%;
  }
  .searchform {
      width: 100%;
      padding-right: 10px;
      box-sizing: border-box;
  }
  .searchform .btntext {
    width: 65%;
  }
}
@media only screen and (max-width: 500px) {
  .box-search-menu {
    width: 100%;
    padding-top: 10px;
  }
  .searchform {
    background: none;
    float: left;
    padding: 0;
    width: 100%;
    padding: 0 10px;
    /*box-sizing: content-box;*/
  }
  .searchform .btntext {
    border: medium none;
    float: left;
    height: 35px;
    padding: 0;
    width: 100%;
    min-height: 20px;
    /* position: absolute; */
    right: 0px;
    margin: 0;
    padding: 5px 10px;
    margin-right: 0;
    box-sizing: border-box;
  }
}