@media screen and (max-device-width: 410px) {
    /* home page */
    img#edgectpmainlogo {
        max-height: 50px;
    }

    #wrapper .sidebar #sidebar-wrapper .sidebar-nav li ul {
        /*top: 250px !important;*/
    }

    span.company-logo-box {
        width: 150px !important;
    }
    section.content.stretch.padd-left-40 .home-cards .homeBox{
        width:100%; 
    }
    a#menu-toggle-2 {
        font-size: 20px;
        float: right;
        margin-top: 0px !important;
    }

    div#tabFind .col-sm-12.col-md-12.col-lg-6.col-xl-6.iphone-padded.text-right.padRight0.padLeft0{
        width: 100% !important;
    }

    .deleteicon12 a#btnAllClear, .deleteicon12 a#btnRatesClear, .deleteicon12 a#btnReadyClear, .deleteicon12 a#btnArrangedClear, .deleteicon12 a#btnInTransitClear, .deleteicon12 a#btnDeliveredArrivedClear, .deleteicon12 a#btnReturnsClear {
        top: 50% !important;
    }
    input#txtAllSearch, input#txtRatesSearch, input#txtReadySearch, input#txtArrangedSearch, input#txtInTransitSearch, input#txtDeliveredArrivedSearch, input#txtReturnsSearch {
        padding-right: 30px;
    }

    a#newSale {
        color: #fff;
    }

    a#newSale span.caret{
        margin-top: 0px !important; 
    }

    a#lblUserName {
        margin-top: 0px !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute !important;
        background: #fff !important;
        left: -10px !important
    }

    #btnBookADemo {
        left: 12px !important;
        top: 66% !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    #wrapper.toggled-2 #sidebar-wrapper {
        width: 0px !important;
    }

    #sidebar-wrapper {
        width: 100% !important;
        height: 100vh !important;
        position: fixed !important;
    }

    aside {
        margin-top: 50px !important;
    }

        aside#home-view {
            margin-top: 70px !important;
        }

    .card-box {
        padding: 10px 10px 10px 0 !important;
    }

    ul#menu {
        margin-left: 3.5rem;
        position: relative !important;
    }

    ul.nav.nav-tabs.nav-float::before {
        display: none;
    }

    ul.nav.nav-tabs.nav-float {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    #wrapper .sidebar #sidebar-wrapper .sidebar-nav li ul {
        /*top: 220px !important;*/
        left: 72px !important;
        position: absolute !important;
    }

    .main-chart .panel-tabs, #contactsRecordsTableDeliveries, #contactsRecordsTableManufacture, #contactsRecordsTableDocuments, #contactsRecordsTable2 {
        padding: 0px !important;
    }

    div#welcome h2 {
        font-size: 20px !important;
    }

    section.content.stretch.padd-left-40, .row.stretch.padd-left-40, div.header-element h3 {
        margin: 0px !important;
        padding: 0 !important;
    }

    div.header-element h3 {
        margin: 1.5rem 0 !important;
        font-size: 18px !important;
    }

    input#txtSearchOwing, input#txtSearch, input#txtSearchems, input#txtSearchRFQ, input#txtSearchPQTE, input#txtSearchSPOR, input#txtSearchSPUI, input#txtSearch2, input#txtSearch3, input#txtSearchSSOR, input#txtSearch4, input#txtSearch5, input#txtSearchSORD, input#txtSearchSDD, input#txtSearchSOEcommerce, input#txtSearchSC22, input#txtSearchHMRC, input#txtSearchFw, input#txtSearchSC23, input#SearchTextJobDocument, input#SearchTextJobOrder, input#SearchTextJobInvoice, input#SearchTextDeleted, input#txtSearchUKCOO, input#txtSearchUKERU1, input#txtSearchALL, input#txtSearchSQTE, input#txtSearchSEcommerxe {
        padding-right: 30px !important;
    }

    a#btnClearOwing {
        position: absolute;
        top: 5px;
        right: 0;
    }

    .padd-left-240 {
        padding: 0px !important;
        margin: 0px !important;
    }

    .max640_Top25 {
        top: 5px !important;
    }

    .row-fluid.marginTop5 {
        position: relative !important;
    }

    span.pull-left.padTop10.font14 {
        position: absolute;
        top: 115px;
        left: 120px;
    }

    #footer {
        z-index: 0 !important;
        line-height: 1.5 !important;
    }

    .footer-built-by {
        padding-right: 0 !important;
    }

    .alert.ui-pnotify-container.alert-info.ui-pnotify-shadow, .alert.ui-pnotify-container.alert-warning.ui-pnotify-shadow, .alert.ui-pnotify-container.alert-error.ui-pnotify-shadow {
        margin-left: 2rem !important;
    }

    /*task tab position handle*/
    .row-fluid.pad0_10.MarginLeft30.marginTop15.c-res-task2 {
        margin-top: 310px !important;
    }

    .row-fluid.c-res-task1 {
        position: absolute !important;
        top: 330px;
        left: 6px;
        padding-right: 10px !important;
    }

    .row-fluid.marginTop5.c-res-task {
        position: absolute !important;
        left: 0;
        padding: 0 20px;
        top: 150px;
    }

    div#welcome {
        position: relative !important;
    }

    .row-fluid.marginTop5.c-res-appointments {
        position: absolute !important;
        left: 0;
        padding: 0 20px;
        top: 150px;
    }

    .row-fluid.c-res-appointments1 {
        position: absolute !important;
        top: 330px;
        left: 6px;
        padding-right: 10px !important;
    }

    .row-fluid.pad0_10.MarginLeft30.marginTop15.c-res-appointments2 {
        margin-top: 310px !important;
    }
    /* home page end */

    /*contact page*/
    input#txtSearcheCommerce, input#txtSearchDeleted, input#txtSearchSICN, input#txtSearchSDGN, input#txtSearchSSSN, input#txtSearchSECS, input#txtSearchAWB, input#txtSearchSSHP, input#txtSearchSPRO, input#txtSearchSCOM, input#txtSearchConnect, input#txtSearchIdentify, input#txtSearchQuote, input#txtSearchFinance, input#txtSearchDeliver, input#txtSearchSettle, input#txtSearchRate, input#txtSearchComplete, input#txtSearchCancelled {
        padding-right: 30px !important;
    }

    .main-page-margin {
        margin: 30px 0 0 0 !important;
    }

    .bootstrap-switch {
        width: 77px !important;
    }

    .panel-body.positionRelative {
        min-height: 250px !important;
    }

    ul#ContactsTabs {
        position: relative;
    }

        ul#ContactsTabs li.pull-right.marginRight15 {
            position: absolute;
            top: 115px !important;
            left: 186px !important;
        }

    a#addPerson, a#addCompany {
        width: 95.666667% !important;
    }

    a#addCompany, ul#BOMTabs li:nth-child(16), a#btnCertificates {
        margin-bottom: 10px !important;
    }

    #tab1 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 {
        width: 98% !important;
    }

    div#contactsRecordsTable, div#contactsOwing, div#contactsAging, div#contactsPeriod, div#contactsProductTracking, div#contactsDeletedTable {
        padding: 0;
    }

        div#contactsRecordsTable .table-responsive {
            min-height: 230px;
            padding: 0 5px;
        }

    .panel-heading.clearfix1 h3.panel-title {
        font-size: 14px !important;
    }

    td.action.minWidth300 {
        min-width: 150px !important;
        padding-left: 15px !important;
    }

    table.table.tableSticky.dataTable1.table-highlight.advance-table.marginBtm5.table-list th.minWidth300 {
        min-width: 150px !important;
    }

    .span12.docs-record-table .pad15.padTop0 {
        padding: 0px !important;
    }

    #tabeCommerce .row-fluid.pad5_15 {
        padding: 0px !important;
    }

    .tableSticky.tableFunnel tbody {
        height: 280px !important;
    }

    div#tabFunnel .row-fluid.pad0_10.MarginLeft30.marginTop15.table-responsive {
        border: none;
    }

    input#txtSearchBoxSystem, input#txtSearchOwing, input#txtSearchAging, input#txtSearchPeriod, input#txtSearchProductTracking {
        padding-right: 30px !important;
    }

    ul#ContactsTabs a[href="Appointment.aspx"], ul#ContactsTabs a[href="Task.aspx"] {
        width: 95% !important;
    }

    ul#ContactsTabs a.button.button-rounded.button-action-flat.hvr-pop.pull-right.formBtnDisable.col-xs-8.col-sm-3.col-md-3.col-lg-2:nth-child(4) {
        margin-top: 10px !important;
    }

    ul#ContactsTabs a.button.button-rounded.button-action-flat.hvr-pop.marginRight5.pull-right.formBtnDisable.col-xs-8.col-sm-3.col-md-3.col-lg-2, ul#BOMTabs li.pull-right.col-xs-12.col-sm-4.col-md-2.pad0, a#addLogisticsDocuments, a#newSale {
        margin-bottom: 10px !important;
    }

    span.dropdown.open ul.dropdown-menu {
        z-index: 1;
        top: 20px !important;
    }

    span.pull-left.marginTop0.padleft10.padTop5.font14 {
        margin-bottom: 30px !important;
        white-space: nowrap;
    }

    .panel-heading h3.panel-title.colorMineShaft2 span {
        margin-right: 10px !important;
    }

    div#modalSyncShopify {
        width: 94% !important;
        left: 90.5%;
    }
    /*contact page end*/
    /*product page start*/
    .row.maxHeight401, .row.maxHeight401 div:nth-child(1) h3 {
        margin-bottom: 1rem !important;
    }

    div#Content_Span3 ul.dropdown-menu {
        z-index: 1;
    }

    div#chartsdiv .panel-body.positionRelative {
        min-height: 180px !important;
    }

    .tab-content.marginTop10 #tab1 .row-fluid.pad5_15 .col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.iphone-padded.marginLeft0 {
        padding: 0px !important
    }

        .tab-content.marginTop10 #tab1 .row-fluid.pad5_15 .col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.iphone-padded.marginLeft0 span.pull-left.padTop5.font14 {
            width: 210px !important;
            margin-left: -5px !important;
        }

    #ContactsTabs a:nth-child(3) {
        margin: 10px 0px !important;
    }

    #contactsRecordsTable .panel-heading.clearfix1 .panel-title span {
        margin-right: 10px !important
    }

    ul#ContactsTabs a:nth-child(3), button#btnManufactureNew, button#btnASMProduct {
        width: 100% !important
    }

    table#tblSystemList {
        min-height: 280px !important
    }

    #tabFind .pad5-10 .row-fluid.pad5 .col-sm-12.col-md-8.iphone-padded.marginLeft0.padLeft0.colorMineShaft span:nth-child(2) {
        margin-left: -13px !important
    }

    span.pull-left.marginTop0.padleft10.padTop5.font14 {
        margin-left: -13px;
        margin-bottom: 40px !important;
    }

    #tabAll .panel-heading.pad5_10 {
        min-height: 110px !important
    }

    div#pager_wizard ul.nav.nav-tabs.nav-custom.font14 li.pull-right {
        float: left !important;
        width: 92%;
    }

    .pull-left.marginTop0.padleft5.padTop10 {
        width: 111% !important;
        margin-left: -5px !important;
    }
    /*product page end*/

    /*docs*/
    a#addNewFinancialDoc, ul.dropdown-menu.pull-right {
        width: 100%;
        z-index: 1;
    }

    ul#BOMTabs li.pull-right.col-xs-12.col-sm-4.col-md-2.pad0 ul.dropdown-menu.pull-right li a, .dropdown.iphone-padded.open ul.dropdown-menu.pull-right li a {
        white-space: pre-wrap;
    }

    div#tabAllDocs .row-fluid .col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12.iphone-padded.marginLeft0.padLeft0.text-left.padRight0 .pull-left.advance-filter-icon {
        width: 220px;
        margin-left: -10px;
    }

    div#tabAllDocs .row-fluid .col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12.iphone-padded.marginLeft0.padLeft0.text-left.padRight0 span a {
        margin-left: 10px !important;
    }

    div#chartsdiv .col-lg-4.chart1-padding .panel-heading, div#chartsdiv .col-lg-4.chart2-padding .panel-heading, div#chartsdiv .col-lg-4.chart3-padding .panel-heading {
        min-height: 60px;
    }

    .deleteicon14 a#btnClear, .deleteicon14 a#btnClear2, .deleteicon14 a#btnClearSSHP, .deleteicon14 a#btnClearAWB, .deleteicon14 a#btnClear3, .deleteicon14 a#btnClear4, .deleteicon14 a#btnClear7, .deleteicon14 a#btnClear5, .deleteicon14 a#btnClearSDD, .deleteicon13 a#btnClearJobDocument, .deleteicon13 a#btnClear, .deleteicon13 a#btnClearJobInvoice, .deleteicon13 a#btnClearSDD, .deleteicon16 a#btnClear, .deleteicon16 a#btnClearUKCOO, .deleteicon16 a#btnClearUKERU1, .deleteicon16 a#btnClear5, .deleteicon16 a#btnClear2, .deleteicon16 a#btnClear3, .deleteicon16 a#btnClear4, .deleteicon16 a#btnClear6, .deleteicon16 a#btnClear7 {
        position: absolute
    }

    ul#CertTabs li.pull-right.col-xs-12.col-sm-4.col-md-2.pad0.btnMenuItems.marginBottom ul.dropdown-menu.pull-right li a {
        white-space: inherit !important;
    }

    div#Div5 div.pull-left {
        margin-top: 20px !important
    }

    /*docs end*/

    /*buy sell ship*/
    div#tabStock a#btnClear, div#tabSuppliers a#btnClears, div#tabRFQ a#btnClearRFQ, div#tabQuotes a#btnClearPQTE, div#tabOrders a#btnClearSPOR, div#tabInvoices a#btnClearSPUI {
        position: absolute !important;
        right: 10px !important;
        top: 30px !important;
    }

    a.button.button-rounded.button-royal-flat.hvr-pop.dropdown-toggle.formBtnDisable {
        margin-bottom: 10px;
    }

    div#tabRFQ .col-sm-7.col-md-5.col-lg-5.col-xl-5.iphone-padded.marginLeft0.padLeft0.colorMineShaft.text-left {
        width: max-content;
        margin-left: -5px !important
    }

    div#tabAllDocs a#btnClearALL {
        position: absolute !important;
        right: 40px !important;
        top: 47px !important
    }

    #tabCRFQ .deleteicon a#btnClearRFQ, div#tabOwnQuotes .deleteicon a#btnClearSQTE, div#tabOrderAck .deleteicon a#btnClearSORD, div#DirectTab .deleteicon a#btnClearSSOR, div#EcommerceTab .deleteicon a#btnClearSEcommerxe, div#tabProformas .deleteicon a#btnClearSPRO, div#tabInvoices .deleteicon a#btnClearSCOM{
        right: 10px !important;
        top: 27px !important
    }
    a#btnClearOwing{
        top: 7px !important;
        right: 5px !important
    }
    div#tabAllSales .tab-content.marginTop10.pad10{
        padding: 0px !important
    }
    /*buy sell ship end*/
}

