@media (max-width:1366px) {
     .kode_donate_des {
         padding:27px 60px 33px 
    }
     .kode_cause_des {
         padding:84px 100px 
    }
     .kode_cause_wrap {
         background-size:cover 
    }
}
 
@media screen and (min-width:992px) and (max-width:1199px) {
     .kode_top_info>ul>li {
         padding:0 9px 
    }
     .navigation>ul>li {
         margin-left:0 
    }
     .kode_client_wrap.client_3 .slick-dots {
         display:none!important 
    }
     .kode_mosque_des {
         margin-right:9px 
    }
     .kode_mosque_item p {
         margin-bottom:7px 
    }
     .koed_event_timer figcaption h5, .mediume_text {
         margin-bottom:10px 
    }
     .kode_donate_des {
         padding:27px 40px 33px 
    }
     .kode_event_text h6 {
         font-size:14px 
    }
     .widget_social_icon li {
         margin-right:7px 
    }
     .kode_service_text .right_arrow {
         margin-top:-25px 
    }
     .kode_amount_list span {
         margin-right:5px;
         height:55px;
         width:55px;
         line-height:55px 
    }
     .koed_event_timer figcaption ul li {
         margin-right:20px 
    }
     .koed_event_timer figcaption ul li span {
         font-size:24px 
    }
     .koed_event_timer figcaption ul li p {
         font-size:12px 
    }
     .large_text {
         font-size:40px 
    }
     .small_text {
         margin-bottom:18px 
    }
     .large_text:after, .large_text:before {
         left:100px 
    }
     .large_text:before {
         right:100px;
         left:auto 
    }
     .kode_banner_text {
         margin-top:-170px 
    }
    .medium_btn, .small_btn {
		font-size: 12px;
		padding: 11px 11px;
	}
     .kode_gallery3_wrap.wrap_2, .kode_team_wrap {
         padding:80px 0 130px 
    }
     .kode_gallery3_wrap .slick-next, .kode_gallery3_wrap .slick-prev {
         bottom:-320px;
         left:-55px;
         margin:auto;
         right:0;
         text-align:center 
    }
     .kode_gallery3_wrap .slick-next {
         right:-100px 
    }
     .kode_team_wrap .slick-next.slick-arrow {
         right:-60px 
    }
     .kode_team_wrap .slick-next, .kode_team_wrap .slick-prev {
         left:0;
         margin:auto;
         text-align:center;
         right:50px;
         bottom:-370px 
    }
     .kode_pray_fig figure {
         margin-top:10px 
    }
     .kode_doantion_amount .kf_commet_field {
         width:32%;
         margin-bottom:0 
    }
     .kode_doantion_amount .kf_commet_field input {
         width:100%;
         height:55px 
    }
     .checkbox_radio label {
         padding-left:13px 
    }
     .radio_points li {
         margin-right:12px 
    }
     .kode_cause_des {
         padding:84px 18px 
    }
     .kode_product_list {
         margin-top:100px 
    }
     .kode_top2_info li {
         padding:11px 11px 9px 
    }
     .kode_top2_icon>ul>li {
         padding:20px 15px 16px 
    }
     .kode_top2_info {
         width:60% 
    }
     .kode_top2_icon {
         width:37% 
    }
     .header .navigation>ul>li {
         margin-left:10px 
    }
     .header .top_logo {
         margin-right:20px 
    }
     .kode_blog_des.des_2 .kode_meta li a i, .kode_navi_icon li {
         margin-right:6px 
    }
     .kode_banner2_fig {
         left:60%;
         width:30% 
    }
     .kode_banner_wrap.banner2 .kode_banner_text {
         margin-left:-380px 
    }
     .kode_gallery_fig.fig_2 {
         width:48.7% 
    }
     .kode_gallery_list {
         float:left;
         width:50% 
    }
     .kode_calender_detail.detail_2 .kode_event_text h4 {
         font-size:16px 
    }
     .kode_calender_detail.detail_2 .kode_event_text p {
         font-size:12px 
    }
     .kode_404_text h2 {
         font-size:345px 
    }
     .kode_404_wrap {
         padding:270px 0 280px 
    }
     .kode_counter_mosque {
         margin-bottom:26px 
    }
     .kode_Philosophy_wrap .slick-dots {
         width:130px 
    }
     .kode_client_text p:before {
         right:56px 
    }
     .kode_mosque_des:last-child {
         display:block 
    }
     .kode_mosque_des {
         margin-bottom:20px 
    }
     .kode_blog_des.des_2 .kode_blog_text h4 a, .kode_blog_des.des_2 .kode_blog_text h4 a span {
         display:inline 
    }
     .event_studium, .kode_detail_fig_text p:last-child, .kode_text_list {
         display:none 
    }
     .kode_blog_des.des_2 .kode_blog_text h4 {
         padding:0 20px 15px 
    }
     .kode_blog_des.des_2 .kode_blog_caption {
         padding:15px 20px 0 
    }
     .kode_blog_des.des_2 .kode_meta.meta_2 li a {
         font-size:13px 
    }
     .kode_blog_des.des_2 .kode_blog_text .share_link {
         right:20px 
    }
     .donate_btn {
         padding:11px 0 9px 
    }
     .kode_blog_detail_text h3 {
         font-size:25px 
    }
     .kode_comments .kf_commet_field {
         width:47.7% 
    }
     .kode_coming_soon_wrap {
         padding:290px 0 
    }
     .kode_event_detail li {
         padding:25px 20px 
    }
     .event_date {
         padding-right:20px 
    }
     .kode_event_detail .kode_calender_list .kode_event_text {
         padding:0 0 0 20px 
    }
     .kode_event_ticket .medium_btn {
         margin-left:10px 
    }
     .kode_event_detail .kode_calender_list .kode_event_text h4 {
         font-size:18px 
    }
     .kode_event_ticket {
         float:right;
         padding:29px 0 
    }
     .event_detail_list.list_2 {
         padding-left:23px 
    }
     .kode_event_speaker_text {
         margin-left:20px;
         padding:16px 0 4px 20px 
    }
     .sidebar_add figcaption {
         padding:30px 0 
    }
     .kode_coming_event_text h5 {
         font-size:16px 
    }
     .kode_event_speakar_fig {
         margin-right:20px 
    }
     .kode_blog_text {
         padding:17px 28px 18px 30px 
    }
     .kode_portfolio_text h6 {
         font-size:12px;
         margin-bottom:6px 
    }
     .kode_portfolio_text h4 {
         font-size:18px 
    }
     .kode_project_text {
         padding:27px 15px 23px 
    }
     .kode_project_dollar a {
         font-size:12px 
    }
     .kode_project_text h4 {
         font-size:13px 
    }
     .kode_project_text h5 {
         font-size:16px 
    }
     .kode_donors_text h5 {
         font-size:17px 
    }
     .kode_portfolio_des.des_2 .kode_attorney_detail_skill .bar {
         width:180px!important 
    }
     .kode_portfolio_des.des_2 .kode_project_text h4 {
         margin-bottom:20px 
    }
     .kode_portfolio_des.des_2 .kode_project_dollar {
         margin-bottom:5px 
    }
     .kode_attorney_detail_skill .progressbar {
         margin:0 auto 10px 
    }
     .kode_portfolio_des.des_2 .kode_project_text p {
         margin-bottom:10px 
    }
     .kode_portfolio_des.des_2 .kode_project_text {
         padding:20px 30px 
    }
     .kode_service_text h4 {
         font-size:16px 
    }
     .kode_service_form {
         padding:75px 30px 80px 
    }
     .kode_comments .kf_commet_field {
         margin-right:10px 
    }
     .kode_service_search_feild {
         background-size:cover;
         background-image:url(https://ciln.cberuk.com/images/service_bg1.png) 
    }
     .kode_event_text.text_2 h6 {
         font-size:11px 
    }
     .siderbar_categories {
         padding:27px 20px 30px 
    }
     .kode_team_fig .siderbar_categories a {
         font-size:12px 
    }
}
 @media (max-width:991px) {
     .kode_text_list, .kode_top_info li:nth-child(2), .top_icon_fig {
         display:none 
    }
     .kode_top_wrap .col-md-6 {
         width:50% 
    }
     .top_logo, .top_time_circle {
         width:100%;
         text-align:center 
    }
     .kode_top_right_text .comment-form {
         border-left:none;
         float:left;
         padding-left:0 
    }
     .kode_newsletter_form .kf_commet_field {
         position:relative 
    }
     .kode_newsletter_form .kf_commet_field button {
         position:absolute;
         top:2px;
         right:1px;
         padding:8px 11px 
    }
     .kode_donate_des, .kode_service_form, .top_logo {
         position:relative 
    }
     .top_logo {
         float:none;
         margin:auto auto 20px 
    }
     .top_time_circle ul li {
         float:none;
         display:inline-block 
    }
     .navigation>ul>li>a {
         display:inline-block;
         padding:16px 8px 15px;
         font-size:14px 
    }
     .kode_pray_wrap .col-md-5, .kode_top2_info li:last-child, .small_text {
         display:none 
    }
     .navigation>ul>li {
         margin-left:0 
    }
     .pager_link img {
         height:50px;
         width:80px 
    }
     .pager_link a {
         margin-right:9px 
    }
     .kode_banner_text {
         margin-top:-110px 
    }
     .large_text {
         font-size:40px 
    }
     .large_text:after, .large_text:before {
         left:100px 
    }
     .large_text:before {
         right:100px;
         left:auto 
    }
     .medium_btn, .small_btn {
         font-size:11px;
         padding:11px 11px 
    }
     .kode_mosque_des {
         margin-bottom:20px 
    }
     .kode_mosque_des, .kode_mosque_fig figure {
         width:100% 
    }
     .kode_counter_mosque li h6 {
         font-size:13px 
    }
     .kode_pillars_text {
         padding:12px 46px 14px;
         width:365px 
    }
     .kode_pillars_row {
         width:680px 
    }
     .left_center, .right_center {
         left:44px 
    }
     .right_center {
         right:50px;
         left:auto 
    }
     .left_bottom, .right_bottom {
         left:-30px 
    }
     .right_bottom {
         left:auto;
         right:-32px 
    }
     .kode_pillars_text:before {
         top:-162px;
         left:-143px;
         right:-155px 
    }
     .kode_service_text h4 {
         font-size:14px 
    }
     .kode_service_text {
         padding:42px 13px 24px;
         position:relative 
    }
     .kode_service_text .right_arrow {
         margin-top:-25px 
    }
     .kode_service_text p {
         font-size:12px 
    }
     .kode_service_des:hover .kode_service_text .right_arrow {
         right:20px 
    }
     .kode_pray_wrap .col-md-7 {
         width:100% 
    }
     .kode_gallery3_des {
         width:32.9% 
    }
     .kode_gallery3_fig.fig_2 {
         width:30.9% 
    }
     .kode_gallery3_wrap .slick-next, .kode_gallery3_wrap .slick-prev {
         bottom:-320px;
         left:-55px;
         margin:auto;
         right:0;
         text-align:center 
    }
     .kode_gallery3_wrap .slick-next {
         right:-100px 
    }
     .kode_gallery3_wrap.wrap_2 {
         padding:80px 0 130px 
    }
     .kode_blog_wrap .col-md-4, .kode_blog_wrap .col-md-8, .kode_cause_des, .kode_cause_wrap.them_overlay:before, .kode_client_wrap .col-md-4, .kode_client_wrap .col-md-8, .kode_donate_des {
         width:100% 
    }
     .kode_cause_wrap:after {
         width:auto 
    }
     .checkbox_radio label, .kode_amount_list span, .kode_doantion_amount h4, .kode_donation_row .chosen-container-single .chosen-single span {
         color:#fff 
    }
     .kf_commet_field input[type=text]::-moz-placeholder, .kode_doantion_amount .kf_commet_field input[type=text]::-moz-placeholder {
         color:#fff 
    }
     .kode_cause_des {
         padding:40px 60px 
    }
     .kode_blog_text {
         padding:18px 28px 17px 30px 
    }
     .kode_blog_list {
         margin-bottom:50px 
    }
     .koed_event_timer figcaption {
         top:auto 
    }
     .koed_event_timer figcaption ul li {
         margin-right:70px 
    }
     .koed_event_timer figcaption h5 {
         margin-bottom:36px 
    }
     .widget_event .kode_event_text h6 {
         font-size:11px 
    }
     .widget_social_icon li {
         margin-bottom:10px;
         margin-right:9px 
    }
     .kode_team_wrap .slick-next, .kode_team_wrap .slick-prev {
         bottom:-280px;
         left:-55px;
         margin:auto;
         right:0;
         text-align:center 
    }
     .kode_team_wrap .slick-next {
         right:-100px 
    }
     .kode_top2_icon {
         width:50.9% 
    }
     .kode_top2_info {
         width:48% 
    }
     .kode_top2_info li:nth-child(2) {
         border-right:medium none 
    }
     .kode_top2_info li {
         padding:11px 12px 9px 
    }
     .header .navigation {
         width:auto;
         float:right;
         padding:12px 0 1px 
    }
     .header .dl-menuwrapper {
         display:inline-block 
    }
     .header .dl-menuwrapper>ul {
         background-color:#000;
         color:#fff;
         right:100%;
         width:200px 
    }
     .header .dl-menuwrapper>ul>li a {
         padding:6px 15px;
         display:block;
         font-size:15px;
         font-weight:400 
    }
     .header .dl-menuwrapper>ul>ul {
         padding:5px 0 
    }
     .header .dl-menuwrapper>ul>ul>li a {
         padding:6px 20px;
         font-size:15px 
    }
     .header .dl-menuwrapper li.dl-back:after {
         left:5px;
         transform:rotate(180deg) 
    }
     .header .navigation>ul {
         display:none 
    }
     .header .top_logo {
         width:auto;
         float:left;
         margin-bottom:0 
    }
     .kode_navi_icon {
         float:left;
         padding:17px 0 13px;
         width:62%;
         text-align:center 
    }
     .kode_navi_icon li {
         display:inline-block;
         float:none 
    }
     .kode_building_wrap .col-md-3, .kode_mosque2_text>p:first-child {
         display:none 
    }
     .kode_banner_wrap.banner2 .kode_banner_text {
         margin-left:-270px;
         margin-top:-78px 
    }
     .kode_banner2_fig {
         left:56%;
         width:30% 
    }
     .kode_banner_wrap.banner2 .kode_banner_text .large_text {
         font-size:34px 
    }
     .kode_mosque2_fig .them_overlay:before {
         left:-3px 
    }
     .kode_mosque2_fig figure:after {
         transform:skew(-17deg) translate(24px) 
    }
     .kode_pillars_wrap.pillare_2 .left_center, .kode_pillars_wrap.pillare_2 .right_center {
         bottom:293px;
         left:48px 
    }
     .kode_pillars_wrap.pillare_2 .right_center {
         right:48px;
         left:auto 
    }
     .kode_pillars_wrap.pillare_2 .left_bottom, .kode_pillars_wrap.pillare_2 .right_bottom {
         left:0;
         right:auto 
    }
     .kode_pillars_wrap.pillare_2 .right_bottom {
         right:0;
         left:auto 
    }
     .kode_building_wrap .col-md-9 {
         width:100% 
    }
     .kode_gallery_list.list_2 {
         width:47.9% 
    }
     .kode_gallery_fig.fig_2 {
         width:48% 
    }
     .kode_blog_madium_wrap.detail .col-md-4, .kode_blog_madium_wrap.detail .col-md-8, .kode_blog_madium_wrap.wrap_2 .col-md-4, .kode_blog_madium_wrap.wrap_2 .col-md-8, .kode_event_wrap .col-md-5, .kode_event_wrap .col-md-7, .kode_mosques_wrap .col-md-6 {
         width:100% 
    }
     .kode_event_row {
         margin-bottom:50px 
    }
     .kode_404_text h2 span {
         display:inline-block;
         font-size:207px;
         margin:0 -30px;
         top:27px 
    }
     .kode_404_text h2 {
         font-size:225px 
    }
     .kode_404_text h3 {
         font-size:64px 
    }
     .kode_404_wrap {
         padding:170px 0 180px 
    }
     .kode_mosque_row.mosque {
         margin-bottom:30px 
    }
     .kode_counter_mosque li {
         text-align:left 
    }
     .kode_client_wrap.client_3 .kode_client_text p::before {
         right:10px 
    }
    .medium_btn, .small_btn {
		font-size: 12px;
		padding: 11px 11px;
	}
     .kode_client_wrap.client_3 .kode_client_text p::after {
         left:-16px 
    }
     .kode_client_wrap.client_3 .slick-dots {
         display:none!important 
    }
     .kode_blog_des.des_2 .kode_blog_text h4 a, .kode_blog_des.des_2 .kode_blog_text h4 a span, .kode_event_detail .kode_calender_list .kode_event_text p span {
         display:inline 
    }
     .kode_blog_text h4 {
         font-size:15px 
    }
     .kode_blog_des.des_2 .kode_blog_text h4 {
         padding:0 15px 15px;
         line-height:22px 
    }
     .kode_blog_des.des_2 .kode_meta.meta_2 li a {
         font-size:12px 
    }
     .kode_blog_des.des_2 .kode_meta.meta_2 li:last-child {
         padding-left:0 
    }
     .sidebar-widget .kode_search .kf_commet_field input[type=text]::-moz-placeholder {
         color:#999 
    }
     .sidebar_add figcaption {
         margin-top:-100px;
         top:50%;
         padding:0 
    }
     .kode_coming_text {
         width:684px 
    }
     .kode_contact_field .kf_commet_field input[type=text]::-moz-placeholder {
         color:#999 
    }
     .kode_contact_service ul li {
         margin-right:4px;
         width:100% 
    }
     .event_studium, .kode_portfolio_des.des_2 .kode_project_text p {
         display:none 
    }
     .kode_event_detail li {
         padding:25px 20px 
    }
     .kode_event_detail .kode_calender_list .kode_event_text h4 {
         font-size:16px 
    }
     .kode_event_detail .kode_calender_list .kode_event_text {
         width:270px;
         padding:0 0 0 20px 
    }
     .kode_event_detail .kode_calender_list {
         padding-left:20px 
    }
     .event_date {
         padding-right:20px 
    }
     .kode_event_ticket .medium_btn {
         margin-left:0 
    }
     .kode_event_ticket {
         float:right;
         padding:25px 0 
    }
     .kode_event_wrap .col-md-4, .kode_event_wrap .col-md-8 {
         width:100% 
    }
     .kode_event_speakar_fig {
         margin-right:20px 
    }
     .kode_comments.comment_2 {
         margin-bottom:40px 
    }
     .kode_comments.comment_2 .kf_commet_field input[type=text]::-moz-placeholder {
         color:#999 
    }
     .kode_blog_madium_wrap .col-md-3 {
         width:50%;
         float:left 
    }
     .kode_portfolio_detail ul li {
         margin-right:10px 
    }
     .kode_project_text {
         padding:27px 15px 23px 
    }
     .kode_project_dollar a {
         font-size:12px 
    }
     .kode_project_text h4 {
         font-size:13px 
    }
     .kode_attorney_detail_skill .bar {
         width:200px!important 
    }
     .kode_project_text .social_meta li {
         margin-right:7px 
    }
     .kode_social_share>a {
         margin-right:10px 
    }
     .kode_portfolio_des.des_2 .kode_project_text {
         padding:20px 15px 11px 
    }
     .kode_blog_madium_wrap.detail.width_res .col-md-4, .kode_blog_madium_wrap.wrap_2.width_res .col-md-4 {
         width:33.3% 
    }
     .kode_blog_madium_wrap.detail.width_res .kode_service_text .right_arrow {
         margin-top:-35px 
    }
     .kode_blog_madium_wrap.detail.width_res .kode_service_text p {
         font-size:11px 
    }
     .kode_service_form, .kode_service_search_feild.them_overlay:before, .kode_service_search_feild:after {
         width:100% 
    }
     .kode_service_search_feild {
         background-size:cover;
         background-image:url(https://ciln.cberuk.com/images/service_bg1.png) 
    }
     .kode_service_form {
         padding:75px 49px 80px;
         z-index:999 
    }
     .kode_team_fig .siderbar_categories {
         padding:17px 15px 55px 
    }
     .kode_team_fig .sidebar_title.title_2 {
         font-size:14px;
         margin-bottom:14px 
    }
     .kode_side_contact_text a i {
         height:36px;
         line-height:36px;
         margin-right:5px;
         width:35px 
    }
     .kode_side_contact_text a {
         font-size:11px 
    }
     .kode_team_profile .event_detail_list li a {
         width:auto;
         font-size:13px 
    }
     .event_detail_list.list_2 {
         padding-left:8px 
    }
     .kode_detail_date .event_detail_list {
         border-right:none 
    }
     .kode_team_wrap {
         padding:100px 0 120px 
    }
     .kode_top2_icon .kode_donate_des .checkbox_radio label, .kode_top2_icon .kode_donate_des .chosen-single span, .kode_top2_icon .kode_donate_des .kode_amount_list span, .kode_top2_icon .kode_donate_des .kode_doantion_amount h4 {
         color:#333 
    }
     .kode_top2_icon .kode_donate_des .kf_commet_field input[type=text]::-moz-placeholder {
         color:#333 
    }
     .kode_client_text p:before {
         right:-200px 
    }
     .kode_client_text p:after, .kode_client_text p:before {
         left:-7px 
    }
}
 @media (max-width:767px) {
     .hidden-md{display:none!important}
     .kode_building_des, .kode_counter_mosque li, .kode_mosque_text, .kode_newsletter_des, .kode_pray_text {
         text-align:center 
    }
     .kode_top_wrap .col-md-6 {
         width:100% 
    }
     .kode_top_info {
         float:left;
         width:auto 
    }
     .kode_top_info>ul>li {
         padding:0 9px 
    }
     .top_time_circle ul li {
         margin-left:14px 
    }
     .kode_mosque_des:last-child {
         display:block 
    }
     .kode_banner_wrap .bx-wrapper img {
         height:300px 
    }
     .kode_banner_wrap .bx-viewport {
         height:auto 
    }
     .kode_mosque_row {
         margin-bottom:40px 
    }
     .kode_mosque_text .section_hdg img {
         display:block;
         float:none;
         margin:auto 
    }
     .kode_amount_list>span:last-child, .kode_client_text p:after, .kode_client_text p:before, .kode_pillars_text>p, .navigation ul {
         display:none 
    }
     .kode_pillars_row {
         width:380px 
    }
     .kode_pillars_text {
         padding:12px 15px 13px;
         width:235px 
    }
     .kode_pillars_item li a {
         width:90px;
         height:90px;
         padding:15px 0 
    }
     .kode_blog_fig figure, .kode_client_wrap .kode_product_list .slick-track, .kode_top2_icon {
         width:100% 
    }
     .kode_pillars_item li a h6 {
         font-size:14px 
    }
     .kode_pillars_text::before {
         left:-88px;
         right:-85px;
         top:-122px 
    }
     .left_center, .right_center {
         bottom:180px;
         left:14px;
         position:absolute;
         z-index:9999 
    }
     .right_center {
         right:14px;
         left:auto 
    }
     .left_center:after, .right_center:after {
         top:11px 
    }
     .center:after {
         right:47px;
         top:92px 
    }
     .right_bottom {
         left:auto;
         right:-40px 
    }
     .left_bottom {
         left:-40px 
    }
     .left_bottom:after {
         bottom:-17px;
         left:auto;
         right:-62px 
    }
     .right_bottom:after {
         left:-57px 
    }
     .kode_pray_text h2 {
         font-size:30px 
    }
     .kode_gallery3_wrap .slick-next, .kode_gallery3_wrap .slick-prev {
         bottom:-250px 
    }
     .kode_team_wrap .slick-next, .kode_team_wrap .slick-prev {
         bottom:-280px;
         left:-55px;
         margin:auto;
         right:0;
         text-align:center 
    }
     .kode_team_wrap .slick-next {
         right:-100px 
    }
     .kode_cause_des {
         padding:40px 12px 
    }
     .kode_donate_des {
         padding:27px 20px 33px 
    }
     .kode_amount_list span {
         margin-right:4px 
    }
     .kode_blog_fig figure {
         float:left 
    }
     .navigation .dl-menuwrapper {
         display:block 
    }
     .navigation .dl-menuwrapper>ul {
         background-color:#000;
         display:block;
         right:100% 
    }
     .navigation .dl-menuwrapper>ul>li a {
         color:#fff;
         font-weight:400 
    }
     .navigation {
         padding:5px 0 
    }
     .kode_client_wrap {
         overflow:hidden 
    }
     .kode_newsletter_des span {
         float:none;
         display:inline-block;
         margin-bottom:15px 
    }
     .kode_banner2_fig, .kode_navi_icon, .kode_top2_info {
         display:none 
    }
     .kode_newsletter_text h5:before {
         border-bottom:none 
    }
     .kode_newsletter_form, .kode_newsletter_form .kf_commet_field, .kode_newsletter_form .kf_commet_field input {
         width:100%;
         float:left 
    }
     .kode_search_overlay .cp-search-inner {
         padding-top:240px;
         width:410px 
    }
     .kode_top2_icon .modal-dialog {
         width:460px 
    }
     .kode_top2_icon .kode_amount_list span {
         line-height:62px;
         width:65px;
         height:62px 
    }
     .kode_top2_icon .kode_doantion_amount .kf_commet_field {
         margin-left:10px 
    }
     .kode_top2_icon .checkbox_radio label {
         padding-left:10px 
    }
     .radio_points li {
         margin-right:10px 
    }
     .kode_top2_wrap .container {
         padding:0 15px 0 0 
    }
     .kode_banner_wrap.banner2 .slick-next, .kode_banner_wrap.banner2 .slick-prev {
         height:38px;
         width:38px;
         left:10px 
    }
     .kode_banner_wrap.banner2 .slick-next {
         left:auto;
         right:10px 
    }
     .kode_banner_wrap.banner2 .slick-next:before, .kode_banner_wrap.banner2 .slick-prev:before {
         line-height:38px 
    }
     .kode_banner2_des .them_overlay>img {
         height:300px 
    }
     .kode_banner_wrap.banner2 .kode_banner_text {
         margin-left:-150px 
    }
     .kode_mosque2_des {
         margin-bottom:40px 
    }
     .kode_mosque2_fig .them_overlay:before {
         transform:skew(-17deg) translate(53px) 
    }
     .kode_mosque2_fig figure::after {
         transform:skew(-17deg) translate(35px) 
    }
     .kode_pillars_wrap.pillare_2 .left_center, .kode_pillars_wrap.pillare_2 .right_center {
         bottom:293px;
         left:-32px 
    }
     .kode_pillars_wrap.pillare_2 .right_center {
         right:-32px;
         left:auto 
    }
     .kode_pillars_wrap.pillare_2 .kode_pillars_text {
         width:403px;
         height:457px 
    }
     .kode_pillars_wrap.pillare_2 .left_bottom, .kode_pillars_wrap.pillare_2 .right_bottom {
         left:-20px;
         right:auto 
    }
     .kode_pillars_wrap.pillare_2 .right_bottom {
         right:-45px;
         left:auto 
    }
     .kode_building_des figure {
         border-radius:0;
         width:100%;
         margin-bottom:30px 
    }
     .kode_gallery_list {
         width:49.5% 
    }
     .kode_gallery_list.list_2 {
         width:47.5% 
    }
     .kode_gallery_fig.fig_2 {
         width:47% 
    }
     .kode_pillars_wrap.pillare_2 .center {
         top:158px 
    }
     .kode_404_text h2 span {
         display:inline-block;
         font-size:167px;
         height:auto;
         line-height:normal;
         margin:0;
         top:0;
         width:auto 
    }
     .kode_404_text h2 span::before {
         background-image:none 
    }
     .kode_404_text h2 {
         font-size:175px;
         line-height:normal 
    }
     .kode_404_text h3 {
         font-size:34px;
         padding:10px 30px 
    }
     .kode_404_wrap {
         padding:170px 0 180px 
    }
     .kode_client_text {
         padding:15px 
    }
     .widget_event.event_2 {
         margin-bottom:20px 
    }
     .kode_tem_fig figcaption p {
         font-size:13px 
    }
     .kode_social_icon li {
         margin-right:5px 
    }
     .kode_blog_des.des_2 .kode_blog_text h4 {
         font-size:20px 
    }
     .kode_blog_des.des_2 .kode_meta.meta_2 li a {
         font-size:14px 
    }
     .kode_blog_des.des_2 .kode_meta.meta_2 li:last-child {
         padding-left:15px 
    }
     .kode_blog_detail_text h3 {
         font-size:20px 
    }
     .kode_blog_detail_text .kode_meta.meta_2 li {
         line-height:12px;
         padding:0 20px 
    }
     .kode_detail_fig figure {
         width:100%;
         margin-bottom:20px 
    }
     .kode_blog_madium_wrap.detail .kode_detail_fig_text {
         padding-left:0;
         width:100% 
    }
     .kode_detail_fig_text {
         margin-bottom:30px 
    }
     .comment_text p, .quote_text>p {
         text-align:left 
    }
     .event_date, .kode_event_detail li {
         text-align:center 
    }
     .kode_social_share .kode_pagination {
         display:none 
    }
     .event_studium, .kode_contact_text p span {
         display:inline 
    }
     .kode_coming_text {
         width:404px 
    }
     .kode_coming_text h2 {
         font-size:25px 
    }
     .countdown.timer li {
         height:90px;
         margin-right:10px;
         padding:18px 0;
         text-align:center;
         width:90px 
    }
     .countdown.timer li h5 {
         font-size:16px 
    }
     .kode_coming_text .kode_search {
         width:416px 
    }
     .kode_contact_service ul li {
         margin-right:2px;
         width:100% ;
         padding:40px 10px 
    }
     .kode_contact_text p {
         font-size:12px 
    }
     .kode_contact_text h5 {
         font-size:16px 
    }
     .event_date {
         float:none;
         margin:auto auto 30px;
         padding-right:0 
    }
     .event_date:before {
         border:none 
    }
     .kode_calender_list figure {
         float:left;
         width:100%;
         margin-bottom:20px 
    }
     .kode_event_detail .kode_calender_list .kode_event_text {
         padding:0;
         width:100% 
    }
     .kode_event_ticket {
         width:100% 
    }
     .kode_event_ticket .medium_btn {
         margin-left:20px 
    }
     .kode_blog_detail_des .kode_calender_detail.detail_2 .kode_event_text p {
         display:none 
    }
     .kode_blog_detail_des .kode_calender_detail.detail_2 .kode_event_text {
         padding:14px 110px 0 20px 
    }
     .kode_detail_fig_text {
         padding-left:0;
         width:100% 
    }
     .kode_detail_date {
         padding:26px 20px 
    }
     .event_detail_list {
         border-right:none;
         float:left;
         width:100%;
         margin-bottom:30px 
    }
     .event_detail_list.list_2 {
         padding-left:0 
    }
     .kode_event_speakar_fig {
         margin-right:0;
         width:100% 
    }
     .comment_text {
         padding-left:20px 
    }
     .widget_wrap {
         padding:60px 0 20px 
    }
     .kode_blog_list .kode_blog_text h5 {
         font-size:15px 
    }
     .kode_portfolio_text h6 {
         font-size:12px;
         margin-bottom:6px 
    }
     .kode_pricing_des, .kode_team_fig {
         margin-bottom:40px 
    }
     .kode_portfolio_detail ul li a {
         padding:8px 10px 10px;
         font-size:12px 
    }
     .kode_portfolio_detail ul li {
         margin-right:4px 
    }
     .kode_project_text {
         padding:27px 30px 23px 
    }
     .kode_project_dollar a {
         font-size:15px 
    }
     .kode_project_text h4 {
         font-size:20px 
    }
     .kode_project_text.text_2 h5 {
         font-size:16px 
    }
     .kode_project_text.text_2 {
         padding:27px 15px 23px 
    }
     .kode_portfolio_des.des_2 .kode_project_text, .kode_portfolio_des.des_2 figure {
         width:100% 
    }
     .kode_portfolio_des.des_2 .kode_project_text p {
         display:block 
    }
     .kode_portfolio_des.des_2 .kode_project_text {
         padding:20px 30px 11px 
    }
     .kode_blog_madium_wrap.detail.width_res .col-md-4, .kode_blog_madium_wrap.wrap_2.width_res .col-md-4 {
         float:left;
         width:50% 
    }
     .kode_comments .kf_commet_field {
         width:45.8% 
    }
     .kode_comments .kf_commet_field input[type=text]::-moz-placeholder {
         color:#fff 
    }
     .kode_service_form .section_hdg span:before {
         width:26px;
         right:-35px 
    }
     .kode_shop_text h6 {
         font-size:12px 
    }
     .kode_side_contact_text a {
         font-size:14px 
    }
     .kode_team_wrap {
         padding:80px 0 120px 
    }
     .kode_blog_wrap {
         padding:80px 0 20px 
    }
}
 @media (max-width:480px) {
     .hidden-sm{display:none!important}
     .kode_top_right_text, .mediume_text {
         display:none 
    }
     .copyright_text, .kode_calender_detail.detail_2 .kode_calender_list, .kode_doantion_amount {
         text-align:center 
    }
     .top_time_circle ul li {
         height:53px;
         width:53px;
         padding:10px 0;
         margin-left:2px 
    }
     .kode_portfolio_text h4, .kode_portfolio_text h6 {
         font-size:18px 
    }
     .kode_portfolio_detail ul li {
         margin-bottom:12px 
    }
     .top_time_circle ul li a, .top_time_circle ul li span {
         font-size:10px 
    }
     .kode_banner_text {
         margin-top:-80px;
         margin-left:-247px 
    }
     .large_text {
         font-size:36px;
         margin-bottom:17px 
    }
     .large_text:after {
         left:113px 
    }
     .kode_mosque_des:last-child {
         display:block 
    }
     .section_hdg span:after, .section_hdg span:before {
         width:28px;
         right:-36px 
    }
     .kode_gallery3_wrap.wrap_2 {
         padding:80px 0 
    }
     .kode_counter_mosque li span {
         width:62px;
         height:62px;
         line-height:56px;
         font-size:20px 
    }
     .kode_counter_mosque li h6 {
         font-size:12px 
    }
     .kode_pray_text h2, .koed_event_timer figcaption ul li span, .section_hdg.hdg_2.hdg_3 h3 {
         font-size:25px 
    }
     .kode_pillars_wrap.them_overlay {
         display:none 
    }
     .kode_mosques_wrap {
         padding:80px 0 0 
    }
     .kode_pray_text p {
         padding:0 
    }
     .kode_pray_text {
         padding:80px 0 
    }
     .kode_gallery3_des, .kode_gallery3_fig.fig_2 {
         width:100%;
         margin:0 
    }
     .kode_gallery3_fig.fig_2 {
         margin-bottom:5px 
    }
     .kode_gallery3_wrap .slick-next, .kode_gallery3_wrap .slick-prev {
         display:none!important 
    }
     .kode_canvas_detail {
         padding-right:10px 
    }
     .kode_canvas_text {
         padding-left:20px 
    }
     .kode_doantion_amount .kf_commet_field, .kode_doantion_amount .kf_commet_field input {
         width:100%;
         margin-top:10px;
         margin-left:0 
    }
     .kode_amount_list {
         width:100% 
    }
     .kode_amount_list span {
         display:inline-block;
         float:none 
    }
     .radio_points li {
         margin-bottom:15px 
    }
     .kode_blog_text {
         padding:18px 20px 17px 
    }
     .koed_event_timer figcaption ul li {
         margin-right:20px 
    }
     .koed_event_timer figcaption h5 {
         margin-bottom:6px 
    }
     .kode_newsletter_des {
         text-align:center;
         border-right:none 
    }
     .kode_newsletter_des span {
         float:none;
         margin-bottom:10px 
    }
     .kode_newsletter_text {
         padding-left:0 
    }
     .kode_newsletter_text h5:before {
         border:none 
    }
     .kode_newsletter_form .kf_commet_field {
         position:relative 
    }
     .kode_newsletter_form {
         float:left;
         padding:22px 0 23px;
         width:100% 
    }
     .kode_newsletter_form .kf_commet_field, .kode_newsletter_form .kf_commet_field input {
         width:100% 
    }
     .kode_newsletter_form .kf_commet_field button {
         position:absolute;
         top:2px;
         right:1px;
         padding:8px 11px 
    }
     .kode_cause_des {
         padding:40px 12px 0 
    }
     .widget_call_info li a {
         font-size:12px 
    }
     .widget_social_icon li {
         margin-right:7px 
    }
     .top_btn {
         float:none 
    }
     .kode_top_info .open>.dropdown-menu {
         display:block;
         left:-47px 
    }
     .kode_pillars_wrap.pillare_2, .kode_top2_icon li:last-child {
         display:none 
    }
     .kode_search_overlay .cp-search-inner, .kode_top2_icon .modal-dialog {
         width:290px 
    }
     .kode_banner_wrap.banner2 .kode_banner_text .large_text {
         font-size:20px;
         margin-bottom:15px 
    }
     .donate_btn {
         padding:12px 0 9px 
    }
     .koed_banner_btn .medium_btn, .koed_banner_btn .small_btn {
         font-size:11px;
         padding:5px 9px 4px 
    }
     .kode_banner_wrap.banner2 .kode_banner_text {
         margin-left:-100px;
         margin-top:-38px 
    }
     .kode_banner2_des .them_overlay>img {
         height:220px 
    }
     .koed_banner_btn .border {
         margin-right:10px 
    }
     .kode_mosque2_fig .them_overlay::before {
         transform:skew(-17deg) translate(39px) 
    }
     .kode_mosque2_fig figure::after {
         transform:skewX(-17deg) translate(25px) 
    }
     .kode_gallery_fig.fig_2, .kode_gallery_list, .kode_gallery_list .kode_gallery_fig figure, .kode_gallery_list.list_2 {
         width:100% 
    }
     .kode_calender_detail.detail_2 .kode_calender_list span {
         float:none;
         margin-bottom:20px 
    }
     .section_hdg>h3 {
         font-size:20px 
    }
     .kode_building_text>h3 {
         font-size:23px 
    }
     .kode_404_text h2, .kode_404_text h2 span {
         font-size:100px;
         line-height:normal 
    }
     .kode_404_text h2 span {
         display:inline-block;
         height:auto;
         margin:0;
         top:0;
         width:auto 
    }
     .kode_404_text h3 {
         font-size:24px;
         padding:10px 30px 
    }
     .kode_404_wrap {
         padding:90px 0 
    }
     .kode_404_text p {
         font-size:25px;
         line-height:40px 
    }
     .kode_team_wrap .slick-next, .kode_team_wrap .slick-prev {
         bottom:-300px 
    }
     .widget_wrap {
         padding:60px 0 20px 
    }
     .kode_blog_text h4 {
         font-size:18px;
         line-height:24px 
    }
     .kode_blog_text h4 span {
         display:inline 
    }
     .kode_blog_des .kode_blog_text {
         padding:27px 20px 30px 
    }
     .kode_meta.meta_2 li {
         padding:0 8px 
    }
     .kode_pagination {
         width:300px 
    }
     .kode_pagination li a {
         height:25px;
         line-height:25px;
         width:25px;
         margin-right:0 
    }
     .kode_blog_des.des_2 .kode_meta.meta_2 li a i, .kode_social_share .social_meta li {
         margin-right:5px 
    }
     .kode_blog_des.des_2 .kode_blog_text h4 {
         font-size:20px 
    }
     .kode_blog_des.des_2 .kode_meta.meta_2 li a {
         font-size:12px 
    }
     .kode_blog_des.des_2 .kode_meta.meta_2 li:last-child {
         padding-left:10px 
    }
     .siderbar_categories {
         padding:27px 20px 30px 
    }
     .sab_banner_text h2 {
         font-size:34px 
    }
     .kode_blog_detail_text h3 {
         font-size:18px;
         line-height:24px;
         margin-bottom:6px;
         text-align:left 
    }
     .blog_quote, .comment_text p, .comment_title, .kode_blog_detail_des>p, .kode_blog_detail_row>p, .kode_blog_madium_wrap.detail .kode_blog_detail_des p, .kode_detail_fig_text, .kode_event_speakar>p, .quote_text p {
         text-align:center 
    }
     .kode_blog_detail_row .kode_blog_detail_text .kode_meta.meta_2 li:last-child {
         display:none 
    }
     .blog_quote {
         padding:20px 
    }
     .blog_quote span {
         float:none;
         margin-bottom:15px 
    }
     .quote_text {
         padding-left:0 
    }
     .kode_social_share {
         padding:18px 15px 14px 
    }
     .kode_social_share>a {
         font-size:13px 
    }
     .comment_des figure {
         border-radius:100%;
         width:100%;
         margin-bottom:20px 
    }
     .comment_text {
         padding-left:1px 
    }
     .comment_text p {
         margin-bottom:20px 
    }
     .comment ul {
         padding-left:0 
    }
     .kode_comments .kf_commet_field {
         width:100%;
         margin-right:0 
    }
     .kode_coming_text {
         width:274px 
    }
     .countdown.timer li:last-child {
         margin-right:10px 
    }
     .countdown.timer li {
         margin-bottom:10px 
    }
     .kode_coming_text .kode_search {
         width:276px 
    }
     .kode_coming_text .kode_search .kf_commet_field button {
         width:110px 
    }
     .coming_social_icon li {
         margin-right:13px 
    }
     .coming_social_icon li:last-child {
         margin-right:0 
    }
     .countdown.timer {
         margin-bottom:30px 
    }
     .kode_coming_text .progress {
         margin-bottom:38px 
    }
     .kode_coming_soon_wrap {
         padding:140px 0 
    }
     .kode_contact_service ul li {
         margin-right:0;
         width:100% 
    }
     .kode_contact_text p {
         font-size:15px 
    }
     .kode_contact_text h5 {
         font-size:20px 
    }
     .kode_event_detail .kode_calender_list .kode_event_text h4 {
         font-size:15px 
    }
     .event_studium {
         border:none;
         display:inline-block 
    }
     .kode_calender_list .medium_btn, .kode_social_share>a {
         display:none 
    }
     .kode_event_ticket .medium_btn {
         margin-left:0 
    }
     .kode_event_ticket {
         padding:0 
    }
     .kode_calender_detail.detail_2 .kode_calender_list .kode_event_text {
         float:left;
         padding-left:0;
         padding-right:0;
         width:100% 
    }
     .kode_calender_detail.detail_2 .kode_event_text h4 {
         font-size:18px 
    }
     .event_detail_list li a {
         font-size:14px 
    }
     .kode_event_speaker_text {
         margin-left:24px;
         padding:16px 0 4px 25px 
    }
     .kode_coming_event_text h5 {
         font-size:16px 
    }
     .sidebar_add h3 {
         font-size:26px 
    }
     .sidebar_add h2 {
         font-size:30px 
    }
     .sidebar_add figcaption {
         margin-top:-90px 
    }
     .kode_event_text h6 {
         font-size:14px 
    }
     .kode_blog_list .kode_blog_text h5 {
         line-height:22px 
    }
     .kode_pagination_list.navi_2 {
         margin-bottom:30px 
    }
     .kode_blog_madium_wrap .col-md-3 {
         width:100% 
    }
     .kode_project_text {
         padding:27px 30px 23px 
    }
     .kode_project_text h4 {
         font-size:17px 
    }
     .kode_portfolio_des.des_2 .kode_project_text {
         padding:20px 15px 11px 
    }
     .kode_blog_madium_wrap.detail.width_res .col-md-4, .kode_blog_madium_wrap.wrap_2.width_res .col-md-4 {
         float:left;
         width:100% 
    }
     .kode_blog_madium_wrap.detail.width_res .kode_service_text .right_arrow {
         margin-top:-15px 
    }
     .kode_service_form {
         padding:75px 30px 80px 
    }
     .kode_service_des .right_arrow.btn {
         font-size:14px;
         right:10px 
    }
     .kode_service_text .right_arrow {
         margin-top:-21px 
    }
     .kode_service_detail_list .kode_service_des span {
         right:10px 
    }
     .kode_text_list li {
         text-align:left 
    }
     .accordion-section h6 a:before {
         right:0 
    }
     .kode_view_row .widget_social_icon {
         float:left 
    }
     .kode_view_des {
         float:left;
         width:100% 
    }
     .kode_payment_list h5 {
         font-size:15px 
    }
     .kode_philosophy_text h4 {
         font-size:20px 
    }
     .kode_photo_gallery li {
         width:29.3% 
    }
     .kode_photo_gallery li a img {
         width:100% 
    }
}