/*=================
	commom
==============*/


@media only screen and (max-width: 1200px) {
	#page-header nav{
		width: 100%;
    	height: 179px;
	}
	#main-menu {
		width: 1138px;
	}

	#top-menu {
		margin-left: -5px;
		}
	#top-menu li a {
		color: #000;
	}
	.top-search-form {
		float: right;
		margin-right: 10px;
	}
	.top-news {
		float: left;
		width: 590px;
		padding-right: 0px;
		
	}
	.top-news .list_carousel {
		float: left;
		width: 1000px;
	
	}
	#logo {
		padding-left: 10px;
	}
	.kp-ads-top
	{
		margin-right: 10px;
	}
	#mobile-menu {
		display: none;
	}
	#mobile-menu > span {
		margin-left: 19px;
		padding: 9.5px 0;
		color: #BFBFBF;
	}
	#mobile-menu > span:hover {
		color: #333;
	}
	#toggle-view-menu {
		top: 48px;
	}
	#toggle-view-menu > li{
		border-bottom-color: #ddd;
	}
	#mobile-menu > span {
		font-family: Roboto;
		font-weight: 400;
	}
	.tobaweb-crop{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:529px;
		height:240px;
	}
	.tobaweb-crop2{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:315px;
		height:200px;
	}
	.tobaweb-crop1{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:360px;
		height:165px;
	}
}
@media only screen and (max-width: 1080px) {
	#page-header nav{
		width: 100%;
		height: 179px;
	}
	#main-menu {
    	float: left;
		position:relative;
		display:inline-block;
		cursor:pointer
	}
	#main-menu > li > a {
   		font-size: 11px !important;
		}
	#top-menu {
		margin-left: 10px;
		
	}
	#top-menu li a {
		color: #000;
	}
	.top-news {
		float: left;
		padding-right: 0px;
	}
	.top-news .list_carousel {
		float: left;
		width: 900px;
	}
	.top-search-form {
		float: right;
		width: 180px;
	}
	.top-search-form .search-text {
    	width: 154px;
	}
	#logo {
		padding-left: 10px;
	}
	.kp-ads-top
	{
		margin-right: 10px;
    	width: 654px;
	}
	#mobile-menu {
		display: none;
	}
	#mobile-menu > span {
		margin-left: 9px;
		padding: 9.5px 0;
		color: #BFBFBF;
	}
	#mobile-menu > span:hover {
		color: #fff;
	}
	#toggle-view-menu {
		top: 48px;
	}
	#toggle-view-menu > li{
		border-bottom-color: #ddd;
	}
	#mobile-menu > span {
		font-family: 'Lato';
		font-weight: 400;
	}
	
 	.page-single article .article-content figure img{
		width: 710px;
		background: #fff;
	}
	
 	.page-single article {
		background: #fff;
		width: 100%;
		padding-left:10px;
		padding-right:10px;
	}
	.addthis_social{
		float: left;
	}
	
	.ad-gallery {
    	width: 100%;
	}
	#piechart_3d {
	width: 100%;
}
}
@media only screen and (max-width: 979px) {
    #top-menu {
        margin-top: 0px;
        margin-left: 0px;
    }
	#main-menu {
		display: none;
	}
	#mobile-menu {
		display: block;
	}
	#mobile-menu > span {
		margin-top: 5px;
		margin-left: 0px;
		padding: 9.5px 0;
		color: #000;
	}
	#mobile-menu > span:hover {
		color: #333;
	}
	#toggle-view-menu {
		left: -50px;
	}
	#toggle-view-menu > li {
		border-bottom-color: #ddd;
		margin-left: 50px;
	}
	#mobile-menu > span {
		font-family: 'Lato';
		font-weight: 400;
	}
	#logo { 
	    height: 120px;
	    padding-left: 10px;
    }
	.kp-ads-top {
	   	float: left;
		width: 585px;
	  	height: 120px;
    }
    .kp-ads-top figure{
    }
    .kp-ads-top figure img
    {
	   	width: 550px;
	   	height: 95px;
		float: right;
		display: inline;
	}
	.kp-ads figure img
    {
	   	width: 590px;
	}
	.kp-ads-big figure img
    {
	   	width: 860px;
	}
	.top-search-form {
		margin-top: -41px;
		float: right;

 	}
	.top-news
	{
		margin-top: 3px;
	}
 	#bottom-sidebar .widget-last-post .kp-metadata li {
 		display: none;
 	}
 	#bottom-sidebar .widget-last-post .kp-metadata .kp-time {
 		display: list-item;
 	}
 	#sidebar > ul > li:first-child {
 		margin-left: 100px;
 		margin-top: -10px
 	}
 	#sidebar > ul .num4 {
 		clear: left;
 	}
	
 	.kp-ads {
 		margin-top: 7px
 	}
	.tobaweb-crop{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:657px;
		height:300px;
	}
	li .kp-video li {
		width: 285px;
		float: left;
	}
	.kp-video .top-item iframe {
    	width: 100%;
	}
	.kp-foto li {
		width: 273px
	}
	.kp-foto .top-item a img{
    	width: 100%;
	}
	.list-post-cat #list-post-cat-2 > li, .list-post-cat .news_list > li, .page-video .list-post-video > li {
		width: 420px;
	}
	.tobaweb-crop1{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:390px;
		height:220px;
	}
	.tobaweb-crop1 img{
		position:absolute;
		top:1px;
	}
	
	.ad-gallery {
    	width: 100%;
	}
	#piechart_3d {
	width: 100%;
}
}