@media screen and (max-device-width: 505px) and (min-device-width: 411px) {
    /* home page */
    header.header {
        position: fixed;
    }

    ul#BOMTabs li:nth-child(16) {
        top: 33px !important;
    }
    section.content.stretch.padd-left-40 .home-cards .homeBox {
        width: 100%;
    }
    div#sidebar-wrapper {
        height: 85vh !important;
        overflow-y: auto;
    }

    .deleteicon12 a#btnAllClear, .deleteicon12 a#btnRatesClear, .deleteicon12 a#btnReadyClear, .deleteicon12 a#btnArrangedClear, .deleteicon12 a#btnInTransitClear, .deleteicon12 a#btnDeliveredArrivedClear, .deleteicon12 a#btnReturnsClear {
        top: 50% !important;
        left: 90% !important;
    }

    input#txtAllSearch, input#txtRatesSearch, input#txtReadySearch, input#txtArrangedSearch, input#txtInTransitSearch, input#txtDeliveredArrivedSearch, input#txtReturnsSearch {
        padding-right: 30px;
    }

        div#sidebar-wrapper::-webkit-scrollbar {
            display: none;
        }

    ul#BOMTabs li:nth-child(17) {
        margin-bottom: 10px;
    }

    span.dropdown.open ul.dropdown-menu {
        left: -50px !important
    }

    div#modalSyncShopify {
        width: 96% !important;
        left: 68%;
    }

    #tabeComm span.pull-right {
        margin-top: 30px !important
    }

    li div#Content_Span3 ul.dropdown-menu {
        z-index: 1;
    }

    #btnBookADemo {
        left: 10px !important;
        top: 70px !important;
    }

    .header .navbar .sidebar-toggle {
        margin-left: 360px !important;
        font-size: 24px !important;
        margin-top: -65px !important;
    }

    .company-logo-box {
        width: fit-content !important;
        margin: 1rem 0px 0px 2rem !important;
        justify-content: flex-start !important;
    }

    ul#menu {
        padding-top: 60px !important;
    }

    #wrapper.toggled-2 #sidebar-wrapper {
        width: 50px !important;
    }

    #sidebar-wrapper {
        width: 60% !important;
        height: 100vh !important;
        position: fixed !important;
    }

    #wrapper .sidebar #sidebar-wrapper .sidebar-nav li ul {
        left: 145px;
    }

    aside#home-view {
        margin-top: 10.5rem !important;
    }

    .padd-left-240 {
        padding: 0px !important;
        margin: 0px !important;
        margin-top: 30px !important;
    }

    section.content.stretch.padd-left-40 {
        margin: -20px 0px 30px 30px !important;
        padding: 0px 0 40px 20px !important;
    }

    .row.stretch.padd-left-40 {
        padding: 40px 0 40px 20px !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute !important;
        background: #fff !important;
    }

    #footer {
        padding-left: 40px;
        margin-left: 0 !important;
        z-index: 0 !important;
        line-height: 1.5 !important;
    }

    a.right10.top5.pos-Absolute.colorLGray.max640_Top25 {
        top: 5px !important;
    }

    input#txtSearchOwing {
        padding-right: 60px !important;
    }

    /*task tab position handle*/
    .row-fluid.pad0_10.MarginLeft30.marginTop15.c-res-task2 {
        margin-top: 310px !important;
    }

    .row-fluid.c-res-task1 {
        position: absolute !important;
        top: 270px;
        left: 6px;
        padding-right: 10px !important;
    }

    .row-fluid.marginTop5.c-res-task {
        position: absolute !important;
        left: 0;
        padding: 0 20px;
        top: 100px;
    }

    div#welcome {
        position: relative !important;
    }

    .row-fluid.marginTop5.c-res-appointments {
        position: absolute !important;
        left: 0;
        padding: 0 20px;
        top: 100px;
    }

    .row-fluid.c-res-appointments1 {
        position: absolute !important;
        top: 270px;
        left: 6px;
        padding-right: 10px !important;
    }

    .row-fluid.pad0_10.MarginLeft30.marginTop15.c-res-appointments2 {
        margin-top: 310px !important;
    }
    /* home page end */

    /*contact page*/
    .main-page-margin {
        margin: 30px 0 0 45px !important;
    }

    .bootstrap-switch {
        width: 77px !important;
    }

    .panel-body.positionRelative {
        min-height: 250px !important;
    }

    ul#ContactsTabs {
        position: relative;
    }

        ul#ContactsTabs li.pull-right.marginRight15 {
            position: absolute;
            top: 100px;
            left: 245px;
        }

    a#addPerson, a#addCompany {
        width: 95.666667% !important;
    }

    a#addCompany {
        margin-bottom: 10px !important;
    }

    #tab1 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 {
        width: 98% !important;
    }

    div#contactsRecordsTable, div#contactsOwing, div#contactsAging, div#contactsPeriod, div#contactsProductTracking, div#contactsDeletedTable {
        padding: 0;
    }

        div#contactsRecordsTable .table-responsive {
            min-height: 230px;
            padding: 0 5px;
        }

    .panel-heading.clearfix1 h3.panel-title {
        font-size: 14px !important;
    }

    td.action.minWidth300 {
        min-width: 150px !important;
        padding-left: 15px !important;
    }

    table.table.tableSticky.dataTable1.table-highlight.advance-table.marginBtm5.table-list th.minWidth300 {
        min-width: 150px !important;
    }

    .span12.docs-record-table .pad15.padTop0, #contactsRecordsTable2 {
        padding: 0px !important;
    }

    #tabeCommerce .row-fluid.pad5_15 {
        padding: 0px !important;
    }

    #btnClearAllSearch i.icon.icon-remove {
        top: 18px !important;
    }

    .dropdown.iphone-padded a.button.button-rounded.button-action-flat.hvr-pop.dropdown-toggle {
        margin-bottom: 10px !important;
        width: 100%;
    }

    li a.formBtnDisable {
        margin-bottom: 10px;
    }

    .dropdown.iphone-padded.open ul.dropdown-menu.pull-right {
        margin-top: 160px !important;
        z-index: 100;
    }

    #tabFind .panel-heading.clearfix1 {
        padding: 10px 6px !important;
    }

    #ContactsTabs li a, #btninfo, a[href="Task.aspx"] {
        margin-bottom: 10px !important;
    }

    a[href="Task.aspx"], a[href="Appointment.aspx"] {
        width: 95% !important;
    }

    .table-responsive {
        border: none !important;
        height: 280px !important;
    }

    input#txtSearchBoxSystem, input#txtSearchAging, input#txtSearchPeriod, input#txtSearcheCommerce, input#txtSearchDeleted, input#txtSearchems, input#txtSearchSPUI, input#txtSearchSPOR, input#txtSearchPQTE, input#txtSearchRFQ {
        padding-right: 30px !important
    }

    table#dragTable > tbody > tr {
        border-top: 1px solid;
    }
    /*contact page end*/

    ul#ContactsTabs a:nth-child(3) {
        width: fit-content !important;
    }

    div#pager_wizard ul.nav.nav-tabs.nav-custom.font14 li.pull-right {
        float: left !important;
        width: 100% !important;
    }

        div#pager_wizard ul.nav.nav-tabs.nav-custom.font14 li.pull-right button#btnManufactureNew, div#pager_wizard ul.nav.nav-tabs.nav-custom.font14 li.pull-right button#btnASMProduct {
            width: 94% !important
        }

    div#tabAll .row-fluid.marginTop5 .panel-heading.pad5_10 {
        min-height: 60px !important
    }

    div#modalAddNewManufacturing {
        left: 67% !important;
        width: 98% !important;
    }
}

