@media only screen and (max-width: 1200px) {
body {
background: #fff;
}
.header-ad {
height: auto;
}
#featured-content .featured-small {
height: auto;
}
}
@media only screen and (min-width: 1080px) and (max-width: 1200px) {
.container {
width: 1060px;
}
.header-ad {
width: 600px;
margin-top: 22px;
}
#primary {
width: 718px;
}
.content-block-1 .entry-comment,
.content-block-1-b .entry-comment,
.content-block-2 .entry-comment,
.content-block-3 .entry-comment {
display: none;
}
}
@media only screen and (min-width: 960px) and (max-width: 1080px) {
.container {
width: 940px;
}
.header-ad {
width: 600px;
margin-top: 22px;
}
.header-search {
width: 200px;
}
.header-search .search-input {
width: 159px;
}
#primary-menu li a {
font-size: 13px;
}
#secondary-menu li a {
font-size: 14px;
}
#secondary-menu li li a {
font-size: 14px;
}
#featured-content .featured-small .entry-category {
display: none;
}
#primary {
width: 598px;
}
.content-block-1 .post-small .entry-meta,
.content-block-1-b .entry-comment,
.content-block-2 .post-small .entry-meta,
.content-block-3 .entry-comment {
display: none;
}
.content-loop .thumbnail-link {
width: 260px;
margin-bottom: 15px;
}
.content-loop .entry-summary {
clear: both;
display: block;
}
.content-loop .entry-comment {
display: none;
}
}
@media only screen and (min-width: 959px) {
.mobile-menu {
display: none !important;
}
} @media only screen and (max-width: 959px) {
.is-sticky #secondary-bar {
display: none;
}
.site-content:before {
display: none;
content: none;
}
.site-header {
border-bottom: 1px solid #e9e9e9;
height: 82px;
position: relative;
}
.site-header .search-icon {
margin-right: 6px;
}
.site-start {
height: 80px;
position: relative;
}
.search-icon {
display: block;
}
.header-ad {
display: none;
}
.header-search {
border: 1px solid #e5e5e5;
display: none;
height: 52px;
width: 100%;
top: 81px;
left: 0;
padding: 0;
}
.header-search .search-input {
width: 100%;
height: 50px;
line-height: 50px;
}
.header-search .search-submit {
background: none;
border-left: none;
right: 0;
}
.mobile-menu-icon {
display: block;
}
.mobile-menu {
padding-left: 1%;
padding-right: 1%;
}
.nav-cart {
position: relative;
}
.cart-amount {
top: 0;
left: 38px;
right: auto;
}
.container {
width: 98%;
}
#primary,
#secondary {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.site-footer {
width: 100%;
}
#secondary-nav {
display: none;
}
.site-branding {
padding-left: 1%;
}
.site-branding #logo {
height: 60px;
margin-top: 9px;
}
.site-branding img {
max-height: 60px;
}
#primary-nav {
display: none;
}
#secondary-bar {
height: 0;
position: absolute;
}
#primary {
float: none;
}
#secondary {
float: none;
border-top: 1px solid #e5e5e5;
}
.sidebar .widget_ad,
.site-footer .widget_ad {
text-align: center;
}
#site-bottom {
text-align: center;
}
#site-bottom .site-info {
float: none;
margin-bottom: 5px;
}
#site-bottom .footer-nav {
float: none;
}
#site-bottom .footer-nav ul li {
padding: 0 5px;
}
#back-top a span {
bottom: 10px;
}
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.site-title {
margin-top: 10px;
}
#featured-content .featured-large .entry-title {
font-size: 22px;
}
#featured-content .featured-small .entry-title {
font-size: 14px;
}
#featured-content .featured-small .entry-category {
display: none;
}
#featured-content .featured-small .entry-header {
padding: 0 15px;
bottom: 15px;
}
.content-block-1 .post-small .entry-comment,
.content-block-1-b .entry-comment,
.content-block-2 .post-small .entry-comment,
.content-block-3 .entry-comment {
display: none;
}
.site-footer .widget_posts_thumbnail .entry-meta {
display: none;
}
} @media only screen and (max-width: 767px) {
.site-branding #logo {
height: 50px;
margin-top: 14px;
}
.site-branding img {
max-height: 50px;
}
.site-branding .site-title {
line-height: 80px;
margin: 0;
}
.site-branding .site-description {
display: none;
}
.mobile-menu-icon {
right: 50px;
}
.site-content {
margin-top: 20px;
}
#featured-content {
margin-top: 20px;
margin-bottom: 0;
}
.content-block-1:before {
content: none;
}
.content-block-1 .post-big {
border-bottom: 1px dotted #ddd;
float: none;
width: 100%;
padding-bottom: 10px;
}
.content-block-1 .post-big .wp-post-image {
width: 100%;
}
.content-block-1 .post-small {
float: none;
width: 100%;
}
.content-block-1 .post-small:after {
content: " ";
clear: both;
display: block;
}
.content-block-1 .post-small .entry-title {
margin-bottom: 2px;
}
.content-block-1 .post-small .entry-comment {
display: none;
}
.content-block-1-b .posts-wrap:before, .content-block-1-b .posts-wrap:after {
content: none;
}
.content-block-1-b .posts-wrap .hentry {
float: none;
width: 100%;
}
.content-block-1-b .posts-wrap .hentry:nth-of-type(2), .content-block-1-b .posts-wrap .hentry:nth-of-type(3) {
border-top: 1px dotted #ddd;
}
.content-block-1-b .posts-wrap .hentry:after {
content: " ";
display: block;
clear: both;
}
.content-block-1-b .posts-wrap .hentry .thumbnail-link {
float: left;
width: 40%;
margin: 0 15px 0 0;
}
.content-block-1-b .posts-wrap .hentry .entry-comment {
display: none;
}
.content-block-2:before {
content: none;
}
.content-block-2 .block-left,
.content-block-2 .block-right {
float: none;
width: 100%;
}
.content-block-2 .post-big .wp-post-image {
width: 100%;
}
.content-block-2 .post-small .entry-title {
margin-bottom: 2px;
}
.content-block-2 .post-small .entry-comment {
display: none;
}
.content-block-3 .blocks-wrap:before, .content-block-3 .blocks-wrap:after {
content: none;
}
.content-block-3 .block-left,
.content-block-3 .block-middle,
.content-block-3 .block-right {
float: none;
width: 100%;
margin: 0;
}
.content-block-3 .block-left .post-big:after,
.content-block-3 .block-middle .post-big:after,
.content-block-3 .block-right .post-big:after {
content: " ";
clear: both;
display: block;
}
.content-block-3 .thumbnail-link {
float: left;
margin: 0 20px 0 0;
}
.content-block-3 .block-left,
.content-block-3 .block-middle {
margin-bottom: 30px;
}
.content-block-3 .post-big .thumbnail-link {
float: none;
margin: 0 0 10px 0;
}
.content-block-3 .post-big .thumbnail-link .wp-post-image {
width: 100%;
}
.entry-share a {
margin-right: 2px;
}
.entry-share a span {
display: none;
}
.entry-related .hentry {
float: none;
width: 100%;
}
.entry-related .hentry:after {
content: " ";
clear: both;
display: block;
}
.entry-related .hentry .thumbnail-link {
float: left;
margin: 0 15px 0 0;
width: 120px;
}
.single .entry-header .entry-meta {
float: none;
margin: 0 0 15px 0;
}
.single .entry-header .social-share-icons {
float: none;
border-left: none;
margin-left: 0;
padding-left: 0;
}
.footer-columns .footer-column-1,
.footer-columns .footer-column-2,
.footer-columns .footer-column-3 {
float: none;
width: 100%;
margin: 0 auto;
}
.error-404 .page-content .search-form input.search-field,
.search-no-results .page-content .search-form input.search-field {
width: 170px;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
width: 100%;
}
#site-bottom {
text-align: center;
}
#site-bottom .site-info {
float: none;
margin-bottom: 5px;
}
#site-bottom .footer-nav li {
margin: 0 5px;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
#featured-content .featured-large {
float: none;
width: 100%;
margin-bottom: 0;
}
#featured-content .featured-small {
width: 50%;
margin: 4px 0 0 0;
padding: 0;
overflow: hidden;
}
#featured-content .featured-small:nth-of-type(2), #featured-content .featured-small:nth-of-type(4) {
padding-right: 2px;
}
#featured-content .featured-small:nth-of-type(2) .gradient, #featured-content .featured-small:nth-of-type(4) .gradient {
left: auto;
right: 2px;
}
#featured-content .featured-small:nth-of-type(3), #featured-content .featured-small:nth-of-type(5) {
padding-left: 2px;
}
#featured-content .featured-small:nth-of-type(3) .gradient, #featured-content .featured-small:nth-of-type(5) .gradient {
left: 2px;
}
.content-loop .thumbnail-link {
width: 180px;
margin-bottom: 15px;
}
.content-loop .entry-title {
font-size: 18px;
}
.content-loop .entry-comment {
display: none;
}
.content-loop .entry-summary {
display: block;
clear: both;
}
.single h1.entry-title {
font-size: 26px;
}
} @media only screen and (max-width: 479px) {
.site-title {
font-size: 22px;
}
.site-content {
margin-top: 15px;
}
#featured-content {
margin-top: 15px;
margin-bottom: 0;
}
#featured-content .featured-large {
float: none;
width: 100%;
margin-bottom: 0;
}
#featured-content .featured-large .entry-title {
font-size: 18px;
}
#featured-content .featured-small {
float: none;
width: 100%;
margin-top: 4px;
padding: 0;
}
#featured-content .featured-small .gradient {
left: 0;
}
.content-block .section-heading {
padding-left: 15px;
padding-right: 15px;
}
.content-block-1-b .posts-wrap .hentry {
padding: 15px;
}
.content-block-1-b .posts-wrap .hentry .entry-title {
font-size: 1em;
}
.content-block-1-b .posts-wrap .hentry .entry-meta {
display: none;
}
.content-block-1 .post-big,
.content-block-1 .post-small,
.content-block-2 .post-big,
.content-block-2 .post-small,
.content-block-3 .post-big,
.content-block-3 .post-small {
padding: 15px;
}
.content-block-1 .post-small .entry-meta,
.content-block-2 .post-small .entry-meta,
.content-block-3 .post-small .entry-meta {
display: none;
}
.content-loop .hentry {
padding: 15px;
}
.content-loop .hentry .thumbnail-link {
float: none;
width: 100%;
margin: 0 0 15px 0;
}
.content-loop .hentry .entry-title {
display: table;
font-size: 16px;
margin-bottom: 5px;
}
.content-loop .hentry .entry-category-icon,
.content-loop .hentry .entry-author,
.content-loop .hentry .entry-comment {
display: none;
}
.content-loop .hentry .entry-summary {
clear: both;
}
.carousel-content .hentry .entry-title {
font-size: 14px;
margin-bottom: 0;
}
.carousel-content .hentry .entry-meta {
display: none;
}
.sidebar .widget {
margin: 15px;
}
.single .entry-comment,
.single .sep {
display: none;
}
.single #primary article.hentry,
.page #primary article.hentry {
padding: 15px;
}
.single .navigation {
padding: 15px 0;
}
.single .navigation:after {
content: none;
}
.single .navigation .nav-left {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 15px;
padding-bottom: 15px;
padding-right: 15px;
}
.single .navigation .nav-right {
padding-left: 15px;
}
.single .navigation .nav-left,
.single .navigation .nav-right {
display: block;
float: none;
width: 100%;
}
.breadcrumbs {
padding: 15px;
}
.breadcrumbs .breadcrumbs-nav span.here {
display: none;
}
.single .entry-related,
.single .author-box,
.single .comments-area {
padding-left: 15px;
padding-right: 15px;
}
.entry-related .hentry .thumbnail-link {
width: 100px;
}
.pagination .page-numbers {
font-size: 13px;
padding: 0 10px;
height: 32px;
line-height: 32px;
}
.page-title,
.single h1.entry-title,
.page h1.entry-title {
font-size: 24px;
}
#comments .comment-metadata,
.comment-respond .comment-metadata {
display: none;
}
}