/*
=================================================
				UP FROM 1200PX
=================================================
*/ 
@media (min-width: 1200px) and (max-width: 1366px){
	.kode_modren_services .kf_cp_services_small h5 a{
		float: left;
		width: 100%;
		padding: 0 10px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.kf_contact_bar{
		background-image: none;
	}
	.kf_categories_thumb h5{
		font-size: 16px;
	}
	.kf_categories_thumb .text > span{
		height: 45px;
		line-height: 45px;
		width: 100%;
		font-size: 45px;
	}
	.kf_categories_thumb .text{
		padding: 0 20px;
	}
	.kf_categories_thumb p {
	    color: #fff;
	    font-size: 14px;
	    line-height: normal;
	    margin: 0 0 20px;
	}
	.kf_categories_thumb .btn-1{
		padding: 5px 20px;
	}
	.kf_services_slider .kf_cp_services_small h5{
		float: left;
		width: 100%;
		padding:0 10px; 
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}
/*
=================================================
			FROM 992PX TO 1199PX
=================================================
*/ 
@media (min-width: 992px) and (max-width: 1199px) {
	body .body-wrapper{
		width: 100%;
	}
	.kode-caption-wrapper{
		width: 100%;
	}
	.kf_icon_thumb{
		padding-left: 10px;
		padding-right: 10px;
	}
	.kf_icon_thumb a{
		font-size: 14px;
	}
	.blog2-title .blog-meta-list li.blog-tag{
		display: none;
	}
	.kode-blog-2 .blog2-title h6{
		font-size: 14px;
	}
	.kf_projects .kode-readmore{
		margin-top: 8px;
	}
	.kode-blog-listing .kode-blog-content{
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.kf_cp_services_small{
		padding-top: 50px;
		padding-bottom: 52px;
	}
	.kf_topbar5 .kf_sidr_btn{
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.kf_cp_video{
		padding: 156px 0;
	}

	/*Home 1 Start*/
	.kf_header_1 .kf_ticker{
		width: 75%;
	}
	.kf_header_1 .kf_contact_dec{
		margin-left: 20px;
	}
	.kode_banner_1 .banner_caption{
		-webkit-transform: translateY(55%);
		-moz-transform: translateY(55%);
		-ms-transform: translateY(55%);
		-o-transform: translateY(55%);
		transform: translateY(55%);
	}
	.kode_banner_1 .banner_caption h2{
		font-size: 38px;
		line-height: 42px;
	}
	.kf_main_bar_wrap .kf_banner_bar{
		padding: 32px 0 37px 270px;
	}
	.kf_main_bar_wrap .kf_banner_bar h4{
		font-size: 25px;
	}
	.kf_cp_video_wrap .kf_cp_services_small{
		padding: 50px 0;
	}
	.kf_cp_services_small > span{
		height: 60px;
		width: 60px;
		font-size: 60px;
		line-height: 60px;
	}
	.kf_cp_video_wrap .kf_cp_services_small h5 a{
		font-size: 16px;
	}
	.video_caption h4{
		font-size: 25px;
	}
	.kf_medium_services_content .services_title a{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.kode-modren_services_wrap > div{
		padding: 25px;
	}
	.kf_cp_services_small h5 a{
		float: left;
		width: 100%;
		padding: 0 10px;
		font-size: 15px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.kf_request_form .kf_main_heading h3{
		font-size: 30px;
	}
	.kf_request_form .kode-textarea textarea{
		min-height: 102px;
		resize: both;
	}

	.kode-blog-medium ..blog-title{
		font-size: 18px;
	}
	.blog-meta-list li{
		margin-left: 15px;
	}
	.brand_slider a img{
		margin: 0 auto;
		display: block;
	}
	.kode_footer_1 .footer_logo{
		padding: 0 45px 40px;
	}
	/*Home 1 End*/
	.ka_intro_wrap .text p{
		font-size: 15px;
	}
	.kf_info_wrap .kode-contact-info{
		padding-right: 60px;
		padding-left: 60px;
	}
	.kode-blog-listing .kode-blog-content > p {
	    font-size: 14px;
	    max-height: 62px;
	    overflow: hidden;
	}
	.kf_recent .overflow_text h6 a {
	    float: left;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width: 100%;
	}
	.widget-recent .kf_recent .overflow_text p {
	    float: left;
	    margin: 0;
	    max-height: 61px;
	    overflow: hidden;
	}
	.kf_projects .blog-title{
		font-size: 18px;
	}
	.project-title{
		font-size: 22px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.kf_challeng h6{
		font-size: 16px;
		margin-top: -4px;
	}
	.kf_challeng p{
		font-size: 16px;
	}
	.kf_projects_small .blog-title a{
		font-size: 14px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.brochures_link{
		width: 66px;
		height: 66px;
		line-height: 66px;
	}
	.brochures_link .btn-1{
		left: -18px;
	}
	.kf_emply_detail .kf_emply_info .kf_info_dec{
		padding: 0 14px;
	}
	.kf_emply_detail .kf_emply_info .info_list li span{
		font-size: 12px;
	}
	.kf_emply_detail .kf_emply_info .kf_social strong{
		font-size: 14px;
	}
	.kf_emply_detail .kf_emply_info .kf_info_dec:first-child{
		padding-left: 0;
	}
	.kf_emply_detail .kf_emply_info .kf_info_dec:last-child{
		padding-right: 0;
	}
	.kf_emply_detail .kf_emply_info .contact_list li p{
		font-size: 13px;
	}
	.kf_emply_detail .kf_emply_info .contact_list li{
		margin: 0 0 18px;
	}
	.kf_emply_edu .info_list li span{
		font-size: 16px;
	}
	/*Index 2 Start*/
	.kode_banner_2 .banner_caption h2{
		font-size: 38px;
	}
	.kf_icon_wrap .kf_icon_thumb > span{
		width: auto;
		font-size: 30px;
		line-height: 30px;
		min-height: auto;
	}
	.kf_icon_wrap .kf_icon_thumb{
		padding-left: 15px;
		padding-right: 15px;
	}
	.kf_icon_wrap .kf_icon_thumb a{
		font-size: 14px;
	}
	.kf_intro_contant{
		padding:100px 30px 100px 30px;
	}
	.intro_style2{
		padding-left: 30px;
	}
	.kf_practices_title{
		margin: 0 0 10px;
		padding-left: 100px;
	}
	.kf_practices_title a{
		font-size: 16px;
	}
	.kf_practices_thumb:hover .kf_practices_contant .text p,
	.kf_practices_contant p{
		font-size: 12px;
	}
	.kf_practices_title > span{
		top: -4px;
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.cd-horizontal-timeline .events-content{
		padding: 0 25px;
	}
	.kf_timeline_contant{
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.kode-blog-2 .blog2-title h6{
		font-size: 22px;
	}
	/*Index 2 End*/
	/*Index 3 Start*/
	.kode_banner_3 .effect_img{
		display: none;
	}
	.kf_header_3 .navigation ul li{
		margin-right: 40px;
	}
	.services_slider_bg .kf_services_slider{
		padding: 0;
	}
	.kf_cases_slider .cases_slider_thumb,
	.kf_cases_slider .slick-current.slick-active .cases_slider_thumb{
		-webkit-transform: scale(1) !important;
		-moz-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		-o-transform: scale(1) !important;
		transform: scale(1) !important;
	}
	.kode-blog-medium2 .blog-meta-list li{
		margin-left: 10px;
	}
	.kode-blog-medium2 .blog-meta-list li a{
		font-size: 12px;
	}
	.kf_contant h6{
		font-size: 39px;
	}
	.kf_contact_bar{
		background-image: none;
	}
	/*Index 3 End*/
	/*Index 4 Start*/
	.kf_header_5 .kf_top_info span{
		font-size: 12px;
		padding: 17px 10px 18px;
	}
	.kf_header_5 .kf_location_btn .dropdown{
		padding: 14px 15px 15px;
	}
	.kf_header_5 .social_links{
		margin: 0 10px 0 0;
	}
	.kf_header_5 .navigation ul li{
		margin-right: 30px;
	}
	.kf_header_5 .navigation ul li:last-child{
		margin: 0;
	}
	.kf_header_5 .kf_login_wrap .btn-1{
		display: none;
	}
	.kf_header_5 .kf_login_wrap{
		margin:0 0 0 20px;
	}
	.kf_categories_thumb h5{
		font-size: 16px;
	}
	.kf_categories_thumb .text > span{
		height: 35px;
		line-height: 35px;
		width: 100%;
		font-size: 35px;
	}
	.kf_categories_thumb .text{
		padding: 0 10px;
		margin-top: 30px;
	}
	.kf_categories_thumb .thumb::before{
		display: none;
	}
	.kf_categories_thumb p {
	    color: #fff;
	    font-size: 14px;
	    line-height: normal;
	    margin: 0 0 10px;
	}
	.kf_categories_thumb .btn-1{
		padding: 5px 20px;
	}
	.kf_request_form .kf_main_heading h3{
		font-size: 22px;
	}
	.kode-modren_services_wrap2 .thumb.opacity_effect {
	    display: none;
	}
	.kode-modren_services_wrap2 .kf_request_form{
		width: 100%;
		background-color: #f1f1f1;
	}
	.projects_slider2_contant h6{
		font-size: 15px;
	}
	/*Index 4 End*/
	.services-title{
		font-size: 20px;
	}
	.kf_team_medium2 .team_medium_contant p{
		font-size: 14px;
		margin-bottom: 15px;
	}
}
/*
=================================================
			FROM 0PX TO 979PX
=================================================
*/ 
@media (max-width: 991px) {
	body .body-wrapper{
		width: 100%;
	}
	.kf_banner_bar h4{
		font-size: 19px;
	}
	#kode-parallax-wrapper-5::before{
		opacity: 1 !important;
	}
	.kode_search-close{
		right: 30px;
	}
	.kf_header_1 .dl-menuwrapper .dl-menu{
		left: 0;
		right: auto;
	}
	.kf_header_3{
		position: static;
		background-color: #000;
	}
	.kf_header_3 .dl-menuwrapper .dl-menu{
		right: auto;
		left: 0;
		z-index: 4;
	}
	.kode-caption-wrapper{
		width: 100%;
	}
	
	.kf_timeline_thumb{
		margin: 0 0 30px;
	}
	.dl-menuwrapper .dl-menu{
		z-index: 2;
	}
	.dl-menuwrapper li{
		margin: 0;
	}
	.dl-menuwrapper li a{
		color: #333;
	}
	.dl-menuwrapper li a:hover{
		color: #fff;
	}
	.kf_projects .kode-readmore{
		margin-top: 8px;
	}
	.kf_cp_video{
		padding: 100px 0;
	}
	.kode-simple-heading{
		float: left;
		width: 100%;
	}
	.kf_cp_video::before{
		background-color: #c6c6c6;
		opacity: 1;
	}
	.portfolio-section .clear{
		display: none;
	}
	.video-business_plus_shortcode iframe,
	.video-business_plus_shortcode{
		float: left;
		width: 100%;
	}
	.banner_caption h2{
		font-size: 38px;
		line-height: normal;
	}
	.kf_header_1 .kf_ticker{
		width: 70%;
	}
	.kf_header_1 .kf_ticker > span{
		font-size: 14px;
		width: 30%;
		padding: 16px 0 17px;
	}
	.kf_header_1 .kf_ticker_slider{
		width: 70%;
	}

	.kode_navigation .navigation{
		display: none;
	}
	.kf_header_1 .kf_logo_bar{
		padding: 10px 20px;
	}
	.kf_header_1 .kf_time_dec{
		display: none;
	}
	.kf_header_1 .kf_contact_dec{
		margin-left: 10px;
	}
	.kf_header_1 .kf_contact_dec > span {
	    font-size: 20px;
	    height: 20px;
	    line-height: 20px;
	    width: 20px;
	}
	.kf_header_1 .kf_contact_dec p{
		font-size: 13px;
	}
	.dl-menuwrapper{
		display: block;
		margin: 0;
		position: relative;
	}
	.kf_header_1 .dl-menuwrapper{
		float: left;
	}
	.kf_header_1 .kode_navigation{
		padding: 10px 20px;
	}
	.kf_header_1 .kf_search_wrap{
		padding: 5px 0 6px;
	}
	.kode_banner_1 .banner_caption{
		bottom: 35%;
	}
	.kf_main_bar_wrap .kf_banner_bar{
		padding:20px 0;
	}
	.kf_main_bar_wrap .banner_bar_hd{
		width: 100%;
		margin: 0 0 10px; 
		float: left;
		transform: scale(1);
		position: relative;
		padding: 14px 20px;
	}
	.kf_main_bar_wrap .banner_bar_hd::after {
	    right: 0;
	    transform: scale(1);
	    bottom: 0 ;
	    height: auto;
	    top: auto;
	    font-size: 60px;
	}
	.kf_main_bar_wrap .banner_bar_hd::before{
		transform: skew(0);
		right: 0;
	}
	.kf_main_bar_wrap .kf_banner_bar h4{
		float: left;
		width: 100%;
		font-size: 27px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.kf_cp_video{
		width: 100%;
		min-height: 300px;
		position: relative;
	}
	.kf_cp_video_wrap .kf_cp_services{
		width: 100%;
	}
	.kode-modren_services_wrap > div{
		width: 100%;
	}
	.kode_footer_1 .footer_logo{
		padding: 0 0 40px;
	}
	.copy_right1{
		text-align: center;
	}
	.copy_right1 p{
		width: 100%;
		margin: 0 0 8px;
	}
	.copy_right1 .navigation{
		float: none;
		display: inline-block;
	}
	.brand_slider a img{
		margin: 0 auto;
		display: block;
	}
	.ka_intro_wrap .text{
		max-height: 356px;
		overflow: hidden;
	}
	.kf_count_services p{
		font-size: 14px;
		float: left;
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.mid_bar .kf_banner_bar  h4 {
    	float: left;
	    width: 100%;
	    /*
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	    */
	    font-size: 22px;
	}
	.mid_bar .kf_banner_bar {
	    padding: 30px 140px 30px 0;
	}
	.kf_info_wrap .kode-contact-info{
		padding-right: 10px;
		padding-left: 10px;
	}
	.blog-title a{
		float: left;
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.brochures_link {
	    display: inline-block;
	    float: none;
	    margin: 0 0 0 5px;
	    width: 80px;
	    height: 80px;
	    line-height: 80px;
	}
	.brochures_link_meta {
	    text-align: center;
	}
	.kf_project_faced .slider-nav3 .slick-list{
		padding: 0 !important;
	}
	.kf_challeng::before{
		left: 0;
	}
	.kf_project_faced .slider-nav3::before{
		left: 9px;
	}
	.kf_challeng{
		padding-bottom: 50px;
	}
	.kf_founder_wrap figure{
		width: 100%;
		margin: 0 0 15px;
	}
	.kf_founder_wrap .overflow_text{
		padding: 0 15px;
	}
	.kf_emply_detail figure{
		width: 100%;
		/*margin: 0 0 15px;*/
		margin: 0 0 42px;
		text-align: center; 
	}
	.kf_emply_detail figure img{
		float: none;
		width: auto;
		display: inline-block;
	}
	.kf_emply_detail .overflow_text{
		width: 100%;
		float: left;
	}
	.kf_emply_detail .info_list li span{
		font-size: 16px;
	}
	.kf_emply_detail .kf_emply_info .contact_list li p{
		font-size: 16px;
	}
	.kf_emply_edu .info_list li span{
		font-size: 14px;
	}
	.kf_emply_skill .kf_progress{
		margin: 0 0 30px;
	}
	/*Index 2 Strat*/
	.kf_header_2 .logo{
		float: left;
		width: auto;
		padding: 10px;
	}
	.kf_header_2 .dl-menuwrapper{
		padding: 18px 0;
		float: right;
	}
	.kf_header_2 .dl-menuwrapper .dl-menu{
		right: 0;
		left: auto;
	}
	.kode_banner_2 .banner_caption{
		width: 100%;
		-webkit-transform: translateY(57%);
		-moz-transform: translateY(57%);
		-ms-transform: translateY(57%);
		-o-transform: translateY(57%);
		transform: translateY(57%);
	}
	.kode_banner_2 .banner_caption h2 span{
		font-size: 20px;
	}
	.kode_banner_2 .banner_caption h2{
		font-size: 35px;
		line-height: normal;
	}
	.kode_banner_2 .banner_caption p{
		font-size: 16px;
		margin: 0 0 29px;
	}
	.kf_icon_wrap .kf_icon_thumb{
		width: 33.3%;
	}
	.kf_icon_wrap .kf_icon_thumb:nth-child(4):before{
		display: none;
	}
	.kf_progress_fancy{
		background-size: 43%;
		background-position-x: 0px;
		background-position-y: 10px;
	}
	.kf_intro_wrap .kf_intro_contant{
		padding: 40px 20px;
		text-align: center;
	}
	.kf_intro_wrap .kf_intro_contant > span{
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
	.kf_intro_wrap .kf_intro_contant p{
		font-size: 15px;
		line-height: normal;
	}
	.kf_header_2 .kf_top_info span{
		padding: 11px 0 12px;
		font-size: 14px;
		margin: 0 10px 0 0;
	}
	.timeline_slider{
		padding: 0;
	}
	.cd-horizontal-timeline .events-content{
		padding: 0;
	}
	.team_modren_list > li{
		width: 33.3%;
	}
	.kf_video_wrap4{
		padding: 105px 0;
		background-position: center;
	}
	.kf_video_wrap2 .video_caption {
	    padding: 0 20px;
	}
	.kode-blog-2 .blog-meta-list li{
		margin: 0 0 0 5px;
	}
	.kode-blog-2 .blog-meta-list li a i{
		margin: 0 5px 0 0;
	}
	.kf_brand{
		padding: 50px 0;
	}
	/*Index 2 End*/
	/*Index 3 Start*/
	.kf_header_3 .kode_navigation {
	    float: left;
	    width: 100%;
	    padding: 10px 0;
	}
	.kf_header_3 .dl-menuwrapper{
		float: left;
	}
	.kf_header_3 .contact_no{
		padding: 8px 0;
	}
	.kode_banner_3 .effect_img{
		display: none;
	}
	.kode_banner_3 .banner_caption{
		width: 100%;
	}
	.services_slider_bg .kf_services_slider{
		padding: 0;
	}
	.facny_title2 p{
		padding: 0;
	}
	.kf_practices_list_wrap .div_row > div{
		width: 100%;
	}
	.kf_cases_slider .cases_slider_thumb,
	.kf_cases_slider .slick-current.slick-active .cases_slider_thumb{
		-webkit-transform: scale(1) !important;
		-moz-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		-o-transform: scale(1) !important;
		transform: scale(1) !important;
	}
	.kf_history_timeline_contant figure{
		right: -75%;
	}
	.kf_history_timeline_contant.float-md-right figure{
		left: -75%;
	}
	.kf_history_timeline_contant h5{
		font-size: 20px;
	}
	.kode-blog-medium2 .blog-meta-list li{
		margin: 0 0 0 15px;
	}
	.kode-blog-medium2 .blog-meta-list li:first-child{
		margin: 0;
	}
	.kf_contact_bar{
		background-image: none;
	}
	.kode_banner_3 .banner_caption p{
		display: none;
	}
	.kode_banner_3 .banner_caption{
		-webkit-transform: translateY(94%);
		-moz-transform: translateY(94%);
		-ms-transform: translateY(94%);
		-o-transform: translateY(94%);
		transform: translateY(94%);
	}
	.kf_services_slider .kf_cp_services_small h5{
		font-size: 13px;
	}
	.kf_counter_modren p{
		font-size: 35px;
	}
	.kf_counter_modren h6{
		font-size: 14px;
	}
	/*Index 3 End*/
	/*Index 4 Start*/
	.kf_header_5 .kf_topbar5{
		padding: 0;
	}
	.kf_header_5 .kf_topbar5 .kf_top_info{
		float: left;
		width: 100%;
		text-align: center;
	}
	.kf_header_5 .kf_topbar5 .kf_top_info span{
		float: none;
		display: inline-block;
		width: 100%;
	}
	.kf_header_5 .kf_topbar5  .float-xs-right{
		width: 100%;
		text-align: center;
	}
	.kf_header_5 .kf_topbar5  .float-xs-right > div,
	.kf_header_5 .kf_topbar5  .float-xs-right > ul{
		float: none;
		display: inline-block;
		text-align: center;
		margin-bottom: -5px;
	}
	.kf_topbar5 .kf_sidr_btn a{
		float: left;
	}
	.kode_banner_4 .banner_caption h2{
		font-size: 40px;
		line-height: normal;
	}
	.kode_banner_4 .banner_caption p{
		margin-bottom: 30px;
	}
	.kf_header_5 .kode_navigation{
		float: right;
	}
	.kf_header_5 .kf_login_wrap{
		margin: 0;
		float: left;
	}
	.kf_header_5 .dl-menuwrapper{
		margin: 21px 0 0 20px;
	}
	.kf_header_5 .dl-menuwrapper .dl-menu{
		left: auto;
		right: 0;
	}

	.kf_categories_thumb .text{
		padding: 0 10px;
	}
	.kf_categories_thumb .thumb::before{
		display: none;
	}

	.kode-modren_services_wrap2 .thumb.opacity_effect {
	    display: none;
	}
	.kode-modren_services_wrap2 .kf_request_form{
		width: 100%;
		background-color: #f1f1f1;
	}
	/*
	.kf_main_heading{
		padding: 0 30px;
	}
	*/
	.projects_slider2.slick-dotted.slick-slider{
		margin: 0;
	}
	.kode_footer_2 .widget_text > p{
		font-size: 14px;
	}
	.kf_categories_thumb{
		margin-bottom: 30px;
	}
	/*Index 4 End*/
	#kode-parallax-wrapper-3::before{
		opacity: 1;
		background-color: #fff;
	}
	#kode-parallax-wrapper-5{
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}
	.latest_news li p{
		font-size: 13px;
	}
	.copy_right1.copy_right2 p{
		width: auto;
		margin: 0;
	}
	.kode-blog-listing .kode-blog-content,
	.kode-blog-listing .kode-thumbnail{
		width: 100%;
	}
	.kode-blog-listing .kode-blog-content{
		padding-right: 30px;
		padding-left: 30px;
	}
	.kf_team_medium{
		margin-bottom: 30px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	body .body-wrapper{
		width: 100%;
	}
	.hidden-sm{
		display: none;
	}
	/*.custom-sm-6{
		width: 50%;
	}
	*/
	.custom-sm-12{
		width: 100%;
	}
  
}
/*
=================================================
			FROM 768PX TO 979PX
=================================================
*/

@media (min-width: 768px) and (max-width: 979px) {
	
  
}
/*
=================================================
			FROM 0PX TO 767PX
=================================================
*/
@media (max-width: 767px) {
	body .body-wrapper{
		width: 100%;
	}
	.banner_bar_hd {
	    float: left;
	    margin: 0 0 10px ;
	    position: static;
	    transform: scale(1);
	   -o-transform: scale(1);
	    -ms-transform: scale(1);
	    -moz-transform: scale(1);
	    -webkit-transform: scale(1);
	    width: 100%;
	}
	.kode-traders-datail{
		border:none;
	}
	.banner_bar_hd p{
		width: 100%;
	}
	.banner_bar_hd:after,
	.banner_bar_hd:before{
		display: none;
	}
	.kf_banner_bar{
		padding: 38px 15px 43px 15px;
	}
	.kf_header_3 .logo {
	    float: left;
	    width: 40%;
	}
	.side_img p{
		display: none;
	}
	.custom-sm-6{
		width: 100%;
	}
	.kf_header_1 .kf_ticker{
		width: 100%;
	}
	.kf_header_1 .kf_top_bar .kf_location_btn{
		display: none;
	}
	.kf_header_1 .logo{
		width: 100%;
		text-align: center;
	}
	.kf_header_1 .logo a{
		float: none;
		display: inline-block;
		margin:0 auto 5px;
		width: auto; 
	}
	.kf_header_1 .kf_top_contact_wrap{
		width: 100%;
	}
	.kf_header_1 .kf_contact_dec{
		width: 50%;
		margin: 0;
	}

	.kode_banner_1 .banner_caption h2{
		margin:20px 0 0 0;
		font-size: 32px;
		line-height: 33px;
	}
	.kode_banner_1 .banner_caption p{
		display: none;
	}
	.kode_banner_1 .banner_caption .btn-1{
		display: none;
	}
	.kf_main_heading h3{
		font-size: 25px;
		margin-top: -6px;
	}
	.video_caption h4{
		font-size: 20px;
	}
	.kf_cp_services_small h5{
		float: left;
		width: 100%;
		padding: 0 15px;
	}
	.kf_cp_services_small h5 a{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		float: left;
		width: 100%;
	}
	.kf_cp_services_small{
		padding: 50px 0;
	}
	.kode_modren_services .kf_cp_services_small{
		width: 44.7%;
	}
	.copy_right1 .navigation ul li{
		margin-right: 10px;
	}
	.ka_intro_wrap .text{
		max-height: unset;
		overflow: visible;
		margin:0 0 30px; 
	}
	.mid_bar .kf_banner_bar{
		padding: 30px 0;
		text-align: center;
	}
	.mid_bar .kf_banner_bar p{
		margin: 0 0 20px;
	}
	.mid_bar .banner_bar_hd{
		float: left;
		width: 100%;
		text-align: center;
		position: relative;
		transform: translateY(0);
	}
	.kf_info_wrap .kode-contact-info{
		width: 100%;
		border-left: none;
		border-top: 1px solid #cecece;
	}
	.kode-pagination{
		padding: 20px;
	}
	.kode-pagination .page-numbers{
		margin: 0 10px 0 0;
	}
	.modal-dialog .widget_search{
		padding: 0 30px;
	}
	.innner_banner h3{
		font-size: 32px;
	}
	.kode-blog-listing .kode-thumbnail{
		width: 100%;
	}
	.kode-blog-listing .kode-blog-content{
		width: 100%;
		padding-left: 0;
	}
	.blog_meta_wrap{
		text-align: center;
	}
	.blog_meta_wrap .blog_tag_meta{
		margin: 0 0 0px;
	}
	.blog_meta_wrap .kf_social{
		float: none;
		display: inline-block;
	}
	.project-title{
		font-size: 22px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.kf_project_faced{
		position: relative;
	}
	.kf_project_faced .thumb,
	.kf_project_faced .slider-nav3{
		width: 100%;
	}
	.kf_project_faced_contant.block-nav {
	    position: relative;
	    float: left;
	    z-index: 2;
	    width: 100%;
	    background: rgba(255,255,255,0.8);
	}
	.kf_project_faced .thumb.block-video {
	    bottom: 0;
	    left: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	.kf_accordion span{
		font-size: 18px;
		padding-right: 40px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.kf_facts{
		padding: 0 0;
	}
	.kf_facts figure{
		width: 100%;
		margin: 0 0 20px;
	}
	.kf_facts .overflow_text{
		width: 100%;
		float: left;
	}
	.kf_facts .overflow_text p{
		font-size: 14px;
	}
	.kf_facts .overflow_text ul li a{
		font-size: 14px;
	}
	.kf_emply_info .kf_info_dec{
		width: 100%;
		padding: 0;
		border: none;
		margin: 0 0 30px;
	}
	.kf_emply_info .kf_info_dec:last-child{
		margin: 0;
	}
	/*Index 2 Start*/
	.kf_header_2 .kf_top_bar_2 .kf_top_info{
		text-align: center;
		width: 100%;
	}
	.kf_header_2 .kf_top_bar_2 .kf_top_info span{
		float: none;
		display: inline-block;
		margin: 0 5px -5px;
	}
	.kf_header_2 .kf_lung_btn{
		text-align: center;
		width: 100%;
	}
	.kf_header_2 .kf_lung_btn .dropdown{
		display: inline-block;
		width: auto;
	}
	.kf_lung_btn .dropdown_button{
		padding: 6px 15px 6px;
	}
	.kode_banner_2 .banner_caption p{
		display: none;
	}
	.kode_banner_2 .banner_caption h2{
		font-size: 26px;
	}
	.kode_banner_2 .banner_caption{
		-webkit-transform: translateY(61%);
		-moz-transform: translateY(61%);
		-ms-transform: translateY(61%);
		-o-transform: translateY(61%);
		transform: translateY(61%);
	}
	.kode_banner_2 .banner_caption .btn-1{
		padding: 6px 20px;
	}
	.kf-fancy_services > span{
		font-size: 60px;
	}
	.kf_progress_fancy{
		background-image: none;
	}
	.kf_intro_wrap > div{
		width: 100%;
	}
	.kf_icon_wrap{
		padding: 20px 0;
	}
	.kf_icon_wrap .kf_icon_thumb{
		width: 50%;
	}
	.kf_icon_thumb::before {
	    border: 1px solid #fff;
	    width: 100%;
	    height: 100%;
	    background: transparent;
	    bottom: 0 ;
	    top: 0;
	    opacity: 0.1;
	    display: block !important;
	}
	.team_modren_list > li {
	    width: 50%;
	}
	.kf_video_wrap2 .video_caption h4{
		font-size: 29px;
	}
	.mid_bar .kf_banner_bar h4 {
	    margin: 0 0 20px !important;
	}
	.kode-blog-2 .blog-meta-list li {
	    margin: 0 0 0 15px;
	}
	/*Index 2 End*/
	/*Index 3 Start*/
	.kf_header_3{
		position: static;
		background-color: #666;
	}
	.kf_header_3 .kf_login_wrap .btn-1{
		margin: 0 0 0 8px;
	}
	.kode_banner_3 .banner_caption h2{
		font-size: 36px;
	}
	.kode_banner_3 .banner_caption{
		-webkit-transform: translateY(50%);
		-moz-transform: translateY(50%);
		-ms-transform: translateY(50%);
		-o-transform: translateY(50%);
		transform: translateY(50%);
	}
	.kf_counter_modren_wrap > div{
		width: 50%;
	}
	.kf_practices_list .overflow_text{
		padding: 16px 0 0 0;
	}
	.kf_practices_list figure{
		width: 150px;
		height: 150px;
	}
	.kf_cases_wrap .kf_fancy_heading2{
		padding: 0;
	}
	.kf_fancy_heading2 p{
		padding: 0;
		font-size: 14px;
	}
	.kf_cases_slider{
		padding-left: 15px;
		padding-right: 15px;
	}
	.kf_history_timeline_contant.float-md-right,
	.kf_history_timeline_contant{
		width: 100%;
		padding:0;
		text-align: center;
	}
	.kf_history_timeline_contant.float-md-right figure,
	.kf_history_timeline_contant figure{
		float:none;
		top: auto;
		left: auto;
		right: auto;
		display: block;
		margin:0 auto 15px;
		position: static;
		height: 150px;
		width: 150px;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	.kf_history_timeline::before,
	.kf_history_timeline_contant:before,
	.kf_history_timeline_contant.float-md-right::before{
		display: none;
	}
	.kf_cases_wrap .slider_row.row{
		margin: 0;
		float: left;
		width: 100%;
	}
	/*Index 3 End*/
	/*Index 4 Start*/
	.kf_topbar5 .kf_top_info span{
		font-size: 12px;
		padding: 11px 10px 12px;
	}
	.kf_header_5 .kf_topbar5 .kf_top_info .time{
		display: none;
	}
	.kf_header_5 .kf_topbar5 div.kf_location_btn{
		display: none;
	}
	.kf_header_5 .logo{
		line-height: 0;
		width: 100%;
	}
	.kf_header_5 .logo a{
		width: 100%;
		text-align: center;
	}
	.kf_header_5 .logo a img{
		float: none;
		width: auto;
	}
	.kf_header_5 .kf_logo_wrap .float-xs-right{
		width: 100%;
	}
	.kf_header_5 .kf_login_wrap .kf_login_wrap{
		float: left;
		margin: 0;
	}
	.kode_banner_4 .banner_caption{
		width: 100%;
	}
	.kode_banner_4 .banner_caption h2{
		font-size: 32px;
	}
	.kf_categories_wrap .kf_categories_thumb{
		margin: 0 0 15px;
	}
	.kf_categories_wrap .kf_categories_thumb .text > span{
		height: 70px;
		font-size: 70px;
		line-height: 70px;
	}
	.kf_categories_wrap .kf_categories_thumb h5{
		font-size: 24px;
	}
	.kf_categories_wrap .kf_categories_thumb p{
		font-size: 18px;
		margin: 0 0 32px;
	}
	.kf_categories_wrap .kf_categories_thumb .thumb::before{
		display: block;
		transition: all 0.3s ease-in-out;
	}
	.kf_categories_wrap .kf_categories_thumb:hover .thumb::before{
		display: none;
	}
	.kode-modren_services_wrap2 .kf_request_form{
		padding: 50px 15px;
	}
	.projects_slider2_contant h6{
		padding: 10px;
	}
	/*Index 4 End*/
	#kode-parallax-wrapper-3::before {
	    background-color: #fff !important;
	    left: 0 !important;
	    opacity: 1 !important;
	    right: 0 !important;
	    width: 100% !important;
	}
	#kode-parallax-wrapper-5{
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}
	.latest_news li p{
		font-size: 13px;
	}
	.copy_right1.copy_right2 p{
		width: auto;
		margin: 0;
	}
}
/*
=================================================
			FROM 0PX TO 0PX
=================================================
*/
@media (max-width: 480px) {
	body .body-wrapper{
		width: 100%;
	}
	.kf_header_1 .kf_ticker > span{
		width: 100%;
		padding: 6px 0 0;
		text-align: center;
	}
	.kf_header_1 .kf_ticker_slider{
		width: 100%;
		padding: 5px 0 10px;
	}
	.kf_header_1 .kf_top_contact_wrap{
		display: none;
	}
	.kf_header_1 .logo a{
		float: left;
		width: 100%;
		margin:0; 
		line-height: .1;
		text-align: center;
	}
	.kf_header_1 .logo a img{
		float: none;
		width: auto;
	}
	.kode_banner_1 .banner_caption{
		display: none;
	}
	.kf_main_heading h3{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.kf_cp_services ul li{
		width: 100%;
	}
	.kf_cp_video .video_caption{
		width: 100%;
	}
	.kf_medium_services_content .services_title a {
	    overflow: hidden;
	    padding-left: 40px;
	    padding-right: 40px;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.kf_testimonial p{
		font-size: 14px;
	}
	.kode_modren_services .kf_cp_services_small {
	    width: 100%;
	    margin: 0 0 30px 0;
	}
	.kode-modren_services_wrap .kf_request_form{
		padding: 50px 15px;
	}
	.kode_inputs .kf_commet_field{
		width: 100%;
		margin: 0 0 30px;
	}
	.kode_inputs{
		margin: 0;
	}
	.kf_testimonial_slider1 .slick-arrow{
		top: 33%;
	}
	.kode-blog-medium .blog-title{
		font-size: 18px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.blog-meta-list li{
		margin-left: 10px;
	}
	.ka_intro_wrap .text p{
		font-size: 15px;
	}
	.kf_location_map::before{
		display: none;
	}
	.kf_location_map #map-canvas{
		height: 310px;
		width: 100%;
	}
	.contact-form .kf_commet_field{
		width: 100%;
		padding: 0;
	}
	.innner_banner h3{
		font-size: 22px;
	}
	.kode-pagination{
		padding: 10px;
	}
	.kode-pagination .page-numbers {
	    font-size: 13px;
	    height: 26px;
	    line-height: 23px;
	    margin: 0 5px 0 0;
	    width: 26px;
	}
	.widget-recent .kf_recent .overflow_text h6 a{
		float: left;
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.widget-recent .kf_recent .overflow_text p {
	    float: left;
	    font-size: 14px;
	    margin: 0;
	    max-height: 62px;
	    overflow: hidden;
	}
	.kode-blog-detail .blog-title a{
		font-size: 16px;
	}
	.blog_nav a{
		width: 140px;
		height: 140px;
		line-height: 140px;
	}
	.kode-user-comment{
		text-align: left;
	}
	.kode-user-comment figure{
		margin: 0 0 20px 0;
	}
	.kode-user-comment-content{
		width: 100%;
		padding: 0;
	}
	.kode-user-comment-content span{
		padding: 0;
		font-size: 15px;
	}
	.blog_meta_wrap{
		padding-right: 10px;
		padding-left: 10px;
	}
	.kode-comments ul ul{
		padding-left: 20px;
	}
	.kode-comment-form .kf_commet_field{
		width: 100%;
		padding: 0;
	}
	.kf_challeng h6{
		font-size: 14px;
		margin-top: -3px;
	}
	.kf_challeng p{
		font-size: 14px;
	}
	.brochures_link{
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.brochures_link .btn-1{
		left: -19px;
	}
	.services_list a{
		font-size: 14px;
	}
	.kf_founder_wrap .overflow_text h3{
		font-size: 22px;
		margin: 0 0 20px;
	}
	.kf_founder_wrap .overflow_text p{
		font-size: 14px;
	}
	.kf_emply_info .info_list li{
		width: 100%;
	}
	.kf_progress{
		padding: 20px;
	}
	.skill-progress .progressbars.progress_single > span,
	.skill-progress > span{
		font-size: 16px;
	}
	.hire-form .kf_commet_field{
		width: 100%;
		padding: 0;
	}
	.hire-form .kode-left-comment-sec{
		margin: 0;
	}
	/*Index 2 Start*/
	.kode_banner_2 .banner_caption{
		display: none;
	}
	.kf_icon_wrap .kf_icon_thumb{
		width: 100%;
	}
	.kf_fancy_heading h3{
		font-size: 26px;
	}
	.kf_practices_title{
		margin: 0 0 40px;
	}
	.kf_practices_contant .text{
		text-align: center;
	}
	.kf_practices_contant .text p{
		display: none;
	}
	.kf_timeline_contant p{
		display: none;
	}
	.team_modren_list > li {
	    width: 100%;
	}
	.team_modren_list{
		padding: 0 15px;
	}
	.kf_video_wrap2 .video_caption h4{
		font-size: 20px;
	}
	.kf_video_wrap2 .video_caption p{
		font-size: 16px;
	}
	.kode-blog-2 .blog2-title h6{
		font-size: 20px;
	}
	/*Index 2 End*/
	/*Index 3 Start*/
	.kf_header_3 .logo{
		width: 100%;
		margin: 0 0 15px;
		text-align: center;
	}
	.kf_header_3 .kf_logo_wrap{
		padding: 20px 0;
	}
	h1.logo{
		line-height: 0;
	}
	.kf_header_3 .logo a{
		float: none;
	}
	.kf_header_3 .logo img{
		float: none;
		width: auto;
		display: inline-block;
	}
	.kf_header_3 .kf_login_wrap{
		width: 100%;
		text-align: center;
	}
	.kf_header_3 .kf_login_wrap .btn-1:fist-child{
		margin: 0;
	}
	.kode_banner_3 .banner_caption{
		display: none;
	}
	.facny_title2 h5{
		font-size: 20px;
		line-height: normal;
	}
	.kf_counter_modren_wrap > div{
		width: 100%;
	}
	.kf_fancy_heading2 h3{
		font-size: 28px;
	}
	.kf_practices_list .overflow_text{
		width: 100%;
		float: left;
	}
	.kf_practices_list{
		border-radius: 0;
	}
	.kode-blog-medium2 .blog-meta-list li a i{
		display: none;
	}
	.kf_contant h6{
		font-size: 30px;
		line-height: normal;
	}
	/*Index 3 End*/
	/*Index 4 Start*/
	.kf_header_5 .kf_topbar5 .kf_top_info span{
		border: none;
	}
	.kf_header_5 .kf_topbar5 .social_links{
		margin-right: 0;
	}
	.kf_header_5 .search-icon{
		display: none;
	}
	.kf_login_wrap .btn-1{
		padding:5px 10px;
	}
	.kf_header_5 .dl-menuwrapper{
		margin-top: 0;
		margin-bottom: 15px;
	}
	.kf_header_5 .kf_login_wrap{
		padding:3px 0;
		margin-bottom: 15px;
	}
	.kode_banner_4 .banner_caption{
		display: none;
	}
	.kf_categories_wrap .kf_categories_thumb .text > span{
		height: 35px;
		line-height: 35px;
		width: 100%;
		font-size: 35px;
	}
	.kf_categories_wrap .kf_categories_thumb .text{
		padding: 0 10px;
	}
	.kf_categories_wrap .kf_categories_thumb::before{
		display: none;
	}
	.kf_categories_thumb p,
	.kf_categories_wrap .kf_categories_thumb p {
	    display: none;
	}
	.kf_categories_wrap .kf_categories_thumb .btn-1{
		padding: 5px 20px;
	}
	.kf_categories_wrap .kf_categories_thumb h5{
		margin-bottom: 15px;
	}
	.copy_right2 .go-up{
		-webkit-transform: translateY(-170%);
		-moz-transform: translateY(-170%);
		-ms-transform: translateY(-170%);
		-o-transform: translateY(-170%);
		transform: translateY(-170%);
	}
	/*Index 4 End*/
	.kf_header_5 .kf_sidr_btn,
	.kf_header_1 .kf_sidr_btn{
		display: none !important;
	}
	.copy_right2.copy_right1 .go-up{
		position: fixed;
		bottom: 75px;
		right: 30px;
	}
	.kf_projects .kode-readmore{
		margin-top: 6px;
	}
	.brochures_link{
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.services-detail-title{
		font-size: 26px;
	}
	blockquote{
		padding: 68px 30px 72px !important;
	}
	.kode-financial-error404 h2{
		font-size: 140px;
		line-height: 100px;
	}
	.dl-menuwrapper .dl-menu{
		width: 230px;
	}
	.kode-user-comment{
		text-align: center;
	}
	.kode-user-comment figure{
		display: inline-block;
		float: none;
	}
	.kode-user-comment-content h5{
		font-size: 16px;
	}
}