/* Header */
.Header
{
    grid-row: 1 / 2;
    grid-column: 1 / 4;
    background-image: url(../../Images/Banner/Untitled\ design-High-Quality\ \(4\).jpg);
}
.Header-Link
{
    text-decoration: none;
    background-color: #85501e;
    padding: 10px;
    text-align: right;
    color: #fff;
    font-family: bnazaninfont;
    font-size: 20px;
   
}
.Link-Menu:link, .Link-Menu:visited, .Link-Menu
{
    float: left;
    text-decoration: none;
    text-align: right;
    color: #000;
    background-color: #85501e;
    font-family: bnazaninbdfont;
    font-weight: bolder;
    transition-duration: 0.5s;
    border: 0px solid #000;
    font-size: 10px;
    border-radius: 8%;
    padding: 5px;
    margin: 5px;
    justify-self: space-between;
}
.Link-Menu:hover, .Link-Menu:active
{
    color: #d8d3cd;
    box-shadow: 0 0px 1px 0 #000, 0 7px 5px 0 #000;
    font-size: 15px;
}
/* Menu */
.Menu
{
    grid-row: 2 / 4;
    grid-column: 1 / 4;
    background-color: #7f8c8d;
}
.Menu img.Logo
{
    float: right;
    width: 40px;
    border-radius: 20%;
    text-align: center;
    margin: 5px;
}
.Menu li
{
    float: right;
    color: #fff;
    list-style-type: none;
    width: 100px;
    height: 5px;
    line-height: 30px;
    font-family: bnazaninbdfont;
    text-align: right;
    font-weight: bold;
    padding: 2px;
    margin: 5px;
}
.Menu li a
{
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}
.Menu li li a
{
    color: #fff;
}
.Menu li ul
{
    display: none;
}
.Menu li:hover > ul
{
    display: block;
}
.Menu li :hover
{
    color: #85501e;
}
.Menu li li ul
{
    margin-right: 110px;
    margin-top: -5px;
}
/* Meday Query */
@media screen and (min-width:993px) and (max-width:1200px) 
{  
/* Responsive-Header */
.Header-Link
{
    font-size: 12px;
}
.Link-Menu:link, .Link-Menu:visited, .Link-Menu
{
    width: 70px;
    font-size: 9px;
    text-align: center;
}
/* Responsive-Menu */
.Menu img.Logo
{
    float: left;
    width: 20px;
}
.Menu li
{
    float: right;
   text-align: center;
    width: 730px;
}
.Menu li a
{
    font-size: 13px;
}
}
@media screen and (min-width:769px) and (max-width:992px) 
{
/* Responsive-Header */
.Header-Link
{
    font-size: 13px;
}
.Link-Menu:link, .Link-Menu:visited, .Link-Menu
{
    display: inline-table;
    width: 10px;
    text-align: center;
}
/* Responsive-Menu */
.Menu img.Logo
{
    float: left;
    width: 8px;
}
.Menu li
{
    float: left;
    text-align: right;
    width: 650px;
}
.Menu li a
{
    font-size: 13px;
}
}
@media screen and (min-width:577px) and (max-width:768px) 
{
/* Responsive-Header */
.Header-Link
{
    font-size: 12px;
}
.Link-Menu:link, .Link-Menu:visited, .Link-Menu
{
    display: inline-table;
    width: 7px;
    text-align: center;
}
/* Responsive-Menu */
.Menu img.Logo
{
    float: left;
    width: 60px;
}
.Menu li
{
   text-align: left;
    width: 820px;
}
.Menu li a
{
    font-size: 11px;
}
}
@media screen and (min-width:320px) and (max-width:576px) 
{  
/* Responsive-Header */
.Link-Menu:link, .Link-Menu:visited, .Link-Menu
{
    display: inline-table;
    width: 10px;
    text-align: right;
    margin: 3px;
}
/* Responsive-Menu */
.Menu img.Logo
{
    float: left;
    width: 40px;
}
.Menu li
{
   text-align: left;
    width: 1100px;
}
.Menu li a
{
    font-size: 11px;
}
}