/*======== CSS ADFLEX RESPONSIVE MOBILE ========*/

/*--- CSS Global Responsive 1000px ---*/
@media screen and (max-width:1000px) {
.body {max-width:100%;overflow:hidden;margin:0;padding:0;}
.search-wrapper {max-width:100%;margin:0;padding:0;display:block;}
#search-form {max-width:100%;margin:0;padding:0;display:inline-block;float:left;}
.slimbody {max-width:98%;overflow:hidden;margin:1%;padding:0;}
.slimbody-wrap {max-width:100%;overflow:hidden;margin:0;padding:1%;}
.content {max-width:100% !important; margin:0;padding:1%;}
.welcome {max-width:100% !important; margin:0;padding:1%;}
.main {max-width:98% !important; margin:0;padding:1%;}
.iklan-baris {max-width:98% !important; margin:1%;padding:0;float: none;}
#iklan-baris-premium {max-width:98% !important; margin:1%;padding:1%;float: none;}
#iklan-baris-terkait {max-width:98% !important; margin:1%;padding:1%;float: none;}
.bannerataskiri {float:none;margin:0;padding-bottom:2px;max-width:100%}
.bannerataskanan {float:none;margin:0;padding-bottom:2px;max-width:100%}
.sidebar{max-width:60%;margin:1%;padding: 2%;float:left;}
.tag-clouds {max-width:98%; float:left;margin:1%;padding: 2%;float:none;}
.cs {max-width:98%; float:none;margin:1%;padding: 2%;}
.ads-form, {max-width:98% !important; margin:1%;padding:1%;float: none;}
.links {max-width:98% !important; margin:1%;padding:1%;float:none;}
.popular-tag {max-width:98% !important; margin:1%;padding:1%;float:none;}
.pasang-iklan {max-width:98% !important; margin:1%;padding:1%;float: none;}

.sidebar-extend {max-width:98% !important; margin:1%;padding:1%;float:none;}
.skyscrapper {max-width:98% !important; margin:1%;padding:1%;float:none;}
.statistic {max-width:98% !important; margin:1%;padding:1%;float: none;}
.menu {max-width:98% !important; margin:1%;padding:1%;float:none;}
.header-right {max-width:100%; float:none;}

.flextop-wrapper {max-width:100%;margin:0;padding;0;position:relative;}
.topmenu-wrapper {max-width:100%;margin:0;padding;0;position:relative;}
}


/*--- CSS max-width:980px ---*/
@media screen and (max-width:980px) {
body {max-width:100%; ;margin:0;padding:0;}
table, form, label, p, textarea, input, select, menu, section{max-width:98% !important; margin:1%;padding:1%;float: none;}
.body {max-width:100%;overflow:hidden;margin:0;padding:0;}
#header-fullwrap {margin:0; padding:0;z-index:-99;}
#header {max-width:98% !important; margin:1%;padding:1%;float:none;}
#header-wrapper {max-width:98% !important; margin:1%;padding:1%;float:none;z-index:-9999;}
.header-logo {max-width:100%;float:none;padding-top:10px;}
.header-logo img {max-width:100%;}
#banner-header {max-width:98%;float:none;padding:0;margin:1%;}
.header-right {max-width:98%;float:none;padding:0;margin:1%;}
.header-right img {max-width:100%;}
.banner-item {max-width:98%;float:none;padding:0;margin:1%;}
#nav {max-width:100%;padding:0;}
.topmenu-wrapper {display:block;width:100%;padding-top:10px;}
}

/*--- CSS max-width:768px ---*/
@media screen and (max-width:768px) {
.header-right {max-width:98%;float:none;padding:0;margin:1%;}
.sidebar {max-width:98%;margin:1%;padding: 2%;float:left;}
.sidebar-extend {max-width:98% !important; margin:1%;padding:1%;float:none;}
.search-wrapper {max-width:100%;margin:0;padding:0;display:block;}
#search-form {max-width:100%;margin:0;padding:0;display:inline-block;margin:0;float:left;}
}

/*--- CSS max-width:460px ---*/
@media all and (max-width: 460px) {
#search-form {max-width:300px;margin:0;padding:0;float:left;}
.bannerataskiri {max-width:98% !important;overflow: hidden;padding:0;margin:0;float: none;}
.bannerataskanan {max-width:98% !important;overflow: hidden;padding:0;margin:0;float: none;}
.banner125kiri {max-width:100% !important;float: left;}
.banner125kanan {max-width:100% !important;float: right;}
.banner-content {max-width:100% !important;float: none;}
.banner img {max-width:100% !important;overflow: hidden;padding:0;margin:0;}
.skyscrapper {max-width:100% !important;float: none;}
.popular-tag a, .popular-tag p, .popular-tag p span {font-size:95%}
#STTop {display: none;position: fixed;bottom: 10px;right: 14px;z-index: 99;font-size: 14px;background-color: dodgerblue;color: white;cursor: pointer;padding: 5px;border-radius: 5px;}
}


/* Menu Responsive */

@media all and (max-width: 1000px) {
#navigation { width:100%;position: static;}
#menu-toggle { position:absolute;right:10px; color:#ffffff; font-size:25px; padding:3px 10px 5px 5px;display: block; cursor:pointer;z-index:+999999;}
#main-menu { margin:auto;display: none;position: relative;background-color: #f9f9f9;text-align:left;min-width: 200px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
#main-menu li { list-style:none;position: relative;display: block;margin: 5;padding: 0;}
#main-menu > li {margin-top: -1px;}
#main-menu > li:first-child {margin-top: 0;}
#main-menu > li > a {background-color: #eeeeee;border: 1px solid #ccc;color: black;display: block;font-size: 18px;padding: 10px !important;padding: 0;}
#main-menu li > a:hover {background-color: tomato; }
#main-menu > li.parent {background: none !important;padding: 0;display: block;font-size: 18px;cursor: pointer;transition-duration: 0.5s;}
#main-menu > li:hover > a,{background-color: tomato; }
#main-menu > li.current-menu-item > a {border: 1px solid #eeeeee !important;color: black !important;cursor: pointer;}
ul.sub-menu { background:#228B22;display: none;font-size: 18px;cursor: pointer;margin-top: -1px;position: static;padding: 0;width: inherit;}
ul.sub-menu > li:first-child {border-top: 1px solid #eeeeee !important;}
ul.sub-menu > li > a.parent {background: blue !important;padding: 10;display: block;cursor: pointer;transition-duration: 0.5s;}
}