/* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { #top-bar { padding: 0 15px; } #top-bar #profiles { margin: 3px 0; } #top-bar #top_search { height: 0px; float: none; padding: 0 15px; margin: 0 -15px; max-width: 100%; box-sizing: content-box; clear: both; transition: height ease-out .2s; overflow: hidden; background: rgba(0,0,0,0.2); } #top-bar #top_search.in { height: 48px; } #top_search .searchform { margin: 7px 0; } .search-toggle { margin: 0 -15px 0 0; color: #888; padding: 8px 15px 9px; border-radius: 0; border: none; background: rgba(0,0,0,0.2); } .search-toggle.collapsed .fa:before { content:"\f00e"; } .search-toggle .fa:before { content:"\f010"; } .header_title { margin: 0; padding: 0 15px; text-align: left; font-size: 1em; letter-spacing: normal; line-height: 50px; } .header_title, .header_title a, .header_title a:hover, .header_desc { color: #333; } .navbar-inverse .header_title, .navbar-inverse .header_title a, .navbar-inverse .header_title a:hover, .navbar-inverse .header_desc { color: #fff; } .header_desc { display: none; } .navbar #top_search { margin: 0; } .navbar-toggle { border-color: #888; } .navbar-toggle .icon-bar { background-color: #888; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-nav { margin: 0; } .navbar .nav > li > a, .navbar .nav.has-desc > li > a, .navbar #secondary-menu li a { min-height: 0; padding: 7px 15px; } .navbar-nav, .navbar-nav ul { padding-bottom: 5px; } .carousel, .carousel .item { height: 250px; } .carousel-caption { padding: 10px 15px; } .carousel .slider_post_title { font-size: 16px; } .post { padding: 15px 0; } .post .entry { padding: 0 15px; } .singular .hentry, .hentry.author { -webkit-box-shadow: none; box-shadow: none; border: none; } .singular .hentry .entry, .hentry.author .entry { padding: 0; } .post-nav { padding: 0; } .post-nav-top .previous, .post-nav-top .next-post { text-align: center; padding: 10px 15px; } .post-nav-top p:nth-child(2) { border-top: 1px solid #eee; } .post-title, .post-title a { font-size: 1.2em; line-height: normal; } .page .hentry .post-title, .page .hentry .post-title a { font-size: 1.5em; line-height: normal; } .entry-content .excerpt-thumb img, .child-page .excerpt-thumb img { float: none; margin: 0; width: 100%; border: none; box-shadow: none; } .entry-content .excerpt-thumb { margin: 15px -15px; } .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item, .gallery-columns-2 .gallery-item:nth-child(3n+1), .gallery-columns-2 .gallery-item:nth-child(3n+2), .gallery-columns-3 .gallery-item:nth-child(4n+2), .gallery-columns-3 .gallery-item:nth-child(4n+3), .gallery-columns-4 .gallery-item:nth-child(5n+3), .gallery-columns-4 .gallery-item:nth-child(5n+4), .gallery-columns-5 .gallery-item:nth-child(6n+4), .gallery-columns-5 .gallery-item:nth-child(6n+5), .gallery-columns-6 .gallery-item:nth-child(7n+5), .gallery-columns-6 .gallery-item:nth-child(7n+6), .gallery-columns-7 .gallery-item:nth-child(8n+6), .gallery-columns-7 .gallery-item:nth-child(8n+7), .gallery-columns-8 .gallery-item:nth-child(9n+7), .gallery-columns-8 .gallery-item:nth-child(9n+8), .gallery-columns-9 .gallery-item:nth-child(10n+8), .gallery-columns-9 .gallery-item:nth-child(10n+9) { width: 100% !important; margin: 7px 0 !important; } .gallery .item-title .gallery-title { bottom: 10px; top: auto; } .gallery .item-title .gallery-title h3 { font-size: 14px; font-size: 4vw; padding: 0 1%; } .gallery .item-title .gallery-title .gallery-date { font-size: 10px; } .gallery dt { margin-top: 0; } .entry-author { text-align: center; } .entry-author .author-avatar { margin-bottom: 15px; } .entry-author .author-avatar img { max-width: 100px; } .post-tags, .comment-link { margin-top: 10px; } #comments > h4 { float: none; margin: 0 0 15px; } .comment-form-jump { float: none; margin: 0 0 15px; } #comments ol li.comment, #comments ol li.pingback, #comments ol li.trackback { padding: 15px; } .comment-meta { font-size: 0.9em; } .comment-meta .comment-date .time { display: none; } .comment-meta .comment-avatar { float: left; margin-right: 10px; } .author-heading { text-align: center; margin: -30px -15px 0; } .author-entry .avatar { margin-bottom: 15px; } .footer-menu-wrap { text-align: center; padding: 10px 15px; margin: -15px 0 10px; background: #2F2733; } .footer-menu-wrap li { padding: 0 5px; margin: 0; } .footer-menu-wrap .menu > li.menu-item-has-children { padding: 0; margin: 0; display: block; list-style: none; } .footer-menu-wrap .sub-menu { margin-bottom: 10px; } .footer-menu-wrap .sub-menu li { padding: 2px 0; } } /* Small devices up to tablets */ @media (max-width: 991px) { .carousel { margin: -30px -15px 50px; width: auto; box-shadow: none; border: none; } .full-width-slider .carousel { margin-left: 0; margin-right: 0; } .dropdown-menu .dropdown-submenu .fa-chevron-right { display: none; } } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991px) { .navbar .nav > li > a { padding: 10px; min-height: 40px; font-size: 13px; } .navbar .nav ul li a { font-size: 12px; padding: 7px 10px; } .navbar #secondary-menu li a { font-size: 12px; padding: 5px 10px; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199px) { } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { }