/************************************************************************
****** This css is for screen resolutions width:767px and below *********
*************************************************************************/
/************************* Generic Style *************************************/
body {
    /*border: 4px solid yellow;*/
    padding: 0;
}

.container {
    width: 100%;
}

#content-body {
    padding: 20px 15px;
    margin: 0;
}

#cms_cpanel_mbar0,
.cms_kb,
#iasp_adminmenu_ctr,
.edit_ctrl,
.edit_control,
table.cpaneltbl,
.contextMenu.icon_Pen,
#top_login_box,
.edit_controls,
.icon_plus,
div.dropdown,
#bhdUnDivId,
.password-strength > img,
div.dropdown {
    display: none!important;
} 

.table_form, .table_form_edit, .subtable_form, .subtable_form_edit, table.ohs_cart, table.ohs_table {
    table-layout: fixed;
    width: 100%;
}

.cartend_fl {
    width: 100%;
}

a.popupviewtrigger {
    pointer-events: none;
    cursor: default;
}

h1 {
    font-size: 22px;
    line-height: normal;
    margin: 0 0 10px 0;
    text-align: center;
}


h2 {
    font-size: 18px;
    line-height: normal;
    text-align: center;
    margin: 0 0 20px 0;
}
/*---- Button ----*/
.btn_global,
.btn_global:link,
.btn_global:active,
.btn_global:visited,
.btn_global:focus,
input.button,
.cms_endform_buttons input {
    font-size: 14px;
    padding: 5px 25px;
}
/*For login page**/
.box#login {
    width: 100%;
}

/************************* End of Generic Style *******************************/
/************************* Style for HomePage Slider **************************/
#hp_slider {
    height: auto;
    margin: 0;
}

#myCarousel {
    width: auto;
}

    #myCarousel .overlay {
        display: none;
    }

    #myCarousel .carousel-inner > .item > a > img,
    #myCarousel .carousel-inner > .item > img {
        min-height: 124px;
    }

    #myCarousel .carousel-inner > .item {
        height: 124px;
    }

    #myCarousel .arrow_btns a {
        line-height: 13px;
        font-size: 30px;
        width: 20px;
        height: 20px;
        display: none !important;
    }

    #myCarousel a#psl_arrow_left {
        left: -30px;
    }

    #myCarousel a#psl_arrow_right {
        right: -30px;
    }
/************************* End of Style for HomePage Slider *******************/
/*********** Start of Style for head and menu *********************************/
#head {
    min-height: 0;
    position: relative;
}

#head_inner {
    padding: 0;
}

#logo {
    padding: 20px;
    line-height: 60px;
    margin: 0;
    text-align: center;
    padding: 0;
}

    #logo a {
        display: block;
    }

        #logo a img {
            max-width: 70%;
            max-height: 100%;
            padding: 0;
            margin: 20px;
        }

#head #contact {
    padding-top: 10px;
}

#contact {
    padding: 0 70px 30px 20px;
    text-align: center;
}

    #contact .phone {
        font-size: 20px;
        background-size: 22px;
        padding-left: 32px;
    }

    #contact .contact_us {
        font-size: 16px;
        background-size: 16px;
        padding-left: 26px;
    }

/* Style for menu*/
#main_menu {
    height: auto;
    margin: 0;
    position: relative;
    z-index: 2;
}

button.btn.btn-navbar {
    position: relative;
}

#main_menu {
    min-height: 0;
    margin: 0px;
}

    #main_menu .navbar {
        margin: 0;
        min-height: 0;
    }

    #main_menu .navbar-inner {
        min-height: 0;
        background: none;
        border: none;
        padding: 0;
    }

    #main_menu .menu {
        margin: 0;
        padding: 10px 0;
    }

    #main_menu button.btn.btn-navbar {
        margin: -40px 30px 0 0;
    }

ul.menu li {
    display: block;
    float: none;
}

    ul.menu li a,
    ul.menu li a:link,
    ul.menu li a:active,
    ul.menu li a:visited {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 0;
    }



        ul.menu li a:last-of-type {
            padding-bottom: 15px;
        }

    ul.menu li:first-child a {
        padding-top: 15px;
    }