@media screen and (max-device-width: 992px) and (min-device-width: 768px) {
    /* home page */
    #menu {
        padding-top: 20px !important;
    }

    #wrapper .sidebar #sidebar-wrapper {
        padding-top: 38px !important;
    }

    div#Content_Span3 .dropdown-menu {
        z-index: 1 !important;
    }

    section.content.stretch.padd-left-40 .home-cards .homeBox:nth-last-child(1) {
        margin-right: 12rem;
    }
    section.content.stretch.padd-left-40 .home-cards .homeBox:nth-last-child(2){
        margin-left: 10rem;
    }
    section.content.stretch.padd-left-40 .home-cards .homeBox {
        min-width: 210px;
    }

    .header .navbar .sidebar-toggle {
        margin: 0px !important;
        padding: 0px;
        top: 22px;
    }
    img#edgectpmainlogo{
        max-height: 55px !important;
    }

    header.header {
        position: fixed !important;
    }

    aside#home-view {
        margin-top: 7.5rem !important;
    }


    #wrapper .sidebar #sidebar-wrapper {
        position: fixed !important;
        top: 30px !important;
    }

    #footer {
        position: relative;
        z-index: 0 !important;
    }

    .deleteicon13 a#btnClear {
        right: 5% !important
    }


    #footer .container {
        padding: 0px 0px 0px 30px !important;
        line-height: 1.5 !important;
    }

        #footer .container .row-fluid .span6 {
            text-align: center;
        }

    #footer #builtby {
        text-align: center;
    }

    .footer-built-by {
        padding-right: 0 !important;
    }

    .col-xl-5.col-lg-5.col-md-5.col-sm-6.col-xs-12.iphone-padded.colorMineShaft.pad3 {
        width: 60% !important;
    }

    .col-xl-5.col-lg-9.col-md-6.col-sm-7.col-xs-11.iphone-padded.colorMineShaft.pad3 {
        width: 75% !important;
    }

    i.fa.fa-fw.ti-reload.text-primary.actions_icon.font16.padTop5 {
        position: relative;
        top: -5px !important;
    }

    /*task tab position handle*/
    .row-fluid.pad0_10.MarginLeft30.marginTop15.c-res-task2 {
        margin-top: 210px !important;
    }

    .row-fluid.c-res-task1 {
        position: absolute !important;
        top: 180px;
        padding-right: 50px !important;
    }

    .row-fluid.marginTop5.c-res-task {
        position: absolute !important;
        padding-right: 70px;
        top: 80px;
    }

    div#welcome, #tab1 .row-fluid.pad5-10 .pad5 {
        position: relative !important;
    }

    .row-fluid.marginTop5.c-res-appointments {
        position: absolute !important;
        padding-right: 70px;
        top: 80px;
    }

    .row-fluid.c-res-appointments1 {
        position: absolute !important;
        top: 180px;
        padding-right: 50px !important;
    }

    .row-fluid.pad0_10.MarginLeft30.marginTop15.c-res-appointments2 {
        margin-top: 210px !important;
    }

    div.row-fluid.marginTop5.c-res-appointments > .col-sm-6 {
        width: 70% !important;
    }
    /* home page end */

    /*contact page*/
    #tab1 .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 {
        width: 100% !important;
        padding-left: 15px !important;
    }

        #tab1 .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 .pull-left.advance-filter-icon {
            margin-left: 0px !important;
        }

    #tab1 .row-fluid.pad5-10 .pad5 .col-xl-4.col-lg-4.col-md-4.col-sm-5.col-xs-12.iphone-padded.colorMineShaft.pad3 {
        width: 50% !important;
    }

    #tab1 .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 .pull-left.advance-filter-icon {
        position: absolute;
        top: -30px;
        left: 320px;
    }

        #tab1 .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 .pull-left.advance-filter-icon:nth-child(2) {
            left: 340px;
        }

    ul#ContactsTabs a#addCompany {
        width: fit-content !important;
    }

    input#txtSearchOwing, input#txtSearchAging, input#txtSearchPeriod, input#txtSearcheCommerce, input#txtSearchDeleted, input#txtSearchSSOR, input#txtSearchSOEcommerce, input#txtSearch5, input#txtSearchSORD, input#txtSearchSEcommerxe {
        padding-right: 50px !important;
    }

    table#dragTable tbody tr {
        border-top: 1px solid #000 !important;
    }

    a[href="Appointment.aspx"] {
        width: fit-content;
    }

    ul#ContactsTabs a:nth-child(7) {
        margin-bottom: 10px !important;
    }

    ul#ContactsTabs a:nth-child(7), ul#ContactsTabs a:nth-child(8) {
        margin-top: 10px !important;
        margin-bottom: 10px;
    }

    ul#ContactsTabs .dropdown.iphone-padded > a.button.button-rounded.button-action-flat.hvr-pop.dropdown-toggle {
        margin: 10px 0 !important;
    }

    ul#ContactsTabs ul.dropdown-menu.pull-right {
        margin-top: 80px !important;
        z-index: 1;
    }

    div#tabOutbound .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-6.col-xl-6.iphone-padded.text-right.padRight0.padLeft0, div#tabInbound .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-6.col-xl-6.iphone-padded.text-right.padRight0.padLeft0, div#tabFind .col-sm-12.col-md-12.col-lg-6.col-xl-6.iphone-padded.text-right.padRight0.padLeft0, #tabDeleted .col-sm-12.col-md-12.col-lg-6.col-xl-6.iphone-padded.text-right.padRight0.padLeft0 {
        width: fit-content;
    }
    /*contact page end*/

    /* div#pager_wizard ul.nav.nav-tabs.nav-custom.font14 li:nth-child(5){
        width: 25% !important
    }*/
    div#pager_wizard ul.nav.nav-tabs.nav-custom.font14 li.pull-right {
        float: right !important;
    }

    input#txtSearchConnect, input#txtSearchIdentify, input#txtSearchQuote, input#txtSearchFinance, input#txtSearchDeliver, input#txtSearchSettle, input#txtSearchRate, input#txtSearchComplete, input#txtSearchCancelled, input#txtSearchRFQ, input#txtSearchPQTE, input#txtSearchSPOR, input#txtSearchSPUI, input#SearchTextJobOrder, input#SearchTextJobInvoice, input#SearchTextJobDocument, input#SearchTextDeleted, input#txtSearchALL, input#txtAllSearch, input#txtRatesSearch, input#txtReadySearch, input#txtArrangedSearch, input#txtInTransitSearch, input#txtDeliveredArrivedSearch, input#txtReturnsSearch {
        padding-right: 30px !important;
    }

    input#txtSearchRFQ, input#txtSearchSQTE, input#txtSearchSQTE, input#txtSearchSPRO, input#txtSearchSCOM {
        padding-right: 50px !important;
    }

    a[href="#tabInvoices"] {
        margin-bottom: 10px !important
    }

    div#modalAddNewManufacturing {
        left: 50% !important;
    }

    /*docs*/
    ul.dropdown-menu.pull-right {
        width: 89%;
        z-index: 1;
        height: 50vh;
        overflow-y: auto;
    }

    ul#BOMTabs li.pull-right.col-xs-12.col-sm-4.col-md-2.pad0 ul.dropdown-menu.pull-right li a {
        white-space: break-spaces;
    }

    div.deleteicon13 a#btnClear {
        right: 10%;
    }

    .dropdown.iphone-padded.open ul.dropdown-menu.pull-right {
        width: auto;
        height: auto;
    }

    .deleteicon14 a#btnClearSDD, .deleteicon14 a#btnClear, .deleteicon14 a#btnClear2, .deleteicon14 a#btnClear3, .deleteicon14 a#btnClear4, .deleteicon14 a#btnClear5, .deleteicon14 a#btnClear7, .deleteicon14 a#btnClearSSHP, .deleteicon14 a#btnClearAWBm, .deleteicon13 a#btnClearJobDocument, .deleteicon13 a#btnClear, .deleteicon13 a#btnClearJobInvoice, .deleteicon13 a#btnClearSDD, .deleteicon16 a#btnClear2, .deleteicon16 a#btnClear3, .deleteicon16 a#btnClear4, .deleteicon16 a#btnClear5, .deleteicon16 a#btnClear6, .deleteicon16 a#btnClear7, .deleteicon16 a#btnClearUKCOO, .deleteicon16 a#btnClear, .deleteicon16 a#btnClearUKERU1, div#tabAllDocs a#btnClearALL {
        position: absolute !important;
    }

    /*docs end*/


    div#tabRFQ .deleteicon8 a#btnClearRFQ, div#tabQuotes .deleteicon8 a#btnClearPQTE, div#tabOrders .deleteicon8 a#btnClearSPOR, div#tabInvoices .deleteicon8 a#btnClearSPUI {
        position: absolute
    }

    div#tabStock a#btnClear, div#tabSuppliers a#btnClears {
        top: 6px;
        right: 15px !important;
    }

    div#tabRFQ .col-sm-7.col-md-5.col-lg-5.col-xl-5.iphone-padded.marginLeft0.padLeft0.colorMineShaft.text-left {
        float: right
    }

    div#tabAllDocs .span5.iphone-padded.pad3, div#tabCRFQ .span5.iphone-padded.pad3, div#tabOwnQuotes .span5.iphone-padded.pad3, div#tabOrderAck .span5.iphone-padded.pad3, div#DirectTab .span5.iphone-padded.pad3, div#tabProformas .span5.iphone-padded.pad3, div#tabInvoices .span5.iphone-padded.pad3, div#EcommerceTab .span5.iphone-padded.pad3 {
        width: 58.3333333333%;
        position: relative;
    }
    div#tabAllDocs a#btnClearALL, div#tabCRFQ a#btnClearRFQ, div#tabOwnQuotes a#btnClearSQTE, div#tabOrderAck a#btnClearSORD, div#DirectTab a#btnClearSSOR, div#EcommerceTab a#btnClearSEcommerxe, div#tabProformas a#btnClearSPRO, div#tabInvoices a#btnClearSCOM {
        right: 15px !important;
        top: 10px;
    }

    div#tabCRFQ a#btnClearRFQ, div#tabOwnQuotes a#btnClearSQTE, div#tabOrderAck a#btnClearSORD, div#DirectTab a#btnClearSSOR, div#EcommerceTab a#btnClearSEcommerxe, div#tabProformas a#btnClearSPRO, div#tabInvoices a#btnClearSCOM {
        top: 7px !important;
    }
    div#Content_Div1 img.marginTop5 {
        margin-right: -3px;
        margin-left: -20px;
    }
    div#tabAllShipment .deleteicon12 a{
        left: 90% !important;
        top: 20% !important;
    }
    div#tabRatesShipment .deleteicon12 a#btnRatesClear, div#tabReadyShipment a#btnReadyClear, div#tabArrangedShipment a#btnArrangedClear, div#tabInTransitShipment a#btnInTransitClear, div#tabDeliveredArrivedShipment a#btnDeliveredArrivedClear, div#tabReturnsShipment a#btnReturnsClear{
        left: 92% !important;
        top: 20% !important;
    }
}

@media screen and (max-device-width: 1200px) and (min-device-width: 992px) {
    /*task tab position handle*/
        .row-fluid.pad0_10.MarginLeft30.marginTop15.c-res-task2 {
        margin-top: 150px !important;
    }

    div#Content_Span3 .dropdown-menu {
        z-index: 1 !important;
    }

    .row-fluid.c-res-task1 {
        position: absolute !important;
        top: 170px;
        padding-right: 50px !important;
    }

    .row-fluid.marginTop5.c-res-task {
        position: absolute !important;
        padding-right: 70px;
        top: 80px;
    }

    div#welcome, div#tab1 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 {
        position: relative !important;
    }

    .row-fluid.marginTop5.c-res-appointments {
        position: absolute !important;
        padding-right: 70px;
        top: 80px;
    }

    .row-fluid.c-res-appointments1 {
        position: absolute !important;
        top: 170px;
        padding-right: 50px !important;
    }

    .row-fluid.pad0_10.MarginLeft30.marginTop15.c-res-appointments2 {
        margin-top: 190px !important;
    }

    div.row-fluid.marginTop5.c-res-appointments > .col-sm-6 {
        width: 70% !important;
    }

    div.row-fluid.marginTop5.c-res-task > .col-sm-6 {
        width: 70% !important;
    }

    div.row-fluid.marginTop5.c-res-task > span.pull-left.padTop5.padLeft10.font14 {
        padding-left: 40px !important;
    }

    div.row-fluid.marginTop5.c-res-appointments > span.pull-left.padTop5.padLeft10.font14 {
        padding-left: 40px !important;
    }

    /*contact page*/
    input#txtSearchBoxSystem, input#txtSearch, input#txtSearchRFQ, input#txtSearchPQTE, input#txtSearchSPOR, input#txtSearchSPUI, input#txtSearch2, input#txtSearch3, input#txtSearchSSOR, input#txtSearch4, input#txtSearch5, input#txtSearchSORD, input#txtSearchSDD, input#txtSearchHMRC, input#txtSearchFw, input#txtSearchSC23, input#txtSearchSC22 {
        padding-right: 30px !important;
    }

    div#tab1 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 {
        width: 100% !important;
    }

    div#tab1 .pad5 .col-xl-4.col-lg-4.col-md-6.col-sm-5.col-xs-12.iphone-padded.colorMineShaft.pad3 {
        width: 50% !important;
    }

    a#addCompany, a#addPerson {
        margin-bottom: 10px !important;
    }

    #tab1 .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 .pull-left.advance-filter-icon {
        position: absolute;
        top: -30px;
        left: 290px;
    }

        #tab1 .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 .pull-left.advance-filter-icon:nth-child(2) {
            left: 310px;
        }

    #tab1 .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 span.pull-left.padTop5.font14 {
        margin-left: 15px !important;
    }

    div#tab1 .pad5 .col-xl-4.col-lg-4.col-md-4.col-sm-5.col-xs-12.iphone-padded.colorMineShaft.pad3 {
        padding-left: 10px !important;
    }

    ul#ContactsTabs ul.dropdown-menu.pull-right {
        z-index: 1;
    }

    div#tabOutbound .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-6.col-xl-6.iphone-padded.text-right.padRight0.padLeft0, div#tabInbound .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-6.col-xl-6.iphone-padded.text-right.padRight0.padLeft0, div#tabFind .col-sm-12.col-md-12.col-lg-6.col-xl-6.iphone-padded.text-right.padRight0.padLeft0 {
        width: fit-content;
    }

    ul#ContactsTabs .col-sm-12.col-md-12.col-lg-6.col-xl-6.iphone-padded.text-right.padRight0.padLeft0, #tabDeleted .col-sm-12.col-md-12.col-lg-6.col-xl-6.iphone-padded.text-right.padRight0.padLeft0 {
        width: fit-content;
    }
    /*contact page end*/

    /*docs*/
    ul#BOMTabs ul.dropdown-menu.pull-right {
        z-index: 1;
    }

    ul#BOMTabs li.pull-right.col-xs-12.col-sm-4.col-md-2.pad0 {
        width: fit-content;
        margin-bottom: 10px;
    }

    div.deleteicon13 a#btnClear, div.deleteicon13 a#btnClear2, div.deleteicon13 a#btnClear3, div.deleteicon13 a#btnClearSSOR, div.deleteicon13 a#btnClear4, div.deleteicon13 a#btnClear5, div.deleteicon13 a#A1, div.deleteicon13 a#btnClearSORD, div.deleteicon13 a#btnClearRFQ, div.deleteicon13 a#btnClearSPOR, div.deleteicon13 a#btnClearSPUI, div.deleteicon13 a#btnClearSDD {
        right: 3% !important;
    }
    /*docs end*/
}

@media screen and (width: 375px) {
    ul#ContactsTabs li.pull-right.marginRight15 {
        top: 80px !important;
    }
    /* .dropdown.iphone-padded a.button.button-rounded.button-action-flat.hvr-pop.dropdown-toggle{
        margin: 10px 0px 
    }*/
    #ContactsTabs li:nth-child(8), ul#BOMTabs li:nth-child(17) {
        margin-bottom: 10px;
    }

    #tabeComm span.pull-right {
        margin-top: 0px !important
    }

    ul#BOMTabs li:nth-child(16) {
        top: 33px;
    }

    div#modalSyncShopify {
        left: 77.5% !important;
    }

    .panel-heading h3.panel-title.colorMineShaft2 span {
        margin-right: 70px !important;
    }

    ul.dropdown-menu.pull-right {
        position: relative !important;
        z-index: 1 !important;
    }

    ul.nav.nav-tabs.nav-custom.font14 li.pull-right button {
        width: 150% !important;
        float: right !important;
        margin-left: 27px !important
    }

    .panel-heading h3.panel-title.colorMineShaft2 span {
        margin-right: 0px !important;
    }

    #tabAll .row-fluid.marginTop5 .panel-heading.pad5_10 {
        min-height: 60px !important
    }

    div#pager_wizard ul.nav.nav-tabs.nav-custom.font14 li.pull-right {
        width: 100% !important
    }

    .col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.iphone-padded.marginLeft0.padLeft0.colorMineShaft {
        width: 110% !important;
        margin-left: -6px !important;
    }

    ul.dropdown-menu.pull-right {
        margin-top: 0px !important;
    }

    div#tabAllDocs .row-fluid .col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12.iphone-padded.marginLeft0.padLeft0.text-left.padRight0 .pull-left.advance-filter-icon {
        margin-bottom: 10px;
        width: 100%;
    }

    div#tabRFQ .col-sm-7.col-md-5.col-lg-5.col-xl-5.iphone-padded.marginLeft0.padLeft0.colorMineShaft.text-left {
        width: max-content;
        margin-left: 38px !important
    }

    div#tabOrders .col-sm-12.col-md-6.col-lg-6.col-xl-6.iphone-padded.marginLeft0.padLeft0.colorMineShaft {
        width: 300px;
        margin-left: -12px !important;
    }
}

@media screen and (width:667px) {
    ul#ContactsTabs li.pull-right.marginRight15 {
        top: -70px;
        left: 330px;
    }
    #wrapper .sidebar #sidebar-wrapper{
        height: 92%;
    }
    section.content.stretch.padd-left-40 .home-cards .homeBox:nth-last-child(1) {
        margin-left: 12rem;
    }

    section.content.stretch.padd-left-40 .home-cards .homeBox {
        min-width: 250px;
    }

    a#addCompany, a#addPerson {
        float: left !important
    }

    a#addCompany {
        margin-bottom: 10px;
    }

    ul#menu {
        margin-top: 0px !important;
    }

    .row.maxHeight401, .row.maxHeight401 div:nth-child(1) h3 {
        margin-bottom: 1rem !important;
    }

    div#Content_Span3 ul.dropdown-menu {
        z-index: 1;
    }

    #tabeComm span.pull-right {
        margin-top: 30px !important
    }

    #footer {
        z-index: -1;
    }

        #footer .container .span6 {
            text-align: center !important;
        }

    .footer-built-by {
        padding-right: 0px !important;
    }

    #footer {
        z-index: 1 !important;
    }

    a#addNewFinancialDoc, a#newSale {
        margin-bottom: 10px;
    }

    ul#BOMTabs ul.dropdown-menu.pull-right {
        width: 40%;
        height: max-content;
        overflow-y: auto;
        z-index: 1;
    }

        ul#BOMTabs ul.dropdown-menu.pull-right li a {
            white-space: pre-wrap
        }

    div.deleteicon13 a#btnClear, div.deleteicon13 a#btnClear2, div.deleteicon13 a#btnClear3, div.deleteicon13 a#btnClearSSOR, div.deleteicon13 a#btnClearSOEcommerce, div.deleteicon13 a#btnClear4, div.deleteicon13 a#btnClear5, div.deleteicon13 a#A1, div.deleteicon13 a#btnClearSORD, div.deleteicon13 a#btnClearRFQ, div.deleteicon13 a#btnClearSPOR, div.deleteicon13 a#btnClearSPUI, div.deleteicon13 a#btnClearSDD {
        top: 50% !important;
        right: 3% !important;
    }

    div#sidebar-wrapper {
        height: 80vh;
        overflow-y: auto;
    }

        div#sidebar-wrapper::-webkit-scrollbar {
            display: none;
        }

    div#Div5 .pull-left {
        margin-top: 20px !important
    }

    .deleteicon13 a#btnClearJobDocument, .deleteicon13 a#btnClear, .deleteicon13 a#btnClearJobInvoice, .deleteicon13 a#btnClearSDD {
        position: absolute;
        top: 50% !important;
        right: 3% !important;
    }

    div#tabCRFQ a#btnClearRFQ, div#tabOwnQuotes a#btnClearSQTE, div#tabOrderAck a#btnClearSORD, div#DirectTab a#btnClearSSOR, div#EcommerceTab a#btnClearSEcommerxe, div#tabProformas a#btnClearSPRO, div#tabInvoices a#btnClearSCOM {
        right: 10px !important;
    }

    .deleteicon11 a#btnClear, .deleteicon11 a#btnClearConnect, .deleteicon11 a#btnClear3, .deleteicon11 a#btnClear4, .deleteicon11 a#btnClearFinance, .deleteicon11 a#A1, .deleteicon11 a#lnkSalesSettle, .deleteicon11 a#lnkSalesRate, .deleteicon11 a#lnkClearComplete, .deleteicon11 a#lnkClearCancelled {
        top: 50% !important
    }

    a#btnClearALL{
        position: absolute !important;
        left: 89% !important;
        top: 9.5% !important
    }
}