@media only screen and (max-width: 899px) {
	#mobile-menu {
		display: block;
	}
	.top-effect {
		display: none;
	}
	#kp-breadcrumb {
		margin-top: 20px;
	}
	.kp-ads-top {
		float: right;
		height: 120px;
		width: 460px;
		margin-top: 15px;
		margin-right: 0px;
	}
	.kp-ads-top figure img {
		width: 450px;
		height: 95px;
		float: right;
		margin-top: 5px;
		padding-bottom: 5px;
		display: inline;
	}
	.top-search-form {
		float: right;
		margin-right: 0px;
		width: 210px;
	}
	li .kp-video li {
		width: 235px;
		float: left;
	}
	.kp-video .top-item iframe {
    	width: 100%;
	}
	.kp-foto li {
		width: 240px
	}
	.kp-foto .top-item a img{
    	width: 95%;
	}
	#sidebar > ul > li:first-child {
 		margin-left: 23px;
 		margin-top: -10px
 	}
	.kp-trend {
		margin-top:-10px;   
}

	.top-search-form {
		margin-top: 1px;
		float: right;
    	width: 130px;

 	}
	.ad-gallery {
    	width: 100%;
	}
	#piechart_3d {
	width: 100%;
}
}

@media only screen and (max-width: 799px) {
	#main-menu {
		display: none;
	}
	#mobile-menu {
		display: block;
		width: 737px;
		}
		
	#mobile-menu > span {
		margin-left: 80px;
	}
	#bottom-sidebar .kp-social:before,
	#bottom-sidebar .kp-social:after {
		border:none;
	}
	.kp-ads-top {
		display: none;
    }
	#logo {
		padding-left: 160px;
	}
	.top-search-form {
		float: right;
		width: 210px;

 	}
	.top-search-form .search-text {
   		 width: 184px;
	}
	.ad-gallery {
    	width: 100%;
	}
	#piechart_3d {
	width: 100%;
}
}

@media only screen and (max-width: 767px) {
	#sidebar-main-content {
		width: 100%;
		margin-right: 0
	}
	.col-xs-4 {
		width: 100%
	}
	#page-footer ul {
		display: none;
	}
	.kp-comment figure {
		width: 160px;
		height: 150px
	}
	.kp-comment figure img {
		width: 100%;
	}
	#bottom-sidebar .kp-social > ul > li > span {
 		display: none;
 	}
	.page-single article .article-content figure {
		width:100%;
		margin-right:0;
		margin-bottom:15px;
	}
	.page-single article .article-content figure img {
		width:100%;
	}
	li .kp-video li {
		width: 290px;
		float: left;
	}
	.kp-video .top-item iframe {
    	width: 100%;
	}
	.kp-foto li {
		width: 186px
	}
	.kp-foto .top-item a img{
    	width: 70%;
	}
	#sidebar > ul > li:first-child {
 		
		width: 285px; 
 	}
	.kp-trend {
		display:none;
	}
	#mobile-menu {
		display: block;
		width: 732px;
		}
	#mobile-menu > span {
		margin-left: 30px;
	}
	
	.top-search-form {
		margin-top: 1px;
		float: right;
    	width: 130px;

 	}
	#piechart_3d {
	width: 100%;
}
}

@media only screen and (max-width: 639px) {
	#mobile-menu > span {
		margin-left: 45px;
	}
	#mobile-menu {
		display: block;
		width: 526px;
		}
	#main-col {
		width: 100%
	}
	#ca-main-news img {
		width: 100%
	}
	#kp-tab-news .kp-metadata .kp-time {
		display: none;
	}
	.kp-list_cat_news .last-post img {
		width: 100%
	}
	#sidebar {
		float: left !important;
	}
	.kp-ads img {
		width: 100%
	}
	#sidebar .kp-last-news .kp-item img {
		width: 100%
	}
	#ca-kp-story img {
		width: 100%
	}
	#pager1 {
		bottom: 42px;
	}
	.kp-story .list-news a {
		display: block;
	}
	
	
	.top-search-form {
		margin-top: 1px;
		float: right;
    	width: 130px;

 	}
	.top-search-form .search-text {
		border: medium none;
		padding: 5px 10px;
		width: 184px;
	}
	#top-menu {
	
		margin-left: 50px;
	}
	.tobaweb-crop{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:442px;
		height:240px;
	}
	.tobaweb-crop2{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:440px;
		height:220px;
	}
	.tobaweb-crop1{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:410px;
		height:220px;
	}
	#piechart_3d {
	width: 100%;
}
}

@media only screen and (max-width: 599px) {
	.top-news {
		padding-left: 10px;
		padding-right: 10px;
	}
	.bottom-header .kp-time {
		display: none;
	}
	#kp-tab-news .tab-content .item img {
		width: 100%
	}
	#kp-tab-news .kp-metadata .kp-time {
		display: block;
	}
	#kp-tab-news #tab-kp-tab-news li.pull-right span {
		display: none;
	}
	.kp-list_cat_news div.pull-left {
		margin-right: 0;
		width: 100%;
		margin-bottom: 15px;
	}
	.kp-list_cat_news .item-right {
		overflow: visible;
	}
	.page-single article .item-left {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.page-single .share-post {
		display: none;
	}
	.page-single .kp-pager {
		margin-top: 10px;
	}
	.page-single .kp-tags span {
		display: none;
	}
	
	/**
	.page-single .kp-author figure {
		margin-right: 0;
		float:none !important;
		margin-bottom: 15px;
	}
	.page-single .kp-author figure img {
		width: 100%;
		height: auto;
	}
	
	**/
	.page-content .element-kp-accordion,
	.page-content .element-kp-toggle
	{
	    width: 100%;
	}
	.page-content .element-kp-accordion
	{
	    margin-right: 0;
	    margin-bottom: 20px;
	}

	/*page 404*/
	.error-404 .left-col,
	.error-404 .right-col {
		width: 90%;
		margin: 0 5%;
		float: none;
	}
	.error-404 .left-col p {
		text-align: left;
	}
	
	#top-menu {
	
		margin-left: -10px;
	}
	#mobile-menu > span {
		margin-left: 60px;
	}
	#mobile-menu {
		display: block;
		width: 421px;
		}
	.tobaweb-crop{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:312px;
		height:170px;
	}
	.tobaweb-crop2{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:310px;
		height:170px;
	}
	.tobaweb-crop1{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:290px;
		height:190px;
	}
	.kp-foto li {
		width: 86px;
		margin-bottom: 10px;
        padding: 5px;
	}
	.kp-foto .top-item a img{
    	width: 34%;
	}
	.kp-foto .caption{
		margin-top: -70px;
		padding: 0;
	}
	.kp-foto .caption a {
		color: #444222;
		display: block;
		font-size: 8px;
		line-height: 12px;
	}
	#sidebar > ul > li:first-child {
 		margin-left: 0px;
 		margin-top: -10px
 	}
}


