/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
    [HEADER BOTTOM]
        (TOGGLE SEARCH)

    [MEDIA QUERIES]
*/


/* [HEADER BOTTOM] --------------------------------------------------- */
#header #headerbottom-wrapper {
    padding: 0.99rem 0;
}

   
   
    #header #headerbottom-wrapper .searchBox .form-control, #searchitem .form-control {
    /*border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;*/
    background: #fff;
    /*border-right: 0;*/
    color:#000;
    font-size: 1rem;
    height: 52px;
    }

 
    .searchdimensions2 .form-group{ margin-bottom:0px; }

    #header #headerbottom-wrapper .search-wrap .input-group-text {
    background: #bec1c6;
    padding: 0.33rem 1.1rem;
    height: 52px;
    width: 55px;
    line-height: 55px;
    text-align: center;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    }
    #header #headerbottom-wrapper .search-wrap ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

#header #headerbottom-wrapper .search-wrap :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #000;
}

#header #headerbottom-wrapper .search-wrap ::-ms-input-placeholder { /* Microsoft Edge */
 color: #000;
}
#headerbottom-wrapper.menu-below-logo > .header-right-wrap {
    text-align: right;
}

.user-account .user-name.login {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    color: #fff;
    display: block;
}

/* (TOGGLE SEARCH) */

#toggleSearch {
    cursor: pointer;
}

/* (TOGGLE SEARCH) END */

/* [HEADER BOTTOM] END --------------------------------------------------- */



/* [MEDIA QUERIES] --------------------------------------------------- */

@media screen and (min-width:992px){
  /*.header-bottom {
    transition: .3s all ease-in-out;
}*/
  /*#header.in .header-bottom {
    background: #000;
}*/

}


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

 #header #headerbottom-wrapper .searchBox .form-control, #searchitem .form-control{
     height: 36px;
 }
 #header #headerbottom-wrapper .search-wrap .input-group-text{
    height: 36px;
    width: 50px;
    line-height: 55px;
 }

}





@media screen and (max-width:767.98px){
    #header #headerbottom-wrapper .search-wrap .input-group-text {
    padding: 0.2rem 0.75rem;
    width: 42px;
}
    #header #headerbottom-wrapper .search-wrap .nav-item{ margin-bottom: 0rem; }
}


@media screen and (max-width:424px){
    .search-box > ul > li >a{ margin-right: 2px!important; }
    #header #headerbottom-wrapper h4{     font-size: 1.3rem; }
}


/* [MEDIA QUERIES] END --------------------------------------------------- */