@media screen and (width:390px) {
    .navbar {
        min-height: 120px !important;
    }

    li.dropdown.user.user-menu {
        top: 60px;
        left: 70px;
    }

    ul#ContactsTabs li.pull-right.marginRight15 {
        top: 80px !important;
    }

    a#lblUserName {
        margin-left: 0px !important;
    }
    div#modalSyncShopify{
        left: 74.5% !important
    }
}

@media screen and (width:844px) {
    ul#ContactsTabs li.pull-right.marginRight15 {
        margin-bottom: 10px !important;
    }

    .main-page-margin {
        top: 50px !important
    }

    #menu {
        padding-top: 15px !important;
    }

    #tab1 .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 .pull-left.advance-filter-icon {
        left: 350px !important;
    }

        #tab1 .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 .pull-left.advance-filter-icon:nth-child(2) {
            left: 370px !important
        }

    a.button.button-rounded.button-action-flat.hvr-pop.pull-right.formBtnDisable.col-xs-8.col-sm-3.col-md-3.col-lg-2:nth-child(7) {
        top: 38px
    }

    div#sidebar-wrapper {
        height: 85vh;
        overflow-y: auto;
    }

    ul.dropdown-menu.pull-right {
        width: 80%;
    }

    div#sidebar-wrapper::-webkit-scrollbar {
        display: none;
    }

    div.deleteicon13 a#btnClear2, div.deleteicon13 a#btnClear3, div.deleteicon13 a#btnClearSSOR, div.deleteicon13 a#btnClear4, div.deleteicon13 a#btnClear5, div.deleteicon13 a#A1, div.deleteicon13 a#btnClearSORD, div.deleteicon13 a#btnClearRFQ, div.deleteicon13 a#btnClearSPOR, div.deleteicon13 a#btnClearSPUI, div.deleteicon13 a#btnClearSDD {
        right: 7% !important;
    }
    div#tabAllDocs a#btnClearALL, div#tabCRFQ a#btnClearRFQ, div#tabOwnQuotes a#btnClearSQTE, div#tabOrderAck a#btnClearSORD, div#DirectTab a#btnClearSSOR, div#EcommerceTab a#btnClearSEcommerxe, div#tabProformas a#btnClearSPRO, div#tabInvoices a#btnClearSCOMP {
        right: 20px !important
    }
}

@media screen and (width:393px) {
    .navbar {
        min-height: 120px !important
    }

    li.dropdown.user.user-menu {
        top: 60px !important;
        left: 70px !important
    }

    ul#ContactsTabs li.pull-right.marginRight15 {
        top: 80px !important;
    }

    a#lblUserName {
        margin-left: 0px !important;
    }
    div#modalSyncShopify{
        left: 74% !important;
    }
}

@media screen and (width:851px) {
    li.dropdown.user.user-menu {
        top: 0;
        left: 0;
    }

    li.pull-right.marginRight15 {
        margin-bottom: 10px;
    }

    #tab1 .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 .pull-left.advance-filter-icon {
        left: 350px;
    }

        #tab1 .row-fluid.pad5-10 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 .pull-left.advance-filter-icon:nth-child(2) {
            left: 370px;
        }

    a.button.button-rounded.button-action-flat.hvr-pop.pull-right.formBtnDisable.col-xs-8.col-sm-3.col-md-3.col-lg-2:nth-child(7) {
        top: 38px;
    }

    div#sidebar-wrapper {
        height: 85vh;
        overflow-y: auto;
    }

        div#sidebar-wrapper::-webkit-scrollbar {
            display: none;
        }

    div.deleteicon13 a#btnClear2, div.deleteicon13 a#btnClear3, div.deleteicon13 a#btnClearSSOR, div.deleteicon13 a#btnClear4, div.deleteicon13 a#btnClear5, div.deleteicon13 a#A1, div.deleteicon13 a#btnClearSORD, div.deleteicon13 a#btnClearRFQ, div.deleteicon13 a#btnClearSPOR, div.deleteicon13 a#btnClearSPUI, div.deleteicon13 a#btnClearSDD, div.deleteicon13 a#btnClearSOEcommerce {
        right: 7% !important;
    }

    div#modalSyncShopify {
        left: 55% !important;
    }
    div#tabAllDocs a#btnClearALL, div#tabCRFQ a#btnClearRFQ, div#tabOwnQuotes a#btnClearSQTE, div#tabOrderAck a#btnClearSORD, div#DirectTab a#btnClearSSOR, div#EcommerceTab a#btnClearSEcommerxe, div#tabProformas a#btnClearSPRO, div#tabInvoices a#btnClearSCOM{
        right: 20px !important;
    }
}

@media screen and (width:1180px) {
    a#addPerson {
        margin-top: 40px;
    }

    div.deleteicon13 a#btnClear, div.deleteicon13 a#btnClear2, div.deleteicon13 a#btnClear3, div.deleteicon13 a#btnClearSSOR, div.deleteicon13 a#btnClear4, div.deleteicon13 a#btnClear5, div.deleteicon13 a#A1, div.deleteicon13 a#btnClearSORD, div.deleteicon13 a#btnClearRFQ, div.deleteicon13 a#btnClearSPOR, div.deleteicon13 a#btnClearSPUI, div.deleteicon13 a#btnClearSDD, div.deleteicon13 a#btnClearSOEcommerce {
        right: 7% !important;
    }

    input#txtSearch, input#txtSearch2, input#txtSearch3, input#txtSearchSSOR, input#txtSearchSOEcommerce, input#txtSearch4, input#txtSearch5, input#txtSearchSORD, input#txtSearchSDD, input#txtSearchHMRC, input#txtSearchFw, input#txtSearchSC23, input#txtSearchSC22 {
        padding-right: 30px
    }

    div.deleteicon13 a#btnClearJobDocument, div.deleteicon13 a#btnClear, div.deleteicon13 a#btnClearJobInvoice, div.deleteicon13 a#btnClearSDD {
        top: 25% !important;
        right: 7% !important;
    }
}

@media screen and (width:896px) {
    ul#ContactsTabs a:nth-child(7) {
        top: 38px;
        /*left: -195px;*/
    }

    div#pager_wizard ul.nav.nav-tabs.nav-custom.font14 li:nth-child(5) {
        padding-right: 11% !important;
    }

    div#pager_wizard ul.nav.nav-tabs.nav-custom.font14 li.pull-right:nth-child(1) {
        width: 242px !important;
    }

    div#sidebar-wrapper {
        height: 85vh;
        overflow-y: auto;
    }

        div#sidebar-wrapper::-webkit-scrollbar {
            display: none;
        }

    div.deleteicon13 a#btnClear2, div.deleteicon13 a#btnClear3, div.deleteicon13 a#btnClearSSOR, div.deleteicon13 a#btnClearSOEcommerce, div.deleteicon13 a#btnClear4, div.deleteicon13 a#btnClear5, div.deleteicon13 a#A1, div.deleteicon13 a#btnClearSORD, div.deleteicon13 a#btnClearRFQ, div.deleteicon13 a#btnClearSPOR, div.deleteicon13 a#btnClearSPUI, div.deleteicon13 a#btnClearSDD {
        top: 22% !important;
        right: 8% !important;
    }

    div.deleteicon13 a#btnClear {
        right: 11% !important;
        top: 22% !important;
    }
    div#tabAllDocs a#btnClearALL, div#tabCRFQ a#btnClearRFQ, div#tabOwnQuotes a#btnClearSQTE, div#tabOrderAck a#btnClearSORD, div#DirectTab a#btnClearSSOR, div#EcommerceTab a#btnClearSEcommerxe, div#tabProformas a#btnClearSPRO, div#tabInvoices a#btnClearSCOM{
        right: 30px !important;
    }
    section.content.stretch.padd-left-40 .home-cards .homeBox:nth-last-child(1) {
        margin-right: 14.5rem;
    }
    section.content.stretch.padd-left-40 .home-cards .homeBox:nth-last-child(2) {
        margin-left: 12rem;
    }

    section.content.stretch.padd-left-40 .home-cards .homeBox {
        min-width: 250px;
    }
}

@media screen and (width:740px) {
    #menu {
        padding-top: 0px !important;
        /*left: -195px;*/
    }

    #footer {
        z-index: -1030 !important;
    }

        #footer .container .span6 {
            text-align: center !important;
        }

    .footer-built-by {
        padding-right: 0px !important
    }

    ul#BOMTabs li:nth-child(16) {
        top: 33px !important;
    }

    ul#BOMTabs li:nth-child(17), a#addNewFinancialDoc, a#newSale {
        margin-bottom: 10px;
    }

    div#Content_Span3 ul.dropdown-menu {
        z-index: 1;
    }

    div#sidebar-wrapper {
        height: 80vh;
        overflow-y: auto;
    }

        div#sidebar-wrapper::-webkit-scrollbar {
            display: none;
        }

    div.deleteicon13 a#btnClear, div.deleteicon13 a#btnClear2, div.deleteicon13 a#btnClear3, div.deleteicon13 a#btnClearSSOR, div.deleteicon13 a#btnClearSOEcommerce, div.deleteicon13 a#btnClear4, div.deleteicon13 a#btnClear5, div.deleteicon13 a#A1, div.deleteicon13 a#btnClearSORD, div.deleteicon13 a#btnClearRFQ, div.deleteicon13 a#btnClearSPOR, div.deleteicon13 a#btnClearSPUI, div.deleteicon13 a#btnClearSDD {
        top: 50% !important;
        right: 3% !important;
    }

    .dropdown.iphone-padded.open ul.dropdown-menu.pull-right {
        width: 40%;
        height: max-content;
        overflow-y: auto;
        z-index: 1;
    }

        .dropdown.iphone-padded.open ul.dropdown-menu.pull-right li a {
            white-space: break-spaces;
        }

    div.deleteicon13 a#btnClearSDD, div.deleteicon13 a#btnClearJobDocument, div.deleteicon13 a#btnClear, div.deleteicon13 a#btnClearJobInvoice {
        position: absolute;
        top: 50% !important;
        right: 3% !important
    }

    div#tabAllDocs a#btnClearALL{
        position: absolute !important;
        top: 46px;
        right: 45px !important
    }
    div#tabCRFQ a#btnClearRFQ, div#tabOwnQuotes a#btnClearSQTE, div#tabOrderAck a#btnClearSORD, div#DirectTab a#btnClearSSOR, div#EcommerceTab a#btnClearSEcommerxe, div#tabProformas a#btnClearSPRO, div#tabInvoices a#btnClearSCOM,  {
        right: 10px !important;
    }
    .deleteicon11 a#btnClear, .deleteicon11 a#btnClearConnect, .deleteicon11 a#btnClear3, .deleteicon11 a#btnClear4, .deleteicon11 a#btnClearFinance, .deleteicon11 a#A1, .deleteicon11 a#lnkSalesSettle, .deleteicon11 a#lnkSalesRate, .deleteicon11 a#lnkClearComplete, .deleteicon11 a#lnkClearCancelled {
        top: 28px !important
    }
}

