@media only screen and (min-width: 942px) and (max-width: 1170px) {
.container { width:940px; }
#main { width:650px; }
#logo img {
max-width:100%;
} .feat-item {
height:574px;
padding:15.2% 28.5%;
} .sp-grid > li {
width:310px;
}
#main.fullwidth .sp-grid > li {
width:450px;
} .item-related {
width:204px;
margin-right:19px;
}
#main.fullwidth .item-related {
width:292px;
margin-right:32px;
}
#main.fullwidth .item-related:last-child {
margin-right:0;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.container { width:726px; }
#main { width:100%; }
#sidebar {
width:480px;
margin:0 auto;
float:none;
overflow:hidden;
}
#logo img {
max-width:100%;
} .feat-item {
height:444px;
padding:12.2% 25.5%;
}
.feat-item .post-header h2 a { font-size:22px; } #nav-wrapper { display:none; }
.slicknav_menu {	display:block; } .sp-grid li {
width:348px;
}
#main.fullwidth .sp-grid > li {
width:348px;
margin-right:26px;
} .item-related, #main.fullwidth .item-related {
width:230px;
margin-right:18px;
}
#main.fullwidth .item-related:last-child {
margin-right:0;
}
}
@media only screen and (max-width: 767px) {
.container {
width : 300px;
}
#content {
margin-bottom : 80px;
}
#main {
width : 100%;
}
#sidebar {
width : 100%;
}
#logo img {
max-width : 100%;
} .feat-item {
height  : 220px;
padding : 16.2% 16.5%;
}
.feat-item .read-more {
display : none;
}
.feat-item .post-header .date {
display : none;
}
.feat-item .post-header .date {
margin-bottom : 0;
}
.feat-item .post-header h2 a {
font-size : 15px;
}
.feat-item .post-header h2 {
margin-bottom : 0;
}
.feat-item .post-header .cat a {
font-size     : 8px;
margin-bottom : 7px;
} #top-search {
right : 10px;
}
i.search-desktop {
display : none;
}
i.search-toggle {
display : inline;
}
#top-search #s {
display : none;
}
#top-social {
right : 55px;
} #nav-wrapper {
display : none;
}
.slicknav_menu {
display : block;
} .list-item .post-img img {
max-width : 90px;
}
.list-item .post-img {
margin-right : 16px;
}
.list-item p {
display : none;
}
.list-item .post-header h2 a {
font-size : 16px;
}
.list-item .post-header h2 {
margin-bottom : 6px;
}
.list-item .post-header {
margin-bottom : 0;
} .sp-grid > li, #main.fullwidth .sp-grid > li {
width        : 300px;
margin-right : 0;
}
.grid-item .post-header h2 a {
font-size : 18px;
} .item-related, #main.fullwidth .item-related {
width         : 300px;
margin-right  : 0;
margin-bottom : 20px;
}
.author-img {
margin-right : 16px;
}
.author-img img {
max-width : 60px;
height    : auto;
}
#respond textarea {
width : 90%;
}
.bx-wrapper .bx-prev { left : 10px; }
.bx-wrapper .bx-next { right : 10px; }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
.container { width:480px; } .feat-item {
height:310px;
padding:14.2% 20.5%;
}
.feat-item .post-header .date { display:block; }
.feat-item .post-header h2 { margin-bottom:14px; }
.feat-item .post-header .cat a { font-size:10px; margin-bottom:12px; }
.feat-item .post-header h2 a { font-size:16px; } .list-item .post-img img { max-width:180px; }
.list-item .post-img { margin-right:22px; }
.list-item .post-header h2 a { font-size:20px; }
.list-item .post-header h2 { margin-bottom:8px; } .sp-grid > li, #main.fullwidth .sp-grid > li {
width:225px;
margin-right:26px;
} .item-related, #main.fullwidth .item-related {
width:148px;
margin-right:18px;
}
.author-img img {
max-width:70px;
height:auto;
}
.bx-wrapper .bx-prev { left: 13px; }
.bx-wrapper .bx-next { right: 13px; }
}