@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); }
}