@charset "utf-8";
/* CSS Document */

/* search part */
.pattern-bg{ background:url(https://www.fibre2fashion.com/market-intelligence/Content/images/search-background-img.jpg) repeat-x center; background-color:#d7b839; margin-top:62px; height:125px;}
.blue-background-top{ background-color:rgba(180,90,30,.8); width:100%; height:100%; }

/*starts Elastic search box*/
.stylish-input-group .headersearch {
    border: 0px none !important;
    text-align: left !important;
    width: 70% !important;
    margin: 1% !important;
    outline: medium none !important;
    line-height: 35px !important;
    font-size: 16px !important;
    height: 35px;
}

.selectric-esCategory {
    float: left;
    width: 150px;
    border: none !important;
}

.esCategory {
    font-size: 16px;
    padding: 16px;
    border: solid 1px #e5e5e5;
    background-color: #f5f5f5;
    border-radius: 3px 0px 0px 3px;
    color: #333;
    float: left;
}

/*.ui-autocomplete li {
    background-color: #FFF;
    padding: 10px 20px;
    border-bottom: 1px solid #e2e2e2;
    width: 122%;
    list-style: none;
    margin-left: -10.2%;
}

    .ui-autocomplete li:hover {
        background-color: #EBEEF0;
        cursor: pointer;
    }*/
/*ends Elastic search box*/

@media only screen and (max-width: 991px) {
    .pattern-bg {
        margin-top: 105px;
    }
}

@media only screen and (max-width: 768px) {
    .pattern-bg {
        margin-top: 55px;
    }
}

@media screen and (max-width:560px) {
    .stylish-input-group .headersearch { /*width:70% !important; */
        line-height: 40px;
        font-size: 12px;
    }

    .selectric-esCategory {
        width: 60px; /*width:25%;*/
    }

    .header-stats-main {
        width: 95%;
    }

    .blue-stats, .orange-stats, .yellow-stats, .green-stats {
        font-size: 14px;
    }

    .selectric {
        width: 60px;
    }

    .selectric-items {
        width: 150px !important;
    }
}

@media only screen and (max-width: 640px) {
    .pattern-bg {
        margin-top: 58px;
    }
}

@media only screen and (max-width: 360px) {
    .pattern-bg {
        height: 110px;
    }

    .header-stats-main {
        display: none;
    }

    .search-box {
        margin-top: 32px !important;
    }
}