/*responsive for viewport from 1024 to wraper+40px*/

@media only screen and (min-width: 1024px) and (max-width: 1157px) {
	.wraper {
		width: 980px
	}
	.ad-gallery {
    	width: 100%;
	}
	#page-header nav{
		height: 179px;
	}
	#top-menu {
		margin-left: 0px;
	}
	#main-menu {
		margin-left:-10px;
		width: 1000px
	}
	#main-menu > li > a {
		padding: 14px 17px !important;
	}
	.top-news {
		width: 500px
	}
	.top-news .list_carousel {
		width: 320px
	}
	#main-content {
		width: 710px
	}
	#sidebar {
		width: 250px
	}
	#main-col {
		width: 440px;
	}
	.kp-main-news .list_carousel, #ca-main-news .item figure {
		width: 440px
	}
	.kp-review figure {
		width: 190px;
	}
	.kp-video li {
		width: 210px
	}
	.kp-foto li {
		width: 223px
	}
	.kp-foto .top-item a img{
    	width: 190px;
	}
	#kp-tab-news .tab-content .item {
		width: 345px;
	}
	
	.kp-last-news .kp-metadata li {
		display: none;
	}
	.kp-last-news .kp-metadata .kp-time {
		display: block;
		background: none;
		display: list-item;
		padding: 0;
		margin-right: 10px;
	}
	.kp-tab-content #myTab a {
		width: 81px;
	}
	.toggle-view .panel figure {
		width: 100px
	}
	.kp-flickr img {
		width: 115px;
		height: 115px;
	}
	#bottom-sidebar .kp-social li {
		margin-right: 0
	}
	#bottom-sidebar .widget-new-letter .form-group {
		width: 225px;
	}
	/*page element*/
	#page-element .element-kp-accordion, #page-element .element-kp-toggle {
		width: 345px;
	}
	/*page category*/
	.list-post-cat .feature-post figure {
		width: 180px
	}
	.list-post-cat .item > div.pull-left {
		width: 200px
	}
	.list-post-cat .item .item-right .kp-metadata {
		display: none;
	}
	.list-post-cat-2 #list-post-cat-2 > li, .page-video .list-post-video > li {
		width: 345px;
	}
	.list-post-cat-2 #list-post-cat-2 .item > a, .page-video .list-post-video .item > a {
		width: 305px
	}
	.list-post-cat #list-post-cat-2 > li, .list-post-cat .news_list > li, .page-video .list-post-video > li {
		width: 345px;
	}
	
	.tobaweb-crop1{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:370px;
		height:220px;
	}
	.tobaweb-crop1 img{
		position:absolute;
		top:1px;
	}
	.tobaweb-crop4{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:221px;
		height:145px;
		}
	 
	/*single*/
	.page-single .related-post ul li {
		width: 223px;
	}
	 .page-single .related-post .list_carousel {
	 	width: 729px;
	 }
	 #next5, #prev5 {
	 	top: 34%;
	 }
	 .page-single .pagination {
	 	padding-left: 540px;
	 }
}
/*responsive for viewport from 980px to 1023px*/
@media only screen and (min-width: 980px) and (max-width: 1023px) {
 	.wraper{
 		width: 940px;
 	}
 	#page-header nav {
 		width: 100%;
 	}
 	.top-news {
 		width: 470px;
 	}
 	.top-news .list_carousel {
 		width: 700px
 	}
 	#main-content {
 		width: 940px;
 		margin-right: 0;
 	}
 	#sidebar-main-content {
 		width: 320px
 	}
 	#ca-kp-story .thumbnail figure img {
 		width: 100%
 	}
 	#pager1 {
 		bottom: 60px;
 	}
 	.kp-comment figure {
 		width: 100px;
 		height: 100px
 	}
 	.kp-comment figure img {
 		width: 100%;
 		height: 100%
 	}
 	.kp-comment p {
 		width: 205px;
 	}
 	#main-col {
 		width: 600px;
 	}
 	.kp-main-news .list_carousel, #ca-main-news .item figure {
 		width: 600px
 	}
 	#ca-main-news .item figure img {
 		width: 100%
 	}
 	.kp-video li {
 		width: 292px;
 	}
 	
 	#kp-tab-news .tab-content .item {
 		width: 460px
 	}
 	#kp-tab-news .tab-content .item figure img {
 		width: 100%
 	}
 	.kp-list_cat_news .last-post figure img {
 		width: 100%
 	}
 	#sidebar {
 		float: left !important;
 		width: 940px;
 	}
 	#sidebar > ul {
 		margin-left: -20px;
 	}
 	#sidebar > ul > li {
 		float: left;
 		margin-left: 20px;
 		width: 300px
 	}
 	#sidebar > ul > li:first-child {
 		margin-top: 15px;
 	}
 	#sidebar > ul .num4 {
 		clear: left;
 	}
 	.kp-ads {
 		margin-top: 18px
 	}
 	#bottom-sidebar .kp-social li {
 		margin-left: 30px;
 		margin-right: 8px;
 	}
 	#bottom-sidebar .widget-new-letter .form-group {
 		width: 215px;
 	}
 	/*page element*/
	#page-element .element-kp-accordion, #page-element .element-kp-toggle {
		width: 460px;
	}
	.list-post-cat-2 #list-post-cat-2 > li, .page-video .list-post-video > li {
		width: 460px;
	}
	.list-post-cat-2 #list-post-cat-2 .item > a, .page-video .list-post-video .item > a {
		width: 420px
	}
	.list-post-cat-2 #list-post-cat-2 .item > a img, .page-video .top-item img{
		width: 100%
	}
	/*page video*/
	.slide-video figure img {
		width: 100%;
	}
	/*single*/
	.page-single .related-post ul li {
		width: 300px;
	}
	.page-single .related-post ul li a img {
		width: 100%;
	}
	.page-single .related-post .list_carousel {
	 	width: 960px;
	 }
	 
	 #next5, #prev5 {
	 	top: 38%;
	 }
	 .page-single .pagination {
	 	padding-left: 770px;
	 }
}
/*responsive for viewport from 900px to 979px*/
@media only screen and (min-width: 900px) and (max-width: 979px) {
	.wraper{
 		width: 860px;
 	}
 	#page-header nav {
 		width: 100%;
 	}
 	.top-news {
 		width: 855px;
 	}
 	.top-news .list_carousel {
 		width: 710px;
 	}
	.top-search-form {
		margin-top: -63px;
		margin-left: 680px;
		float: right;
    	width: 210px;
		z-index:1;
	    position: absolute;
 	}
	.top-search-form .search-text {
    	width: 180px;
	}	
 	#main-content {
 		width: 860px;
 		margin-right: 0;
 	}
 	#pager1 {
 		bottom: 60px;
 	}
 	#main-col {
 		width: 590px
 	}
 	.kp-main-news .list_carousel, #ca-main-news .item figure {
 		width: 590px
 	}
 	#ca-main-news .item figure img {
 		width: 100%
 	}
 	.kp-video li {
 		width: 287px;
 	}
 	#kp-tab-news .tab-content .item {
 		width: 420px;
 	}
 	#kp-tab-news .tab-content .item figure img {
 		width: 100%
 	}
 	
 	.kp-list_cat_news .last-post figure img {
 		width: 100%
 	}
 	#sidebar {
 		width: 940px;
 	}
 	#sidebar > ul {
 		margin-left: -20px;
 	}
 	#sidebar > ul > li {
 		float: left;
 		margin-left: 20px;
 		width: 273px
 	}
	.page-single article .article-content figure img{
		width: 860px;
	}
 	.kp-last-news .kp-metadata {
 		background: none
 	}
 	.kp-last-news .kp-metadata li {
 		display: none;
 	}
 	.kp-last-news .kp-metadata .kp-time {
 		display: list-item;
 		color: #3156A3;
 		background: none;
 		float: left;
 		padding: 0
 	}
 	.kp-tab-content #myTab a {
 		width: 89px;
 	}
 	.kp-flickr img {
 		width: 78px;
 		height: 78px
 	}
 	#bottom-sidebar .kp-social li {
 		margin-left: 20px;
 		margin-right: 8px;
 	}
 	#bottom-sidebar .widget-new-letter .form-group {
 		width: 186px;
 	}
 	/*page element*/
	#page-element .element-kp-accordion, #page-element .element-kp-toggle {
		width: 420px;
	}
	.list-post-cat-2 #list-post-cat-2 > li, .page-video .list-post-video > li {
		width: 420px;
	}
	.list-post-cat-2 #list-post-cat-2 .item > a, .page-video .list-post-video .item > a {
		width: 380px
	}
	.list-post-cat-2 #list-post-cat-2 .item > a img, .page-video .top-item img{
		width: 100%
	}
	/*page video*/
	.slide-video figure img {
		width: 100%;
	}
	/*single*/
	.page-single .related-post ul li {
		width: 273px;
	}
	.page-single .related-post ul li a img {
		width: 100%;
	}
	.page-single .related-post .list_carousel {
	 	width: 879px;
	 }
	 #next5, #prev5 {
	 	top: 38%;
	 }
	 .page-single .pagination {
	 	padding-left: 690px;
	 }
	.tobaweb-crop4{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:272px;
		height:150px;
		}
	 
    #slidebox{display:none;}
}


/*responsive for viewport from 800px to 899px*/
@media only screen and (min-width: 800px) and (max-width: 899px) {
	.wraper{
 		width: 760px;
 	}
	#page-header nav {
		width: 100%;
	}
 	.top-news {
 		width: 750px;

 	}
 	.top-news .list_carousel {
 		width: 600px;
	    padding-right: 0px;
 	}
	.top-search-form {
		margin-top: -63px;
		margin-left: 530px;
		float: right;
    	width: 210px;
		z-index:1;
	    position: absolute;
 	}
	.top-search-form .search-text {
    	width: 180px;

 	#main-content {
 		width: 760px;
 		margin-right: 0;
 	}
 	#main-col {
 		width: 490px
 	}
 	.kp-main-news .list_carousel, #ca-main-news .item figure {
 		width: 490px
 	}
 	#ca-main-news .item figure img {
 		width: 100%
 	}
 	.kp-video li {
 		width: 237px;
 	}
 	#kp-tab-news .tab-content .item {
 		width: 370px;
 	}
 	#kp-tab-news .tab-content .item figure img {
 		width: 100%
 	}
 	
 	.kp-list_cat_news .last-post figure img {
 		width: 100%
 	}
 	#sidebar {
 		width: 760px;
 	}
 	#sidebar > ul {
 		margin-left: -20px;
 	}
 	#sidebar > ul > li {
 		float: left;
 		margin-left: 20px;
 		width: 239px
 	}
 	.kp-last-news .kp-metadata {
 		background: none;
 	}
 	.kp-last-news .kp-metadata li {
 		display: none;
 	}
 	.kp-last-news .kp-metadata .kp-time {
 		display: list-item;
 		padding-left: 0;
 		color:#3156A3;
 		background: none;
 		float: left;
 	}
 	.toggle-view .panel figure {
 		width: 90px;
 	}
 	.kp-tab-content #myTab a {
 		width: 77.5px;
 	}
 	.kp-flickr img {
 		width: 110px;
 		height: 110px
 	}
 	#bottom-sidebar .kp-social li {
 		margin-left: 15px;
 		margin-right: 0;
 	}
 	#bottom-sidebar .widget-new-letter .form-group {
 		width: 230px;
 		margin: 0 0 10px 0;
 	}
 	#bottom-sidebar .widget-new-letter input[type="submit"] {
 		padding: 6px 10px
 	}
	.page-single article .article-content figure img{
		width: 760px;
	}
 	/*page element*/
	#page-element .element-kp-accordion, #page-element .element-kp-toggle {
		width: 370px;
	}
	/*page category*/
	.list-post-cat .item > div.pull-left {
		width: 210px
	}
	.list-post-cat .item .item-right .kp-metadata {
		display: none;
	}
	.list-post-cat-2 #list-post-cat-2 > li, .page-video .list-post-video > li {
		width: 370px;
	}
	.list-post-cat-2 #list-post-cat-2 .item > a, .page-video .list-post-video .item > a {
		width: 330px
	}
	/*single*/
	.page-single .related-post ul li {
		width: 240px;
	}
	.page-single .related-post ul li a img {
		width: 100%;
	}
	.page-single .related-post .list_carousel {
		width: 780px;
	}
	.page-single .pagination {
		padding-left: 590px;
	}
	
	.tobaweb-crop1{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:340px;
		height:220px;
	}
	.tobaweb-crop1 img{
		position:absolute;
		top:1px;
	}
	.tobaweb-crop4{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:238px;
		height:140px;
		}
	.list-post-cat #list-post-cat-2 > li, .list-post-cat .news_list > li, .page-video .list-post-video > li {
		
		width: 370px;
}

    #slidebox{display:none;}
}
/*responsive for viewport from 768px to 799px*/
@media only screen and (min-width: 768px) and (max-width: 799px) {
	.wraper{
 		width: 728px;
 	}
 	#page-header nav {
 		width: 100%;
 	}
	#mobile-menu {
		display: block;
		}
	#mobile-menu > span {
		margin-left: 0px;
	}
 	.top-news {
 		width: 474px;
 	}
 	.top-news .list_carousel {
 		width: 280px;
 	}
	
	.top-search-form {
		margin-top: -63px;
		margin-left: 480px;
		float: right;
    	width: 210px;
		z-index:1;
	    position: absolute;
 	}
	.top-search-form .search-text {
    	width: 180px;
	}
	}
 	#main-content {
 		width: 728px;
 		margin-right: 0;
 	}
 	#main-col {
 		width: 458px
 	}
 	.kp-main-news .list_carousel, #ca-main-news .item figure {
 		width: 458px
 	}
 	.kp-main-news .list_carousel, #ca-main-news .item figure img {
 		width: 100%
 	}
 	.kp-video li {
 		width: 221px;
 	}
 	#kp-tab-news .tab-content .item {
 		width: 354px;
 	}
 	
 	#sidebar {
 		float: left !important;
 		width: 728px;
 	}
 	#sidebar > ul {
 		margin-left: -20px;
 	}
 	#sidebar > ul > li {
 		float: left;
 		margin-left: 20px;
 		width: 354px
 	}
 	#sidebar > ul .num4 {
 		clear: none;
 	}
 	#sidebar > ul .even {
 		clear: left;
 	}
 	.kp-last-news .kp-metadata li {
 		display: none;
 	}
 	.kp-last-news .kp-metadata .kp-time {
 		display: list-item;
 		padding-left: 0;
 		background: none;
 	}
 	.toggle-view .panel figure {
 		width: 90px;
 	}
 	.kp-tab-content #myTab a {
 		width: 77.5px;
 	}
 	.kp-ads img {
 		width: 100%;
 	}
 	.kp-flickr img {
 		width: 105px;
 		height: 105px
 	}
 	.kp-last-news .widget-content > ul > li img {
 		width: 100%
 	}
 	.kp-last-news .kp-metadata li {
 		display: list-item;
 	}
 	.kp-last-news .kp-metadata .kp-time {
 		display: block;
 		background: #42B3E5;
 		padding: 0 10px
 	}
 	#bottom-sidebar .kp-social li {
 		margin-left: 15px;
 		margin-right: 0;
 	}
 	#bottom-sidebar .widget-new-letter .form-group {
 		width: 220px;
 		margin: 0 0 10px 0;
 	}
 	#bottom-sidebar .widget-new-letter input[type="submit"] {
 		padding: 6px 10px
 	}
 	/*page element*/
	#page-element .element-kp-accordion, #page-element .element-kp-toggle {
		width: 354px;
	}
	/*page category*/
	.list-post-cat .item > div.pull-left {
		width: 210px
	}
	.list-post-cat .item .item-right .kp-metadata {
		display: none;
	}
	/*page category*/
	.list-post-cat-2 #list-post-cat-2 > li, .page-video .list-post-video > li {
		width: 354px;
	}
	.list-post-cat-2 #list-post-cat-2 .item > a, .page-video .list-post-video .item > a {
		width: 314px
	}
	/*single*/
	.page-single .related-post ul li {
		width: 229px;
	}
	.page-single .related-post .list_carousel {
		width: 747px;
	}
	.page-single .pagination {
		padding-left: 558px;
	}
	
	#mobile-menu {
		display: block;
		width: 732px;
		}
	#mobile-menu > span {
		margin-left: 30px;
	}
	
	.top-search-form {
		float: right;
		width: 250px;

 	}
	.top-search-form .search-text {
   		 width: 184px;
	}
    
    #slidebox{display:none;}
}
/*responsive for viewport from 640px to 767px*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
	#mobile-menu {
		display: block;
		background-color:white;
		}
	#mobile-menu > span {
		margin-left: 0px;
	}
	#toggle-view-menu {
		display:none;
		position:absolute;
		left:-30;
	}
	#top-menu{
		margin-top: 2px;
	}
	.top-search-form {
		margin-top: -55px;
		margin-left: 380px;
		float: right;
    	width: 210px;
		z-index:1;
	    position: absolute;
 	}
	.top-search-form .search-text {
    	width: 180px;
	}
	
	#logo {
		width: 85%;
	}
	#logo img {
	
		margin-left: -80px;
		margin-top: -2px;
	}
	
	
	.wraper{
 		width: 600px;
 	}
 	#page-header nav {
 		width: 100%;
		height: 175px;
 	}
 	.top-news {
 		width: 600px;
 	}
	.top-news h2 {
   	 margin-left: 0px;
	}
 	.top-news .list_carousel {
 		width:445px;
 	}
 	#main-content {
 		width: 600px;
 		margin-right: 0;
 	}
 	.kp-story img {
 		width: 100%
 	}
 	.kp-story .list-news a {
 		display: block;
 	}
 	#pager1 {
 		bottom: 40px;
 	}
 	
	.kp-comment p {
		width: 430px
	}
 	#main-col {
 		width: 600px
 	}
 	.kp-main-news .list_carousel, #ca-main-news .item figure {
 		width: 600px
 	}
 	.kp-main-news .list_carousel, #ca-main-news .item figure img {
 		width: 100%
 	}
 	.kp-video li {
 		width: 292px;
 	}
 	#kp-tab-news .tab-content .item {
 		width: 290px;
 	}
 	#kp-tab-news .kp-metadata .kp-time {
 		display: none;
 	}
 	.kp-list_cat_news div.pull-left {
 		width: 300px;
 	}
 	
 	#sidebar {
 		float: left !important;
 		width: 600px;
 	}
 	#sidebar > ul {
 		margin-left: -20px;
 	}
 	#sidebar > ul > li {
 		float: left;
 		margin-left: 20px;
 		width: 290px
 	}
 	#sidebar > ul .num4 {
 		clear: none;
 	}
 	#sidebar > ul .even {
 		clear: left;
 	}
 	.kp-last-news .kp-metadata li {
 		display: none;
 	}
	.kp-polling {
 	}
 	.kp-last-news .kp-metadata .kp-time {
 		display: list-item;
 		padding-left: 0;
 		background: none;
 	}
 	.toggle-view .panel figure {
 		width: 90px;
 	}
 	.kp-tab-content #myTab a {
 		width: 94px;
 	}
 	.kp-ads figure img {
 		width: 100%;
 	}
 	.kp-flickr img {
 		width: 83px;
 		height: 83px
 	}
 	.kp-last-news .widget-content > ul > li img {
 		width: 100%
 	}
 	.kp-last-news .kp-metadata li {
 		display: list-item;
 	}
 	.kp-last-news .kp-metadata .kp-time {
 		display: block;
 		background: #42B3E5;
 		padding: 0 10px
 	}
 	#bottom-sidebar .kp-social li {
 		margin-left: 43px;
 		margin-right: 0;
 	}
 	
 	/*page element*/
	#page-element .element-kp-accordion, #page-element .element-kp-toggle {
		width: 290px;
	}
	/*page category*/
	.list-post-cat-2 #list-post-cat-2 > li, .page-video .list-post-video > li {
		width: 290px;
	}
	.list-post-cat-2 #list-post-cat-2 .item > a, .page-video .list-post-video .item > a {
		width: 250px
	}
	.list-post-cat-2 #list-post-cat-2 .kp-time, .page-video .list-post-video  .kp-time {
		display: none;
	}
	.list-post-cat-2 #list-post-cat-2 .kp-rate {
		float: left !important;
		margin-left: 10px
	}
	.page-video .list-post-video .kp-rate {
		float:right !important;
		margin-top:0;
	}
	/*single*/
	.page-single .related-post ul li {
		width: 186px;
	}
	.page-single .related-post .kp-metadata li {
		margin-left: 0;
		float: none;
	}
	.page-single .related-post .list_carousel {
		width: 618px;
	}
	#next5 {
		right: 3px;
	}
	#next5, #prev5 {
		top: 30%
	}
	.page-single .pagination {
		padding-left: 430px;
	}
	.tobaweb-cropKategoriBerita{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:570px;
		height:330px;
	}
	.tobaweb-crop1{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:400px;
		height:260px;
	}
	.tobaweb-crop5{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:260px;
		height:150px;
	}
	.list-post-cat #list-post-cat-2 > li, .list-post-cat .news_list > li, .page-video .list-post-video > li {
		
		width: 600px;
}

    #slidebox{display:none;}
}
/*responsive for viewport from 600px to 639px*/
@media only screen and (min-width: 600px) and (max-width: 639px) {
	.wraper {
		width: 560px;
	}
	#top-menu {
		margin-left: 0px;
	}
	#page-header nav {
		width: 100%;
		height: 210px;
	}
	.top-search-form {
		margin-top: -55px;
		margin-left: 350px;
		float: right;
    	width: 210px;
		z-index:1;
	    position: absolute;
 	}
	.top-search-form .search-text {
    	width: 180px;
	}
	#logo {
		width: 90%;
	}
	#logo img {
	
		margin-left: -80px;
		margin-top: 2px;
	}	
	
	
	.top-news {
		width: 500px;
	}
	.top-news .list_carousel {
		width: 300px;
		margin-left: 0;
	}
	#main-content {
		width: 560px
	}
	.kp-comment p {
		width: 395px
	}
	.kp-main-news .list_carousel, #ca-main-news .item figure {
		width: 560px
	}
	.kp-video li {
		width: 272px
	}
	#kp-tab-news .tab-content .item {
		width: 272px;
	}
	.kp-list_cat_news div.pull-left {
		width: 290px
	}
	#sidebar {
		width: 560px
	}
	.kp-flickr img {
		width: 173px;
		height: 173px
	}
	#bottom-sidebar .kp-social li {
		margin-left: 37px;
		margin-right: 0;
	}
	 /*page element*/
	#page-element .element-kp-accordion, #page-element .element-kp-toggle {
		width: 270px;
	}
	/*page category*/
	.list-post-cat-2 #list-post-cat-2 > li, .page-video .list-post-video > li {
		width: 270px;
	}
	.list-post-cat-2 #list-post-cat-2 .item > a, .page-video .list-post-video .item > a {
		width: 230px
	}
	.list-post-cat-2 #list-post-cat-2 .kp-time, .page-video .list-post-video  .kp-time {
		display: none;
	}
	.list-post-cat-2 #list-post-cat-2 .kp-rate, .page-video .list-post-video .kp-rate {
		float: left !important;
		margin-left: 10px
	}
	/*single*/
	.page-single .related-post ul li {
		width: 173px;
	}
	.page-single .related-post .kp-metadata li {
		margin-left: 0;
		float: none;
	}
	.page-single .related-post .list_carousel {
		width: 579px;
	}
	
	#next5, #prev5 {
		top: 27%
	}
	.page-single .pagination {
		padding-left: 390px;
	}
	
	
}
/*responsive for viewport from 480px to 599px*/
@media only screen and (min-width: 480px) and (max-width: 599px) {
	
	#top-menu {
		float: left;
		margin-top: -2px;
		margin-left: 10px;
	}
	#top-menu li a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 8px;
		padding-left: 8px;
	}
	.tanggal {
		width: auto;
		float: right;
		margin-bottom: 5px;
	}
	#top-menu li {
		margin-left: 0px;
	}
	.top-search-form {
		margin-top: -55px;
		margin-left: 280px;
		float: right;
    	width: 210px;
		z-index:1;
	    position: absolute;
 	}
	.top-search-form .search-text {
    	width: 160px;
	}
	#logo {
		width: 100%;
	}
	#logo img {
	
		margin-left: -80px;
		margin-top: 10px;
	}
	#mobile-menu > span {
		margin-left: 10px;


	}
	#mobile-menu {
		display: block;
		width: 463px;
		background-color:white;

	
		}
	.wraper,#main-content, #sidebar, #main-col,.kp-main-news .list_carousel,
	 #ca-main-news .item figure,.top-news {
		width: 440px
	}
	#page-header nav {
		width: 100%;
		height: 175px;
	}
	
	.top-news .list_carousel {
		width: 280px;
	}
	.kp-comment p {
		width: 270px
	}
	.kp-video li {
		width: 212px
	}
	.kp-list_cat_news div.pull-left {
		margin-right: 0;
		width: 100%;
		margin-bottom: 15px;
	}
	.kp-list_cat_news .item-right {
		overflow: visible;
	}
	#kp-tab-news .tab-content .item {
		width: 440px;
	}
	#bottom-sidebar .kp-social li {
		margin-left: 23px;
		margin-right: 0;
	}
	#kp-tab-news #tab-kp-tab-news a {
		padding: 10px 14px;
	}
	/*page element*/
	#page-element .element-kp-accordion, #page-element .element-kp-toggle {
		width: 440px;
		margin-right: 0
	}
	/*page category*/
	.list-post-cat .item > div.pull-left {
		width: 200px
	}
	.list-post-cat .item .item-right .kp-metadata {
		display: none;
	}

	.list-post-cat-2 #list-post-cat-2 > li, .page-video .list-post-video > li {
		width: 440px;
	}
	.list-post-cat-2 #list-post-cat-2 .item > a, .page-video .list-post-video .item > a {
		width: 400px
	}
	.list-post-cat-2 #list-post-cat-2 .item > a img, .page-video .top-item img{
		width: 100%
	}
	
   	.addthis_social {
		float: left;
	}
	/*single*/
	.page-single article .article-content figure {
		width: 440px;
		margin-right: 0;
	}
	.page-single .related-post ul li {
		width: 440px;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.page-single .related-post .list_carousel {
		width: 440px;
	}
	
	#next5, #prev5 {
		top: 42%
	}
	.page-single .related-post ul li a img {
		width: 100%
	}
	.page-single .related-post .kp-metadata li {
		margin-bottom: 0
	}
	.page-single .pagination {
		padding-left: 270px;
	}
	/*contact*/
	.page-content .bottom-contact .col-md-6 {
		width: 100%;
		padding-right: 15px;
		float: none;
	}
	.page-content .bottom-contact .info-company {
		margin-right: 0;
		margin-top: 10px;
		overflow:visible;
		padding-right: 15px;
		padding-left: 15px;
	}
	/*page 404*/
	.error-404 .left-col,
	.error-404 .right-col {
		width: 90%;
		margin: 0 5%;
		float: none;
	}
	.error-404 .left-col p {
		text-align: left;
	}
	.kp-foto li {
		width: 133px;
		margin-bottom: 20px;
	}
	.kp-foto .top-item a img{
    	width: 55%;
	}
	.kp-foto .caption
	{
		margin-top: 0px;
		padding: 0;
	}
	.kp-foto .caption a {
		color: #444222;
		display: block;
		font-size: 8px;
		line-height: 12px;
	}
	li .kp-video li {
		width: 210px;
	}
	.kp-video .top-item iframe {
    	width: 100%;
	}
	.tobaweb-crop1{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:410px;
		height:200px;
	}
	.tobaweb-crop1 img{
		position:absolute;
		top:1px;
	}
	
	#sidebar > ul > li:first-child {
 		margin-left: 0px;
 		margin-top: -10px;
	    width:100%;
 	}
	.tobaweb-crop2{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:100%;
		height:250px;
	}
	.tobaweb-crop2 img{
		position:absolute;
		top:1px;
	}
	.tobaweb-crop{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:100%;
		height:250px;
	}
	.tobaweb-crop img{
		position:absolute;
		top:1px;
	}
	.tobaweb-crop1{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:410px;
		height:250px;
	}
	.tobaweb-crop1 img{
		position:absolute;
		top:1px;
	}
	.tobaweb-crop3{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:220px;
		height:100px;
	}
	.tobaweb-crop4{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:438px;
		height:250px;
		}
	.list-post-cat #list-post-cat-2 > li, .list-post-cat .news_list > li, .page-video .list-post-video > li {
		
		width: 440px;
}

    #slidebox{display:none;}
	.tobaweb-crop5{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:180px;
		height: 100px;
	}
}

