/* اللون الأساسي */
:root {
    --primary-color: #3498db; /* لون أزرق عصري */
    --secondary-color: #2ecc71; /* لون أخضر عصري */
    --background-color: #f4f4f4; /* لون خلفية فاتح */
    --text-color: #333; /* لون نص داكن */
    --border-color: #e0e0e0; /* لون حدود فاتح */
}

/* Large Devices (min-width: 1400px) */
@media (min-width: 1400px) {
    .banner-form button.form-control {
        height: 50px; /* تحديث ارتفاع الأزرار */
        background-color: var(--primary-color); /* تحديث لون الخلفية */
        color: #fff; /* تحديث لون النص */
        border: none; /* إزالة الحدود */
    }
}

/* Medium Devices (min-width: 992px) and (max-width: 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .banner-form .form-control, 
    .banner-form .category-dropdown {
        height: 48px; /* تحديث الارتفاع */
        border-radius: 4px; /* تحديث الحواف */
        border: 1px solid var(--border-color); /* تحديث الحدود */
    }
    .banner-form button.form-control {
        height: 48px;
    }
    .download-app {
        padding: 12px 24px; /* تحديث الحشو */
    }
    #header a.btn {
        position: absolute;
        top: 70px; /* تحديث الموضع */
        right: 25px; /* تحديث الموضع */
    }
    .home-two .category-list .category-item, 
    .home-one .category-list .category-item {
        width: 30%; /* تحديث العرض */
    }
    .category-list .category-item, 
    #services-ad .single-service {
        width: 30%;
    }
    .banner-form-full.banner-form input {
        min-width: 340px; /* تحديث الحد الأدنى للعرض */
    }
    /* About Us */
    .team-member {
        width: 22%; /* تحديث العرض */
        min-height: 260px; /* تحديث الارتفاع */
    }
    .about-us h3 {
        margin-top: 0;
        font-size: 24px; /* تحديث حجم الخط */
    }
}

/* Small Devices (min-width: 768px) and (max-width: 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .nav-right {
        display: block;
        width: 100%;
        padding-bottom: 25px; /* تحديث الحشو */
    }
    #header a.btn {
        position: absolute;
        top: 15px; /* تحديث الموضع */
        right: 25px; /* تحديث الموضع */
    }
    .banner-form input {
        min-width: 370px; /* تحديث الحد الأدنى للعرض */
    }
    .banner-section h1.title, 
    .banner h1.title {
        font-size: 48px; /* تحديث حجم الخط */
        line-height: 55px; /* تحديث ارتفاع السطر */
    }
    .banner-form .form-control, .banner-form .category-dropdown {
        height: 46px; /* تحديث الارتفاع */
    }
    .banner-form button.form-control {
        height: 48px; /* تحديث الارتفاع */
    }
    .category-list .category-item {
        width: 35%; /* تحديث العرض */
    }
    .ad-info .item-title {
        font-size: 18px; /* تحديث حجم الخط */
    }
    /* About Us */
    .team-member {
        width: 28%; /* تحديث العرض */
    }
}

/* Extra Small Devices (max-width: 767px) */
@media (max-width: 767px) {
    h1 {
        font-size: 32px; /* تحديث حجم الخط */
    }
    h2 {
        font-size: 24px; /* تحديث حجم الخط */
    }
    h3 {
        font-size: 20px; /* تحديث حجم الخط */
    }
    .banner-section h1.title, 
    .banner h1.title {
        font-size: 38px; /* تحديث حجم الخط */
    }
    .banner-form .form-control, 
    .banner-form .category-dropdown {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        border-radius: 5px; /* تحديث الحواف */
        margin-left: 0;
        border-bottom: 1px solid var(--border-color); /* تحديث الحدود */
    }
    .banner-form button.form-control {
        margin-bottom: 0;
        border-radius: 5px; /* تحديث الحواف */
    }
    .category-list .category-item, 
    .home-two .category-list .category-item, 
    .home-one .category-list .category-item {
        width: 50%; /* تحديث العرض */
    }
    .ad-section {
        margin: 0 0 30px; /* تحديث الهوامش */
    }
    .ad-item .ad-info {
        min-height: 160px; /* تحديث الارتفاع */
    }
    .footer-widget ul li a {
        font-size: 18px; /* تحديث حجم الخط */
    }
    .footer-widget h3 {
        font-size: 24px; /* تحديث حجم الخط */
    }
    .user-account {
        padding: 35px 35px 45px; /* تحديث الحشو */
    }
}

/* Extra Small Portrait Devices (max-width: 479px) */
@media (max-width: 479px) {
    .tab-manu .nav-tabs li a {
        font-size: 14px; /* تحديث حجم الخط */
        padding: 12px 8px; /* تحديث الحشو */
    }
    .ad-item .ad-info {
        min-height: 200px; /* تحديث الارتفاع */
    }
    .download-app {
        padding: 12px 20px; /* تحديث الحشو */
    }
    .download-app strong {
        font-size: 22px; /* تحديث حجم الخط */
    }
    .banner-form-full.banner-form input {
        min-width: 100%;
    }
    .team-member {
        width: 100%;
        margin-bottom: 20px; /* تحديث الهوامش */
    }
    /* Ad Details */
    .postdetails .edit {
        right: 0;
        top: -20px; /* تحديث الموضع */
    }
    .add-image label.upload-image {
        margin-left: 12px; /* تحديث الهوامش */
        height: 70px; /* تحديث الارتفاع */
    }
    #product-carousel {
        margin-bottom: 90px; /* تحديث الهوامش */
    }
    #product-carousel .carousel-indicators li, 
    #product-carousel .carousel-indicators li.active {
        height: 40px; /* تحديث الارتفاع */
        width: 40px; /* تحديث العرض */
    }
    .category-menu {
        width: 100%; /* تحديث العرض */
    }
    .home-banner h1 {
        font-size: 32px; /* تحديث حجم الخط */
    }
    .pricing-section .pric h3 {
        font-size: 55px; /* تحديث حجم الخط */
    }
    .pricing-section .pric h2 {
        margin-bottom: 15px; /* تحديث الهوامش */
    }
}
