/*-------------------------------------------------*\
    RESPONSIVE STYLE - MAGAZIMPLE © Oketheme.com
\*-------------------------------------------------*/

@media only screen and (max-width:1240px) {
.iklan160kiri, .iklan160kanan {
display : none;
}
}
@media only screen and (max-width:848px) {
.iklan300x250 {
margin : 4px 0 4px 4px;
}
}
@media only screen and (max-width:831px) {
.logo {
width : 100%;
text-align : center;
}
.iklan300x250 {
margin : 4px 0 4px 8px;
}
.iklan468x60 {
width : 100%;
text-align : center;
}
.slider {
width : 58%;
}
.terpopular {
width : 60%;
}
.grid {
width : 99%;
height : auto;
}
.grid img {
float : left;
padding : 2px;
border : #DDD solid 1px;
margin : 0 3px 0 0;
}
.detailpost {
width : 98%;
background : none;
}
.sidebar1, .sidebar2, .sidebar3 {
width : 31%;
margin : 6px 2px 6px 12px;
}
}
@media only screen and (max-width:784px) {
.iklan300x250 {
margin : 4px 0 4px 2px;
}
}
@media screen and (max-width:768px) {
.slider {
width : 99%;
}
.iklan300x250 {
display : none;
}
.list_photo {
height : 170px;
}
.active {
display : block;
}
.nav > li {
float : none;
}
.nav > li > .parent {
background-position : 95% 50%;
}
.nav li li .parent {
background-image : url("img/downArrow.png");
background-repeat : no-repeat;
background-position : 95% 50%;
}
.nav ul {
display : block;
width : 100%;
}
.nav > li.hover > ul, .nav li li.hover ul {
position : static;
}
}
@media screen and (max-width:760px) {
.iklan728x90 {
display : none;
}
}
@media only screen and (max-width:632px) {
.list_photo {
height : 140px;
}
.terpopular {
width : 59%;
}
.sidebar1, .sidebar2, .sidebar3 {
margin : 6px 2px 6px 9px;
}
.editor-pick-thumb {
width : 98%;
margin : 4px 0 4px 4px;
}
}
@media only screen and (max-width:534px) {
.list_photo {
height : 115px;
}
.grid {
width : 48%;
height : 370px;
padding : 10px;
margin : 4px;
}
.grid img {
float : none;
padding : 2px;
border : #DDD solid 1px;
margin : 0 3px 0 3px;
}
.detailpost {
width : 105%;
background : #DDD;
}
}
@media only screen and (max-width:520px) {
.iklan468x60 {
display : none;
}
.searchz input {
width : 68%;
}
.error404z {
float : none;
}
.slider, .terpopular, .popular, .information {
width : 98%;
}
.popular {
margin : 4px;
}
.sidebar1, .sidebar2, .sidebar3 {
width : 30%;
margin : 6px 2px 6px 11px;
}
}
@media only screen and (max-width:432px) {
.list_photo {
height : 90px;
}
.searchz input {
width : 100%;
}
.searchz button {
width : 100%;
margin-top : 4px;
}
.grid {
width : 98%;
height : auto;
}
.grid img {
float : left;
padding : 2px;
border : #DDD solid 1px;
margin : 0 3px 0 0;
}
.detailpost {
width : 104%;
background : none;
}
.sidebar1, .sidebar2, .sidebar3 {
width : 94%;
}
.wrap-single, .singlebar {
width : 100%;
}
}
@media only screen and (max-width:300px) {
.grid img {
width : 100%;
}
.list_photo {
height : 60px;
}
.sidebar1, .sidebar2, .sidebar3 {
width : 90%;
}
.headtitle h3 {
width : 60%;
margin : 0 0 0 20%;
}
}