/*responsive for viewport from 360px to 479px*/
@media only screen and (max-width: 479px) {
	.wraper,#main-content, #sidebar, #main-col,.kp-main-news .list_carousel,
	 #ca-main-news .item figure,.top-news,
	 #kp-tab-news .tab-content .item {
		width: 350px
		}
		
	.kp-story
	{
		width: 350px
	}
	#page-header nav {
		width: 100%;
		height: 260px;
	}
	#main-menu {
		display:none;
	}
	#mobile-menu {
		display: block;
	

		}
	#mobile-menu > span {
		margin-left: 0px;
		color: #2d2d2d;
	}
	#mobile-menu > span:hover {
		color: #666;
	}
	#toggle-view-menu {
		left: -38px;
	}
	#top-menu {
		margin-left: 25px;
		margin-top: -3px;
	    float: left;
	    padding-top: 0px;
	}
	#top-menu li a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 8px;
		padding-left: 8px;
	}
	.tanggal {
		width: 100%;
		margin-bottom: 10px;
		margin-top: 10px;
		padding-top: 5px;
	    text-align: center;
	}
	#logo {
		width: 100%;
	}
	#logo img {
	
		margin-left: -130px;
		margin-top: -10px;
		}
		
	.top-search-form {
		margin-top: -56px;
		margin-left: 140px;
	
    	width: 210px;
		z-index:1;
	    position: absolute;
 	}
	.top-search-form .search-text {
    	width: 160px;
	}
	.top-news h2 {
		display: none;
	}
	.top-news .list_carousel {
		width: 320px;
		margin-left: 0
	}
	.kp-comment figure {
		width: 120px;
		height: 110px;
	}
	.kp-comment p {
		width: 225px
	}
	.kp-review figure {
		float: none !important;
		width: 320px;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.kp-review figure img {
		width: 100%
	}
	.top-kp-review div.item-right {
		overflow: visible;
	}
	li .kp-video li {
		width: 350px;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.kp-video li img {
		width: 100%;
	}
	#kp-tab-news #tab-kp-tab-news a {
		font-size: 10px;
		padding: 10px 5px;
	}
	#kp-tab-news .kp-metadata .kp-time {
		display: none;
	}
	#bottom-sidebar .kp-social ul {
		padding-left: 5px;
	}
	#bottom-sidebar .kp-social li {
		margin-left: 7px;
		margin-right: 0;
	}
	#pager1 {
		bottom: 60px;
	}
	
	#bottom-sidebar .widget-new-letter .form-group {
		margin-bottom: 10px;
		margin-right: 0
	}
	#bottom-sidebar .widget-new-letter input[type="submit"] {
		margin-bottom: 20px
	}
	.pagination > li > a {
		padding: 4px 8px;
	}

	/*page element*/
	#page-element .element-kp-accordion, #page-element .element-kp-toggle {
		width: 350px;
		margin-right: 0
	}
	/*page category*/
	.list-post-cat .item > div.pull-left {
		width: 310px;
		margin-bottom: 20px
	}
	.list-post-cat .item > div.pull-left img {
		width: 100%
	}
	.list-post-cat .item-right {
		overflow: visible;
	}
	/*page category*/
	.list-post-cat-2 #list-post-cat-2 > li, .page-video .list-post-video > li {
		width: 350px;
	}
	.list-post-cat-2 #list-post-cat-2 .item > a, .page-video .list-post-video .item > a {
		width: 310px
	}
	/*single*/
	.page-single article .kp-group .kp-metadata {
		margin-top: 10px;
		padding-left: 14px;
	}
	.page-single article .article-content figure {
		width: 350px;
		margin-bottom: 10px;
		margin-right: 0
	}
	.page-single .related-post ul li {
		width: 350px;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.page-single .related-post .list_carousel {
		width: 350px;
	}
	.page-single .related-post ul li a img {
		width: 100%
	}
	.page-single .related-post .kp-metadata li {
		margin-bottom: 0
	}
	/*contact*/
	.page-content .bottom-contact .col-md-6 {
		width: 100%;
		padding-right: 15px;
		float: none;
	}
	.page-content .bottom-contact .info-company {
		margin-right: 0;
		margin-top: 10px;
		overflow:visible;
		padding-right: 15px;
		padding-left: 15px;
	}
	#bottom-sidebar .kp-social a {
		margin-right:10px;
	}
	#bottom-sidebar .widget-new-letter .form-group {
		width:275px;
	}
	.page-single .kp-pager h3 a {
		font-size:14px;
	}
	.page-single .kp-comments .list-comment .list-comment {
		margin-left:0;
	}
	.page-single article .kp-group .kp-metadata  {
		margin-left: -15px;
		float: left;
   	}
   	.addthis_social {
		float: left;
	}
	#kp-form-comment .col-md-7 {
		width:100%;
	}
	.list-post-cat .feature-post figure.pull-left {
		float: none !important;
		width:100%;
	}
	.list-post-cat .feature-post figure.pull-left img {
		width:100%;
	}
	.page-single .pagination {
		padding-left: 180px;
	}
	#bottom-sidebar .kp-social li > a {
		margin-right: 10px;
	}
	
	.tobaweb-cropKategoriBerita{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:320px;
		height:229px;
	}
	.tobaweb-crop1{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:320px;
		height:300px;
	}
	.tobaweb-crop1 img{
		position:absolute;
		top:1px;
	}
	.tobaweb-crop5{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:315px;
	}
	.tobaweb-crop4{
		overflow:hidden; /* this is important */
		position:relative; /* this is important too */
		width:348px;
		height:290px;
		}
	.list-post-cat #list-post-cat-2 > li, .list-post-cat .news_list > li, .page-video .list-post-video > li {
		
		width: 350px;
}
    #slidebox{display:none;}
	.widget-kp-tab .tab-content li .kp-group{width: 347px;}
	.ideaboxWeather {width: 347px;}
	.kp-ads {width: 350px;}
    article{width: 347px;}
	
	


}

	.mobile-menu > span{position:fixed;z-index:1}

	.mobile-menu > span{top:0}