/* Mobile-specific styles */
@media (max-width: 767px) {
    /* Body content adjustments */
    .maincontent {
        padding: 15px 0;
        width: 100%;
        overflow-x: hidden;
    }

    /* Grid system adjustments */
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
    .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Image adjustments */
    img {
        max-width: 100%;
        height: auto;
    }

    /* Text adjustments */
    h1, h2, h3, h4, h5, h6 {
        font-size: 1.5em;
        line-height: 1.3;
        margin-bottom: 15px;
    }

    p {
        font-size: 14px;
        line-height: 1.5;
    }

    /* Form elements */
    input[type="text"],
    input[type="email"],
    input[type="password"],
    textarea,
    select {
        width: 100%;
        padding: 8px;
        margin-bottom: 10px;
        font-size: 16px; /* Prevents zoom on iOS */
    }

    /* Button adjustments */
    .btn {
        width: 100%;
        margin-bottom: 10px;
        padding: 12px;
        font-size: 16px;
    }

    /* Card/Box adjustments */
    .card, .box {
        margin-bottom: 15px;
        padding: 15px;
    }

    /* Table adjustments */
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    /* Footer adjustments */
    .footer-wrapper {
        text-align: center;
        padding: 20px 0;
    }

    /* General spacing */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* User menu adjustments */
    .dropdown-menu {
        width: 100%;
        position: static !important;
        transform: none !important;
    }

    /* Product animation adjustments */
    #products_animation {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        max-height: 80vh;
        overflow-y: auto;
    }

    /* Slider adjustments */
    .flexslider {
        margin: 0 -15px;
    }

    .flexslider .slides img {
        width: 100%;
        height: auto;
    }

    /* List adjustments */
    ul, ol {
        padding-left: 20px;
    }

    /* Section spacing */
    section {
        margin-bottom: 30px;
    }

    /* Preloader adjustments */
    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: #fff;
    }

    #status {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/* Tablet-specific adjustments */
@media (min-width: 768px) and (max-width: 991px) {
    /* Tablet body content */
    .maincontent {
        padding: 20px 0;
    }

    .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
    .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
}