/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {

}

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
	
	

}


/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	p{ line-height: 1.4; }

	h1{ font-size: 2.8em; line-height: 1; }
	h2{ font-size: 2.2em; line-height: 1.1; }
	h3{ font-size: 1.8em; }
	
	
	/* ---------------------------------
	3. MAIN SECTION
	--------------------------------- */
	
	.main-area-wrapper{ padding: 0px; }
	
	
	/* TIME COUNTDOWN */

	#normal-countdown .time-sec{ height: 70px; width: 70px; margin: 5px; }

	#normal-countdown .time-sec .main-time{ line-height: 55px; font-size: 1.8em;}
	
	#normal-countdown .time-sec span{ bottom: 12px; }
	
	
}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {

	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	body{ font-size: 12px; }
	
	/* ---------------------------------
	3. MAIN SECTION
	--------------------------------- */
	
	/* TIME COUNTDOWN */

	#normal-countdown .time-sec{ height: 60px; width: 60px; margin: 5px; }

	#normal-countdown .time-sec .main-time{ line-height: 45px; font-size: 1.5em;}
	
	#normal-countdown .time-sec span{ font-size: .85em; }
	
}

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 359px) {
	
	
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {
	
	
}
/*----------------------------------------------------------------*/
/* --- بنر ریسپانسیو بهینه شده --- */

.responsive-banner {
    width: 100%;
    overflow: hidden;
    /* padding-bottom: 0 !important;  می این خط را تست کنید */
    /* margin-bottom: 0 !important;   مد این خط را تست کنید */
}

.responsive-banner .banner-img {
    width: 100%;
    height: auto; /* اطمینان از اینکه نسبت تصویر حفظ میشود */
    display: block; /* این مهم است: فضای خالی زیر تصویر را حذف میکند */
    line-height: 0; /* این هم مید کمک کند */
    font-size: 0; /* این هم میند کمک کند */
}

/* تصویر موبایل بهفرض مخفی است */
.responsive-banner .banner-mobile {
    display: none; 
}

/* Media Query: برای صفحهاز 768 پیکسل */
@media (max-width: 768px) { /* یا 767px مطابق با کدهای قبلی شما */
    /* تصویر دسکتاپ مخفی میود */
    .responsive-banner .banner-desktop {
        display: none;
    }
    /* تصویر موبایل نمایش داده میشود */
    .responsive-banner .banner-mobile {
        display: block;
    }
}

/* --- پایان بنر ریسپانسیو --- */

/* استایلی برای اطمینان از نبود فضای سفید */
/* این بخش را در صورت نیاز اضافه یا اصلاح کنید */
.main-area-wrapper {
    /* padding-bottom: 0 !important; */ /* اگر این کلاس والد بنر است */
}