Template:UiOslo Norway/css/responsive

@media only screen and (min-width : 768px) {

 .nav.navbar-nav > li:hover > ul.sub-menu{
   display: block;
   -webkit-animation: fadeInUp 400ms;
   animation: fadeInUp 400ms;
 }

 ul.sub-menu {
   position: absolute;
   top: 60px;
   left: 0;
   background: #fff;
   padding: 10px 0;
   width: 240px;
   box-shadow: none;
   display: none;
   z-index: 999;
   border: 1px solid #00aeef;
 }

 #header .navbar-nav li ul.sub-menu li a {
   padding-left: 20px;
 }

}

@media only screen and (max-width : 992px) {

 h1{
   font-size: 25px;
 }

 #header .navbar-nav.navbar-right li {
   padding: 0;
 }

 #header .navbar-nav.navbar-right >li a {
   padding: 20px 10px;
 }

}

/* xs */ @media only screen and (max-width : 768px) {

 h1{
   font-size: 22px;
 }

 h2{
   font-size:20px;
 }

 #header {
   padding-bottom: 40px;
   padding-top: 10px;
 }

 .social-icons.pull-right{
   float: left !important;
 }

 #header .navbar-inverse .navbar-toggle,
 #header .navbar-inverse .navbar-toggle:focus {
   border-color: #00aeef;
   margin-top: 15px;
   margin-right: 5px;
   outline: none;
 }

 .navbar-header .navbar-toggle .icon-bar {
   background-color: #00aeef;
 }

 #header .navbar-inverse .navbar-toggle:hover {
   background: #00aeef;
 }

 #header .navbar-inverse .navbar-toggle:hover .icon-bar {
   background: #fff;
 }

 .navbar-inverse .navbar-collapse,

 .navbar.navbar-inverse {
   margin-top: 20px;
   padding-left: 15px;
   padding-right: 15px;
 }

 .social-icons ul li:first-child{
   padding-left: 0;
 }

 #header .navbar-nav.navbar-right li > a > i {
   display: inline-block;
   float: right;
   padding: 8px 10px 8px 30px
 }

 #header .navbar-nav.navbar-right li > a {
   padding: 10px 0;
 }

 #header .navbar-nav li ul.sub-menu li a {
   padding: 5px 10px;
 }

 #header .navbar-inverse .navbar-nav li.active > a, 
 #header .navbar-inverse .navbar-nav li.active > a:focus, 
 #header .navbar-nav.navbar-right li > a:hover {
   border: none;
 }