@media only screen and (max-width: 767px) {
    /* Your CSS styles for mobile devices go here */
    button.navbar-toggler {
        margin-left: 43% !important;
    }

    .top-bar a.navbar-brand {
        margin-top: 20px;
        margin-right: -19px;
    }
    a.navbar-brand img {
        margin-right: 12px;
        max-width: 314px;
    }
    ul.navbar-nav li {
        text-align: center;
    }

    .landing-navigation-link {
        width: auto !important;
        font-size: 16px !important;
        margin-left: auto !important;
    }
    .landing-after-login-page ul.dropdown-menu.landing-drop-down li a {
        padding: 6px 17px !important;
        font-size: 14px !important;
    }
    .landing-after-login-page > .container-fluid .container-fluid {
        padding: 0 20px !important;
    }
    .navbar-light .navbar-toggler {
        border-color: rgb(255 255 255 / 94%);
    }
    .top-bar {
        margin-top: -33px;
    }

    a.nav-link.landing-navigation-link {
        font-size: 16px;
        padding-top: 6px !important;
    }

    .landing-blog-section {
        padding: 17px 0 !important;
    }
    .one-blog-section {
        margin-bottom: 15px;
    }

    .home-size {
        width: 100%;
    }
    .one-blog-section h6 {
        font-size: 22px !important;
        padding: 12px 0px !important;
    }
    .landing-footer-section p {
        font-size: 13px !important;
        margin-bottom: 7px !important;
        text-align: center !important ;
        /* margin-left: 9px !important ; */
    }
    .customer-table.my-appliances-table
        div.dataTables_wrapper
        div.dataTables_info {
        text-align: left;
        margin-left: 3px !important;
    }
    .landing-footer-section {
        padding: 11px 50px 10px 50px !important;
    }
    .landing-right-section ul {
        margin-left: -11%;
    }
    .landing-right-section ul li a {
        margin-left: -23px;
        font-size: 12px !important;
    }

    .title-with-round-inner {
        padding: 53px 0 0 0 !important;
    }
    .warranty-register-page.warranty-register-page-no-round {
        padding: 0px 12px;
    }
    .title-with-round-inner h4 {
        font-size: 26px !important;
    }
    .warranty-registration-page .welcome-form-title h3 {
        font-size: 27px !important;
    }
    .warranty-registration-page {
        padding-top: 0px !important;
    }
    .warranty-register-dropdown img {
        display: none;
    }
    .modal-header img {
        width: 65%;
    }
    .export-popup-modalbox h5#exampleModalLabel {
        font-size: 18px !important;
        line-height: 21px !important;
    }
    .export-popup-modalbox .modal-header {
        justify-content: center;
        padding: 49px 30px 0px 30px !important;
    }
    .warranty-btn {
        padding: 30px 0 !important;
    }
    .my-appliances-table {
        padding-bottom: 60px !important;
    }

    .btn-new-phn {
        width: 100% !important;
    }
    .edit-page-btn {
        display: -webkit-box !important;
    }
    .phn-margin-top {
        margin-top: 16px !important;
    }
    p.serialnumber-subtitle {
        font-size: 17px !important;
    }

    .landing-navigation-link::after {
        margin-left: 5px;
    }
    .welcome-form-title h3 {
        font-size: 22px !important;
    }

    .export-modal-row {
        width: 100% !important;
    }
    #file-chosen,
    #file-chosen1 {
        margin-left: 5px !important;
        font-size: 12px !important;
    }
    .margin-card-new {
        margin: 42px auto 0 !important;
    }
    .warrantyno-meassage p {
        font-size: 14px !important;
    }
    .step span {
        font-size: 15px;
        text-align: center;
    }
    .checkbox-group label {
        font-size: 13px !important;
    }
    .register-width {
        width: unset !important;
    }
    .register-margin {
        margin-bottom: 10px !important;
    }
    label.form-customer-title {
        font-weight: 800 !important;
        margin-bottom: 13px !important;
    }
    h1.Revista.main-head {
        font-size: 21px;
    }
    .col-lg-7 p.customer_error {
        padding-top: 19px;
    }
    .circle {
        z-index: 2;
    }
    .btn-sus {
        margin-bottom: 0px !important;
    }
    .serialnumber-images img {
        margin: 27px 4px !important;
    }
    .export-popup-modalbox .modal-content {
        margin-left: -5px !important;
    }
    .select-date .date-input-box input {
        min-width: 314px !important;
    }

    .model-phn-view {
        padding: 0px !important;
    }

    .new-edit-padding {
        padding-top: 0px !important;
        padding-left: 53px !important;
    }
    .card-edit-padding {
        padding-bottom: 40px !important;
    }

    .welcome-form-row {
        padding: 0 0px !important;
    }
    .sus-msg-width {
        width: 100% !important;
    }
    table.dataTable thead > tr > th.sorting_asc,
    table.dataTable thead > tr > th.sorting_desc,
    table.dataTable thead > tr > th.sorting,
    table.dataTable thead > tr > td.sorting_asc,
    table.dataTable thead > tr > td.sorting_desc,
    table.dataTable thead > tr > td.sorting {
        padding-right: 47px !important;
    }
    #ui-datepicker-div.ui-datepicker td a.ui-state-default.ui-state-highlight,
    #ui-datepicker-div.ui-datepicker td a.ui-state-active {
        margin-left: 6px !important;
    }

    img.popup-close {
        margin: -16px -18px 0px 10px !important;
    }
}
@media only screen and (max-width: 365px) {
    .new-edit-padding {
        padding-left: 40px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    button.navbar-toggler {
        margin-left: 47%;
    }

    .top-bar a.navbar-brand {
        margin-right: -19px;
    }
    a.navbar-brand img {
        margin-right: 12px;
    }
    ul.navbar-nav li {
        text-align: center;
    }
    /* li.nav-item {
        margin-left: -51px;
    } */
    .landing-navigation-link {
        width: auto !important;
        font-size: 16px !important;
        margin-left: auto !important;
    }
    .landing-after-login-page ul.dropdown-menu.landing-drop-down li a {
        padding: 6px 17px !important;
        font-size: 14px !important;
    }
    .landing-after-login-page > .container-fluid .container-fluid {
        padding: 0 40px !important;
    }
    .navbar-light .navbar-toggler {
        border-color: rgb(255 255 255 / 94%);
    }
    .top-bar {
        margin-top: -33px;
    }

    a.nav-link.landing-navigation-link {
        font-size: 16px;
        padding-top: 6px !important;
    }

    .landing-blog-section {
        padding: 17px 0 !important;
    }
    .one-blog-section {
        margin-bottom: 15px;
    }
    .landing-footer-section p {
        font-size: 13px !important;
        margin-left: 9px !important ;
        margin-bottom: 7px !important;
    }
    .landing-footer-section {
        padding: 11px 50px 10px 50px !important;
    }

    .title-with-round-inner {
        padding: 101px 0px 0px 0 !important;
    }

    .warranty-register-page.warranty-register-page-no-round {
        padding: 0px 12px;
    }
    .warranty-register-page.view-register-page.warranty-register-page-no-round
        .card-one-body {
        margin-top: -8px !important;
    }
    .export-popup-modalbox h5#exampleModalLabel {
        font-size: 25px !important;
        line-height: 21px !important;
    }
    .title-with-round-inner h4 {
        font-size: 48px !important;
    }
    .modal-header img {
        width: 67%;
    }
    .landing-navigation-link::after {
        margin-left: 3px;
    }
    .export-modal-row {
        width: 100% !important;
    }
    p.serialnumber-subtitle {
        font-size: 21px !important;
    }
}
.model-img {
    width: 250px !important;
}

/* Target Safari browser on Mac */
@media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 2dppx) {
    .default-btn {
        padding-bottom: 0px !important;
    }
}

/* Target Chrome browser on Mac */
/* @media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 2dppx) and (min-width: 1280px) {
    .default-btn {
        line-height: 32px;
    }
    .default-btn  {
        padding-top: 12px !important;
        padding-bottom: 0px !important;
    }
} */

@media only screen and (max-device-width: 414px) and (orientation: portrait) {
    /* Your styles for iOS mobile devices here */
    /* Apply no border-radius to input fields */
    input[type="text"],
    input[type="email"],
    input[type="password"] {
        border-radius: 0; /* Set the border-radius to 0 */
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ::-webkit-input-placeholder {
        color: initial;
        opacity: 1;
        padding-top: 10px !important;
    }
}