@media only screen and (max-width: 900px) {

    body {
        /*height: 100%;*/
    }

    .pageLabel {
        letter-spacing: normal;
        text-align: center;
        font-family: ibin_font_bold;
        position: relative;
        font-size: 18pt;
        margin-bottom: 10px;
        text-transform: uppercase;:
    }

    .pageSubLabel {
        font-size: 20px;
        color: #808e9d;
        padding: 20px;
        font-family: ibin_font_semi_bold;
        text-align: center;
        max-width: 800px;
        margin: 0 auto;
    }

    .standardPara {
        line-height: 20px;
        font-size: 13px;
        max-width: 940px;
        margin: 0 auto;
        text-align: center;
    }

    .modal {
        display: block;
    }

    .menu_1 {
        display: none;
    }

    .menu_2 {
        display: block;
    }

    .searchInput {
        margin: 30px auto;
        width: calc(100% - 20px);
        max-width: 700px;
        padding: 10px;
    }

    .searchInput input[type='text'] {
        font-family: ibin_font;
        border: 0;
        padding: 12px;
        width: calc(100% - 18px);
        font-size: 13px;
        border: 1px #808E9D solid;
        margin: 0 auto;
        background: none;
        box-shadow: 0px 5px 12px rgba(128, 142, 157, .3);
    }

    .contentBlock {
        /*background-color: #808e9d;*/
        height: 100%;
    }


    .homeFooter {
        background: #221f1f;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        padding-top: 8px;
    }

    .footerWrapper {
        width: calc(100% - 20px);
        max-width: 1400px;
        margin: 0 auto;
        color: #8e8d8f;
        text-align: center;
        font-size: 9px;
    }

    .footerLogo {
        margin: 0 auto;
        width: 78px;
        height: 24px;
        background: #221f1f url(../../img/greyscale_bex.png) no-repeat center center;
        background-size: contain;
        display: block;

    }

    .ibinExample {
        width: 100%;
        max-height: 863px;
        height: 262px;
        margin: 15px auto;
        background: url(../../img/ibin-example.svg) no-repeat center top;
        background-size: contain;
    }

    .tableHeader {
        width: 100%;
        border-bottom: 1px solid #a5afba;
        float: left;
        font-family: ibin_font_bold;
        font-size: 10px
    }

    .tableHeader .part_1 {
        float: left;
        width: 35px;
        height: 50px;
        line-height: 50px;
        margin-right: 10px;
        text-align: center
    }

    .tableHeader .part_2 {
        float: left;
        width: calc(100% - 200px);
        height: 50px;
        line-height: 50px;
    }

    .tableHeader .part_3 {
        float: left;
        width: 80px;
        height: 50px;
        line-height: 50px;
        position: relative;
    }

    .tableHeader .part_4 {
        float: left;
        width: 80px;
        height: 50px;
        line-height: 50px;
        display: none
    }

    .tableHeader .part_5 {
        float: right;
        width: 35px;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .tableHeader::after {
        content: '';
        height: 1px;
        overflow: hidden;
        margin-top: -1px;
        clear: both;
        float: none;
    }

    .tableRow_1 {
        width: 100%;
        border-bottom: 1px solid #a5afba;
        float: left;
        background: #f2f3f5;
        font-size: 10px
    }

    .tableRow_1 .part_1 {
        float: left;
        width: 35px;
        height: 50px;
        line-height: 50px;
        margin-right: 10px;
        text-align: center
    }

    .tableRow_1 .part_2 {
        float: left;
        width: calc(100% - 200px);
        height: 50px;
        line-height: 50px;
    }

    .tableRow_1 .part_3 {
        float: left;
        width: 80px;
        height: 50px;
        padding-left: 22px;
        line-height: 50px;
        position: relative;
    }

    .tableRow_1 .part_4 {
        float: left;
        width: 80px;
        height: 50px;
        line-height: 50px;
        display: none;
    }

    .tableRow_1 .part_5 {
        float: right;
        width: 35px;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .tableRow_1::after {
        content: '';
        height: 1px;
        overflow: hidden;
        margin-top: -1px;
        clear: both;
        float: none;
    }

    .detailRow {
        width: 100%;
        float: left;
        font-size: 14px
    }

    .detailRow .part_1 {
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 30px;
    }

    .detailRow .part_2 {
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 30px;
    }

    .detailRow .part_3 {
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 30px;
    }

    .detailRow .part_4 {
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 30px;
    }

    .detailRow .part_5 {
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 30px;
    }

    .detailRow .part_6 {
        float: none;
        width: 100%;
        text-align: left;
        position: relative;
    }

    .detailRow::after {
        content: '';
        height: 1px;
        overflow: hidden;
        margin-top: -1px;
        clear: both;
        float: none;
    }

    .detailRow span {
        font-family: ibin_font_bold;
        background: none;
        font-size: 14px;
        margin-bottom: 10px;
        display: block;
    }

    .detailRow .logoControl {
        border: 1px solid #ccc;
        text-align: center;
        border-radius: 9px;
        width: 140px;
        height: 90px;
        margin: 0 auto;
        vertical-align: middle;
        padding-top: 30px;
    }

    .detailRow_2 {
        width: 100%;
        float: left;
    }

    .detailRow_2 .part_1 {
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 30px;
    }

    .detailRow_2 .part_2 {
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 30px;
    }

    .detailRow_2 .part_3 {
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 30px;
    }

    .detailRow_2 .part_4 {
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 30px;
    }

    .detailRow_2 .part_5 {
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 30px;
    }

    .detailRow_2 .part_6 {
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 30px;
    }

    .detailRow_2::after {
        content: '';
        height: 1px;
        overflow: hidden;
        margin-top: -1px;
        clear: both;
        float: none;
    }

    .detailRow_2 span {
        font-family: ibin_font_bold;
        background: none;
    }


    .flag {
        background: #999 url(../../img/flags/zar_flag.png) no-repeat center center;
        background-size: cover;
        display: block;
        float: left;
        position: relative;
        top: 5px;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        margin-right: 8px;
        left: 0;
    }

    .xWrap_1 {
        margin: 0 auto;
        padding: 5px;
        border: 1px rgba(128, 142, 157, .2) solid;
        border-radius: 12px;
        width: calc(100% - 22px);
        float: none;
        box-shadow: 0px 3px 6px rgba(128, 142, 157, .3);
        margin-bottom: 15px;
    }

    .xWrap_2 {
        margin: 0 auto;
        padding: 5px;
        border: 1px rgba(128, 142, 157, .2) solid;
        border-radius: 12px;
        width: calc(100% - 22px);
        float: none;
        box-shadow: 0px 3px 6px rgba(128, 142, 157, .3);
        margin-bottom: 15px;
    }

    .xWrapFull {
        /*margin: 5px;*/
        padding: 20px;
        border: 1px rgba(128, 142, 157, .2) solid;
        border-radius: 12px;
        width: calc(100% - 22px) !important;
        float: none;
        box-shadow: 0px 3px 6px rgba(128, 142, 157, .3);
    }

    .backBtn {
        cursor: pointer;
        position: absolute;
        left: 0;
        top: -50px;
        display: block;
        color: #FFF;
        background: #808e9d;
        border: 0;
        font-family: ibin_font_bold;
        font-size: 11px;
        padding: 15px;
    }

    .backBtn:hover {
        cursor: pointer;
        position: absolute;
        left: 0;
        top: -50px;
        display: block;
        color: #FFF;
        background: #221f1f;
        border: 0;
        font-family: ibin_font_bold;
        font-size: 11px;
        padding: 15px;
    }

    .inputFile {
        padding: 0;
        margin: 10px;
        margin-top: 40px;
        font-family: ibin_font;
        font-size: 10px;
        position: relative;
        display: inline-block;

    }

    .inputFile .desc {
        color: #808E9D;
        position: absolute;
        top: -30px;
        left: 0;
        display: block;
    }

    .inputFile label {
        color: #808E9D;
    }

    .inputFile button {
        background: #808E9D;
        padding: 10px;
        color: #FFF;
        border: 0px;
        font-family: ibin_font;
        margin-right: 10px;
    }

    .inputFile input[type=file] {

        display: none;
    }

    .catagory {
        padding: 8px;
        float: none;
        width: calc(100% - 16px);
    }

    .catagory2 {
        padding: 8px;
        float: none;
        width: calc(100% - 16px);
    }

    .searchIp {
        position: unset;
        width: 100%;
        text-align: center;
    }

    .pageLableHome {
        position: unset;
        padding: 5%;
        font-size: 18pt;
    }

    .menu_type_1 {
        display: none;
    }

    .searchResult {
        position: unset;
        width: calc(100% - 20px);
        overflow: auto;
        margin: 0 auto;
    }

    .logo {
        position: inherit;
        margin-left: 10px;
        height: 70px;
        width: 100px;
    }

    .registerContent {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        height: 100%;
        margin-bottom: 0;
        padding: 8px;
        font-size: 13px;
    }

    .companyInfo, .companyDes, .stockInfo, .uploadDoc, .companyManagement {
        width: 100%;
        margin: 0 auto;
    }

    .formIbin .row {
        display: block;
        margin-right: 0;
        margin-left: 0;
    }

    .successContent {
        width: 100%;
    }

    .homeHeader {
        height: 70px;
    }

    .contentWrapper {
        height: calc(100% - 60px);
        width: calc(100% - 20px);
        margin: 20px auto;
        overflow-y: scroll;
    }

    .contentWrapper, .content-blk {
        position: relative;
        top: 0;
    }

    .successContent {
        font-size: 13px;
    }

    .registerWrapper .pageNote, .updateWrapper .pageNote, .lableIcon {
        margin-top: 40px;
    }

    .updateWrapper, .supportWrapper, .ibinDetails {
        width: calc(100% - 20px);
    }

    .formCol .col {
        padding-right: 0;
        padding-left: 0;
    }

    .supportWrapper {
        left: 0;
    }

    .xWrapPart.d_flex {
        display: block;
    }

    table tbody, table thead {
        font-size: 10px;
    }

    .table td, .table th {
        padding: 3px;
    }

    tbody tr {
        line-height: 30px;
    }

    .searchIp input[type='text'] {
        background: none;
    }

    .homeHeaderWrapper {
        width: 100%;
    }

    #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
        width: 300px;
    }

    .adminLogin {
        width: calc(100% - 50px);
    }

    .formWrapper {
        max-width: 100%;
        position: unset;
    }

    .inputText {
        width: calc(100% - 10%);
    }

    .adminWrp {
        margin-top: 70px;
    }

    .contentBlock {
        margin-top: 0;
    }

    .adminWrp .grid_1 {
        display: none;
    }

    .adminWrp .grid_2 {
        width: 100%;
    }

    .adminWrp .searchInput .controlBtn {
        display: flex;
    }

    .action-blk, .search-res {
        width: calc(100% - 20px);
        align-items: flex-start;
    }

    .btn .fa, .btn {
        font-size: 10px;
    }

    /*.company-action, .company-filter {*/
    /*    width: auto;*/
    /*}*/
    .controlBtn .button2 {
        font-size: 10px;
    }

    .company-action {
        width: 90%;
    }

    .company-filter {
        width: 10%;
    }

    .custom-control-label::before {
        top: .25rem;
        left: -1.9rem;
        width: 12px;
        height: 12px;
        background-color: #ffffff;
    }

    .custom-control-label::after {
        top: 0.25rem;
        left: -1.9rem;
        width: 12px;
        height: 12px;
    }

    .xWrapPart {
        width: 100%;
    }

    .ibin-action {
        width: 100%;
    }

    .user-action {
        margin: 0;
        width: 100%;
    }

    .ibin-action .btn-space, .user-action .btn-space {
        margin-right: 1px;
    }

    .ibin-form {
        display: flex;
        width: calc(100% - 20px);
    }

    .ibin-form .nav-tabs {
        border-bottom: 0;
        flex-direction: column !important;
        font-size: 13px;
    }

    .formInput {
        margin-left: 0 !important;
    }

    #company-form .heading-info {
        margin: 0;
        margin-bottom: 20px;
    }

    .adminWrp .cusButton {
        padding: .375rem .75rem;
    }

    .adminWrp .form-control {
        height: calc(1.95rem + -2px);
    }

    textarea::-webkit-scrollbar {
        width: 3px;
        background-color: #F5F5F5;
    }

    .pagination-wrapper {
        width: 100%;
    }

    .page-item.active .page-link {
        z-index: 0;
    }

    #user-form .row{
        display: flex !important;
    }

    .userBlk{
        display: block;
    }

    .userBlk .company-action {
        width: 100%;
    }

    .userBlk .search-blk {
        width: 100%;
    }

    .userBlk .searchInput input[type='text']{
        margin: 0;
        width: 70%;
    }

    .userBlk .controlBtn{
        width: 30%;
    }

    .userBlk .controlBtn .button2 {
        width: 100%;
        margin: 0;

    }

    #user-form .col {
        padding-right: 5px;
        padding-left: 5px;
    }

    #user-form .formInput.col-sm-9, #user-form label.col-sm-3{
        padding-right: 5px;
        padding-left: 5px;
    }

    .headerWrapper{
        width: calc(100% - 20px);
    }

}

@media only screen and (min-width: 901px) and (max-width: 1440px) {
    .contentWrapper .content-blk {
        top: 0 !important;
        height: auto !important;
        padding-top: 87px !important;
    }
}