@media screen and (width: 914px) {
    div#sidebar-wrapper {
        height: 85vh;
        overflow-y: auto;
    }

        div#sidebar-wrapper::-webkit-scrollbar {
            display: none;
        }

    .deleteicon16 a#btnClear2, .deleteicon16 a#btnClear3, .deleteicon16 a#btnClear4, .deleteicon16 a#btnClear5, .deleteicon16 a#btnClear6, .deleteicon16 a#btnClear7, .deleteicon16 a#btnClearUKCOO, .deleteicon16 a#btnClear, .deleteicon16 a#btnClearUKERU1 {
        position: relative;
    }
}

@media screen and (width:915px) {
    a.button.button-rounded.button-action-flat.hvr-pop.pull-right.formBtnDisable.col-xs-8.col-sm-3.col-md-3.col-lg-2:nth-child(7) {
        top: 38px
    }

    div#sidebar-wrapper {
        height: 85vh;
        overflow-y: auto;
    }

        div#sidebar-wrapper::-webkit-scrollbar {
            display: none;
        }

    .deleteicon13 a#btnClear2, .deleteicon13 a#btnClear3, .deleteicon13 a#btnClearSSOR, .deleteicon13 a#btnClear4, .deleteicon13 a#btnClear5, .deleteicon13 a#A1, .deleteicon13 a#btnClearSORD, .deleteicon13 a#btnClearRFQ, .deleteicon13 a#btnClearSPOR, .deleteicon13 a#btnClearSPUI, .deleteicon13 a#btnClearSDD, .deleteicon13 a#btnClearSOEcommerce {
        right: 8% !important
    }

    .deleteicon13 a#btnClearSDD, .deleteicon13 a#btnClearJobDocument, .deleteicon13 a#btnClear, .deleteicon13 a#btnClearJobInvoice {
        position: absolute;
        top: 25% !important;
        right: 8% !important
    }
}

@media screen and (width:540px) {
    #menu {
        padding-top: 0px !important
    }

    a#btnBookADemo {
        margin-left: -25px !important;
    }

    .header .navbar .sidebar-toggle {
        margin-left: -25px !important;
        margin-right: 30px !important;
    }

    #tabAll .panel-heading.pad5_10 {
        min-height: 60px !important;
    }

    .deleteicon16 a#btnClear2, .deleteicon16 a#btnClear3, .deleteicon16 a#btnClear4, .deleteicon16 a#btnClear5, .deleteicon16 a#btnClear6, .deleteicon16 a#btnClear7, .deleteicon16 a#btnClearUKCOO, .deleteicon16 a#btnClear, .deleteicon16 a#btnClearUKERU1 {
        position: absolute;
        top: 50% !important;
        right: 3% !important
    }
}

@media screen and (min-width: 540px) {
    div.deleteicon13 a#btnClearJobDocument, div.deleteicon13 a#btnClearJobInvoice{
        top: 50% !important;
        right: 3% !important;
    }
}


@media screen and (width:720px) {
    #menu {
        padding-top: 0px !important
    }

    #tab1 .col-sm-12.col-md-12.col-lg-7.col-xl-7.iphone-padded.text-right.padRight0.padLeft0 {
        width: 100% !important
    }

    div#modalAddNewManufacturing {
        left: 57% !important;
        width: 90% !important;
    }

    #footer {
        z-index: 1 !important;
        padding-left: 70px !important;
    }

    a#btnCertificates {
        margin-bottom: 10px
    }

    .deleteicon16 a#btnClear2, .deleteicon16 a#btnClear3, .deleteicon16 a#btnClear4, .deleteicon16 a#btnClear5, .deleteicon16 a#btnClear6, .deleteicon16 a#btnClear7, .deleteicon16 a#btnClearUKCOO, .deleteicon16 a#btnClear, .deleteicon16 a#btnClearUKERU1 {
        position: absolute;
        top: 50% !important;
        right: 3% !important
    }
}

@media screen and (min-width:506px) and (max-width:539px) {
    a#btnBookADemo {
        margin-left: -25px !important;
    }

    .header .navbar .sidebar-toggle {
        margin-left: -50px !important;
        margin-right: 30px !important;
    }
}

@media screen and (min-width:541px) and (max-width:610px) {
    a#btnBookADemo {
        margin-left: -25px !important;
    }

    .header .navbar .sidebar-toggle {
        margin-left: -50px !important;
        margin-right: 30px !important;
    }
}

@media screen and (min-width:376px) and (max-width:410px) {
    nav.navbar.navbar-static-top {
        height: 120px;
    }

    a#lblUserName {
        margin-left: 31px;
    }

    div#modalSyncShopify {
        left: 74.5%;
    }
}

@media screen and (width:653px) {
    #menu {
        padding-top: 0px !important
    }

    #footer {
        z-index: 1 !important;
        padding-left: 70px !important;
    }

    div#sidebar-wrapper {
        height: 80vh;
        overflow-y: auto;
    }

        div#sidebar-wrapper::-webkit-scrollbar {
            display: none;
        }

    div#Div5 .pull-left {
        margin-top: 20px
    }
}

@media screen and (min-width:1053px) and (max-width:1199px) {
    a#addPerson {
        top: 38px !important
    }
}

@media screen and (width:653px) {
    #menu {
        padding-top: 0px !important;
        margin-left: 0px !important
    }

    .deleteicon16 a#btnClear2, .deleteicon16 a#btnClear3, .deleteicon16 a#btnClear4, .deleteicon16 a#btnClear5, .deleteicon16 a#btnClear6, .deleteicon16 a#btnClear7, .deleteicon16 a#btnClearUKCOO, .deleteicon16 a#btnClear, .deleteicon16 a#btnClearUKERU1 {
        position: absolute;
        top: 50% !important;
        right: 3% !important;
    }

    a#btnCertificates {
        margin-bottom: 10px
    }
}

@media screen and (min-width:411px) {
    #menu {
        padding-top: 0px !important
    }
    a#newSale{
        color: #fff;
    }
    a#newSale .dropdown .caret{
        margin-top: 0px !important
    }
}

@media screen and (width:360px) {
    div#modalSyncShopify {
        left: 80.5% !important;
    }
}

@media screen and (min-width:412px) {
    /*div#modalAddNewManufacturing {
        left: 38.5%;
    }

    .dropdown.iphone-padded.open ul.dropdown-menu.pull-right {
        margin-top: 30px !important
    }

    ul#menu {
        margin-left: 0px !important;
    }

    input#SearchTextDeleted, input#SearchTextJobDocument, input#SearchTextJobInvoice, input#SearchTextJobOrder, input#txtSearchBoxSystem, input#txtSearch, input#txtSearchRFQ, input#txtSearchPQTE, input#txtSearchSPOR, input#txtSearchSPUI, input#txtSearch2, input#txtSearch3, input#txtSearchSSOR, input#txtSearch4, input#txtSearch5, input#txtSearchSORD, input#txtSearchSDD, input#txtSearchSOEcommerce {
        padding-right: 30px;
    }

    div.deleteicon13 a#btnClearSDD, div.deleteicon13 a#btnClearJobDocument, div.deleteicon13 a#btnClear, div.deleteicon13 a#btnClearJobInvoice {
        position: absolute;
        top: 50%;
        right: 3%
    }

    .deleteicon13 a#btnClearJobDocument {
        position: absolute !important;
    }
    a#btnClearALL{
        position: absolute !important;
        right: 40px !important;
        top: 42px;
    }
    input#txtSearchALL{
        padding-right: 30px;
    }*/
}

@media screen and (width:425px) {
    div.deleteicon13 a#btnClear, div.deleteicon13 a#btnClear2, div.deleteicon13 a#btnClear3, div.deleteicon13 a#btnClearSSOR, div.deleteicon13 a#btnClearSOEcommerce, div.deleteicon13 a#btnClear4, div.deleteicon13 a#btnClear5, div.deleteicon13 a#A1, div.deleteicon13 a#btnClearSORD, div.deleteicon13 a#btnClearRFQ, div.deleteicon13 a#btnClearSPOR, div.deleteicon13 a#btnClearSPUI, div.deleteicon13 a#btnClearSDD {
        right: 2% !important;
        top: 50% !important;
    }

    input#txtSearch, input#txtSearch2, input#txtSearch3, input#txtSearchSSOR, input#txtSearchSOEcommerce, input#txtSearch4, input#txtSearch5, input#txtSearchSORD, input#txtSearchSDD, input#txtSearchSC22, input#txtSearchHMRC, input#txtSearchFw, input#txtSearchSC23, input#SearchTextJobDocument, input#SearchTextJobOrder, input#SearchTextJobInvoice, input#txtSearchALL, input#txtSearchRFQ, input#txtSearchSQTE, input#txtSearchSPRO, input#txtSearchSCOM, input#txtSearchDeliver, input#txtSearchSettle, input#txtSearchRate, input#txtSearchComplete, input#txtSearchCancelled, input#txtSearchSEcommerxe {
        padding-right: 30px
    }

    .dropdown.iphone-padded.open ul.dropdown-menu.pull-right {
        margin-top: 30px !important
    }

        .dropdown.iphone-padded.open ul.dropdown-menu.pull-right li a {
            white-space: break-spaces;
        }

    .deleteicon14 a#btnClear, .deleteicon14 a#btnClear2, .deleteicon14 a#btnClearSSHP, .deleteicon14 a#btnClearAWB, .deleteicon14 a#btnClear3, .deleteicon14 a#btnClear4, .deleteicon14 a#btnClear7, .deleteicon14 a#btnClear5, .deleteicon14 a#btnClearSDD, .deleteicon a#btnClearSCOM, .deleteicon a#btnClearSORD, .deleteicon a#btnClearSSOR, .deleteicon a#btnClearSPRO, .deleteicon a#btnClearSQTE {
        position: absolute;
        top: 30px !important;
        right: 5px !important
    }

    input#txtSearch, input#txtSearch2, input#txtSearch3, input#txtSearchSSOR, input#txtSearch4, input#txtSearch5, input#txtSearchRFQ, input#txtSearchSORD, input#txtSearchSDD, input#txtSearchSOEcommerce, input#txtSearchSSHP, input#txtSearchAWB, input#txtSearchSECS, input#txtSearchSSSN, input#txtSearchSDGN, input#txtSearchSICN, input#txtSearchConnect, input#txtSearchIdentify, input#txtSearchQuote, input#txtSearchFinance {
        padding-right: 30px !important;
    }

    .deleteicon15 a#btnClear8, .deleteicon15 a#btnClear6, .deleteicon15 a#btnClear, .deleteicon15 a#btnClear9, .deleteicon15 a#btnClearHMRC, .deleteicon15 a#btnClear4, .deleteicon15 a#btnClear7, .deleteicon15 a#btnClear5, .deleteicon15 a#btnClearSDD, .deleteicon11 a#a#lnkClearCancelled {
        top: 48% !important;
        right: 3% !important
    }

    .deleteicon13 a#btnClearJobDocument, .deleteicon13 a#btnClear, .deleteicon13 a#btnClearJobInvoice, .deleteicon13 a#btnClearSDD, .deleteicon16 a#btnClear2, .deleteicon16 a#btnClear3, .deleteicon16 a#btnClear4, .deleteicon16 a#btnClear5, .deleteicon16 a#btnClear6, .deleteicon16 a#btnClear7, .deleteicon16 a#btnClearUKCOO, .deleteicon16 a#btnClear {
        position: absolute;
        top: 50% !important;
        right: 2% !important;
    }

    ul#CertTabs li.pull-right.col-xs-12.col-sm-4.col-md-2.pad0.btnMenuItems.marginBottom ul.dropdown-menu.pull-right li a {
        white-space: inherit !important;
    }

    div#tabStock a#btnClear, div#tabSuppliers a#btnClears, .deleteicon11 a#btnClear, .deleteicon11 a#btnClearConnect, .deleteicon11 a#btnClear3, .deleteicon11 a#btnClear4, .deleteicon11 a#btnClearFinance, .deleteicon11 a#A1, .deleteicon11 a#lnkSalesSettle, .deleteicon11 a#lnkSalesRate, .deleteicon11 a#lnkClearComplete, .deleteicon11 a#lnkClearCancelled, .deleteicon a#btnClearSEcommerxe {
        right: 10px !important;
        top: 27px !important;
    }

    div#tabRFQ a#btnClearRFQ, div#tabQuotes a#btnClearPQTE, div#tabOrders a#btnClearSPOR, div#tabInvoices a#btnClearSPUI {
        position: absolute;
        top: 30px !important
    }
    div#tabAllDocs a#btnClearALL{
        position: absolute !important;
        right: 10px !important;
        top: 29px;
    }
    div#tabCRFQ .deleteicon a#btnClearRFQ {
        right: 10px !important
    }

    .deleteicon a#lnkClearCancelled{
        top: 50px !important;
    }

    div#tabAllDocs div.span5.iphone-padded.pad3:nth-child(1) {
        position: relative !important;
    }
    div#modalSyncShopify{
        left: 68% !important;
    }
}



