#right-menu{
display
:
none
;}
#navigation {
width
:
910px
;
padding
:
8px
0
8px
;
position
:
relative
;
overflow
:
hidden
;
font-family
: "Times New Roman",
serif
;
clear
:
both
;
margin
:
0
auto
16px
;
box-shadow
:
0px
6px
10px
rgba
(
0
,
0
,
0
,
0.60
);
-moz-
box-shadow
:
0px
6px
10px
rgba
(
0
,
0
,
0
,
0.60
);
-webkit-
box-shadow
:
0px
6px
10px
rgba
(
0
,
0
,
0
,
0.60
);
background-color
:
#010066
;
}
#navigation ul {
position
:
relative
;
margin
:
0
0
0
40px
;
}
#navigation li {
letter-spacing
:
0.07em
;
margin
:
0
;
list-style
:
none
;
position
:
relative
;
float
:
left
;
font-weight
:
bold
;
}
#navigation li a {
color
:
#08DEE0
;
padding
:
0
10px
;
border-left
:
1px
solid
#08DEE0
;
-webkit-
transition
: background-color .
9
s ease;
-moz-
transition
: background-color .
9
s ease;
-o-
transition
: background-color .
9
s ease;
transition
: background-color .
9
s ease;
}
#navigation li a:hover {
color
:
#010066
;
background-color
:
#33F6F8
;
}
#navigation li.haji a {
border-right
:
1px
solid
#08DEE0
;
}
#navigation li.haji a:hover {
border-right
:
1px
solid
#08DEE0
;
}
@media
screen
and (
max-width
:
640px
){
#right-menu{
padding
:
10px
;
text-decoration
:
none
;
font-weight
:
bold
;
color
:
#08DEE0
;
position
:
absolute
;
right
:
5px
;
top
:
20px
;
width
:
70px
;
border-radius
:
5px
;
box-shadow
:
0px
6px
10px
rgba
(
0
,
0
,
0
,
0.60
);
-moz-
box-shadow
:
0px
6px
10px
rgba
(
0
,
0
,
0
,
0.60
);
-webkit-
box-shadow
:
0px
6px
10px
rgba
(
0
,
0
,
0
,
0.60
);
background-color
:
#010066
;
display
:
block
;
}
#right-menu:hover{
background
:
#999
;
}
#right-menu {
display
:
block
;
}
#navigation{
display
:
none
;
}
}