@media(max-width:1024px) { .bm-container{ padding: 0 15px } .widget_buzmag_blog_widget .blog-content-title a{ font-size:12px; } .main-slider-wrap.layout-3 .count_feature_1 .title-cat-date .slider-cat, .main-slider-wrap.layout-3 .count_feature_1 .slider-entry-meta, .main-slider-wrap.layout-3 .count_feature_2 .title-cat-date .slider-cat, .main-slider-wrap.layout-3 .count_feature_2 .slider-entry-meta, .main-slider-wrap.layout-3 .count_feature_3 .title-cat-date .slider-cat, .main-slider-wrap.layout-3 .count_feature_3 .slider-entry-meta{ display:none; } .titles-port { padding-right: 20px; } } @media(max-width:812px) { nav#site-navigation .menu-main-wrap{ margin-top: 0 } #toggle { margin-top: 10px; } .widget_buzmag_blog_category_widget .bm-main-cat-post .bm-cat-count-1, .widget_buzmag_blog_category_widget .bm-main-cat-post .layout-2, .bm-main-cat-post.layout-2 .bm-small-thumb-content { margin-bottom: 20px; } .content-news{ width: 100%; } .main-navigation ul ul ul{ left: 0; top: 100%; } .main-navigation ul { display: block; width: 100%; } #primary, #secondary, .site-header .site-branding, .site-header .bm-header-ad, .bm-home-full-width .blog-wrap.layout-3 .bm-cont-post-1 .image-blog, .bm-home-full-width .blog-wrap.layout-1 .bm-loop-blog, .bm-home-full-width .blog-wrap.layout-3 .bm-cont-post-1 .blog-content-title { width: 100%; } .menu-main-wrap { display: none; } div#top-toggle, #toggle { background: transparent; width: 30px; text-align: center; cursor: pointer; float: left; position: relative; } div#top-toggle span, #toggle span { height: 2px; width: 25px; background: #ffffff; display: block; text-align: center; margin-bottom: 5px; } /*.toggle.on span.two{ visibility: hidden; opacity: 0; position: absolute; } .toggle.on span.one{ transform: rotate(45deg); position: absolute; top: 0; } .toggle.on span.three{ transform: rotate(-45deg); position: absolute; top: 0 }*/ .bm-top-header{ position: relative; } div#top-toggle span:last-child, #toggle span:last-child { margin-bottom: 0; } div#top-toggle span{ background-color: #2b9cff; } #top-site-navigation ul li a, nav#site-navigation ul li a { color: #464646; font-size: 14px; border: none; padding: 5px 10px; display: block; } nav#site-navigation ul li a { text-align: left; width: 100%; } nav#site-navigation ul ul li { margin-right: 0; padding: 10px 0 0; border: none; } .main-navigation ul li.menu-item-has-children > a:after { position: absolute; right: 10px; width: 20px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #eee; padding: 0 } #top-site-navigation .menu-main-wrap ul li, nav#site-navigation ul li { display: block !important; font-size: 15px; } .menu-main-wrap { position: absolute; width: 100%; right: 0; text-align: center; background: #ececec; z-index: 99999; top: 100%; } nav#site-navigation ul li { margin-right: 0; display: block; float: none; background: #f7f7f7; border-bottom: 1px solid #eee; } nav#top-site-navigation { width: 0%; } .main-navigation ul ul { display: block; position: relative; float: none; } #masthead .social-links { width: 100% } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { -webkit-animation-name: none; animation-name: none; display: block; box-shadow: none; } .mb-mid-header .bm-container div { display: block; } .mb-mid-header { text-align: center; } .widget_buzmag_blog_widget .blog-content-title a h3, .blog-wrap.layout-3 .bm-cont-post-1 .entry-meta, .blog-wrap.layout-3 .bm-cont-post-1 .blog-content-title p { margin: 5px 0; font-size: 14px; } .widget_buzmag_blog_widget .blog-content-title p { margin-bottom: 10px; } .news-slide-wrap .content-news a { font-size: 16px; } .blog-wrap.layout-3 .bm-cont-post-1 .blog-content-title p { margin-top: 5px; } .feature-post-2 span.slider-title a { font-size: 15px; } .main-slider-wrap span.slider-title a { line-height: 20px; } .main-slider-wrap .title-cat-date { margin: 0px 10px; } .gallery-columns-3 .gallery-item { max-width: 20%; } aside#secondary .widget { margin-bottom: 15px; } .loop-posts-blog-recent a img { width: 30%; } .loop-posts-blog-recent .wrap-meta-title { width: 65%; } .bm-home-full-width .widget_buzmag_blog_category_widget .bm-main-cat-post .bm-second-wrap-cat:nth-child(even), .bm-home-full-width .widget_buzmag_blog_category_widget .bm-main-cat-post .bm-second-wrap-cat:nth-child(3){ margin-right:0px; } .bm-home-full-width .widget_buzmag_blog_category_widget .bm-main-cat-post .bm-second-wrap-cat:nth-child(3), .bm-home-full-width .blog-wrap.layout-2 .blog-loop-wrap .bm-loop-blog:nth-child(3){ margin-right:1%; } .bm-home-full-width .widget_buzmag_blog_category_widget .bm-main-cat-post .bm-second-wrap-cat{ width: 49%; } .bm-home-full-width .blog-wrap.layout-2 .blog-loop-wrap .bm-loop-blog { width: 49.5%; } .bm-home-full-width .blog-wrap.layout-1 .bm-loop-blog:nth-child(even) { margin-left: 0; } .bm-home-full-width .blog-wrap.layout-2 .blog-loop-wrap .bm-loop-blog:nth-child(even){ margin-right: 0; } .widget_buzmag_blog_widget .slider-cat { margin-bottom: 0px; margin-top: 20px; } .bm-home-full-width .blog-wrap.layout-3 .bm-loop-blog.bm-cont-post-all{ width: 49%; } .bm-home-full-width .blog-wrap.layout-3 .bm-loop-blog.bm-cont-post-all:nth-child(even){ margin-right: 2%; } .bm-home-full-width .blog-wrap.layout-3 .bm-loop-blog.bm-cont-post-all:nth-child(odd){ margin-right: 0%; } .bm-home-full-width .widget_buzmag_masonry_post_widget .loop-grid-posts { width: 33.333%; } .site-header .bm-header-ad { text-align: center; } .entry-header img{ margin-top: 0 } h1.entry-title { padding: 0px; } .tnp-subscription { float: left; } } @media(max-width:667px) { .main-slider-wrap .title-cat-date { bottom: 10%; } .main-slider-wrap.layout-2 .secondary-slider-wrap .slider-all-contents { width: 100%; } .main-slider-wrap.layout-2 .secondary-slider-wrap .feature-post-1 { width: 40%; float: left; text-align: center; margin-left: 6%; margin-top: 20px; } .main-slider-wrap.layout-2 .secondary-slider-wrap .feature-post-2 { width: 40%; float: right; width: 40%; float: right; text-align: center; margin-right: 6%; margin-top: 20px; } .blog-wrap.layout-3 .bm-loop-blog.bm-cont-post-all:nth-child(even){ margin-right: 1%; } .bm-home-sidebar .widget_buzmag_blog_category_widget .bm-main-cat-post .bm-second-wrap-cat { margin-right: 1.3%; } .widget.widget_buzmag_blog_category_widget .layout-2 .blog-content-title { position: absolute; bottom: 5%; padding: 5px; } .bm-home-sidebar .widget_buzmag_blog_widget .blog-wrap.layout-1 .blog-content-title { width: 57%; } .blog-wrap.layout-3 .bm-cont-post-1 .blog-content-title { width: 100%; margin-top: 10px; } .blog-wrap.layout-3 .bm-loop-blog.bm-cont-post-all { width: 49%; } .blog-wrap.layout-3 .bm-cont-post-1 .image-blog { width: 100%; } .blog-wrap.layout-3 .bm-loop-blog.bm-cont-post-all .image-blog { width: 32%; } .bm-home-sidebar .widget_buzmag_blog_widget .blog-wrap.layout-3 .bm-cont-post-all .blog-content-title { width: 65%; } .widget_buzmag_blog_category_widget .bm-main-cat-post.layout-1 .bm-small-thumb-content .image-blog { width: 35%; } .widget_buzmag_blog_category_widget .bm-main-cat-post.layout-1 .bm-small-thumb-content .blog-content-title { width: 62%; } .widget_buzmag_blog_category_widget .bm-main-cat-post.layout-1 .bm-small-thumb-content .blog-content-title h3 { font-size: 13px; } .bm-small-thumb-content .entry-meta span, .bm-small-thumb-content .entry-meta a { font-size: 11px; } .bm-home-sidebar .widget_buzmag_masonry_post_widget .loop-grid-posts, .bm-home-full-width .widget_buzmag_masonry_post_widget .loop-grid-posts { width: 50%; } .nav-previous, .nav-next { display: block; width: 100% !important; text-align: center !important; margin-top: 10px; } } @media(max-width:550px){ .main-slider-wrap span.slider-title a{ font-size: 14px; } .widget_buzmag_blog_category_widget .bm-main-cat-post .bm-cat-count-1 .blog-content-title a h3, .widget_buzmag_blog_category_widget .bm-main-cat-post .layout-2 .blog-content-title a h3{ font-size: 16px; } .bm-home-sidebar .widget_buzmag_blog_widget .image-blog { width: 42%; } } @media(max-width:480px) { .titles-port { display: none; } .main-slider-wrap.layout-2 .secondary-slider-wrap .slider-all-contents{ float:none; } .bm-home-full-width .blog-wrap.layout-1 .image-blog, .bm-home-full-width .widget_buzmag_blog_category_widget .bm-main-cat-post .bm-second-wrap-cat, .bm-home-full-width .blog-wrap.layout-1 .blog-content-title, .blog-wrap.layout-2 .blog-loop-wrap .bm-loop-blog, .blog-wrap.layout-3 .bm-loop-blog.bm-cont-post-all, .bm-home-sidebar .widget_buzmag_blog_widget .blog-wrap.layout-1 .blog-content-title, .bm-home-sidebar .widget_buzmag_blog_widget .image-blog, .bm-home-sidebar .widget_buzmag_masonry_post_widget .loop-grid-posts, .bm-home-sidebar .widget_buzmag_blog_category_widget .bm-main-cat-post .bm-second-wrap-cat, .bm-home-full-width .blog-wrap.layout-2 .blog-loop-wrap .bm-loop-blog, .bm-home-full-width .blog-wrap.layout-3 .bm-loop-blog.bm-cont-post-all, .bm-home-full-width .widget_buzmag_masonry_post_widget .loop-grid-posts, .main-slider-wrap.layout-3 .secondary-slider-wrap .slider-all-contents, .main-slider-wrap.layout-3 .layout-3-slider-wrap, .owl-carousel.news-slide-wrap.owl-loaded.owl-drag, .main-news-slide .title-slide{ width: 100%; } .main-slider-wrap.layout-2 .secondary-slider-wrap .feature-post-1 { width: 70%; float: none; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } .main-slider-wrap.layout-2 .secondary-slider-wrap .feature-post-2 { width: 70%; float: none; margin: 0 auto; margin-top: 20px; } .main-slider-wrap.layout-3 .feature-post-2.count_feature_1 { margin-top: 4px; } .widget_buzmag_blog_widget .layout-3 .bm-cont-post-1 { padding: 5px; } .blog-content-title { padding: 5px; } } @media(max-width:320px) { }