@media screen and (width:414px) {
    .dropdown.iphone-padded.open ul.dropdown-menu.pull-right {
        margin-top: 30px !important;
        width: 100%;
    }

        .dropdown.iphone-padded.open ul.dropdown-menu.pull-right li a {
            white-space: break-spaces;
        }

    input#txtSearch, input#txtSearch2, input#txtSearch3, input#txtSearchSSOR, input#txtSearch4, input#txtSearch5, input#txtSearchRFQ, input#txtSearchSORD, input#txtSearchSDD, input#txtSearchSOEcommerce, input#txtSearchALL, input#txtSearchSQTE, input#txtSearchSEcommerxe, input#txtSearchSPRO, input#txtSearchSCOM, input#txtSearchConnect, input#txtSearchIdentify, input#txtSearchQuote, input#txtSearchFinance, input#txtSearchDeliver, input#txtSearchSettle, input#txtSearchRate, input#txtSearchComplete, input#txtSearchCancelled {
        padding-right: 30px !important;
    }

    div#tabAllDocs .col-xl-7.col-lg-7.col-md-7.col-sm-12.col-xs-12.iphone-padded.marginLeft0.padLeft0.text-left.padRight0 {
        width: 300px;
        margin-left: -20px !important;
    }
    div#tabAllDocs a#btnClearALL {
        position: absolute !important;
        left: 82%;
        top: 9%;
    }
    div#modalSyncShopify {
        left: 69% !important;
    }
}

@media screen and (min-width: 280px) and (max-width: 410px) {
    ul#menu {
        margin-left: 1rem;
        padding-top: 50px;
        position: relative !important;
    }

        ul#menu ul.nav-pills.nav-stacked {
            position: absolute !important;
            margin-top: 30px;
            /*top: 195px !important*/
        }

    #wrapper .sidebar #sidebar-wrapper .sidebar-nav li ul {
        left: 90px !important
    }
}

@media screen and (width: 1024px) {
    a#btnfetchDataShopify {
        margin-top: 0px !important
    }

    a#addLogisticsDocuments {
        margin-bottom: 10px
    }

    .deleteicon14 a#btnClearSDD, .deleteicon14 a#btnClear, .deleteicon14 a#btnClear2, .deleteicon14 a#btnClear3, .deleteicon14 a#btnClear4, .deleteicon14 a#btnClear5, .deleteicon14 a#btnClear7, .deleteicon14 a#btnClearSSHP, .deleteicon14 a#btnClearAWB, .deleteicon13 a#btnClearJobDocument, .deleteicon13 a#btnClear, .deleteicon13 a#btnClearJobInvoice, .deleteicon13 a#btnClearSDD {
        position: absolute;
        top: 7px;
        right: 10px;
    }

    input#txtSearchSSHP, input#txtSearchSECS, input#txtSearchSSSN, input#txtSearchSDGN, input#SearchTextJobDocument, input#SearchTextJobOrder, input#SearchTextJobInvoice {
        padding-right: 30px
    }

    .deleteicon15 a#btnClear8, .deleteicon15 a#btnClear6, .deleteicon15 a#btnClear, .deleteicon15 a#btnClear9, .deleteicon15 a#btnClearHMRC, .deleteicon15 a#btnClear4, .deleteicon15 a#btnClear7, .deleteicon15 a#btnClear5, .deleteicon15 a#btnClearSDD {
        top: 25% !important;
        right: 3% !important
    }

    div#tabJobOrder .pull-left.advance-filter-icon {
        width: 450px
    }

    .deleteicon16 a#btnClear2, .deleteicon16 a#btnClear3, .deleteicon16 a#btnClear4, .deleteicon16 a#btnClear5, .deleteicon16 a#btnClear6, .deleteicon16 a#btnClear7, .deleteicon16 a#btnClearUKCOO, .deleteicon16 a#btnClear, .deleteicon16 a#btnClearUKERU1 {
        position: absolute;
    }

    div#tabStock a#btnClear {
        top: 6px !important;
        right: 15px !important;
    }
    div#tabRFQ a#btnClearRFQ, div#tabSuppliers a#btnClears, div#tabQuotes a#btnClearPQTE, div#tabOrders a#btnClearSPOR, div#tabInvoices a#btnClearSPUI {
        top: 10px !important;
        position: absolute;
        right: 15px !important
    }
    div#footer{
        z-index:0;
    }
    div#footer .container .row-fluid .span6{
        margin-left: 50px;
    }
    div#footer .container .row-fluid div#builtby{
        margin-left: -30px;
    }
}

/*@media screen and (min-width: 1024px) {
    div.deleteicon13 a#btnClearJobDocument, div.deleteicon13 a#btnClear, div.deleteicon13 a#btnClearJobInvoice, div.deleteicon13 a#btnClearSDD {
        top: 25%;
    }
    a#newSale{
        margin-bottom: 10px;
    }
    input#txtSearchConnect, input#txtSearchIdentify, input#txtSearchQuote, input#txtSearchFinance, input#txtSearchDeliver, input#txtSearchSettle, input#txtSearchRate, input#txtSearchComplete, input#txtSearchCancelled, input#txtSearchSCOM, input#txtSearchSPRO, input#txtSearchSEcommerxe, input#txtSearchSQTE, input#txtSearchALL, input#txtAllSearch, input#txtRatesSearch, input#txtReadySearch, input#txtArrangedSearch, input#txtInTransitSearch, input#txtDeliveredArrivedSearch, input#txtReturnsSearch, input#txtRatesSearch, div#tabRatesShipment a#btnRatesClear {
        padding-right: 50px
    }
    div#tabAllDocs .span5.iphone-padded.pad3{
        position: relative;
    }
    div#tabAllDocs a#btnClearALL, div#tabCRFQ a#btnClearRFQ, div#tabOwnQuotes a#btnClearSQTE, div#tabOrderAck a#btnClearSORD, div#DirectTab a#btnClearSSOR, div#EcommerceTab a#btnClearSEcommerxe, div#tabProformas a#btnClearSPRO, div#tabInvoices a#btnClearSCOM {
        position: absolute !important;
        right: 3% !important;
        top: 25%;
    }
    div#DirectTab a#btnClearSSOR, div#EcommerceTab a#btnClearSEcommerxe {
        top: 17% !important;
    }

    div#tabAllShipment a#btnAllClear, div#tabAllShipment a#btnRatesClear, div#tabReadyShipment a#btnReadyClear, div#tabArrangedShipment a#btnArrangedClear, div#tabInTransitShipment a#btnInTransitClear, div#tabDeliveredArrivedShipment a#btnDeliveredArrivedClear, div#tabReturnsShipment a#btnReturnsClear {
        top: 25% !important;
        left: 90% !important;
    }
    div#footer {
        z-index: 0;
    }
}*/

