/*
=================================================
			FROM 992PX TO 1199PX
=================================================
*/ 
@media (min-width: 1200px) and (max-width: 1400px) {

	.kf-404-des span i, .kf-404-des span{
		font-size: 200px;
		line-height: 200px;
	}
	.link-404{
		margin-bottom: 20px;
	}
}
/*
=================================================
			FROM 992PX TO 1199PX
=================================================
*/ 
@media (min-width: 992px) and (max-width: 1199px) {
	.tabs-menu-meta a{
		font-size: 16px;
	}
	.tabs-menu-meta{
		padding-left: 15px;
		padding-right: 15px;
	}
	.kode-we-are-wrap .thumb figure {
	    margin-bottom: 0px;
	    overflow: inherit;
	    top: 0px;
	}
	.kode-we-are-wrap .text{
		padding: 66px 25px 20px;
	}
	.kode-link-hd h5 a{
		font-size: 14px;
	}
	.kode-counter-up li {
	    height: 180px;
	    padding: 50px 0 14px;
	}
	.kode-counter-up li::before {
	    font-size: 104px;
	    line-height: 180px;
	    width: 180px;
	}
	.kode-counter-up li span {
	    font-size: 44px;
	    line-height: 44px;
	}
	.kode-counter-up li i {
	    font-size: 44px;
	}
	.kode-counter-up li p{
		font-size: 15px;
	}
	.kode-blog-des figure {
	   max-width: 200px;
	}
	.kode-blog-des .text{
		padding: 10px 10px 0;
	}
	.blog-link li{
	    padding: 0px 20px 0px;
	}
	.kode-testimonial-des figure{
		margin-right: 0;
	}
	.kode-testimonial-des .blockquote-2{
		padding: 24px 16px 23px;
	}
	.blockquote-2 p{
		font-size: 16px;
	}
	.coming-soon-dec h6 {
	    font-size: 50px;
	    line-height: 50px;
	    margin-bottom: 19px;
	}
	.coming-soon-dec > p{
		padding:0 88px; 
	}
	.coming-soon-dec .countdown li{
		margin-right: 80px;
	}
	.menu-parallex-des .text{
		position: inherit;
		top: inherit;
		padding: 30px;
		width: 50%;
		margin: 0 15px;
	}
	.menu-parallex-des figure{
		width: 50%;
	}
	.parallex-des-2 .text{
		width: 60%;
	}
	.recipe-meta li{
		padding: 0 15px;
	}
	.ingrident-des .text{
		padding: 0;
	}
	.thumb-slider #bx-pager > a{
		float: left;
		width: 19.2%;
	}
	.social-links li{
		margin-left: 8px;
	}
	.blockquote-3{
		font-size: 18px;
	}
	.kode-blog-3{
		padding-top: 115px;
	}
	.kode-contact{
		padding: 27px 18px 30px;
	}

	.kf-404-des span i, .kf-404-des span{
		font-size: 180px;
		line-height: 180px;
	}
	.kf-404-des h5{
		font-size: 40px;
		line-height: 40px;
	}
	.kf-404-des p{
		padding: 0;
	}
	.link-404{
		margin-bottom: 40px;
	}
	.navigation3 ul li{
		margin-right: 23px;
	}
	.recipies-style-2 .text{
		width: 100%;
	}
	.flexslider .kode-caption-wrapper{
		width: auto;
	}
	.we-are-bg{
		padding-top: 75px;
		padding-bottom: 30px;
	}
	.counterup-bg .kode-counter-up li i{
		margin-top: -50px;
		font-size: 100px;
	}
	.kode-blog-des figure{
		height:auto;
	}
	.kode-price-tag figcaption{
		top: 50%;
		margin-top: -71%;
	}
	.menu-parallex-des{
		text-align: center;
	}
	.menu-parallex-des figure{
		float: none !important;
		display: inline-block;
	}
	.menu-parallex-des .text{
		margin: 0;
		width: 100%;
		position: static;
		float: left;
	}
	.kode-blog-3 figure img{
		min-height: auto;
	}
	.kode-blog-3 h3 {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    text-transform: capitalize;
	    white-space: nowrap;
	}
	.kode-blog-des figure img{
		position: static;
	}

}
/*
=================================================
			FROM 768PX TO 979PX
=================================================
*/ 
@media (min-width: 768px) and (max-width: 979px) {
	.kode-testimonial-des figure{
		width:100%;
		margin:0px;
	}
	.kode-testimonial-hd{
		padding:20px 0 20px 50px;
	}
	.kode-testimonial-des .blockquote-2 {
		float: none;
		overflow: hidden;
		width: auto;
	}
	.header-3 .dl-menuwrapper{
		display:block;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -20px;
	}
	.kode_ui_element .dl-menuwrapper{
		display:block;
	}
	.navigation3{
		display: none;
	}
	.kode_menu {
		display: none;
	}
	header.sticky .kode-logo{
		width: 20%;
	}
	header.sticky .container{
		position: relative;
	}
	header.sticky .kode_navigation_outr_wrap{
		position: absolute;
		top: 50%;
		margin: -20px 0 0 0;
		right: 15px;
		padding: 0;
	}
	.kode-logo {
	    width: auto;
	    padding: 30px 0;
	    text-align: left;
	}
	.kode-logo a{
		width: 35%;
	}
	.header2 .kode-logo{
		padding-top: 30px;
	}
	.header2 .kode-logo a{
		width: 35%;
	}
	.kode_navigation3_wrap{
		padding: 10px 0;
		position: relative;
	}
	.header-3.sticky .kode_navigation3_wrap{
		padding: 5px 0;
	}
	.kode-logo3{
		position: inherit;
		width: 20%;
		float: left;
		padding: 0;
		height: inherit;
		background: transparent;
		border-radius: 0;
		margin: 0;
		line-height: normal;
	}
	.header-3.sticky .kode-logo3{
		width: inherit;
		line-height: normal;
		height: inherit;
		width: 20%;
		float: left;
	}
	.kode-inner-banner{
		padding: 60px 0;
	}
	.kode_navigation_outr_wrap{
		float: right;
		width: auto;
		padding: 53px 0;
	}
	.kode_caption h2 {
	    font-size: 50px;
	    line-height: 50px;
	}
	.kode_caption p{
		display: none;
	}
	.kode_caption{
		margin-top: -48px;
	}
	.kode-home-banner .bxslider li img{
		height: auto;
	}
	.we-are-bg{
		padding: 80px 0px 0px 0px;
	}
	.kode-we-are-wrap .thumb{
		display: none;
	}
	.kode-we-are-wrap .text{
		width: 100%;
		padding: 26px 30px 0;
	}
	.kode-we-are-wrap::before {
	    border: 10px solid #e3e3e3;
	    bottom: 0px;
	    content: "";
	    left: 0px;
	    position: absolute;
	    right: 0;
	    top: 0;
	    z-index: -1;
	}
	.kode-recipies-des{
		width: 100%;
		margin-bottom: 15px;
	}
	.kode-recipies-container-item{
		float: left;
		width: 100%;
		overflow: hidden;
	}
	.widget-text{
		margin-bottom: 30px;
	}
	.widget-deal-meta{
		margin-bottom: 30px;
	}
	.kode-blog-des figure{
		width: 178px;
		height: 187px;
	}
	.kode-blog-des .text{
		padding-top: 22px;
	}
	.kode-about-us-des .text{
		margin-bottom: 30px;
	}
	.reservation-style-2 .text p{
		padding:0; 
	}
	.kode-recipies-des.recipies-style-3{
		width: 50%;
	}
	.topbar-coming-soon{
		padding: 0 50px;
	}
	.topbar-coming-soon .logo{
		width: 18%;
	}
	.coming-soon-dec > p{
		padding: 0;
	}
	.countdown li{
		margin-right: 80px;
	}
	.social-style-3 li{
		margin:0 3px; 
	}
	.topbar-coming-soon .logo {
	    width: 35%;
	}
	.coming-soon-dec h6{
		font-size:40px; 
	}
	.countdown li{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.coming-soon-dec form{
		float: left;
		width: 100%;
	}
	.tabs-navigation button span, .tabs-navigation li a{
		margin-right: 29px;
	}
	.menu-parallex-des .text{
		position: inherit;
		top: inherit;
		margin: 0;
		padding: 30px;
		width: 100%;
	}
	.menu-parallex-des figure{
		width: 100%;
	}
	.parallex-des-2 .text{
		width: 60%;
	}
	.recipe-meta li{
		padding: 0 29px;
	}
	.thumb-slider #bx-pager > a{
		float: left;
		width: 19.2%;
		margin-right: 4px;
	}
	.kode-blog-3 figure{
		position: inherit;
		left: inherit;
		top: inherit;
		width: inherit;
		right: inherit;
		margin-bottom: 60px;
	}
	.kode-blog-3{
		padding-top: 30px;
		margin-top: 0;
	}
	.kode-contact{
		padding: 27px 82px 30px;
	}

	.kf-404-des span i, .kf-404-des span{
		font-size: 180px;
		line-height: 180px;
	}
	.kf-404-des h5{
		font-size: 40px;
		line-height: 40px;
	}
	.kf-404-des p{
		padding: 0;
	}
	.link-404{
		margin-bottom: 40px;
	}
	.flexslider .kode-caption-wrapper{
		width: auto;
		margin-top: -140px;
	}
	.kode-slider-item .kode-caption-wrapper .kode-caption-title span{
		font-size: 50px;
		margin-bottom: 12px;
	}
	.flexslider .kode-caption-wrapper .kode-caption-text{
		width: 81%;
		margin-bottom: 15px;

	}
	.kode-counter-up{
		margin-bottom: 15px;
	}
	.kode-our-menu-wrap{
		width: 50%;
		padding: 0 10px;
	}
	.kode-price-tag figure{
		height: 740px;
	}
	.kode-price-tag figcaption{
		top: 50%;
		margin-top: -190px;
	}
	.menu-parallex-des figure{
		float: none !important;
		display: inline-block;
	}
	.menu-parallex-des .text{
		margin: 0;
		width: 100%;
		position: static;
		float: left;
	}
	.kode-blog-3 figure {
	    margin: 0 0 60px 0;
	}
	.kode-blog-3 figure img{
		min-height: auto;
	}
	.kode-blog-list-grid .kode-blog-des figure{
		height:auto;
	}
	.kode-blog-list-grid .kode-blog-des figure img{
		position: static;
	}
	.kode-blog-3 figure .kode-blog-thumbnail{
		position: static;
	}
	.kode-testimonial-des figure{
		width:100%;
		margin:0px;
	}
	.kode-testimonial-hd{
		padding:20px 0 20px 50px;
	}
	.kode-testimonial-des .blockquote-2 {
		float: none;
		overflow: hidden;
		width: auto;
	}
}
/*
=================================================
			FROM 0PX TO 767PX
=================================================
*/
@media (max-width: 767px) {
	.header-3 .dl-menuwrapper{
		display:block;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -20px;
	}
	.kode_ui_element .dl-menuwrapper{
		display:block;
	}

	.kode_menu {
		display: none;
	}
  .menu-menu-1-left-side-container-menu-item {
		display: none;
	}
    .menu-item-403  {
    opacity: 0;
	}
    .menu-item-401  {
		display: none;
	}
    .menu-item-402 {
		display: none;
	}
  .menu-menu-2-right-side-container {
		display: none;
	}
  	.menu-parallex-des .text{
		position: inherit;
		top: inherit;
		margin: 0;
		padding: 30px;
		width: 100%;
	}
	.menu-parallex-des figure{
		width: 100%;
	}
	.parallex-des-2 .text{
		width: 60%;
	}
  	.kode-our-menu-wrap{
		width: 50%;
		padding: 0 10px;
	}
  	.menu-parallex-des figure{
		float: none !important;
		display: inline-block;
	}
	.menu-parallex-des .text{
		margin: 0;
		width: 100%;
		position: static;
		float: left;
	}
	.we-are-bg{
		padding: 80px 0px 0px 0px;
	}
	.kode-we-are-wrap .thumb{
		display: none;
	}
	.kode-we-are-wrap .text{
		width: 100%;
		padding: 26px 30px 0;
	}
	.kode-we-are-wrap::before {
	    border: 10px solid #e3e3e3;
	    bottom: 0px;
	    content: "";
	    left: 0px;
	    position: absolute;
	    right: 0;
	    top: 0;
	    z-index: -1;
	}

	.kode-testimonial-des figure{
		width:100%;
		margin:0px;
	}

	.kode-testimonial-hd{
		padding:20px 0 20px 50px;
	}
	.kode-testimonial-des .blockquote-2 {
		float: none;
		overflow: hidden;
		width: auto;
	}
	.pages-links li a{
		margin-bottom: 10px;
	}
	.lungueg-wrap{
		padding: 14px 0 15px;	
	}
  	.kode-top-bar .social-style-1{
  		padding: 10px 30px 9px 0;
  	}
  	.kode-top-bar .searchlink{
  		width: 53px;
  		height: 45px;
  	}
	.kode-inner-banner{
		padding: 40px 0;
	}
  	.kode-top-bar .searchlink i{
  		line-height: 45px;
  	}
  	.kode_caption {
	    margin-top: 18px;
	}
  	.kode_caption h6{
  		line-height: normal;
  		font-size: 20px;
  		margin-bottom: 4px;
  	}
  	.kode_caption h2{
  		font-size: 28px;
  	}
  	.kode_caption .kode_link_1{
  		display: none;
  	} 
  	.kode-food-meta li{
  		width: 100%;
  	}
  	.kode-recipies-des{
  		width: 100%;
  		margin-bottom: 30px;
  	}
  	.kode-counter-up li{
  		width: 100%;
  		height: 237px;
    	padding: 71px 0 53px;
    	margin-bottom: 30px;
  	}
  	.kode-counter-up li::before{
  		line-height: 237px;
  		font-size: 150px;
  		width: 237px;
  	}
	.kode-blog-des figure{
		width: 178px;
		height: 187px;
	}
	.kode-blog-des .text{
		padding-top: 22px;
	}
  .kode-blog-des .text{
	padding:27px 25px 0px;
	position: relative;
	text-align: left;
	float: none;
	overflow: hidden;
	width: auto;
}
 	.kode-blog-des .text h4{
		margin-bottom: 5px;
	}
	.kode-blog-des .text p{
		margin-bottom: 5px;
	}
	.blog-link li{
		padding: 3px 7px 5px;
	}
	.kofe-footer-logo{
		display: none;
	}
	.kode-copyright .pull-left{
		margin-bottom: 20px;
	}
	.kode-copyright .pull-right,
	.kode-copyright .pull-left{
		width: 100%;
	}
	.kode-reservation-bg.reservation-style-2 form{
		width: 100%;
	}
	.recipies-style-2 .text{
		width: 90%;
	}
	.header2{
		position: absolute;
		background-color: transparent;
	}
	.kode-food-hdg-4.reservation-hd h3{
		font-weight: 40px;
	}
	.kode-recipies-des.recipies-style-3{
		width: 100%;
	}
	.coming-soon-dec .reservation-input button{
		padding: 0 15px;
	}
	.tabs-navigation button span, .tabs-navigation li a{
		margin-right: 30px;
	}
	.parallex-des-2 .text{
		width: 100%;
		position: inherit;
		top: inherit;
		padding: 25px 40px;
	}
	.recipe-prepration .text{
		margin-bottom: 30px;
	}
	.ingrident-des .text{
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	.ingrident-des > figure{
		width: 100%;
	}
	.recipe-meta li{
		width: 50%;
		margin-bottom: 10px;
	}
	.comment-style-2 .secnd_coment_list{
		padding: 0 0 0 20px;
	}
	.effect{
		margin-bottom: 30px;
	}
	.pages-links{
		width: 100%;
		text-align: center;
	}
	.social-links{
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	.kode-blog-3 figure{
		position: inherit;
		left: inherit;
		top: inherit;
		width: inherit;
		right: inherit;
		margin-bottom: 60px;
	}
	.kode-blog-3{
		padding-top: 30px;
		margin-top: 0;
	}
	.kode-contact{
		padding: 27px 56px 30px;
	}
	.kode-map .kode-contact{
		position: inherit;
		right: inherit;
		float: left;
		width: 100%;
	}
	.kode-contact .send-button{
		width: 100%;
	}
	.kode-map > #map-canvas {
	    height: 250px !important;
	}
	.kf-404-des h5 {
	    font-size: 30px;
	    line-height: 30px;
	}
	.gallery2::before{
		outline-offset: -20px;
	}
	.cart {
	    display: none;
	}
	.admin-wrap{
		padding-right: 0;
	}
	.admin-wrap li {
	    margin:0 30px 0 0;
	}
	.banner-3 .kode_caption{
		margin-top: 0;
	}
	.kode-pagination{
		text-align: center;
	}
	.kode-hdg-style h1,
	.kode-hdg-style h2,
	.kode-hdg-style h3,
	.kode-hdg-style h4,
	.kode-hdg-style h1{
	    overflow: hidden;
	    text-overflow: ellipsis;
	    text-transform: capitalize;
	    white-space: nowrap;
	    line-height: normal;
	}
	.social-shortcode{
		margin-bottom: 30px;
	}
	.admin-wrap li{
		margin-right: 18px;
	}
	.admin-wrap li:last-child{
		margin: 0;
	}
	.flexslider .kode-caption-wrapper{
		margin-top: -89px;
	}
	.kode-slider-item .kode-caption-wrapper{
		font-size: 24px;
		line-height: normal;
	}
  .kode-caption-title{
	    display: none;
	}
	.kode-slider-item .kode-caption-wrapper .kode-caption-title span{
		font-size: 30px;
		line-height: normal;
	}
	.flexslider .kode-caption-wrapper .kode-caption-text{
		display: none;
	}
	.kode-team.kode-team-grid {
	    float: left;
	    overflow: hidden;
	    padding: 0 15px;
	    width: 100%;
	}
	.kode-blog-des figure{
		height: 204px;
	}
	.kode_reserv_width_input{
		width: 100%;
	}
	.without-padding [class*="col-md"]{
		padding: 0 15px;
	}
	.kode-our-menu-wrap{
		width: 100%;
	}
	.kode-master-chef{
		padding: 0 15px;
	}
	.reservation-style-2 .kode_reserv_width_input{
		width: 100%;
	}
	.kode-widget{
		width: 100%;
	}
	.flex-direction-nav a{
		width:32px;
		height:60px;
		font-size:39px;
	}
  	.kode-blog-3 figure {
	    margin: 0 0 60px 0;
	}
	.kode-blog-3 figure img{
		min-height: auto;
	}
	.kode-blog-list-grid .kode-blog-des figure{
		height:auto;
	}
	.kode-blog-list-grid .kode-blog-des figure img{
	 position: static;
   float: left;
   width:100%;
   height:auto;
	}
	.kode-blog-3 figure .kode-blog-thumbnail{
		position: static;
	}
  
}