/*******************************************************************************
navaller than 1200
********************************************************************************/
@media screen and (max-width: 2000px) {

.mainbanner {
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	margin : 0;
	height:auto;
	width : auto;
}
.mainlogo {
	background:none;
	clear:both;
	float:none;
	margin:20px auto 20px;
	overflow:hidden;
	width:926px;
}


}

/*******************************************************************************
navaller than 800
********************************************************************************/
@media screen and (max-width: 800px) {

.mainbanner {
	padding-top:0px;
	padding-left:23px;
	padding-right:23px;
	padding-bottom:23px;
	margin : 0;
	height:auto;
	width : auto;
}

.wrap_all {width:100%;}
.wrap_content {width:100%;}
.img, img, a img, .img_profile {width:100%;}
.cat_panel2 {width:100%;}
.wrap_content {width:800px;}
.contents {width:450px;}
.panels {width:250px; float:left; margin-left:15px;}
.panel_content, .panel_profile_content {width:100%;}
.cat_panel2 {width:93%;}
.cat_panel {width:94%;}
.wrap_btm {width:92% ; margin-left:4%;}

.mainlogo {
	background:none;
	clear:both;
	float:none;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:0px;
	margin-right:0px;
	overflow:hidden;
	width:800px;
}
.mainlogo img {
	height:auto;
	max-width:150px;
	border:none;
	margin-left:0px;
	float:left
}

}

/*******************************************************************************
navaller than 600
********************************************************************************/
@media screen and (max-width: 600px) {

.mainbanner {
	padding:0;
	margin : 0;
	height:auto;
	width : auto;
}

.panelskiri {display:block; width:100%;}	
body {background-color: #444;}
#terbaru2 {margin-left:-20px;}
#terbaru2 p {padding-bottom:50px;}
#slider1 {display:none;}
.wrap_all {width:100%;}
.wrap_content {width:100%; padding:0px;}
.contents{width:100%;}
.rows_multicol {width:93%; height:auto;}
.rows_multicol h1, .rows_multicol h1 a {height:auto; width:95%;}
.image, a .image {max-width:97%;}
.rows p {width:93%;}
.rows h1, .rows h1 a {width:93%; font-size:20px;}
.rows .img, img, a img {width:auto; height:auto; border:none; padding:none;}
.rows p img {width:94%; height:auto; border:none; padding:none;}
.mainlogo img {width:auto;}
.panels {display:none;}
.wrap_btm {width:90% ; margin-left:4%;}
.forms {width:85%; padding-right:15px;}
.forms h1 {font-size:9px;}
.comment_content {width:81%;}
.comment_content_own{width:81%;}
.cat_panel2 {width:100%;}
.cat_panel {display:none;}
.cat_panel2 {display:none;}
.mainlogo {display:none;}
.icon-responsive img {height:auto; float:left; margin-top:0px; background:none; padding-left:10px;}
.icon-responsive {height:auto; float:left; margin-top:0px; background:none; display:block;}
.searchform {display:block;}
.open2 {
	display: block; 
	float: right;
	width: 40px;
	height: 30px;
	margin-right: 10px;
	background: url("http://sitekno.com/user/share/themes/261/searchmenu.png") center center no-repeat #333;
	text-indent: -999999px;
	border: 0;
}
.open {
	display: block; 
	float: left;
	width: 40px;
	height: 30px;
	margin-right: 10px;
	background: url("http://sitekno.com/user/share/themes/261/menu.png") center center no-repeat #333;
	text-indent: -999999px;
	border: 0;
}
#pageslide { width: 200px; }
#pageslide #nav a { display:block; }
#pageslide #nav li { padding: 0px; border-bottom: 1px solid #666; width:100%; }
#pageslide #nav li a { color: #eee; border: none; font-family:futura,arial; background:none; padding-left:0px; font-size:13px; text-transform:uppercase;}
#pageslide #nav li a:hover { text-decoration: underline; }

#nav ul.sf-menu li a {
	padding:5px 0px 0px 0px;
}
#nav ul.sf-menu {
	width:100%;
}
#nav ul.sf-menu ul {
	display:block !important;
	visibility:visible !important;
	position: relative;
	top:0px;
	left:0px;
	width:100%;
}
#nav ul.sf-menu ul li {
	background: none;
	background-color:#444;
	border-top:1px solid #666;
	border-bottom:0px !important;
	margin:0px;
	padding:0px;
}
#nav ul.sf-menu ul li a {
	color:#999 !important;
}
#nav .sf-shadow ul {
	background:	none;
}
#nav .sf-sub-indicator {
	background:	none;
}

.menu-responsive {display:block; background-color:#20C3F4; height:50px; }
.panel_head, .panel_profile_head {background:none; margin-top:30px; border:none; }
.searchform input[type="text"], #skeywords .box {
	float: left;
	margin-left: -8px;
	width: 180px;
}
.searchform { width:211px;}
.searchform fieldset {margin-bottom: 15px;}

