Team:Edinburgh OG/CSS:responsive

@media (min-width: 1200px) {

 .navbar-nav .dropdown-menu,
 .navbar-nav .dropdown.megamenu div.dropdown-menu {
   background: none;
   border: 0;
   box-shadow: none;
   display: block;
   opacity: 0;
   z-index: 1;
   visibility: hidden;
   -webkit-transform: scale(0.8);
   -moz-transform: scale(0.8);
   -ms-transform: scale(0.8);
   -o-transform: scale(0.8);
   transform: scale(0.8);
   -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
   -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
   -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
   -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
   transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
 }
 .navbar-nav .dropdown.megamenu:hover div.dropdown-menu,
 .navbar-nav .dropdown:hover div.dropdown-menu {
   opacity: 1;
   visibility: visible;
   color: #777;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
 }
 .navbar-nav .dropdown-backdrop {
   visibility: hidden;
 }

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

 .title {
   font-size: 40px;
 }
 .navbar-header .navbar-brand a {
   padding: 6px 8px;
 }
 #hero-area {
   padding: 140px 0;
 }
 #hero-area .btn {
   margin-top: 8px;
 }
 #about {
   padding: 70px 0;
 }
 #about .block {
   padding: 0;
 }
 figure .buttons {
   left: 16%;
 }
 #feature .media {
   margin: 0 0 35px;
 }
 #footer .copyright {
   text-align: center;
 }
 #footer .social {
   text-align: center;
 }
 .dropdown-menu > ul > li > a {
   display: block;
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   text-decoration: none;
   padding: 15px;
   color: #333;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 .dropdown-menu > ul {
   list-style: none;
   padding: 0 15px;
   margin: -5px auto 0;
   background: #fff;
   background-color: rgba(255, 255, 255, 0.95);
   box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
 }
 .navbar-collapse {
   background: #333333;
 }
 #top-bar .main-menu li > a {
   color: #fff;
   padding: 21px 10px;
   background: transparent;
 }
 #top-bar .dropdown-menu > ul {
   list-style: none;
   padding: 0 15px;
   margin: -5px auto 0;
   background: #fff;
   background-color: rgba(255, 255, 255, 0.95);
   box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
 }
 #top-bar .dropdown-menu > ul > li > a {
   display: block;
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   text-decoration: none;
   padding: 15px;
   color: #333;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }

}