@media (max-width: 1400px) { .header-search-wrapper .search-form-wrap .search-form{ width:35%; } .header-search-wrapper .search-form-wrap .search-form .search-field{ height:100px; } } @media (min-width: 1400px) { #site-navigation .sub-menu, .primary-menu-wrap { display: block !important; } } @media (max-width: 1290px) { .mt-container{ padding:0px 20px; width: 100%; } } @media (min-width: 781px) and (max-width: 978px) { #masthead #site-navigation .primary-menu-wrap { top:80%; } } @media (max-width:979px) { .header-main-wrapper{ display: none; } .mt-menu-toggle { display: block; font-size: 23px; color: #000; line-height: 32px; cursor: pointer; padding: 0px 10px; background-color: #fff; } .responsive-header-wrapper{ display: block; padding: 20px 0px; } #site-navigation .primary-menu-wrap { background: #E53935 none repeat scroll 0 0; display: none; left: 0; position: absolute; top: 100%; width: 100%; z-index: 99; } #site-navigation ul li { display: block; float: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #site-navigation ul { display: block; } #site-navigation ul li a { line-height: 42px; padding:0px 20px; color:#fff; } #site-navigation ul li a::after { display: none; } #site-navigation ul.sub-menu li:hover:first-child, #site-navigation ul.children li:hover:first-child , #site-navigation ul.sub-menu li.current-menu-item:first-child, #site-navigation ul.sub-menu li:focus:first-child, #site-navigation ul.children li:focus:first-child , #site-navigation ul.sub-menu li:focus.current-menu-item:first-child, #site-navigation ul.sub-menu li:hover:last-child, #site-navigation ul.children li:hover:last-child, #site-navigation ul.sub-menu li.current-menu-item:last-child,#site-navigation ul.sub-menu li:focus:last-child, #site-navigation ul.children li:focus:last-child, #site-navigation ul.sub-menu li:focus.current-menu-item:last-child { border-radius: 0px; } #site-navigation ul li:hover >a, #site-navigation ul li.current-menu-item >a, #site-navigation ul li.current_page_item >a, #site-navigation ul li.current-menu-ancestor >a, #site-navigation ul li.focus >a { background-color: #fff; } #site-navigation ul li:hover>ul.sub-menu, #site-navigation ul li:hover>ul.children, #site-navigation ul li.focus>ul.sub-menu, #site-navigation ul li.focus>ul.children{ box-shadow: none; border-radius: 0px; } #site-navigation ul.sub-menu, #site-navigation ul.children { position: static; min-width: 100%; opacity: 1; top: 0; left: 0; visibility: visible; display: none; background: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .primary-menu-wrapper .mt-flex { flex-direction: row; align-items: center; } #site-navigation .menu-item-description, #site-navigation ul li.menu-item-has-children>a::before, #site-navigation ul li.page_item_has_children>a::before { display: none; } #site-navigation ul li a.mt-sub-menu-toggle { background: #fff none repeat scroll 0 0; color: #E53935; cursor: pointer; display: block; height: 24px; line-height: 25px; position: absolute; right: 15px; text-align: center; top: 8px; width: 24px; padding: 0 !important; } #site-navigation ul li a.mt-sub-menu-toggle:hover, #site-navigation ul li a.mt-sub-menu-toggle:focus { background: #333; color: #ffffff; } #site-navigation{ width:60%; } .mt-icon-elements-wrap{ width: 40%; } .site-branding { width: 100%; text-align: center; } .both-sidebar #secondary, .home.blog.both-sidebar #secondary, .both-sidebar #primary, .home.blog.both-sidebar #primary, #left-secondary, .home.blog #left-secondary, .both-sidebar #left-secondary, .home.blog.both-sidebar #left-secondary, #secondary, .home.blog #secondary,#primary, .home.blog #primary,#secondary, .home.blog #secondary{ width:100%; } .both-sidebar #primary, .home.blog.both-sidebar #primary{ margin-left:0 !important } .is-sticky .responsive-menu-icon-wrapper.mt-flex { background-color: #fff; box-shadow: 0 0 35px rgb(0 0 0 / 7%); z-index: 999; padding: 20px; } .responsive-header-wrapper .mt-container{ padding: 0px; } .responsive-menu-icon-wrapper{ padding: 0px 20px; } } @media (max-width: 780px) { .mt-single-featured-wrapper{ width:47%; } .nav-content{ font-size: 12px; } .nav-links .nav-previous, .nav-links .nav-next{ width:auto; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next{ float: unset; text-align: left; } .responsive-menu-icon-wrapper{ margin:20px 0px 0px; position: relative; background-color: #fff; padding:10px 20px; } .is-sticky .responsive-menu-icon-wrapper{ z-index: 99; } .header-search-wrapper .mt-search-icon a i { width: 30px; height: 30px; line-height: 30px; } .responsive-header-wrapper .mt-container{ padding:0px; } .related-post-wrap{ width:47%; } .mt-front-sticky-post-wrapper article .single-post-wrap{ display: block; } .mt-front-sticky-post-wrapper article .entry-title a{ font-size: 20px; line-height: 1.5; } .mt-front-sticky-post-wrapper .published, .mt-front-sticky-post-wrapper .author, .mt-front-sticky-post-wrapper .entry-footer a{ font-size: 14px; } .mt-front-sticky-post-wrapper article .post-thumbnail-wrap,.mt-front-sticky-post-wrapper article .mt-post-content-wrap{ width:100%; } .mt-front-sticky-post-wrapper article .mt-post-content-wrap{ padding:20px 0px 0px; } .mt-front-featured-wrapper { margin: 30px 0px 0px -3%; } } @media (max-width: 600px) { .mt-content-title, .page-title, .related-post-title{ font-size:18px; } .related-post-wrap{ width:97%; } .single article .single-post-wrap{ grid-template-columns: 100%; } .mt-single-featured-wrapper{ width:97%; } #primary, .home.blog #primary,#secondary, .home.blog #secondary,.site-branding{ width:100%; } .archive-read-more-time-wrap.mt-flex{ display: flex; } .nav-links .nav-next a, .nav-links .nav-previous a{ margin-bottom: 20px; } .blogbuster-author-image { width: 25%; margin: 0 auto; display: block; } .blogbuster-author-info { width: 100%; text-align: center; } .blogbuster-related-posts-wrapper article.related-post-wrap { margin-bottom: 20px; } .site-main .post-navigation { margin: 20px 0 0em; } .blogbuster-site-layout--separate .blogbuster-author-container { margin-top: 5px; } .archive-style--grid.no-sidebar .archive-content-wrapper article:nth-child(5n+1), .archive-style--grid.no-sidebar .archive-content-wrapper article:nth-child(5n+2), .archive-style--grid.no-sidebar .archive-content-wrapper article:nth-child(5n+3), .archive-style--grid.no-sidebar-center .archive-content-wrapper article:nth-child(5n+1), .archive-style--grid.no-sidebar-center .archive-content-wrapper article:nth-child(5n+2), .archive-style--grid.no-sidebar-center .archive-content-wrapper article:nth-child(5n+3), .archive-style--grid .archive-content-wrapper article, .archive-style--grid.no-sidebar .archive-content-wrapper article:nth-child(5n+4), .archive-style--grid.no-sidebar .archive-content-wrapper article:nth-child(5n+5), .archive-style--grid.no-sidebar-center .archive-content-wrapper article:nth-child(5n+4), .archive-style--grid.no-sidebar-center .archive-content-wrapper article:nth-child(5n+5) { width:100%; } .single .mt-post-content-wrap { padding: 0px 0px; } .single .entry-content{ margin:5px } .archive-style--list article .single-post-wrap, .footer-widget--column-three .footer-widget-wrapper.mt-grid, .footer-widget--column-two .footer-widget-wrapper.mt-grid, .footer-widget--column-four .footer-widget-wrapper.mt-grid{ grid-template-columns: 100%; } .header-search-wrapper .search-form-wrap .search-form { width: 85%; } .header-search-wrapper .search-form-wrap .search-submit { padding: 9px 60px; font-size: 16px; } .header-search-wrapper .search-form-wrap .search-form .search-field { height: 50px; font-size: 18px; } .header-search-wrapper .mt-form-close{ font-size: 36px; } #content{ margin-top: 10px; } .archive-style--list #primary article .mt-post-content-wrap{ padding: 10px 0px; } .error-container{ font-size: 100px; } .error-container > span:nth-of-type(2) { width: 100px; height: 100px; } .error404 .page-title { font-size: 16px; } .error404 .page-content p { font-size: 10px; } }