/*============	Media 768Px Start ============ */ 
@media (min-width: 768px) and (max-width: 990px) {
	/* Header */
	.kd-headbar { text-align: center; }
	.logo,.navbar-default {display:block; }
	.logo { margin-bottom: 0px; }
	.kode-topbar:after { display: none; }
	.kode-topbar:before { width: 52%; }
	.kode-header-absolute { position: static; }
	.kode-header-three .kd-headbar { background-color: #333; }
	.kode-header-three .navbar-nav > li > a { padding: 42px 12px; }

	/* Grid */

	.kode-subheader.subheader-height { height: auto; padding: 24px 0; }
	.subheader-height:after { display: none; }
	.kode-fixer-list,.kode-team-timeline ul li { float: left; width: 100%; }
	.fixer-btn a { margin-bottom: 5px; }
	.pick-event .heading h2{
		display:block;
		margin:0px 0px 15px 0px;
	}
	.pick-event .heading{
		width:100%;
	}
	.pick-event .form{
		float:left;
		width:100%;
	}
	.pick-event .form .cover{
		width:25%;
		margin:0px;
		padding:0px 10px;
	}
	.pick-event .form input{
		width:100%;
	}
	.pick-event .form .cover i{
		right:20px;
	}
	.pick-event .cover .dropdown button{
		width:100%;
	}
	.kode-modren-btn{
		padding:2px 10px;
		width:100%;
		margin:0px;
		font-size:15px;
		text-align:center;
	}
	.pick-event .form .cover .kode-modren-btn.thbg-colortwo{
		margin:0px;
	}
	.kode-table{
		float:left;
		width:100%;
		margin-bottom:20px
	}
	.kode-navigation{
		display:none;
	}
	.navbar-nav > li > a, .kf_sticky .navbar-nav > li > a{
		font-size:12px;
		padding:10px 10px;
	}
	.header-8{
		padding:15px 0px;
	}
	.kode-userinfo{
		float:left;
		width:100%;
		text-align:center;
	}
	.kode-userinfo li{
		float:none;
		display:inline-block;
		padding:0px 10px;
	}
	.kode_bg_white .bx-wrapper{
		margin-bottom:10px;
		float:left;
		width:100%;
	}
	 span.kode-barinfo{
		width:100%;
		text-align:center;
	}
	.navbar-nav .children li{
		text-align:left;
	}
	.kode-result-list article{
		margin:50px 0px;
	}
	.kode-subheader div.col-md-6:first-child{
		float:left;
	}
	.kode-subheader div.col-md-6{
		float:right;
		width:auto;
	}
	.kode-subheader.subheader-height{
		padding:15px 0px;
	}
	.kode-timezoon{
		position:static;
		display:inline-block;
		padding:7px 0px;
		height:auto;
		margin:0px 0px 15px 0px;
	}
	.kode-team-timeline ul {
		float:left;
		width:100%;
		margin:0px;
	}
	.kode-team-timeline ul li{
		margin:0px 0px 20px 0px;
		padding:0px;
		text-align:center;
	}
	.kode-team-timeline ul:before{
		margin:0px;
	}
	.timeline-inner:before, .kode-team-timeline ul li:nth-child(2n) .timeline-inner:before{
		border:none;
		height:20px;
		width:20px;
		background-color:#fff;
		transform:rotate(45deg);
		left:0px;
		right:0px;
		top:-10px;
		margin:auto;
	}
	.kode-newslatter h3{
		font-size:26px;
		margin-bottom:20px;
		text-align:center;
		float: none;
		padding:0px;
	}
	.kode-player-thumb img{
		width:100%;
	}
	.shopmainthumb{
		float:left;
		width:100%;
		margin-bottom:20px;
	}
	.kode-images ul{
		float:none;
		margin:0px 0px 0px -2%;
		width:auto;
	}
	.kode-images ul li{
		float:left;
		width:31.333%;
		margin:0px 0px 0px 2%;
	}
	.kd-counter ul li{
		padding-bottom:20px;
		padding-top:20px;
	}
	
}

/*============ Media 420Px Start ============ */
@media (max-width: 767px) {
	/* Header */
	.kode-topbar,.kode-header-three .kd-headbar { text-align: center; }
	.kode-barinfo,.kode-userinfo,.kode-header-three .logo,.kode-header-three .kode-rightsection { float: none; display: inline-block; width: auto; }
	.kode-topbar:after,.kode-topbar:before,.navbar-nav > li > a:before,.navbar-nav > li > a:after,
	.kode-time-zoon:before,.kode-caption { display: none; }
	.kode-userinfo li { border: none; }
	.logo { width: auto; }
	/* Navigation */
	.navbar-nav > li > a { padding: 12px 18px;}
	.navbar-toggle { background-color: #fff; margin:0px 18px; border:none;}
	.navbar-collapse { z-index: 99; position: absolute; right: 0px; top: 100%; width: 320px; background-color: #333333; }
	.navbar-nav .children { float: left; width: 100%; margin: 0px; position: static; visibility: visible; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	.navbar-nav { margin: 0px; }
	.navbar-nav .children li a { width: 100%; }
	.nav > li { float: left; width: 100%; }
	.kode-header-absolute { position: static; }
	.kode-cart a { color: #666; }
	.navbar-nav { text-align: left; }
	.kode-header-three .navbar-collapse { right: auto; left: 0px; }
	.kode-search { margin-right: 0px; }
	/* Grid */
	.kode-content .col-md-4,.kode-content .col-md-3,.kode-simple-form.contact-formtwo ul li {
		float: left;
		width: 100%;
	}
	.kode-table tr td:last-child,.kode-table tr th:last-child { display: none; }

	.kode-simplebtn ~ .kode-action-info { padding: 15px 0px 0px 0px; width: 100%; float: left; }
	.kode-result-list article { margin-bottom: 80px; }
	.kode-testimonial figure { padding: 0px 20px 20px 20px; }
	.kode-testimnl-thumb ~ figcaption { float: left; width: 100%; padding: 11px 0 0 0px; }
	.kode-subheader.subheader-height { height: auto; padding: 24px 0; }
	.subheader-height:after { display: none; }
	.kode-admin-post figure ~ .admin-info { padding: 0px; float: left; width: 100%; }
	#kodecomments .children > li { padding-left: 0px; }
	.kode-fixer-list,.kode-fixer-list ul { float: left; width: 100%; }
	.table-body li.fixer-btn,.kode-images,.kode-summery,.kode-team-timeline ul li { float: left; width: 100%; }
	.navbar-default{
		display:block;
		float:right;
		width:100%;
		position:absolute;
		right:0px;
		top:0px;
	}
	
	.header-8{
		padding:15px 0px;
		
	}
	.header-8 .container{
		position:relative;
	}
	.header-8 .logo{
		float:left;
		position:relative;
		z-index:100;
	}
	.kode-wrapper .kode-header-absolute.kf_sticky{
		position:static;
	}
	.header-8 .navbar-collapse{
		width:100%;
	}
	.kf_sticky .navbar-nav > li > a{
		padding:7px 15px;
	}
	.navbar-nav > li:first-child > a{
		padding-left:18px;
	}
	
	.pick-event .heading h2{
		display:block;
		margin:0px 0px 15px 0px;
	}
	.pick-event .heading{
		width:100%;
	}
	.pick-event .form{
		float:left;
		width:100%;
	}
	.pick-event .form .cover{
		width:100%;
		margin:0px;
		margin-bottom:10px;
	}
	.pick-event .form input{
		width:100%;
	}

	.pick-event .cover .dropdown button{
		width:100%;
	}
	.kode-modren-btn{
		padding:5px 10px;
		width:100%;
		text-align:center;
	}
	.pick-event .form .cover .kode-modren-btn.thbg-colortwo{
		margin:0px;
	}
	.kode-table{
		float:left;
		width:100%;
		margin-bottom:30px
	}
	.heading h2{
		font-size:24px;
	}
	.countdown-amount, .countdown-section{
		width:100% !important;
		margin: 0px;
	}
	.is-countdown{
		float:left;
		width:100%;
	}
	.kode-team-match ul li{
		margin:0px 0px 20px 0px;
		width:100%;
		float:left;
	}
	.kode-team-match ul li.home-kode-vs{
		margin-top:0px;
	}
	.kode-subtitle{
		width:100%;
	}
	.kode-testimonials-6 .client-name{
		width:50%;
	}
	#footer1 .footer-medium h3{
		margin-top:20px;
	}
	.kode-newslatter h3{
		font-size:26px;
		margin-bottom:20px;
		text-align:center;
		float: none;
		padding:0px;
	}
	.kode-timezoon{
		position:static;
		display:inline-block;
		padding:7px 0px;
		height:auto;
		margin:0px 0px 15px 0px;
	}
	.kode-team-timeline ul {
		float:left;
		width:100%;
		margin:0px;
	}
	.kode-team-timeline ul li{
		margin:0px 0px 20px 0px;
		padding:0px;
		text-align:center;
	}
	.kode-team-timeline ul:before{
		margin:0px;
	}
	.timeline-inner:before, .kode-team-timeline ul li:nth-child(2n) .timeline-inner:before{
		border:none;
		height:20px;
		width:20px;
		background-color:#fff;
		transform:rotate(45deg);
		left:0px;
		right:0px;
		top:-10px;
		margin:auto;
	}
	.kode-navigation{
		display:none;
	}

	.kode-wrapper .kode-header-absolute.kf_sticky  .kode-topbar{
		display:block;
	}
	.kode-team-thumb{
		float:left;
		width:100%;
	}
	.kode-team-list figure figcaption{
		width:100%;
	}
	.table-body{
		padding:20px 0px;
		float:left;
		width:100%;
	}
	.table-body li{
		float:left;
		width:100%;
		padding:10px 0px;
	}
	.table-body li.fixer-btn{
		width:100%;
		text-align:center;
		padding:0px 0px 20px 0px;
	}
	.table-body li.fixer-btn a{
		display:inline-block;
		float:none;
		margin:0px 3px;
		
	}
	.kode-gallery ul li{
		float:left;
		width:100%;
	}
	.kode-player-thumb img{
		float:left;
		width:100%;
	}
	.shopmainthumb{
		float:left;
		width:100%;
		margin-bottom:20px;
	}
	.kode-images{
		float:left;
		width:100%;
		margin-bottom:30px;
	}
	.shopmainthumb img{
		width:100%;
	}
	.kode-images ul li{
		float:left;
		margin:0px 0px 0px 2%;
		width:31.333%;
	}
	.kode-images ul{
		float:none;
		width:auto;
		margin:0px 0px 0px -2%;
	}
	.kode-images ul li img{
		width:100%;
	}
	.kode-newslatter form{
		padding:0px;
	}
	.kd-counter ul li{
		padding-bottom:20px;
		padding-top:20px;
	}
	.kode-subheader div.col-md-6{
		width:100%;
		text-align:center;
	}
	.kode-breadcrumb{
		float:left;
		width:100%;
		text-align:center;
	}
	/*.kode-breadcrumb li{
		display:inline-block;
	}
	.kode-userinfo li{
		padding:6px 5px 5px 5px;
	}
	.kode-blog-list ul li{
		float:left;
		width:100%;
		margin-bottom:30px;
	}*/
	.kode-blog-list .kode-team-network li{
		margin:0px 5px;
		float:left;
		width:auto;
	}
	.kode-blog-list .kode-blog-options{
		float:left;
		width:100%;
		text-align:center;
	}
	.kode-blog-list .kode-blog-options li{
		margin:0px 5px;
		display:inline-block;
		float:none;
		width:auto;
	}
	#footer1 .footer-medium{
		padding:20px 0px 50px 0px;
	}
	.kode-inner-fixer{
		padding:20px;
	}
	.kode-detail-element h2{
		margin-bottom:10px;
	}
	.kode-team-network{
		float:left;
		width:100%;
		text-align:center;
		margin:0px 0px 10px 0px;
	}
	.kode-team-network li a{
		background-color:#fff;
		border-color:#fff;
	}
	.kode-table tbody tr td{
		padding:3px 5px;
		text-align: center;
		font-size:12px;
	}
	.kode-player-tabs .kode-table thead th{
		font-size:13px;
		padding:4px;
		text-align:center;
	}
	.player-nav li{
		float:left;
		width:100%;
		margin:0px;
	}
	.player-nav li a{
		display:block;
		float:left;
		width:100%;
	}
	.kode-team-list figure figcaption h2 a{
		width:100%;
		text-align:center;
	}
	.kode-table thead th{
		font-size:12px;
		padding:4px 3px;
		text-align:center;
	}
}

/*============ Media 300Px Star ============ */
@media (max-width: 480px) {
	.logo { margin: 25px 0 0 10px; }
	.kode-result-thumb ~ .kode-result-info,.kode-result-list article.kode-even .kode-result-thumb ~ .kode-result-info { float: left; padding: 20px 0 0; width: 100%; }
	/* Grid */
	.kode-content{padding: 10px 0px 0px 0px;}
	.kode-content .col-md-4,.kode-content .col-md-3,.col-md-12 {
		float: left;
		width: 100%;
	}
	.countdown-section { margin-left: 0px; display: inline-block; float: none; width: 100%; }
	.kode-innersearch form { width: 100%; }
	

}

/*============	Media 940Px Start ============ */
@media screen and (min-width: 991px) and (max-width: 1199px) {
	.kode-search { margin-right: 0px; }
	.logo { margin-left: 0px; }
	.navbar-nav > li > a { padding: 42px 9px; }

	/* Force table to not be like tables anymore */
	.col-md-4 .kode-blog-info:before { left: 18px; }
	.kode-time-zoon::before { left: 5%; }
	.kode-navigation ul li a{
		padding:10px 7px;		
	}
	
}