/*
Theme Name: hti Child
Template: hti
Author: Monika
Description: HTI Child
Version: 1.0.0.1712955868
Updated: 2024-04-12 21:04:28

*/

.header-search-form{
  display: inline-block;
}

.mobile-search-box-wrap.display-none {
  display: none;
}

.header-search-form .search-field {
    width: 271px;
    font-weight: 400;
    padding: 8px 10px 8px 44px;
    /* background: #2faf4d4f; */
    border-radius: 5px;
    border: 2.5px solid #01204e;
    /* background: #2faf4d59; */
    /* border: none; */
}

.header-search-form .search-submit {
    display: none;
}

.header-search-form .search-form {
  margin-left: 15px;
  margin-bottom: 4px;
}

.header-search-form .search-input-icon {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  padding: 2px 7px;
  background: #01204e;
}

.search-input-icon svg {
  width: 68%;
  stroke-width: 2px;
  stroke: #FFF;
}

.header-search-form label {
  position: relative;
}

.search-icon-wrap {
 display: none;
}


@media screen and (max-width: 768px) {
  .buyers-consult-btn {
    width: 120px;
  }
  
  
   .search-icon-wrap {
     display: inline-block;
   }

  .header .logo {
      width: 120px;
  }

  .header .logo img {
      width: 100%;
      height: auto;
      object-fit: contain;
  }

  button#rmp_menu_trigger-7069 {
      width: 35px;
      height: 35px;
      padding: 0px 8.5px;
  }

  #rmp_menu_trigger-7069 .responsive-menu-pro-inner, #rmp_menu_trigger-7069 .responsive-menu-pro-inner::before, #rmp_menu_trigger-7069 .responsive-menu-pro-inner::after {
      width: 18px;
  }

  .header .search-icon-wrap {
      position: absolute;
      right: 60px;
      top: 14.2px;
  }

  .header .search-icon-wrap .search-button {
    background: #01204e;
    border: none;
    width: 35px;
    height: 35px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .header .search-icon-wrap .search-button svg {
    stroke: #FFF;
    width: 18px
  }

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

    .header .logo {
        width: 100px;
    }
    
	.buyers-consult-btn {
    	width: 110px;
        left: 140px;
    }
    
}