.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
    text-shadow: none;
    color: #fff;
}

    .nav-collapse .nav > li > a:hover,
    .nav-collapse .nav > li > a:focus,
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .dropdown-menu a:focus {
        border-radius: 0;
    }

#members_menu,
#top_admin_menu,
#top_ohsadmin_menu {
    display: none;
}
/*********** End of Style for head and menu *********************************/
/*********** Style for Homepage List ****************************************/
#hp_list h1 {
    font-size: 22px;
    margin: 0 0 20px 0;
}

#hp_list h2 {
    text-align: center;
    font-weight: normal;
}

#hp_list .list_item_body {
    padding: 20px 0 30px 0;
}
/*********** End of Style for Homepage List *********************************/
/*********** Style for welcome box ******************************************/
#welcome_box #welcome_box_inner {
    padding: 0 15px;
}

#welcome_box .welcome_btns {
    margin-top: 20px;
    text-align: center;
}

    #welcome_box .welcome_btns a.r_arrow, #welcome_box .welcome_btns a.r_arrow:link, #welcome_box .welcome_btns a.r_arrow:active, #welcome_box .welcome_btns a.r_arrow:visited {
        margin-right: 0;
    }
/*********** End of Style for welcome box ************************************/
/*********** Style for Video box *******************************************/
#video_box #video_box_inner {
    margin: 0 20px;
}
/*********** End of Style for Video box ***************************************/
/*********** Style for How it Works box *******************************************/
#how_works_box #how_works_box_inner {
    padding: 0 20px;
}

#how_works_box .cta_item .cta_desc {
    height: 40px;
    overflow: hidden;
}
/*********** End of Style for  How it Works box ***************************************/
/*********** Style for Our Clients box **************************************************/
#our_clients_box #our_clients_box_inner {
    padding: 20px 0;
    margin: 0 20px;
}

/*********** End of Style for Our Clients box ********************************************/
/*********** Style for News box **************************************************/
#news_box #news_box_inner {
    margin: 0 20px;
}

#news_box .cta_item {
    margin-bottom: 30px;
}

    #news_box .cta_item:last-child {
        margin-bottom: 0;
    }

    #news_box .cta_item .cta_desc {
        height: auto;
    }

    #news_box .cta_item h2 {
        margin: 10px 0;
    }
/*********** End of Style for News box ********************************************/
/*********** Style for footer ****************************************************/
#foot_top {
    text-align: center;
}


    #foot_top #foot_top_inner {
        padding: 20px 0;
    }

    #foot_top .col_title {
        display: block;
        margin: 15px 0;
        font-size: 16px;
    }

    #foot_top .col_list {
        margin-bottom: 15px;
    }

        #foot_top .col_list a,
        #foot_top .col_list a:link,
        #foot_top .col_list a:active,
        #foot_top .col_list a:visited,
        #foot_top .col_list a:hover {
            font-size: 13px;
            line-height: 20px;
        }

    #foot_top .footer_logo {
        margin: 20px 0;
    }

        #foot_top .footer_logo a img {
            height: 40px;
        }

    #foot_top .social_bar .linkedin {
        margin-right: 0;
    }
/* Style for footer bottom */
#foot {
    height: auto;
    text-align: center;
}

    #foot .copyright {
        text-align: center;
        line-height: normal;
        margin-bottom: 15px;
    }

/*********** End of Style for footer *********************/
/***************** Style for Resource / Box *************************/
#resource_box + h3 {
    display: none;
}

#resource_box.new .listitem {
    margin: 2px;
}
/* For large icon list */
.box.new .box_inner {
    padding: 10px;
}

.box.new .listitem {
    margin-bottom: 10px;
}

/***************** End of Style for Resource / Box ******************/
/********************************* 19/9/2014  Fay *****************************/
/********************Style for Default list  *************************/

.btn_global.btn_def_list, .btn_global.btn_def_list:link,
.btn_global.btn_def_list:active, .btn_global.btn_def_list:visited,
.btn_global.btn_def_list:focus {
    font-size: 14px;
    padding: 5px 25px;
}

#default_list .list_item .list_item_text {
    text-align: center;
    /*height: 85px;*/
    height: auto;
}

