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

    [MEDIA QUERIES]
*/


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

    #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 {
        height: 45px;
    }
    #header #headerbottom-wrapper .search-wrap .form-control {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    margin-right: -0.8rem;
    background: #dedede;
    padding-left: 22px;
    }
    #header #headerbottom-wrapper .search-wrap .input-group-text {
        border-radius: 0 50px 50px 0;
        padding-left: 1.5rem;
    }
    #header #headerbottom-wrapper .search-wrap .search-box{     max-width: 310px;margin-left: auto; }
    #header #headerbottom-wrapper .search-wrap .input-group-text img{ width: 26px; }

#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 #headerbottom-wrapper .search-wrap .form-control {
         /*width: 300px;*/
    }
}

@media (max-width:768px) {
    #header #headerbottom-wrapper .search-wrap .search-box {
        width: 100%;
        margin-left: auto;
    }
}







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