@media (min-width: 1200px) { .container { max-width: 1170px; } .header-navbar .primary-menu li .submenu { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; top: 100%; } .header-navbar .primary-menu li .submenu li:hover .submenu { visibility: visible; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } } @media (min-width: 992px) and (max-width: 1200px) { .site-navigation { padding: 0px 20px; } } @media (min-width: 768px) and (max-width: 991px) { .site-navigation { padding: 0px 20px !important; } .navbar { padding: 10px 10px; } .navbar-nav .nav-link { padding: 14px 20px; border-right: 0px; } .header-navbar.mobile-menu .primary-menu li .menu-trigger { color: #fff; } .header-navbar .site-logo { width: 25%; margin-right: 0px; } } @media (max-width: 768px) { .container-padding { padding: 0px 30px; } .site-navigation { padding: 20px 20px; } .navbar-nav .nav-link { padding: 10px 0px; } .navbar-collapse { padding: 20px 40px; } .nav-menus-wrapper .nav-menu { display: block; padding-top: 20px; } .header-navbar .site-logo { width: 30%; } .header-navbar.mobile-menu .primary-menu li .menu-trigger, .header-navbar .primary-menu li .sub-menu li .menu-trigger { color: #fff; } .banner .banner-content h1 { font-size: 34px; line-height: 42px; } .banner .banner-content p { max-width: 100%; } } @media (max-width: 480px) { .site-navigation { padding: 10px 10px; } .navbar-nav .nav-link { padding: 14px 20px; } .header-navbar .site-logo { width: 100%; } .font-lg { font-size: 28px; line-height: 41px; } .header-navbar .site-logo { width: 40%; } .blog-layout-3{ padding-top: 70px; } .blog-layout-3 .post-content{ margin-top: 60px; padding-left: 20px; } .blog-layout-3 .post-content h1{ font-size: 36px; } } /*# sourceMappingURL=maps/responsive.css.map */