#merchant_page
{
    display: none;
}

body[biz_open=true] #merchant_page
{
    display: block;
}


body[biz_open=loading] .uie_loading_screen
{
    display: block;
}


body[biz_open=true] #search_page
{
    display:none;
}

body[biz_open=true]
{

}


@media screen and (min-width: 1200px)
{
    body:not([biz_open=true]) #_crtl_box[box_center=true] .header_menu .header_left_menu
    {
        width: 24em !important;
    }


    body:not([biz_open=true]) #_crtl_box[box_center=true] .header_menu .header_left_icon_container .header_left_bx_ico
    {
        width: 16em;
        background-position: left center;
        background-image: url(/img/common/logo_booxi_w.svg);
    }

    body:not([biz_open=true]) #_crtl_box[box_center=true] .header_menu .header_center_menu
    {
        left: 24em !important;
    }
}

@media screen and (max-width: 1200px)
{
    body:not([biz_open=true]) #_crtl_box[box_center=true] .header_menu .header_left_icon_container .header_left_bx_ico
    {
        display: none !important;
    }

    body:not([biz_open=true]) #_crtl_box[box_center=true] .header_menu .header_left_icon_container .header_left_menu_ico
    {
        position: static !important;
        width:100% !important;
        height:100% !important;
    }
}



body[biz_open=true] #_crtl_box[box_center=true]
{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
}




.uie_page_content[view_target=search_results] #search_results
{
    display: block;
}

.uie_page_content[view_target=category_listing] #category_listing
{
    display: block;
}


/* ------------- */

#category_listing[mob=false] > div[mob_view=true]
{
    display: none;
}

#category_listing[mob=false] > div[mob_view=false]
{
    display: inline-block;
}

#category_listing[mob=true] > div[mob_view=true]
{
    display: block;
}

#category_listing[mob=true] > div[mob_view=false]
{
    display: none;
}

#results_page
{
    min-height: 30em;
    margin-top: 8em;
}

#merchant_page .uie_hero_banner
{
    margin-top: 8em;
}

/*

body[biz_open=false] #_crtl_box[box_center=true] .BOX_CENTER_NO
{
    display: none;
}


body[biz_open=false] #_crtl_box[box_center=false] .BOX_CENTER
{
    display: none;
}

body[biz_open=true] #_crtl_box[box_center=false] .BOX_CENTER, body[biz_open=true] #_crtl_box[box_center=true] .BOX_CENTER
{
    display: none !important;
}

body[biz_open=true] #_crtl_box .header_menu .header_left_icon_container .header_left_bx_ico
{
    display: none !important;
}
background-color: rgba(68, 206, 94, 0.80);
*/

/********************************************************************
    Segment section
********************************************************************/

#headline_text > span
{
    line-height: 1.65em;
    background-color: rgba(85, 85, 85, 0.3);
}

.segmentTxt
{

}

.uie_page_content
{

}




@media screen and (min-width: 1px) and (max-width: 320px)
{

}

@media screen and (min-width: 321px) and (max-width: 460px)
{

}

@media screen and (min-width: 461px) and (max-width: 640px)
{

}

@media screen and (min-width: 641px) and (max-width: 800px)
{

}

@media screen and (min-width: 801px) and (max-width: 1080px)
{

}

@media screen and (min-width: 1081px) and (max-width: 1360px)
{

}

@media screen and (min-width: 1361px) and (max-width: 1640px)
{

}


@media screen and (min-width: 1641px)
{

}
































/********************************************************************
    Segment section
********************************************************************/


@media screen and (max-height: 700px)
{
    #results_page
    {
        margin-top: 6em !important;
    }

    #merchant_page .uie_hero_banner
    {
        margin-top: 6em !important;
    }
}

@media screen and (max-width: 1275px)
{
    /*
    #_crtl_box[box_center=false] .header_menu .header_left_icon_container .header_left_bx_ico
    {
        display: none !important;
    }
    */

    #_crtl_box[box_center=false] .header_menu .header_left_icon_container .header_left_menu_ico
    {
        position: static !important;
        width: 100% !important;
        height: 100% !important;
    }

    #_crtl_box[box_center=false] .header_menu .header_left_icon_container .header_left_bx_ico
    {
        display: none !important;
    }
}

@media screen and (max-width: 1024px)
{
    .segmentTxt
    {
        font-size: 5em !important;
    }


}

@media screen and (max-width: 640px)
{
    .segmentTxt
    {
        font-size: 3.5em !important;
    }
}

@media screen and (max-width: 340px)
{
    .segmentTxt
    {
        font-size: 3em !important;
    }
}