/* ----------------------------------------------------------------
	Navigation
-----------------------------------------------------------------*/
#top-search {
    margin: 40px 0 40px 15px;
    height: auto;
}

#header.sticky-header:not(.static-sticky) #side-panel-trigger, #header.sticky-header:not(.static-sticky) #top-cart, #header.sticky-header:not(.static-sticky) #top-search {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

#header.sticky-header:not(.static-sticky) #top-search form input {
    height: 60px;
}

#header #top-search a {
    line-height: 20px;
    font-size: 14px;
}

#header #top-search a i {
    font-size: 14px;
    top: 0;
    left: 0;
}

#header.full-header #logo {
    height: auto;
}

#logo a img {
    height: 70px;
    margin-top: 15px;
}

#header, #header-wrap, #logo img {
    -webkit-transition: height .4s ease, opacity .3s ease !important;
    -o-transition: height .4s ease, opacity .3s ease !important;
    transition: height .4s ease, opacity .3s ease !important;
}

#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
    padding: 15px 12px !important;
    height: 60px !important;
    margin-top: 0;
}

#header.transparent-header.full-header,
#header.transparent-header.full-header #header-wrap {
    height: 100px !important;
}

#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
    height: 60px !important;
}

body.top-search-open #top-search a i.icon-line-cross {
    font-size: 16px !important;
}

#primary-menu ul ul li:hover>a {
    font-family: 'LL Circular Book Web', Arial, sans-serif !important;
    font-weight: 400 !important;
    padding-left: 20px !important;
}

@media (min-width: 992px) {
    #header, #header-wrap {
        height: 100px;
    }

    body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.full-header #top-search form input {
        padding-left: 100px;
    }

    body.top-search-open #header #top-search #top-search-trigger {
        position: relative;
        left: 0;
    }
}

@media (max-width: 1330px) and (min-width: 992px) {
    #primary-menu ul li.first a,
    #primary-menu ul li:first-child a {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    #primary-menu ul li a {
        font-size: 13px;
        padding-left: 6px;
        padding-right: 6px;
    }

    #primary-menu ul li.first a,
    #primary-menu ul li:first-child a {
        padding-left: 15px;
    }

    #logo a img {
        height: 55px !important;
        margin-top: 22px;
    }
}

/* Mobile */
@media (max-width: 991px) {

    #header.transparent-header.full-header,
    #header.transparent-header.full-header #header-wrap {
        position: fixed !important;
        width: 100% !important;
        height: 60px !important;
        min-height: 60px !important;
    }

    #logo a img {
        margin-top: 4px;
    }

    #primary-menu-trigger,
    #top-search {
        display: block !important;
    }

    body.stretched #header.full-header .container {
        padding-left: 15px !important;
    }

    #top-search {
        margin: 0 !important;
    }

    #top-search #top-search-trigger {
        margin: 23px 0px !important;
        position: absolute;
        top: 0;
        left: auto !important;
    }

    #top-search #top-search-trigger .icon-search3 {
        left: 75px;
    }

    #top-search #top-search-trigger .icon-line-cross {
        left: 5px;
    }

    #top-search a {
        right: 43px;
    }

    #primary-menu ul ul li:hover>a {
        font-weight: 400 !important;
    }

    #top-search form input {
        padding: 10px 80px 10px 0 !important;
    }

    body.primary-menu-open.top-search-open #top-search {
        top: -62px;
    }

    body.primary-menu-open.top-search-open #header #top-search form input {
        padding-left: 0 !important;
    }

    #header.transparent-header.full-header #primary-menu>ul {
        min-height: 500vh !important;
        height: 500px !important;
    }
}

@media (max-width: 479px) {
    #top-search a {
        right: 15px;
    }
}

/* #page-title */
@media (max-width: 767px) {
    #page-title {
        padding-top: 100px;
    }
}

@media (max-width: 991px) {
    #page-title {
        padding-top: 100px;
    }
}