@media only screen and (min-width: 942px) and (max-width: 1170px) {
.container {
width: 940px;
}
#main {
width: 550px;
margin-right: 30px;
}
#header-banner {
width: 468px;
padding-top: 45px;
} .feat-info h2 a {
font-size: 20px;
line-height: 30px;
}
.post-banner img {
max-width: 100%;
} .related-item {
width: 170px;
margin-right: 20px;
}
.fullwidth .related-item {
width: 272px;
margin-right: 32px;
}
.fullwidth .related-item:last-child {
margin-right: 0;
} .review-summary {
width: 380px;
} .list-item .post-image img {
max-width: 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.container {
width: 726px;
}
#main {
width: 100%;
}
#sidebar { width: 100%;
margin: 0 auto;
float: none;
overflow: hidden;
}
#header-banner {
width: 468px;
padding-top: 45px;
} #navigation .menu {
display: none;
}
.slicknav_menu {
display: block;
} .feat-info h2 a {
font-size: 26px;
line-height: 36px;
}
.post-banner img {
max-width: 100%;
} .related-item,
.fullwidth .related-item {
width: 208px;
margin-right: 21px;
}
.fullwidth .related-item:last-child {
margin-right: 0;
}
.post-reply textarea {
box-sizing: border-box;
}
.search-wrapper input {
width: 620px;
}
}
@media only screen and (max-width: 768px) {
.container {
width: 100%;
}
#main {
width: 100%;
}
#sidebar {
width: 100%;
}
#content {
padding: 20px;
}
#logo {
float: none;
text-align: center;
}
#header-banner {
max-width: 100%;
float: none;
text-align: center;
} #navigation .menu {
display: none;
}
.slicknav_menu {
display: block;
} .feat-info h2 a {
font-size: 20px;
line-height: 30px;
}
.feat-info h2 {
margin-bottom: 0;
}
.feat-info .meta {
display: none;
}
.post-banner img {
max-width: 100%;
}
.post-header h2 a,
.post-header h1 {
font-size: 26px;
line-height: 36px;
} .related-item,
.fullwidth .related-item {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.comments .children {
margin-left: 0!important;
}
.comment-avatar img {
width: 40px;
height: 40px;
}
.post-reply textarea {
box-sizing: border-box;
}
.review-summary {
width: 100%;
}
.review-score {
float: none;
text-align: center;
} .list-item .post-image {
float: none;
margin-right: 0;
margin-bottom: 14px;
}
.list-item .post-image img {
max-width: 100%;
width: 100%;
}
.list-item p {
margin-bottom: 0;
}
.search-wrapper input {
width: 200px;
}
.search-wrapper button {
float: none;
}
.pagination a {
display: inline-block;
margin-bottom: 10px;
}
.post-reply input {
width: 95%;
} .footer-logo {
float: none;
text-align: center;
margin-bottom: 20px;
}
.footer-social {
float: none;
text-align: center;
}
.footer-social h4 {
text-align: center;
}
#copyright {
height: auto;
text-align: center;
}
#copyright p.left {
float: none;
}
.to-top {
float: none;
}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
.container {
width: 480px;
}
#content {
padding: 30px;
}
.review-summary {
width: 260px;
}
.review-score {
float: right;
text-align: center;
}
.search-wrapper input {
width: 375px;
}
}
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin-bottom: 20px;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}