/**
 * Tablet Portrait size to standard 1024 (devices and browsers) ============ */
@media only screen and ( max-width: 1259px ) and (min-width: 1024px) {
    .bd-container { width: 944px !important; }
    .bd-main { width: 620px; }
    .bd-sidebar { width: 300px; }
    .widget.bd-search-widget form .search-text { width: 167px; }
    .widget.bd-news-in-pic .post-thumb,
    .widget.flickr .post-thumb { width: 58px; height: 58px; }
    .post_full_width #related-posts .related-re_scroll .post-items .post-item,
    .article_sidebar_position_full #related-posts .related-re_scroll .post-items .post-item { width: 300px !important; }
    .post_full_width #related-posts .related-re_scroll,
    .article_sidebar_position_full #related-posts .related-re_scroll,
    .post_full_width #related-posts .related-re_scroll .post-items,
    .article_sidebar_position_full #related-posts .related-re_scroll,
    .post_full_width #related-posts .related-re_scroll .post-items .post-item,
    .article_sidebar_position_full #related-posts .related-re_scroll .post-items .post-item { height: 180px !important; }
    #related-posts .related-re_scroll .post-items .post-item { width: 198px !important; }
    #related-posts .related-re_scroll .post-items,
    #related-posts .related-re_scroll .post-items .post-item,
    #related-posts .related-re_scroll { height: 136px !important; }
}

/**
 * Tablet Portrait size to standard 768 (devices and browsers) ============= */
