body{
    font-family: 'BonyadeKoodak';
    background-color: #F5F5F5;
	  direction: rtl;
  
  }

  @font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: 100;
	src: url('/fonts/Bonyad/woff/BonyadeKoodakFaNum-Thin.woff') format('woff'),  
 
	url('/fonts/Bonyad/woff2/BonyadeKoodakFaNum-Thin.woff2') format('woff2');		
}


@font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: 200;
	src: url('/fonts/Bonyad/woff/BonyadeKoodakFaNum-ExtraLight.woff') format('woff'),   
	
url('/fonts/Bonyad/woff2/BonyadeKoodakFaNum-ExtraLight.woff2') format('woff2');		
}


@font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/Bonyad/woff/BonyadeKoodakFaNum-Light.woff') format('woff'),   
	url('/fonts/Bonyad/woff2/BonyadeKoodakFaNum-Light.woff2') 
format('woff2');		
}


@font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: normal;
	src: url('/fonts/Bonyad/woff/BonyadeKoodakFaNum-Regular.woff') format('woff'),   
	url('/fonts/Bonyad/woff2/BonyadeKoodakFaNum-Regular.woff2') format('woff2');		 	 
}

h1,h2,h3,h4,h5,h6{
	font-family: 'BonyadeKoodak';
	line-height: normal;
} 


/* مخفی کردن منوی دسکتاپ در موبایل */
@media (max-width: 768px) {
    .menu-desktop {
        display: none !important;
    }
    .bottom-menu {
        display: flex !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        border-top: 1px solid #ddd;
        justify-content: space-around;
        padding: 8px 0;
        z-index: 1000;
    }
    .bottom-menu .menu-item {
        text-align: center;
        font-size: 12px;
        color: #777;
        flex: 1;
    }
    .bottom-menu .menu-item.active,
    .bottom-menu .menu-item:hover {
        color: #000;
        font-weight: bold;
    }
    .bottom-menu i {
        display: block;
        font-size: 18px;
        margin-bottom: 4px;
    }
}





/* در دسکتاپ، منوی پایین حذف شود */
@media (min-width: 769px) {
    .bottom-menu {
        display: none !important;
    }
}


	@media (min-width: 770px)
 {.container, .container-md, .container-sm{    max-width: 948px ;}

}


	@media (min-width: 1400px)
 {.container, .container-md, .container-sm{    max-width: 1320px ;}

}