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

@media only screen and (min-width: 1920px) {
    .address-modal .el-dialog {
        width: 49% !important;
    }

}

@media only screen and (max-width: 1920px) {
    .regi-right {
        padding-left: 10rem;
        padding-right: 10rem;
    }

    .login-form {
        width: 90%;
    }
}

@media only screen and (min-width: 1370px) and (max-width: 1605px) {
    .regi-right {
        padding-left: 8rem;
        padding-right: 8rem;
    }
}

@media only screen and (min-width: 1365px) and (max-width: 1366px) {
}

@media only screen and (max-width: 1366px) {
    .breadcrumb-section {
        margin-top: 3.5rem;
    }
    .main-content {
        min-height: calc(100vh - 282px);
    }
    .navbar-nav .nav-link {
        padding: 1rem 1rem !important;
    }
    .tab-content {
        padding: 0.5rem 0 0 0 !important;
    }.btn-register {
             padding: 0.3rem 1.5rem !important;
             font-size: 1rem !important;
     }

    .content {
        width: 100%;
        margin-top: 6.6rem !important;
        padding: 0.75rem 0.75rem 0 0.75rem !important;
    }

    .el-upload-dragger {
        padding: 1rem !important;
    }

    .import-address .el-dialog {
        margin-top: 8vh !important;
    }

    .table th, .table td {
        padding: 0.4rem !important;
        font-size: 0.8rem !important;
    }

    #today-pickup p {
        margin-bottom: 0.5rem !important;
        margin-top: 0.2rem !important;
        line-height: 1rem !important;
    }

    .address-body {
        max-height: 60vh !important;
    }

    .tbl-my-shipment .el-button + .el-button {
        margin-left: 0 !important;
        margin-top: 0.5rem !important;
    }

    .tbl-my-shipment .el-button--mini {
        padding: 5px 6px !important;
        font-size: 0.8rem !important;
        font-weight: 400 !important;
    }

    .el-dialog__wrapper.address-modal .el-dialog {
        width: 49% !important;
        margin-top: 8vh;
    }

    .regi-right {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    h5 {
        font-size: 1.1rem;
    }

    .tracking-reference .el-form-item__label {
        /*min-height: 1.5rem;*/
    }

    .login-form {
        width: 100%;
    }

    .registration-form-content {
        padding: 1.2rem 1.2rem 1.2rem 1.9rem;
        max-height: calc(100vh - 130px);
        overflow: auto;
        color: rgba(0, 0, 0, 0);
        transition: color .3s ease;
    }

    .registration-form-content::-webkit-scrollbar,
    .registration-form-content::-webkit-scrollbar-thumb {
        width: 16px;
        border-radius: 13px;
        background-clip: padding-box;
        border: 6px solid transparent;
    }

    .registration-form-content::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 10px;
    }

    .registration-form-content:hover {
        color: rgba(0, 0, 0, 0.3);
    }

    .registration-form-content .form-control {
        font-size: 0.8rem;
        padding: 0.3rem;
        height: auto;
    }

    .registration .toggle-eye-r {
        right: 0.3rem;
        top: 2rem;
    }

    .registration-form .back-to-home {
        padding: 0.9rem 0 0 0;
    }

    .registration-form h3 {
        font-size: 1.25rem !important;
    }
}

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

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

@media only screen and (min-width: 1023px) and (max-width: 1024px) {
    .tracking-reference {
        min-height: 2.3rem;
    }
}

