Team:Edinburgh OG/CSS:responsive

/* Large Devices, Wide Screens */ @media (min-width : 1200px) { /* Dropdown animation */ .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(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99); -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99); -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99); -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99); transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .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; } } /* Tablet Layout: 768px. Gutters: 24px. Outer margins: 28px. Inherits styles from: Default Layout.

---

cols 1 2 3 4 5 6 7 8 px 68 160 252 344 436 528 620 712 */ @media only screen and (min-width: 768px) and (max-width: 991px) {} /* Mobile Layout: 320px. Gutters: 24px. Outer margins: 34px. Inherits styles from: Default Layout.

---

cols 1 2 3 px 68 160 252 */ @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); } } /* Wide Mobile Layout: 480px. Gutters: 24px. Outer margins: 22px. Inherits styles from: Default Layout, Mobile Layout.

---

cols 1 2 3 4 5 px 68 160 252 344 436 */ @media only screen and (min-width: 480px) and (max-width: 767px) {}