@media only screen and (max-width: 985px) and (min-width: 768px) {
    .bd-container { width: 730px !important; }
    .bd-main,
    .bd-sidebar { width: 100% !important; }
    .bd-main,
    .bd-sidebar { float: none !important; }
    #navigation ul { display: none; }
    #navigation select { display: block; }
    .logo-center #navigation select { display: inline-block; width: 500px; }
    .bd-sidebar { -webkit-column-count: 2; -webkit-column-gap: 10px; -moz-column-count: 2; -moz-column-gap: 10px; column-count: 2; column-gap: 10px; }
    .bd-sidebar .widget,
    .bd-sidebar .widget input,
    .bd-sidebar .widget iframe { clear: none!important; margin: 0 3px 20px; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
    #related-posts .related-re_scroll .post-items .post-item { width: 232px !important; }
    #related-posts .related-re_scroll .post-items,
    #related-posts .related-re_scroll .post-items .post-item,
    #related-posts .related-re_scroll { height: 160px !important; }
}

/**
 * Mobile Landscape Size to Tablet Portrait (devices and browsers) ========= */
@media only screen and (max-width: 767px) and (min-width: 480px) {
    .bd-container,
    #navigation select { width: 460px !important; }
    .bd-main,
    .bd-sidebar { width: 100% !important; }
    #top-navigation ul,
    #top-navigation select,
    .top-social,
    #navigation ul { display: none; }
    .bd-main,
    .bd-sidebar { float: none !important; }
    #navigation select { display: block; }
    .top-search { float: none !important; width: 100%; margin: 0; }
    .top-search input { width: 90%; }
    .header { text-align: center; }
    .header .logo,
    #navigation { float: none; margin-right: auto; margin-left: auto; display: inline-block; }
    .header .logo { /*margin-bottom: 15px;*/ }
    .blog-v1 article .article-formats { width: 32px; height: 32px; line-height: 32px; }
    .blog-v1 article .article-formats i { line-height: 32px; font-size: 20px; }
    .footer { text-align: center; }
    .blog-v1 article h1.entry-title { font-size: 27px; font-weight: 600; line-height: 32px; }
    .post-image,
    .post-image img,
    .post-image iframe { height: 220px !important; }
    .soundcloud-box iframe,
    .soundcloud-box { height: auto !important; }
    .blog-v1 article .entry-content { padding-right: 15px; padding-left: 15px; }
    .widget.bd-search-widget form .search-text,
    .widget.bd-search-widget form .btn,
    .widget.bd-search-widget form select { width: 100%; margin-top: 10px; }
    .widget.bd-search-widget form .search-text:first-child,
    .widget.bd-search-widget form .btn:first-child,
    .widget.bd-search-widget form select:first-child { margin-top: 0; }
    .post-sharing-box .title { float: none; display: block; text-align: center; margin-bottom: 5px; }
    .post-sharing-box ul { text-align: center; }
    .post-sharing-box ul,
    .post-sharing-box ul li { float: none; }
    .post-navigation .post-nav-left,
    .post-navigation .post-nav-right { float: none; width: 100%; display: block; text-align: center; }
    .post-navigation .post-nav-left i,
    .post-navigation .post-nav-right i { display: none; }
    .post-nav-left { margin-bottom: 15px; }
    .post-author-box .avatar { float: none; margin: 0 0 20px 0; width: 55px; height: 55px; display: inline-block; }
    .post-author-box { text-align: center; }
    ul.children { margin-left: 0; }
    .rtl ul.children { margin-right: 0; }
    #related-posts .related-re_scroll .post-items .post-item { width: 131px !important; }
    #related-posts .related-re_scroll .post-items,
    #related-posts .related-re_scroll .post-items .post-item,
    #related-posts .related-re_scroll { height: 90px !important; }
    #related-posts .related-re_scroll .post-items .post-item .post-caption { display: none; }
    .blog-v1 article .entry-meta { font-size: 12px; padding: 0 15px; }
    .oops { font-size: 33px; line-height: 43px; }
}

/**
 * Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ==== */
@media only screen and (max-width: 479px) {
	body.admin-bar #header-fix.header-fix{ top: 0px; }
    .bd-container,
    #navigation select { width: 320px !important; }
    .bd-main,
    .bd-sidebar { width: 100% !important; }
    #top-navigation ul,
    #top-navigation select,
    .top-social,
    #navigation ul { display: none; }
    .bd-main,
    .bd-sidebar { float: none !important; }
    #navigation select { display: block; }
    .top-search { float: none !important; width: 100%; margin: 0; }
    .top-search input { width: 90%; }
    .header { text-align: center; }
    .header .logo,
    #navigation { float: none; margin-right: auto; margin-left: auto; display: inline-block; }
    .header .logo { /*margin-bottom: 15px;*/ }
    .blog-v1 article .article-formats { width: 32px; height: 32px; line-height: 32px; }
    .blog-v1 article .article-formats i { line-height: 32px; font-size: 20px; }
    .footer { text-align: center; }
    .blog-v1 article h1.entry-title { font-size: 27px; font-weight: 600; line-height: 32px; }
    .post-image,
    .post-image img,
    .post-image iframe { height: 180px !important; }
    .soundcloud-box iframe,
    .soundcloud-box { height: auto !important; }
    .blog-v1 article .entry-content { padding-right: 15px; padding-left: 15px; }
    .widget.bd-search-widget form .search-text,
    .widget.bd-search-widget form .btn,
    .widget.bd-search-widget form select { width: 100%; margin-top: 10px; }
    .widget.bd-search-widget form .search-text:first-child,
    .widget.bd-search-widget form .btn:first-child,
    .widget.bd-search-widget form select:first-child { margin-top: 0; }
    .post-sharing-box .title { float: none; display: block; text-align: center; margin-bottom: 5px; }
    .post-sharing-box ul { text-align: center; }
    .post-sharing-box ul,
    .post-sharing-box ul li { float: none; }
    .post-navigation .post-nav-left,
    .post-navigation .post-nav-right { float: none; width: 100%; display: block; text-align: center; }
    .post-navigation .post-nav-left i,
    .post-navigation .post-nav-right i { display: none; }
    .post-nav-left { margin-bottom: 15px; }
    .post-author-box .avatar { float: none; margin: 0 0 20px 0; width: 55px; height: 55px; display: inline-block; }
    .post-author-box { text-align: center; }
    ul.children { margin-left: 0; }
    .rtl ul.children { margin-right: 0; }
    #related-posts .related-re_scroll .post-items .post-item { width: 88px !important; }
    #related-posts .related-re_scroll .post-items,
    #related-posts .related-re_scroll .post-items .post-item,
    #related-posts .related-re_scroll { height: 61px !important; }
    #related-posts .related-re_scroll .post-items .post-item .post-caption { display: none; }
    .blog-v1 article .entry-meta { font-size: 12px; padding: 0 15px; }
    .oops { font-size: 33px; line-height: 43px; }
}