@media only screen and (max-width: 1024px) {
    .my-shipments .el-table__row .el-table_1_column_1 {
        width: 37px;
        /*display: block;*/
    }

    .my-shipments .el-table__row .el-table_1_column_2 {
        width: 10.4rem;
        /*display: block;*/
    }

    .nickname-find {
        top: -0.8rem;
        right: 0;
    }

    .address-find {
        padding-top: 0;
    }

    .best-country-content {
        padding: 2rem 0rem 2rem 0rem;
    }

    .best-country-content h2 {
        font-size: 1.82rem;
    }

    .list li {
        font-size: 0.9rem;
    }

    .list li .fa {
        margin-right: 0.25rem;
    }

    .track-shipment-content {
        padding: 2rem 1rem;
    }

    .btn-login {
        padding: 0.6rem 1rem;
    }

    .breadcrumb-section {
        padding: 2rem 0;
    }

    .breadcrumb-section h3 {
        margin: 0;
    }

    .regi-left {
        width: 40%;
    }

    .regi-right {
        width: 60%;
    }

    .sidebar {
        min-width: 10.625rem;
        max-width: 10.625rem;
    }

    .sidebar a {
        padding: 0.8rem 1rem;
    }

    .sidebar .dropdown-toggle::after {
        right: 1rem;
    }

    .invoice-slip {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .address-note {
        width: 99%;
    }

    .sidebar .list-unstyled ul {
        padding-left: 0rem;
    }

    .address-content select.form-control,
    .address-content .btn-primary-outline {
        margin-bottom: 0.3rem !important;
    }

    .el-upload-dragger, .el-upload {
        width: 100% !important;
        height: 130px !important;
    }

    .el-upload-dragger .el-icon-upload {
        margin: 16px 0 16px !important;
    }

    .el-dialog {
        width: calc(100% - 200px) !important;
    }
}

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

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

    .shipment-tab .nav-pills .nav-link {
        margin: 0 0.15rem;
    }

    .import-address .el-steps--simple {
        padding: 12px 2%;
    }

    .el-upload-dragger em {
        width: 100%;
        display: block;
    }

    .el-upload-dragger, .el-upload {
        width: 100% !important;
        height: 110px !important;
    }

    .el-dialog__wrapper.address-modal .el-dialog {
        margin-top: 4vh !important;
    }

    .registration-form-content {
        min-height: auto !important;
    }

    .main-content {
        min-height: auto !important;
    }

    .tracking-reference .el-form-item__label {
        min-height: auto;
    }

    .package-details.pl-4 {
        padding-left: 0 !important;
    }

    .step-btn {
        margin: 0;
        padding: 0;
    }

    .pl-4.ship-from-content {
        padding-left: 0 !important;
    }

    .pr-4.ship-to-content {
        padding-right: 0 !important
    }

    .el-dialog {
        width: calc(100% - 44px) !important;
    }

    .el-upload-dragger .el-icon-upload {
        margin: 15px !important;
    }

    .regi-icon {
        display: none;
    }

    .tracking-reference {
        min-height: auto;
    }

    .navbar-nav .nav-link {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .btn-login {
        padding: 0.3rem;
        text-transform: uppercase;
    }

    .best-country-content {
        padding: 1rem 0;
    }

    .box-content {
        height: auto !important;
    }

    .pickup-dropoff-box {
        margin-bottom: 1rem;
    }

    .international-shipment {
        padding: 0 0 1rem 0;
    }

    .inter-content-bg {
        padding: 2rem 1rem;
    }

    .best-country-content h2 {
        font-size: 2rem;
    }

    .slider-content h1 {
        font-size: 3rem;
    }

    .btn-register {
        margin-bottom: 1rem;
    }

    .navbar {
        padding: 0.5rem 3rem;
    }

    .best-country::before {
        background-color: transparent;
    }

    .best-country::after {
        width: 100%;
    }

    .regi-right {
        width: 100%;
        height: auto !important;
    }

    .regi-left {
        width: 100%;
        height: auto !important;
        text-align: center;
        padding-top: 5rem;
    }

    .regilogo {
        position: relative;
        top: 1rem;
        left: 0;
    }

    .regilogo img {
        width: 8rem;
    }

    .regi-right::after {
        background: transparent;
    }

    .regi-right {
        padding: 3rem 12rem 1rem 12rem;
    }

    .content {
        overflow-x: visible;
        padding: 3rem 1.3rem 0 1.3rem;
    }

    .invoice-slip {
        margin-top: 1rem;
    }

    .sidebar {
        /* display: none; */
        left: -100%;
        position: absolute;
        z-index: 999;
    }

    .track-shipment {
        background: #eff1fb;
    }
}


@media only screen and (max-width: 767px) {
    .mb-xs-2 {
        margin-bottom: .5rem!important;
    }
    .import-address-title {
        margin-bottom: 0.3rem;
    }

    .import-address-title.text-right {
        text-align: left !important;
        padding-left: 0 !important;
    }

    .preferences-info .mt-3 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .hold-pickup {
        padding-top: 0 !important;
    }

    .el-message-box {
        width: calc(100% - 20px) !important;
    }

    .el-dialog__wrapper.address-modal .el-dialog {
        width: 95% !important;
        margin-top: 4vh !important;
    }

    .el-dialog .pt-3 {
        margin-bottom: 0.3rem !important;
        margin-top: -0.5rem;
        padding-top: 0 !important;
    }

    .print-label .pr-0 {
        padding-right: 1rem !important;
        padding-bottom: 0.6rem !important;
    }

    .main-tab .step-title {
        display: none;
    }

    .thankyou h1 {
        font-size: 2.5rem;
    }

    .form-group2 {
        margin-bottom: 0.6rem;
    }

    .add-address .pt-4 {
        padding-top: 0 !important;
    }

    .add-address .add-find {
        padding-top: 0 !important;
    }

    .input-group-append {
        margin-bottom: 0.3rem;
    }

    .address-content .btn-primary-outline {
        margin-bottom: 0rem !important;
    }

    .regi-right,
    .regi-left {
        width: 100%;
        height: auto !important;
    }

    .regi-left {
        padding-top: 0;
    }

    .regilogo {
        position: relative;
        top: 2rem;
        left: 0;
    }

    .regi-right::after {
        background: transparent;
        display: none;
    }

    .registration-form h3,
    .back-to-home {
        text-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
    }

    .regi-right {
        padding: 3rem 2.3rem 1rem 2.3rem;
    }

    .regilogo img {
        width: 8rem;
    }

    .track-shipment {
        padding: 0;
    }

    .invoice-body .pl-3 {
        padding-left: 0 !important;
        margin-top: 0.5rem;
    }

    .shipment-details-radio {
        width: 100% !important;
    }

    .ship-freight {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 599px) {
    .registration-process.sec-padding.mt-3 {
        margin-top: 0 !important;
    }
    .el-popover.el-popper{
        width: 100% !important;
    }
}

@media only screen and (max-width: 479px) {
    .el-table__empty-block {
        width: 100% !important;
    }

    .import-address .el-step {
        display: inline-block !important;
    }

    .import-address .el-step__title {
        font-size: 12px !important;
        font-weight: normal !important;
        line-height: 18px !important;
        margin-top: 0.51rem !important;
        word-break: break-word !important;
    }

    .table-address .btn-sm {
        margin-bottom: 0.2rem;
    }

    .address-searchbar .input-group .btn-sm {
        padding: .28rem 0.7rem;
        font-size: 0.9rem;
    }

    .btn-register {
        display: block;
        margin: 1rem 0 0 0;
    }

    .navbar-nav {
        margin-top: 0.5rem;
    }

    .nav-item.ml-3 {
        margin-left: 0 !important;
    }

    .navbar-nav a,
    .navbar-nav .nav-link {
        font-size: 0.9rem;
        padding: 0.3rem !important;
    }

    .dropdown-item {
        white-space: pre-wrap;
    }

    .upgrade-option {
        margin-bottom: 1rem;
    }

    .available-rates tr th:nth-child(4) {
        min-width: 6.2rem;
    }

    .payment-table + span {
        margin-bottom: 1rem;
        display: inline-block;
    }

    .preferences-info .form-row,
    .tab-inner {
        padding-left: 0rem;
    }

    .step-btn {
        margin: 0rem -15px;
        padding: 0;
    }

    .pt-4,
    .py-4 {
        padding-top: 0;
    }

    .sec-padding {
        padding: 2rem 0;
    }

    .registration {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .breadcrumb-section {
        padding: 1rem 0;
    }

    .breadcrumb-section h3 {
        margin: 0;
    }

    .navbar {
        padding: 0.6rem 1rem;
    }

    .slider-content h1 {
        font-size: 2.5rem;
    }

    .slider-content .list {
        margin: 1rem 0;
    }

    .best-country-content,
    .track-shipment-content {
        padding: 1.5rem 0.9375rem;
    }

    .best-country-content h2 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .best-country-list li {
        margin-bottom: 0.5rem;
    }

    .list li,
    p {
        font-size: 0.9rem !important;
    }

    .pickup-dropoff-box {
        margin-bottom: 1rem;
        padding: 1rem;
    }

    .start-us,
    .quick-access,
    .save-on {
        margin-bottom: 1.5rem;
    }

    .about-us {
        padding-bottom: 0;
    }

    .pickup-dropof-icon {
        font-size: 1.2rem;
    }

    .pickup-dropoff-box .icon-img {
        height: 3.5rem;
        width: 3.5rem;
    }

    .pickup-dropoff-box .icon-img img {
        width: 40px;
    }

    .inter-content-bg {
        padding: 1.4rem 0.4rem;
    }

    .footer-link {
        margin-bottom: 1rem;
    }

    .footer-link a,
    .bottom-footer a {
        font-size: 0.9rem !important;
    }

    .bottom-footer-link a {
        font-size: 0.7rem !important;
    }

    .bottom-footer {
        margin-top: 1rem;
    }

    .footer-link li a {
        line-height: 24px;
    }

    .h5,
    h5 {
        font-size: 1.05rem !important;
    }

    .top-footer {
        padding-bottom: 0;
    }

    .bottom-footer .text-right {
        text-align: center !important;
    }

    footer p {
        font-size: 0.7rem !important;
        text-align: center;
    }

    .bottom-footer {
        padding: 0.5rem 0;
    }

    .shipment-tab .nav-pills .nav-link {
        margin: 0 0.25rem;
        padding: 0.15rem;
        font-size: 0.8rem;
    }

    .shipment-tab .nav-pills .step-title {
        padding: 0 0.1rem;
        text-align: left;
    }

    .content {
        padding: 1rem 1rem 0 1rem;
        margin-top: 7rem;
    }

    .invoice-header .text-right {
        text-align: left !important;
    }

    .invoice-logo {
        margin-bottom: 0.1rem;
    }

    .invoice-header h5 {
        margin-bottom: 0.2rem;
    }

    .invoice-body .border-right {
        border-right: none !important;
        border-bottom: none !important;
    }

    .preferences-info .mt-4 {
        margin-top: 0 !important;
    }

    .track-shipment-content .input-group .form-control {
        margin-bottom: 0.5rem;
    }

    .track-shipment-content .input-group .form-control,
    .track-shipment-content .input-group-text {
        width: 100%;
        border-radius: 4px !important;
    }

    .add-find,
    .shipment-details .postalcode-find,
    .shipment-details .address-find {
        padding-top: 0;
        display: inline-block;
    }

    .shipment-details .pl-4 {
        padding-left: 0 !important;
    }

    .shipping-date .input-group-addon,
    .pickup-info .input-group-addon {
        right: 1.8rem !important;
        top: 0 !important;
    }

    .address-content .input-group .form-control {
        padding-left: 1.5rem !important;
    }

    .address-searchbar {
        padding-left: 0.1rem !important;
    }

    .address-searchbar .input-group .fa {
        top: 0.5rem;
    }

    .to-address .text-right {
        text-align: left !important;
    }

    .select-quote .pl-4 {
        padding-left: 0 !important;
    }

    .select-quote .pr-4 {
        padding-right: 0 !important;
    }

    .select-quote ul {
        margin-bottom: 1rem;
    }

    .step-btn .btn {
        padding: 0.5rem 1rem;
    }

    .tab-content .address-content .pr-4 {
        padding-right: 5px !important;
    }

    .tab-content .address-content .pl-4 {
        padding-left: 0 !important;
    }

    .tab-content .pt-4 {
        padding-top: 0 !important;
    }

    .pickup-info .input-group .form-control {
        margin-bottom: 0.4rem !important;
        padding-left: 0.5rem !important;
    }

    .pickup-info .form-control {
        margin-bottom: 0.4rem !important;
    }

    .shipping-date .input-group .form-control {
        padding-left: 0.5rem !important;
    }

    .pickup-info label {
        margin-bottom: .3rem;
    }

    .shipping-date-title {
        margin-bottom: 0.3rem;
    }

    .invoice-header,
    .invoice-footer,
    .invoice-body {
        padding: 0.2rem 0.8rem;
    }
}

@media only screen and (max-width: 340px) {
    .registration-form-content {
        padding: 1rem;
    }

    .regi-right {
        padding: 3rem 1.82rem 1rem 1.82rem;
    }

    .registration-form h3 {
        font-size: 1.4rem;
    }

    .btn-facebook {
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }

    .address-content .input-group .form-control {
        padding-left: 0.2rem !important;
    }
}

@media only screen and (max-width: 768px) {
    .el-tbl-responsive table, .el-tbl-responsive thead, .el-tbl-responsive tbody, .el-tbl-responsive th, .el-tbl-responsive td, .el-tbl-responsive tr {
        display: block;
        width: 100% !important;
    }

    .el-tbl-responsive thead, .el-tbl-responsive .pagination-wrap {
        display: none;
    }

    .el-tbl-responsive .el-table .cell {
        text-align: right !important;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .el-tbl-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .el-tbl-responsive tr {
        margin-bottom: 0.51rem;
        background: #ffffff !important;
        border: 1px solid #efefef;
    }

    .el-tbl-responsive td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        min-height: 34px !important;
        text-align: right !important;
        padding-left: 90px !important;
        word-break: break-all;
    }

    .el-tbl-responsive td:before {
        position: absolute;
        top: 8px;
        text-align: left;
        left: 10px;
        color: #000000;
        font-weight: bold;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /*Custom table shipment label table*/
    .tbl-shipment tr:last-child td:nth-of-type(1):before {
        content: "";
    }

    .tbl-shipment td:nth-of-type(1):before {
        content: "Sr. no.";
    }

    .tbl-shipment td:nth-of-type(2):before {
        content: "Dimension";
    }

    .tbl-shipment td:nth-of-type(3):before {
        content: "Weight";
    }

    .tbl-shipment td:nth-of-type(4):before {
        content: "Declare Value";
    }

    /*.tbl-shipment td:nth-of-type(5):before {
        content: "Special handling charges";
    }*/
    /*Custom table lable for address book*/
    .tbl-address-book td:nth-of-type(1):before {
        content: "No";
    }

    .tbl-address-book td:nth-of-type(2):before {
        content: "Nick Name";
    }

    .tbl-address-book td:nth-of-type(3):before {
        content: "Company Name";
    }

    .tbl-address-book td:nth-of-type(4):before {
        content: "Category";
    }

    .tbl-address-book td:nth-of-type(5):before {
        content: "Address";
    }

    .tbl-address-book td:nth-of-type(6):before {
        content: "Country";
    }

    .tbl-address-book td:nth-of-type(7):before {
        content: "State";
    }

    .tbl-address-book td:nth-of-type(8):before {
        content: "City";
    }

    .tbl-address-book td:nth-of-type(9):before {
        content: "Postal Code";
    }

    .tbl-address-book td:nth-of-type(10):before {
        content: "Action";
    }

    /* My shipment table */
    .tbl-my-shipment td:nth-of-type(1):before {
        content: "Id";
    }

    .tbl-my-shipment td:nth-of-type(2):before {
        content: "Tracking Pin";
    }

    .tbl-my-shipment td:nth-of-type(3):before {
        content: "Origin";
    }

    .tbl-my-shipment td:nth-of-type(4):before {
        content: "Delivery Date";
    }

    .tbl-my-shipment td:nth-of-type(5):before {
        content: "Ship Date";
    }

    .tbl-my-shipment td:nth-of-type(6):before {
        content: "Destination";
    }

    .tbl-my-shipment td:nth-of-type(7):before {
        content: "Status";
    }

    .tbl-my-shipment td:nth-of-type(8):before {
        content: "Action";
    }

    .tbl-team td:nth-of-type(1):before {
        content: "No";
    }

    .tbl-team td:nth-of-type(2):before {
        content: "Email";
    }

    .tbl-team td:nth-of-type(3):before {
        content: "Name";
    }

    .tbl-team td:nth-of-type(4):before {
        content: "User Role";
    }

    .tbl-team td:nth-of-type(5):before {
        content: "Action";
    }
}