#default_list .list_item .list_item_btn {
    /*position: absolute;
    bottom: 0;
    width: 92%;*/
    position: relative;
    width: 100%;
    bottom: initial;
    right: initial;
    margin-top: 20px;
}



#default_list .list_item_body {
    padding: 0;
}

#default_list .list_item .imgwrap {
    padding: 5px;
    /*height: 215px;*/
    height: auto;
}

#default_list .list_item h4 a, #default_list .list_item h4 a:link,
#default_list .list_item h4 a:active, #default_list .list_item h4 a:visited,
#default_list .list_item h4 a:focus {
    padding: 5px;
}

#default_list .list_item .img_box .img_border {
    border: none;
    width: 220px;
    margin: auto;
}

#default_list .list_item .img_box img {
    border: 1px solid #d2d7dd;
    max-width: 99%;
}

#default_list .list_item .img_box {
    height: auto;
}

#default_list .list_item .ctrl_bar {
    display: none;
}

#default_list .list_item .img_box_inner {
    position: relative;
}

#default_list .list_item {
    padding: 20px 0;
    text-align: center;
}

/********************End of Style for Default list  *************************/
/***********Style for Contact Us Form *********************/

#contactusform input,
#contactusform textarea,
#contactusform select,
.cms_loginform input {
    width: 95%;
    max-width: 95%;
}

#contactusform form {
    text-align: center;
}

#contactusform .right_col {
    margin: 0;
}

#contactusform .bg_grey {
    text-align: left;
    height: auto;
}

#contactusform .submit-row .col1 {
    display: none;
}
/***********End of Style for Contact Us Form *********************/
/***********Style for  Registration Form *********************/

#user_edit_tbl .span5 {
    text-align: left;
    background: transparent;
}

#user_edit_tbl input,
#user_edit_tbl select,
#user_edit_tbl textarea,
#user_edit_tbl ~ .cms_endform_buttons input {
    width: 96%;
    max-width: 96%;
}

#user_edit_tbl .date_regi .span7 {
    text-align: center;
}

    #user_edit_tbl .date_regi .span7 select {
        width: 30%;
    }

#user_edit_tbl #data_datetime05_limg {
    display: none;
}

#user_edit_tbl .password-strength .progress {
    width: auto;
    right: 3%;
    bottom: 0;
    top: 2px;
}

#user_edit_tbl .password-strength ul.error-list {
    width: 80%;
}
#user_edit_tbl .password-strength img {
    display: none;
}

#user_edit_tbl div.button_link {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;
}

#user_edit_tbl .listitemleft {
    width: 100%;
    padding: 0;
    /*display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;*/
    text-align: right;
    float: none;
    display: block;
    margin-bottom: 10px;
}

#user_edit_tbl .listitemright {
    width: 100%;
    padding: 0 0 0 10px;
    margin: 0;
    /*display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;*/
    text-align: left;
    display: block;
    padding: 0;
}

#user_edit_tbl .list_2cols {
    /*background-position: 50% 0;*/
    background: none;
}

#user_edit_tbl .span7.su {
    display: none;
}

#user_edit_tbl .span5.su {
    display: none;
}

#user_edit_tbl .listitemrow .img_wrap {
    padding: 0;
    margin: 0;
    text-align: center;
}

.cms_endform_buttons .btn_delete {
    display: none;
}
/***********End of Style for  Registration Form*********************/
/*********** Style for Default Detail *************************/
.smimg {
    position: relative;
    bottom: 0;
}

#def_detail .img_box {
    margin-bottom: 50px;
}

#def_detail .img_box_inner.img_border {
    border: none;
}

#def_detail .img_box_inner img {
    border: 1px solid #d2d7dd;
}


#def_detail .img_box {
    padding: 10px;
}

#def_detail .img_box {
    margin-bottom: 0;
}

.smimg div {
    width: 45px;
}

#gallery_list_main {
    height: auto;
    min-height: 0;
}

/***********End of Style for Default Detail *********************/
/******************** Style for Industry List*****************************************/
#default_list.industry_list .img_box_inner.img_border img {
    position: relative;
}

/********************End of Style for Industry List*****************************************/