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

    [MEDIA QUERIES]
*/


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

    #header #headerbottom-wrapper .logo {
        padding-top: 0.99rem;
        padding-bottom: 0.99rem;
        transition: .3s linear;
    }
    #header #headerbottom-wrapper .search-wrap .form-control,
    #header #headerbottom-wrapper .search-wrap .input-group-text {
        border-bottom-right-radius: 50px;
        border-top-right-radius: 50px;
        background: transparent;
        border: none;
        font-size: 1rem;
    }
        #header #headerbottom-wrapper .search-wrap .form-control{ padding-left: 0; }
        #header #headerbottom-wrapper .search-wrap {
            background: #fff;
            padding: 12px 8px;
            border: none;
        }
    #header #headerbottom-wrapper .search-wrap  .input-group{     border: 1px solid #a0c5f0;
    border-radius: 50px; }
    #header #headerbottom-wrapper .search-wrap .input-group-text img {
        width: 30px;
    }

#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 --------------------------------------------------- */

#header #headerbottom-wrapper .search-wrap .btn-search1 {
    background: #fff;
    padding: 15px;
    right: 0px;
    position: absolute;
    border: 1px solid #dddddd69;
}

    #header #headerbottom-wrapper .search-wrap .btn-search1 > .input-group {
        width: 200px !important;
    }



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

@media screen and (min-width:1200px) and (max-width: 1599px){
    #header #headerbottom-wrapper .search-wrap {  padding:0px; }
   
}
@media screen and (min-width:992px) and (max-width: 1199px){
    #header #headerbottom-wrapper .search-wrap .input-group{  width: auto; }
    #header #headerbottom-wrapper .search-wrap  { padding: 0px; position: relative; } 
}
 
/* [MEDIA QUERIES] END --------------------------------------------------- */