header                           {background:#FFF; position:relative;}
/*Top bar styles*/
div#top                          {background:#111; color:#CCC; font-family:Arial, sans-serif; font-size:14px; height:50px;}
div#top ul                       {text-align:right; position:relative;}
div#top ul li                    {display:inline-block; vertical-align:top;font-size:14px;}
div#top>ul>li                    {padding:12px;}
div#top ul li a                  {color:#CCC; text-decoration:none; font-size:14px;}
div#top ul li a:hover            {color:#FFF;}
/*Countries dropdown styles*/
div#top>ul>li:nth-child(3)       {background:url(../images/arrow_sprite.png)no-repeat right -25px; 
							      margin-right:15px;cursor:pointer; width:75px; position:relative;}
div#top>ul>li:nth-child(3):hover {background:url(../images/arrow_sprite.png)no-repeat right 20px; color:#FFF;}
div#top ul li ul                 {height:0; overflow:hidden; position:absolute; top:50px; right:-15px; z-index:1;}
div#top ul li ul li              {display:block; line-height:40px; height:40px; padding:5px 20px; width:100px; border-bottom:solid 1px #333; position:relative;}
div#top ul ul li:nth-child(1)    {background:#111 url(../images/uk.png)no-repeat 0 0;}
div#top ul ul li:nth-child(2)    {background:#111 url(../images/germany.png)no-repeat 0 0;}
div#top ul ul li:nth-child(3)    {background:#111 url(../images/czech.png)no-repeat 0 0;}
div#top ul li ul li:nth-child(3) {border-bottom:none;}
/*Logo styles*/
div#logo p                       {margin-left:20%; text-transform: uppercase; font-size:11px; color:#999; padding:10px 0px; 
                                  white-space:nowrap; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; width:200px;}
div#logo a                       {display:block;width:200px; padding: 15px 0 10px 0; margin-left:20%; border-bottom:solid 1px #CCC;}
/*Large screen styles ONLY*/
@media only screen and (min-width:961px){
div#logo, div#nav                {display:inline-block; vertical-align:top;}
div#nav                          {width:77%;}
div#logo                         {width:23%;}
div#mobile_nav                   {display:none;}
nav                              {text-align:right;}
nav ul li                        {display:inline-block;  margin:30px 0 0 0; height:95px; box-sizing:border-box; text-align:center;}
nav ul li:hover                  {border-bottom:solid 4px #bf9849;}
nav ul li a                      {padding:5px 25px; color:#111; text-transform:uppercase; display:block; 
								  border-right:solid 1px #CCC; font-size:16px;}
nav ul li:last-child a           {border-right:none;}
nav ul li a span                 {color:#999; text-transform:lowercase;}
nav ul li a:hover span           {color:#111;}
}
/*Medium Large screen styles*/
@media screen and (min-width:961px) and (max-width:1100px){
div#logo a                       {margin-left:5%;}
div#logo p                       {margin-left:5%;}
div#nav                          {width:77%;}
div#logo                         {width:23%;}
nav ul li a                      {padding:5px 15px;}
}
/*Medium screen styles*/
@media only screen and (max-width:960px){
div#logo a                       {margin-left:10%;}
div#logo p                       {margin-left:10%;}
nav	ul                           {height:0; overflow:hidden; width:300px; background:#111; 
                                  position:absolute; top:128px; right:10%; z-index:5;}
nav ul li a                      {line-height:50px; color:#999; border-bottom:solid 1px #333; display:block; width:90%; margin:0 auto;}
nav ul li:last-child a           {border:none;}
nav ul li a:hover                {color:#FFF;}
nav ul li a span                 {display:none;}
div#mobile_nav                   {display:block; background:#111; color:#CCC; width:300px; position:absolute; top:75px; right:10%; white-space:nowrap;}
div#mobile_nav a                 {width:49px; height:50px; border-right:solid 1px #FFF; display:inline-block; 
				                  background:url(../images/mobile_nav.png)no-repeat 13px -34px; vertical-align:top;}
div#mobile_nav a:hover           {background-position:13px 16px;}
div#mobile_nav div               {display:inline-block; width:210px; vertical-align:top; padding:15px 20px; font-size:1.2em;}
.open                            {background:url(../images/mobile_nav.png)no-repeat 13px 16px !important;}
}
/*Small screen styles*/
@media only screen and (max-width:768px){
div#top                          {height:50px;}
div#logo, div#nav                {margin:0 auto; width:100%; display:block;}	
div#logo a, div#logo p           {margin:0 auto; width:200px;}
div#mobile_nav                   {top:0; right:0; width:49px; height:50px; z-index:10; border-left:solid 1px #333;}
div#mobile_nav div               {display:none;}
div#top>ul>li:nth-child(3)       {margin-right:60px;}
div#top>ul>li:first-child, 
div#top>ul>li:nth-child(2)       {display:none}
div#top ul li ul                 {top:50px; right:-10px;}
nav	ul                           {width:40%; top:50px; right:0; z-index:5;}
div#logo p                       {padding:10px 0 15px 0;}
}
/*Mobile Small screen styles*/
@media only screen and (max-width:500px){
nav	ul                           {width:60%;}
}