@media screen and (width: 820px) {
    .deleteicon13 a#btnClearSDD, .deleteicon13 a#btnClearJobDocument, .deleteicon13 a#btnClear, .deleteicon13 a#btnClearJobInvoice {
        position: absolute;
        top: 15% !important;
        right: 7% !important
    }
}

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

    div#tabAllDocs a#btnClearALL, .deleteicon11 a#btnClear, .deleteicon11 a#btnClearConnect, .deleteicon11 a#btnClear3, .deleteicon11 a#btnClear4, .deleteicon11 a#btnClearFinance, .deleteicon11 a#A1, .deleteicon11 a#lnkSalesSettle, .deleteicon11 a#lnkSalesRate, .deleteicon11 a#lnkClearComplete, .deleteicon11 a#lnkClearCancelled {
        position: absolute !important;
        top: 50%;
        right: 22%;
    }

    .deleteicon11.a a#btnClear, .deleteicon11.a a#btnClearConnect, .deleteicon11.a a#btnClear3, .deleteicon11.a a#btnClear4, .deleteicon11.a a#btnClearFinance, .deleteicon11.a a#A1, .deleteicon11.a a#lnkSalesSettle, .deleteicon11.a a#lnkSalesRate, .deleteicon11.a a#lnkClearComplete, .deleteicon11.a a#lnkClearCancelled {
        right: 3%;
        top: 24%;
    }

    .deleteicon a#btnClearRFQ, .deleteicon a#btnClearSQTE, .deleteicon a#btnClearSORD, .deleteicon a#btnClearSSOR, .deleteicon a#btnClearSEcommerxe, .deleteicon a#btnClearSPRO, .deleteicon a#btnClearSCOM {
        right: 7%;
        position: absolute;
        top: 20%;
        color:gray;
    }

    div#tabAllDocs a#btnClearALL, .deleteicon a#btnClearSCOM {
        top: 20% !important;
        right: 7% ;
    }

    input#txtSearch, input#txtSearchIdentify, input#txtSearchQuote, input#txtSearchFinance, input#txtSearchConnect, input#txtSearchDeliver, input#txtSearchSettle, input#txtSearchRate, input#txtSearchComplete, input#txtSearchCancelled, input#txtSearchApac {
        padding-right: 28px !important;
    }
    .deleteicon a#btnClearSSOR, .deleteicon a#btnClearSEcommerxe {
        top: 18% !important;
    }
    #footer{
        z-index:999 !important;
    }
    /*div.deleteicon13 a#btnClearJobDocument, div.deleteicon13 a#btnClear, div.deleteicon13 a#btnClearJobInvoice, div.deleteicon13 a#btnClearSDD {
        top: 25% !important;
        right: 7% !important;
    }
    div#tabCRFQ .pad5-10 a#btnClearRFQ, div#tabOwnQuotes a#btnClearSQTE, div#tabOrderAck a#btnClearSORD, div#tabProformas a#btnClearSPRO, div#tabInvoices a#btnClearSCOM {
        right: 6% !important;
        top: 8% !important;
    }
    div#tabAllDocs a#btnClearALL{
        right: 6% !important;
    }
    div#DirectTab a#btnClearSSOR, div#EcommerceTab a#btnClearSEcommerxe {
        top: 21% !important;
        right: 62% !important;
    }
    a#btnClear, a#btnClearConnect, a#btnClear3, a#btnClear4, a#btnClearFinance, a#A1, a#lnkSalesSettle, a#lnkSalesRate, a#lnkClearComplete, a#lnkClearCancelled {
        position: absolute;
        right: 22%;
        top: 50%;
    }
    div#tabSalesAll .pull-left.advance-filter-icon, div#tabConnect .pull-left.advance-filter-icon, div#tabIdentify .pull-left.advance-filter-icon, div#tabQuote .pull-left.advance-filter-icon, div#tabFinance .pull-left.advance-filter-icon, div#tabDeliver .pull-left.advance-filter-icon, div#tabSettle .pull-left.advance-filter-icon, div#tabRate .pull-left.advance-filter-icon, div#tabComplete .pull-left.advance-filter-icon, div#tabCancelled .pull-left.advance-filter-icon {
        position: absolute;
        top: 25px;
        left: -60px;
    }*/
    ul#BOMTabs a#newSale span.caret {
        margin-top: 14px
    }
    /*div#tabFind a#btnClear, div#tabEUR1 a#btnClear3, div#tabATR a#btnClear4, div#tab1 a#btnClear, div#tabSCOM a#btnClear4, div#tabSPRO a#btnClear3, div#tabOverDue a#A1, div#tabAllDocs a#btnClear {
        position: absolute;
        right: 2%;
        top: 25%;
    }

    div#tabSCOM a#btnClear4, div#tabSPRO a#btnClear3, div#tabOverDue a#A1 {
        right: 30px !important;
    }
    div#Content_Span3 a#A1 {
        width: max-content;
    }
    ul#BOMTabs li:nth-last-child(1) {
        left: -80px;
    }
    .dropdown.iphone-padded.open ul.dropdown-menu.pull-right, ul#CertTabs li .dropdown.iphone-padded.open ul.dropdown-menu.certificates-submenu {
        margin-top: 0px !important
    }
    ul#BOMTabs li.pull-right.col-xs-12.col-sm-4.col-md-2.pad0 {
        left: 0px !important
    }
    div#DirectTab a#btnClearSSOR, div#tabAllDocs a#btnClear, div#tabEUR1 a#btnClear3, div#tabATR a#btnClear4 {
        right: 7% !important;
    }
    ul#BOMTabs li .dropdown.iphone-padded.open ul, ul#CertTabs li .dropdown.iphone-padded.open ul {
        margin-top: 30px !important;
    }*/
}

@media screen and (width: 1440px) {
    div#tabStock a#btnClear, div#tabSuppliers a#btnClears {
        right: 45px !important;
        top: 6px;
    }

    div#tabAllDocs a#btnClearALL, div#tabCRFQ a#btnClearRFQ, div#tabOwnQuotes a#btnClearSQTE, div#tabOrderAck a#btnClearSORD, div#DirectTab a#btnClearSSOR, div#EcommerceTab a#btnClearSEcommerxe, div#tabProformas a#btnClearSPRO, div#tabInvoices a#btnClearSCOM, div#tabSalesAll a#btnClear, div#tabConnect a#btnClearConnect, div#tabIdentify a#btnClear3, div#tabQuote a#btnClear4, div#tabFinance a#btnClearFinance, div#tabDeliver a#A1, div#tabSettle a#lnkSalesSettle, div#tabRate a#lnkSalesRate, div#tabComplete a#lnkClearComplete, div#tabCancelled a#lnkClearCancelled, div#tabAllShipment a#btnAllClear, div#tabAllShipment a#btnRatesClear, div#tabReadyShipment a#btnReadyClear, div#tabArrangedShipment a#btnArrangedClear, div#tabInTransitShipment a#btnInTransitClear, div#tabDeliveredArrivedShipment a#btnDeliveredArrivedClear, div#tabReturnsShipment a#btnReturnsClear {
        position: absolute !important;
        left: 89% !important;
        top: 25%;
    }
}

@media screen and (min-width: 2200px) and (max-width: 2560px) {
    div#tabSuppliers a#btnClears, div#tabStock a#btnClear {
        right: 120px !important;
        top: 6px;
    }
    div#tabRatesShipment a#btnRatesClear, div#tabAllShipment a#btnAllClear, div#tabAllShipment a#btnRatesClear, div#tabReadyShipment a#btnReadyClear, div#tabArrangedShipment a#btnArrangedClear, div#tabInTransitShipment a#btnInTransitClear, div#tabDeliveredArrivedShipment a#btnDeliveredArrivedClear, div#tabReturnsShipment a#btnReturnsClear, div#tabAllDocs a#btnClearALL, div#tabCRFQ a#btnClearRFQ, div#tabOwnQuotes a#btnClearSQTE, div#tabOrderAck a#btnClearSORD, div#DirectTab a#btnClearSSOR, div#EcommerceTab a#btnClearSEcommerxe, div#tabProformas a#btnClearSPRO, div#tabInvoices a#btnClearSCOM, .deleteicon11 a#btnClear, .deleteicon11 a#btnClearConnect, .deleteicon11 a#btnClear3, .deleteicon11 a#btnClear4, .deleteicon11 a#btnClearFinance, .deleteicon11 a#A1, .deleteicon11 a#lnkSalesSettle, .deleteicon11 a#lnkSalesRate, .deleteicon11 a#lnkClearComplete, .deleteicon11 a#lnkClearCancelled {
        left: 85% !important
    }
}

@media screen and (width:320px){
    div#modalSyncShopify{
        left: 90% !important
    }
}

@media screen and (min-width:1366px) {
    /*.deleteicon a#btnClearRFQ, .deleteicon a#btnClearSQTE, .deleteicon a#btnClearSORD, .deleteicon a#btnClearSSOR, .deleteicon a#btnClearSEcommerxe, .deleteicon a#btnClearSPRO, .deleteicon a#btnClearSCOM {
        right: 62%;
        position: absolute;
        top: 7.5%;
    }*/

    /*.deleteicon a#btnClearSQTE, .deleteicon a#btnClearSORD {
        top: 6.5% !important;
    }
    .deleteicon a#btnClearSCOM {
        top: 6.3% !important;
    }

    .deleteicon a#btnClearSSOR, .deleteicon a#btnClearSEcommerxe {
        top: 18% !important;
    }*/

    .deleteicon11 a#btnClear, .deleteicon11 a#btnClearConnect, .deleteicon11 a#btnClear3, .deleteicon11 a#btnClear4, .deleteicon11 a#btnClearFinance, .deleteicon11 a#A1, .deleteicon11 a#lnkSalesSettle, .deleteicon11 a#lnkSalesRate, .deleteicon11 a#lnkClearComplete, .deleteicon11 a#lnkClearCancelled {
        position: absolute;
        top: 22%;
        right: 9.2%;
    }
    input#txtSearch, input#txtSearchIdentify, input#txtSearchQuote, input#txtSearchFinance, input#txtSearchConnect, input#txtSearchDeliver, input#txtSearchSettle, input#txtSearchRate, input#txtSearchComplete, input#txtSearchCancelled {
        padding-right: 30px !important;
    }

}

@media screen and (min-width:1800px){
    div#tabAllDocs a#btnClearALL, .deleteicon a#btnClearSCOM, .deleteicon a#btnClearRFQ, .deleteicon a#btnClearSQTE, .deleteicon a#btnClearSORD, .deleteicon a#btnClearSSOR, .deleteicon a#btnClearSEcommerxe, .deleteicon a#btnClearSPRO, .deleteicon a#btnClearSCOM {
        top: 24% !important;
        right: 12% !important;
    }
    .deleteicon3 a#btnClearAPAC {
        right: 10% !important;
    }
     .deleteicon a#btnClearRFQ, .deleteicon a#btnClearSQTE, .deleteicon a#btnClearSORD, .deleteicon a#btnClearSPRO, .deleteicon a#btnClearSCOM {
        right: 10% !important;
    }
    div#tabAllDocs a#btnClearALL{
        right: 11% !important;
    }
    .deleteicon3 a#btnClearAPAC, .deleteicon11.a a#btnClear, .deleteicon11.a a#btnClearConnect, .deleteicon11.a a#btnClear3, .deleteicon11.a a#btnClear4, .deleteicon11.a a#btnClearFinance, .deleteicon11.a a#A1, .deleteicon11.a a#lnkSalesSettle, .deleteicon11.a a#lnkSalesRate, .deleteicon11.a a#lnkClearComplete, .deleteicon11.a a#lnkClearCancelled {
        right: 9% !important;
    }
    .deleteicon a#btnClearSSOR, .deleteicon a#btnClearSEcommerxe {
        right: 10% !important;
    }
    
}

@media screen and (min-width:1600px) {
    div#tabAllDocs a#btnClearALL, .deleteicon a#btnClearRFQ, .deleteicon a#btnClearSQTE, .deleteicon a#btnClearSORD, .deleteicon a#btnClearSPRO, .deleteicon a#btnClearSCOM {
        top: 5px !important;
        right: 9% !important;
    }
    .deleteicon3 a#btnClearAPAC, .deleteicon11.a a#btnClear, .deleteicon11.a a#btnClearConnect, .deleteicon11.a a#btnClear3, .deleteicon11.a a#btnClear4, .deleteicon11.a a#btnClearFinance, .deleteicon11.a a#A1, .deleteicon11.a a#lnkSalesSettle, .deleteicon11.a a#lnkSalesRate, .deleteicon11.a a#lnkClearComplete, .deleteicon11.a a#lnkClearCancelled {
        right: 7%;
    }
    .deleteicon a#btnClearSSOR, .deleteicon a#btnClearSEcommerxe{
        top: 15% !important;
        right: 9%;
    }
}

@media screen and (max-width: 1280px){
    table#tblProductDashboard tr td.action > a {
        float: left;
    }
}

@media screen and (width: 1920px){
    div#tabAllDocs a#btnClearALL, .deleteicon a#btnClearRFQ, .deleteicon a#btnClearSQTE, .deleteicon a#btnClearSORD, .deleteicon a#btnClearSPRO, .deleteicon a#btnClearSCOM {
        right: 11% !important;
    }
}
.deleteicon11 input{
    position: relative !important;
}

    .deleteicon11 a#btnClear, .deleteicon11 a#btnClearConnect, .deleteicon11 a#btnClear3, .deleteicon11 a#btnClear4, .deleteicon11 a#btnClearFinance, .deleteicon11 a#A1, .deleteicon11 a#lnkSalesSettle, .deleteicon11 a#lnkSalesRate, .deleteicon11 a#lnkClearComplete, .deleteicon11 a#lnkClearCancelled {
        position: absolute;
        top: 10%;
        right: 10%;
    }