/* PROFILE */
.panel_profile_head {
}
.panel_profile_content {
	line-height:normal;
	margin-bottom:10px;
	color:#ccc;
	font-size:12px;
}
.panel_profile_content h1 {
	color:#ccc;
	font-weight:bold;
	font-size:12px;
	line-height:normal;
	margin:0;
	padding:2px 0px 0px;
}
.panel_profile_content p {
	color:#ccc;
	font-size:12px;
	line-height:normal;
	margin:0;
	padding:2px 0px 0px;
	float:none;
}
.img_profile {max-width:100%;}

/* panel */
.panel_content {width:100%;}
.panel_head {color:#666; border-bottom:1px solid #666; padding-left:0px; margin-top:10px; width:95%;}
.panel_content p {color:#ccc; line-height:1.3em; font-weight:normal; width:100%; }
.panel_content .image {max-width:100%;}
.panels .img {width:100%;}
.panel_content img {width:100%;}

}

/*******************************************************************************
navaller than 480
********************************************************************************/
@media screen and (max-width: 480px) {

.mainbanner {
	padding:0;
	margin : 0;
	height:auto;
	width : auto;
}

body { background-color: #444;}
.panelskiri {display:block; width:100%;}	
#terbaru2 {margin-left:-20px;}
#terbaru2 p {padding-bottom:30px;}
#slider1 {display:none;}
.wrap_all {width:100%;}
.wrap_content {width:100%; padding:0px;}
.contents{width:100%;}
.rows_multicol {width:93%; height:auto;}
.rows_multicol h1, .rows_multicol h1 a {height:auto; width:95%;}
.image, a .image {max-width:100%;}
.rows p {width:93%;}
.rows h1, .rows h1 a {width:93%; font-size:20px;}
.rows .img, img, a img {width:auto; height:auto; border:none; padding:none;}
.rows p img {width:94%; height:auto; border:none; padding:none;}
.mainlogo img {width:auto;}
.panels {display:none;}
.wrap_btm {width:90% ; margin-left:4%;}
.forms {width:82%;}
.forms h1 {font-size:9px;}
.comment_content {width:81%;}
.comment_content_own{width:81%;}
.cat_panel2 {width:100%;}
.cat_panel {display:none;}
.cat_panel2 {display:none;}
.mainlogo {display:none;}
.logo-responsive  {width:100%;   background:none; }
.logo-responsive img {height:50px; float:right; margin-top:-20px; background:none; padding-left:20px; }
.searchform {display:block;}
.open2 {
	display: block; 
	float: right;
	width: 40px;
	height: 30px;
	margin-right: 10px;
	background: url("http://sitekno.com/user/share/themes/261/searchmenu.png") center center no-repeat #333;
	overflow:hidden;
	text-indent: -999999px;
	border: 0;
	}
.open {
	display: block;
	float: left;
	width: 40px;
	height: 30px;
	margin-right: 10px;
	background: url("http://sitekno.com/user/share/themes/261/menu.png") center center no-repeat #333;
	text-indent: -999999px;
	border: 0;
	}
#pageslide { width: 200px; }
#pageslide #nav a { display:block; }
#pageslide #nav li { padding: 0px; border-bottom: 1px solid #666; width:100%; }
#pageslide #nav li a { color: #eee; border: none; font-family:futura,arial; background:none; padding-left:0px; font-size:13px; text-transform:uppercase;}
#pageslide #nav li a:hover { text-decoration: underline; }

#nav ul.sf-menu li a {
	padding:5px 0px 0px 0px;
}
#nav ul.sf-menu {
	width:100%;
}
#nav ul.sf-menu ul {
	display:block !important;
	visibility:visible !important;
	position: relative;
	top:0px;
	left:0px;
	width:100%;
}
#nav ul.sf-menu ul li {
	background: none;
	background-color:#444;
	border-top:1px solid #666;
	border-bottom:0px !important;
	margin:0px;
	padding:0px;
}
#nav ul.sf-menu ul li a {
	color:#999 !important;
}
#nav .sf-shadow ul {
	background:	none;
}
#nav .sf-sub-indicator {
	background:	none;
}

.menu-responsive {display:block; background-color:#20C3F4; height:50px; }
.panel_head, .panel_profile_head {background:none; margin-top:30px; border:none; }
  
.searchform input[type="text"], #skeywords .box {
	float: left;
	margin-left: -8px;
	width: 180px;
	}
.searchform { width:211px; }
.searchform fieldset {margin-bottom: 15px;}

/* PROFILE */

.panel_profile_head {
}
.panel_profile_content {
	line-height:normal;
	margin-bottom:10px;
	color:#ccc;
	font-size:12px;
}
.panel_profile_content h1 {
	color:#ccc;
	font-weight:bold;
	font-size:12px;
	line-height:normal;
	margin:0;
	padding:2px 0px 0px;
}
.panel_profile_content p {
	color:#ccc;
	font-size:12px;
	line-height:normal;
	margin:0;
	padding:2px 0px 0px;
	float:none;
}
.img_profile {max-width:100%;}

/* panel */
.panel_content {width:100%;}
.panel_head {color:#666; border-bottom:1px solid #666; padding-left:0px; margin-top:10px; width:95%;}
.panel_content p {color:#ccc; line-height:1.3em; font-weight:normal; width:100%; float:none;}
.panel_content img {width:100%;}

}