html, body { padding:0; margin:0; font-family: 'Nunito Sans',;	}
.hdrPnl { background-color:#ddaf26; }
.hdrLft { }
.hdrRgt { }
.HdrSrchDiv { position: relative; }
#HdrSearchProducts { width:80%; margin-left: 5px; margin-top:40px; border: 0px solid #fff; border-radius: 3px; padding: 6px 6px 6px 28px; font-size: 14px; }
.HdrSearchProductsIco { color: #ddaf26; margin-left: 13px; position: absolute; left: 0; top: 48px; }
.logo { float:left; height:111px; z-index: 2; }
.logo img { height:101%; }
.hdr_cont_addr { margin-top:15px; }
.hdr_cont_addr p { margin-bottom:5px; color:#FFF; font-size:16px; }
.hdr_cont_addr p a { color:#FFF; }

.usr_hdr_login a { display: block; color: #fff; font-size: 26px; width:50%; float:left; text-align: center; padding: 9% 0; background-color: #eadcdc5e; position: relative; }
.usr_hdr_login a:hover { text-decoration:none; background-color: #FFF; color:#000; }

.usr_hdr_crt a { display: block; font-size: 26px; text-align: center; padding: 9% 0; background-color: #FFF; color: #000; position: relative; }
.usr_hdr_crt a:hover { text-decoration:none; background-color: #FFF; color:#000; }
.usr_hdr_crt a i { background-color: red; color: #FFF; font-size: 12px; padding: 5px 7px; position: absolute; border-radius: 50%; margin-left: -7px; }

.pageLoading { display: none; width: 100%; height: 100%; z-index: 5000; text-align: center; padding: 20px; background-color: rgba(0, 0, 0, 0.2); position: fixed; }
.pageLoading .pageInrLoading { padding: 20px 0; background-color: rgba(255, 255, 255, 0.7); width: 140px; margin: 20% auto auto auto; }
.pageLoading span { display: block; color: #000; font-size: 16px; }

.mob_menu_bar {display:none; text-decoration: none; }
.mob_menu_bar:hover { text-decoration: none; }
.hdr_menu { padding:0; margin:10px 0 0 5px; list-style-type:none; background-color: #FFF; width:100%; display: inline-block; }
.hdr_menu li { padding:12px 10px; margin:0; float:left;  }
.hdr_menu li a { position: relative; display:inline-block; color:#000; font-size:12px; border-right:1px solid #CCC; padding-right:15px;}
.hdr_menu li.active { background-color:#e8cf85; color:#FFF; }
.hdr_menu li.active a { color:#000; } 
.hdr_menu li .sub_mnu { display:none; position: absolute; z-index:1; top:107px; left: 0; height: 555px; padding:0; background-size: cover !important; width:100%; background-color: #FFF; }
.hdr_menu li:hover .sub_mnu { display:block; border-top:5px solid #0c3c5c; }
.hdr_menu li .sub_mnu h3 { color: #000; font-size: 26px; text-decoration: underline; }
.hdr_menu li .sub_mnu a { color: #000; font-size: 12px; margin-bottom:5px; }
.hdr_menu li .sub_mnu .inr_div { padding:30px; background-color: #ffffffb0; color:#000; }
.hdr_menu li .arrow-up { display:none; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #0c3c5c; text-align: center; left: 0; right: 0; margin: 20px auto 0 auto; position: absolute; }
.hdr_menu li:hover .arrow-up { display:block; }
.hdr_sub_mnu { background-color: #0a3658; padding: 20px; }
.hdr_sub_mnu a { color: #FFF !important; border-right:0px solid !important; }

.hdr_dmenu_pnl { background-color: #FFF; }
.hdr_dmenu { padding:0; margin:0 0 0 0; list-style-type:none; background-color: #FFF; width:100%; display: inline-block; }
.hdr_dmenu li { padding:12px 10px; margin:0; float:left;  }
.hdr_dmenu li a { position: relative; display:inline-block; color:#8a6805; font-size:12px; font-weight: 200; border-right:1px solid #CCC; padding-right:15px;}
.hdr_dmenu li.active { background-color:#e8cf85; color:#FFF; }
.hdr_dmenu li.active a { color:#000; } 
.hdr_dmenu li .sub_mnu { display:none; position: absolute; z-index:1; top:107px; left: 0; height: 555px; padding:0; background-size: cover !important; width:100%; background-color: #FFF; }
.hdr_dmenu li:hover .sub_mnu { display:block; border-top:5px solid #0c3c5c; }
.hdr_dmenu li .sub_mnu h3 { color: #000; font-size: 26px; text-decoration: underline; }
.hdr_dmenu li .sub_mnu a { color: #000; font-size: 12px; margin-bottom:5px; }
.hdr_dmenu li .sub_mnu .inr_div { padding:30px; background-color: #ffffffb0; color:#000; }
.hdr_dmenu li .arrow-up { display:none; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #0c3c5c; text-align: center; left: 0; right: 0; margin: 20px auto 0 auto; position: absolute; }
.hdr_dmenu li:hover .arrow-up { display:block; }

.social_ico { position: absolute; top:-2px; right:10px; }
.social_ico a.fa { background-color: #ffffff; color: #ddaf26; padding: 8px 0; width: 30px; font-size: 22px; text-align: center; cursor: pointer; border-bottom:5px solid #ddaf26; }
.social_ico a.fa:hover { border-bottom:5px solid #FFF; }

.btn1 { width: 100%; text-align: center; padding: 12px; background-color: #ddaf26; color: #FFF; border:0px solid #fff; font-size: 16px; display: block; }
.btn1:hover { background-color:#921616; color:#FFF; text-decoration: none; }

#HomeBnr { margin:0 -15px; }
#HomeBnr .item { background-size: cover !important; }
#HomeBnr .item img { width:100%; }

#InrBnr { margin:0 -15px; }
#InrBnr .item { background-size: cover !important; }
#InrBnr .item img { width:100%; }

a.hm_more_btn { display: block; padding: 5px 10px; text-align: center; text-decoration: none; font-size: 16px; font-weight: 500; border: solid 2px #000; background: #212427; color: #FFF; width:150px; }
a.hm_more_btn:hover { border: solid 2px #212427; background:#000; color:#FFF; }

.bnr_lft_div { width:100%; height:500px; background:url('../images/services.jpg') no-repeat 0 0 #FFF; background-size: cover; background-position: center; display: block; }
.bnr_lft_div p { clear:both; color: white; text-transform: uppercase; font-size: 21px; font-weight: 500; text-align: center; padding:50px 0; }

.hm_about { padding:0 54px 0 30px; color:#FFF; margin:30px auto; background: url('../images/cftech_quality.png') no-repeat 0 0 #080808; }
.hm_about h1 { float: right; color:#FFF; width: 45%; text-align: right; padding-top:20px; }
.hm_about p { clear:both; float: right; text-align: right; width:51%; color:#FFF; padding-bottom:30px; }
.hm_about ul { clear:both; padding:0; margin:15px 0 0 0; list-style-type: none; float:right; }
.hm_about ul li { clear:both; padding:0; margin:0 0 10px 0; list-style-type: none; color:#000; font-size: 18px; }
.hm_about ul li span { display:block;  float:left; margin:-5px 10px 0 0; background-color: #212427; color:#FFF; padding:3px 0; width:50px; text-align: center; }
.hm_about ul li:hover span { background-color: #FFF; color:#212427; }

.hm_proccess_imgs { margin-bottom:30px; }
.hm_proccess_imgs .til { font-size:24px; font-weight: bold; text-align: center; background-color: #48535d; color:#FFF; padding:10px 0; margin:0 0 30px 0; }
.hm_proccess_imgs img { width:100%; }

.hm_about_imgs { margin:60px 0; }
.hm_about_imgs span { display:block; color:#555; font-size:14px; margin-top:5px; font-weight:normal; }
.hm_about_imgs img { width:100%; }
.hm_about_imgs .l { float:left; width:20%; }
.hm_about_imgs .r { float:left; width:80%; font-size:16px; font-weight:bold; text-align: left; padding:0 15px; margin-top:2px; border-right:1px solid #CCC; }

.hm_adds_imgs img { width:100%; margin-top: 30px; }

.hm_til { text-align:center; margin:60px 0 40px 0; border-bottom:2px solid #212427;  }
.hm_til span { padding:12px 18px; background-color: #808898; color:#FFF; }

.hm_our_sol .inr_div { padding:60px 30px; background-color:#7f8998; text-align: center; margin-bottom:30px; height:250px; background-size: cover !important; background-position: center !important; }
.hm_our_sol .inr_div h2 { color:#FFF; font-size: 20px; }
.hm_our_sol .inr_div i { display: block; background-color: #07295d; color:#FFF; width:50px; height:50px; border-radius:50%; padding:15px 0 0 0; margin:20px auto 0 auto; }
.hm_our_sol .inr_div a { text-decoration:none; }
.hm_our_sol .inr_div a:hover { text-decoration:none; }
.hm_our_sol .inr_div:hover { background-color:#84a8c6; }
.hm_our_sol .inr_div:hover h2 { color:#FFF; }
.hm_our_sol .inr_div:hover i { background-color:#FFF; color:#000; }

.hm_our_pro .inr_div { padding:60px 0; background-color:#EEE; text-align: center; margin-bottom:30px; }
.hm_our_pro .inr_div h2 { color:#000; font-size: 26px; }
.hm_our_pro .inr_div:hover { background-color:#84a8c6; }
.hm_our_pro .inr_div:hover h2 { color:#FFF; }

.hm_our_pro { margin-top:30px; }
.hm_our_pro img { width:100%; }
.hm_our_pro h2 { font-size:14px; margin-top:0; }
.hm_our_pro .pri { font-size:16px; }
.hm_our_pro a { font-size:12px; background-color: #ddaf26; color:#FFF; padding:8px 10px; margin-top:5px; display: inline-block; }
.hm_our_pro a:hover { background-color:#EEE; color:#000; text-decoration: none; }
.hm_our_pro .i { background-color: #CCC; }
.hm_our_pro .i .hover_img { display: none; }
.hm_our_pro .i:hover .img { display: none; }
.hm_our_pro .i:hover .hover_img { display: block; }
.hm_our_pro .c { padding:15px 0; }

.hm_tsti .carousel { width:100%; margin:0 auto; padding:15px 0; text-align:center; }
.hm_tsti .img { width:200px; height:200px; margin:15px auto; overflow: hidden; border-radius: 50%; }
.hm_tsti .img img { width:100%; }
.hm_tsti .name { font-size:18px; font-weight: bold; }
.hm_tsti .desc { width:50%; margin:15px auto 30px auto; }
.hm_tsti { margin-bottom:60px; }
.hm_tsti .carousel-control { background:none; }

.hm_news_events .inr_div { width:100%; margin:0 auto; padding:15px 0; }
.hm_news_events .img { width:100%; height:200px; margin:15px auto; overflow: hidden; }
.hm_news_events .img img { width:100%; }
.hm_news_events .title { font-size:18px; font-weight: bold; }
.hm_news_events .desc { margin:15px auto 30px auto; }

.hm_pro_pnl { margin-top:30px; }
.hm_pro_pnl .div_img img { width:100%; }
.hm_pro_pnl .cat_til { font-size:18px !important; margin:30px 30px 5px 30px; }
.hm_pro_pnl .scat_ul { font-size:14px; margin:0 30px 30px 30px; padding:0; list-style-type: none; }
.hm_pro_pnl .scat_ul a { color:#000; text-transform: uppercase; font-size: 12px; }
.hm_pro_pnl .prod_list { margin-top:30px; }
.hm_pro_pnl .prod_list img { width:100%; }
.hm_pro_pnl .prod_list h2 { font-size:14px; margin-top:0; }
.hm_pro_pnl .prod_list .pri { font-size:16px; }
.hm_pro_pnl .prod_list a { font-size:12px; background-color: #ddaf26; color:#FFF; padding:8px 10px; margin-top:5px; display: inline-block; }
.hm_pro_pnl .prod_list a:hover { background-color:#EEE; color:#000; text-decoration: none; }
.hm_pro_pnl .prod_list .i { background-color: #CCC; }
.hm_pro_pnl .prod_list .i .hover_img { display: none; }
.hm_pro_pnl .prod_list .i:hover .img { display: none; }
.hm_pro_pnl .prod_list .i:hover .hover_img { display: block; }
.hm_pro_pnl .prod_list .c { padding:15px 0; }
.hm_pro_pnl_bx { display: flex; }
.hm_pro_pnl_bx .hm_pro_pnl_bx_lft { border-right:1px solid #CCC; }
.hm_pro_pnl .view_all { font-size: 14px; margin-left:30px; }

.breadcrumb_cont { background-color: #9c9b9b;  }
.breadcrumb {background-color: #9c9b9b;  margin-bottom:0; padding: 8px 0; }
.breadcrumb>li { color:#FFF; }
.breadcrumb>li a { color:#FFF; }
.breadcrumb>.active { color:#FFF; }
.breadcrumb>li+li:before { color:#FFF; }

.inr_page_title { padding:0 0 0 0; margin:30px 0 0 0; font-size:28px; font-weight:200; color:#ddaf26; }
.inr_page_stitle { padding:0 0 0 0; margin:10px 0 0 0; font-size:20px; font-weight:normal; color:#444; }
.inr_page_stitle span { font-size:16px; } 

.inr_page_cont { padding:0 0 30px 0; }
.page_sub_menu { padding:0; margin:15px 0 0 0; list-style-type:none; }
.page_sub_menu li a { text-transform: uppercase; font-size:14px; padding: 8px 17px; margin: 0 10px 15px 0; float: left; background-color: #ddaf26; color: #fff; text-decoration: none; border-bottom: 5px solid #000; }
.page_sub_menu li a.active { background-color:#000; }
.page_sub_menu li.active a { background-color:#000; }

.pro_dtls { margin:30px 0 0 15px; }
.pro_dtls_title { padding:0 0 0 0; margin:0 0 0 0; font-size:18px; font-weight:200; color:#ddaf26; }
.prod_dtls_rgt h4 { font-size:16px; }

.pro_div { display: flex; }
.pro_div_lft { border-right:1px solid #737373; }
.pro_div_ul { width:100%; padding:20px; margin:0 0 0 0; list-style-type:none; }
.pro_div_ul ul { padding:0; margin-top:12px; list-style-type:none; }
.pro_div_ul ul li ul { margin-top:0; }
.pro_div_ul a { color:#000; text-transform:uppercase; }
.pro_div_ul a.active { font-weight: bold; background-color: #000; text-transform: underline; color: #FFF; padding: 3px 6px; font-size: 20px; }
.pro_cat_ul a.active { font-weight: bold; background-color: #000; text-transform: underline; color: #FFF; padding: 3px 6px; font-size: 16px; }
.pro_div_ul>li>a { margin-top: 16px !important; display: block; }
.pro_scat_ul a.active { font-weight: bold; background-color: #000; text-transform: underline; color: #FFF; padding: 3px 6px; font-size: 11px; }
.pro_div_ul li li li a { font-weight: normal; font-size: 12px; width:100%; margin-bottom:0; }
.pro_div_ul li li li label { font-weight: normal; font-size: 12px; width:100%; margin-bottom:0; background:url('../images/unchecked.png') no-repeat 0 2px; padding-left: 14px; }
.pro_div_ul li li li label span, .pro_div_ul li li li a span { display:block; float: right; }
.pro_div_ul li li li input[type="checkbox"] { display: none; }
.pro_div_ul li li li input[type="checkbox"]:checked+label { background:url('../images/checked.png') no-repeat 0 2px; }
.pro_div_ul li a { color:#000; font-size:20px; }
.pro_div_ul li li a { color:#000; font-size:13px; font-weight: 600; }
.pro_div_ul li li li a { color:#000; font-size:12px; }
.pro_div_ul li { margin-bottom:10px; }
.pro_div_ul li li { margin-bottom:10px; }
.pro_div_ul li li li { margin-bottom:2px; }

.pro_list_div { margin-left:15px; }
.prod_div_bx { margin-top:30px; }
.prod_div_bx_col { margin-bottom:30px; }
.prod_div_bx_col .til { color: #737373; font-size: 16px; padding:15px 0 ; display: block; margin-top: 1px; }

.img-hover-zoom { overflow: hidden; }
.img-hover-zoom img { transition: transform .5s ease; }
.img-hover-zoom:hover img { transform: scale(1.5); }

.testi-page { margin:0 -15px; }
.testi-page .rw { border:1px solid #CCC; padding:15px; margin-bottom:20px; }
.testi-page .rw .l { width:30%; float:left; }
.testi-page .rw .r { width:70%; float:left; }
.testi-page .img { width:120px; height:120px; margin:15px auto; overflow: hidden; border-radius: 50%; }
.testi-page .img img { width:100%; }
.testi-page .name { font-size:18px; font-weight: bold; }
.testi-page .desg { font-style: italic; }
.testi-page .desc { font-size:12px; margin-top:5px; }

.carousel-indicators li { border:1px solid #555; }
.carousel-indicators li.active { border:1px solid #000; background-color:#000; }
#en_lists { min-height:600px; margin:0 -15px; }
#en_lists .ne-page .rw { position:relative; border:1px solid #97ad1d; padding:15px; margin-bottom: 30px; }
#en_lists .ne-page .rw .uc { display:none; position:absolute; right:0; top:5px; background-color: #e63c3c; color:#FFF; padding:5px 10px; font-size: 10px; }
#en_lists .ne-page .rw.uc_en { border:1px solid #e63c3c; }
#en_lists .ne-page .rw.uc_en .uc { display:block; }
#en_lists .ne-page .rw .til { font-weight: bold; font-size: 14px; }
#en_lists .ne-page .rw .dt { font-size: italic; font-size: 11px; }
#en_lists .ne-page .rw .desc { margin-top:5px; font-size: 14px; }

.hm_blogs .rw { position:relative; border:1px solid #97ad1d; padding:15px; margin-bottom: 30px; }
.hm_blogs .rw .img img { width:100%; }
.hm_blogs .rw .til { font-weight: bold; font-size: 14px; margin-top:5px; }
.hm_blogs .rw .dt { font-size: italic; font-size: 11px; }
.hm_blogs .rw .desc { margin-top:5px; font-size: 14px; }
.hm_blogs .rw a { float: right; padding:5px 10px; font-size: 12px; background-color: #000; color:#FFF; }

#blog_lists { min-height:600px; margin:0 -15px; }
#blog_lists .b-page .rw { position:relative; border:1px solid #97ad1d; padding:15px; margin-bottom: 30px; }
#blog_lists .b-page .rw .img img { width:100%; }
#blog_lists .b-page .rw .til { font-weight: bold; font-size: 14px; margin-top:5px; }
#blog_lists .b-page .rw .dt { font-size: italic; font-size: 11px; }
#blog_lists .b-page .rw .desc { margin-top:5px; font-size: 14px; }
#blog_lists .b-page .rw a { float: right; padding:5px 10px; font-size: 12px; background-color: #000; color:#FFF; }

.blog_fet { margin:0 -15px; }
.blog_fet h2 { text-align: center; }
.blog_fet .blog_fet_list { border-bottom:1px solid #000; padding-bottom:15px; }
.blog_fet .img { border:1px solid #CCC; padding:15px; }
.blog_fet .img img { width:100%; }
.blog_fet .til { font-weight: bold; font-size: 14px; margin-top:5px; }
.blog_fet .dt { font-size: italic; font-size: 11px; }
.blog_fet .desc { margin-top:5px; font-size: 14px; }
.blog_fet a { float: right; padding:5px 10px; font-size: 12px; background-color: #000; color:#FFF; }

.gallery { padding:0 0 30px 0; margin:0 -15px; }

figure.galleryEffect,
figure.gallery--detailimg {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
}

figure.galleryEffect figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background .3s ease;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    background: rgba(124, 78, 29, .2);
    text-shadow: 2px 2px 5px #727171;
}

figure.galleryEffect h2,
figure.galleryEffect p {
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0;
}

figure.galleryEffect h2 {
    top: 10px;
    transition: transform .35s;
    transform: translate3d(0, 20px, 0);
    color: #fff;
}

figure.galleryEffect h2::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
    transform: translate3d(0, 40px, 0);
    background: #fff;
}

figure.galleryEffect p {
    line-height: 1.5;
    bottom: 20px;
    transform: translate3d(0, 100%, 0);
}

figure.galleryEffect h2::after,
figure.galleryEffect p {
    transition: opacity .35s, transform .35s;
    opacity: 0;
}

figure.galleryEffect:hover h2 {
    transform: translate3d(0, 0, 0);
}

figure.galleryEffect:hover h2::after,
figure.galleryEffect:hover p {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

figure.galleryEffect:hover figcaption {
    background: rgba(124, 78, 29, .5);
}

figure.gallery--detailimg p {
    font-size: 45px;
    line-height: 1.5;
    position: absolute;
    right: 30px;
    bottom: 80px;
    left: 30px;
    padding: 30px;
    transition: all .3s ease;
    transform: translate3d(0, 100%, 0);
    opacity: 0;
    color: #fff;
    text-shadow: 2px 2px 2px #4a4a4a;
}

@media screen and (max-width:400px){
    figure.gallery--detailimg p {
        font-size: 40px;
    bottom: 47px;
    left: 20px;
    padding: 30px;
    }
}

figure.gallery--detailimg figcaption {
    padding: 15px;
    color: #000;
    background: #fff;
}

figure.gallery--detailimg:hover p {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.pro_img_icon { padding:0; margin:0; list-style-type: none; }
.pro_img_icon li { width:100%; margin-bottom:30px; }
.pro_img_icon li img { width:100%; }

footer { background-color: #313131; color: #FFF; padding:30px 0; }    
footer ul { margin:0; padding:0; list-style-type:none; }
footer ul li { margin:0; padding:0; list-style-type:none; list-style-type:square; }
footer ul li a { margin:0 0 5px 0; padding:0; color:#FFF; display: block; }
footer ul li a:hover { color:#EEE; }

.offer_items { background-color:#efefef; padding:10px 10px; }
.offer_items h2 { font-size: 16px; background-color: #000; color:#FFF; padding:8px; text-align: center; margin:0 0 10px 0; }
.offer_items ul.ul_1 { padding:0; margin:0; list-style-type:none; }
.offer_items ul.ul_1 li { padding:2px; margin:0; float:left; width:33%; position: relative; }
.offer_items ul.ul_1 li img { width:100%; }
.offer_items ul.ul_1 li div { font-size:12px; padding:5px 0; }
.offer_items ul.ul_1 li a i { position:absolute; font-size:12px; right:2px; background-color:red; color:#FFF; padding:6px; display: none; }
.offer_items ul.ul_1 li.in_cart img { border:1px solid red; }
.offer_items ul.ul_1 li.in_cart a i { display:block; }

.offer_items ul.ul_2 { padding:0; margin:0; list-style-type:none; }
.offer_items ul.ul_2 li { padding:2px 0; margin:0; }
.offer_items ul.ul_2 li div { font-size:12px; padding:2px; width:100%; }
.offer_items ul.ul_2 li div span { font-size:12px; font-weight: bold; padding:2px; text-align: right; display: block; float: right; }

.pro_qty_incre { width:150px; margin-top:5px; }
.pro_qty_incre input { border:1px solid #f0f0f0; text-align: center; }
.pro_qty_incre_lab { font-size: 16px; margin-top:30px; }

#cart_list_items { background-color: #f6ebcd; padding:25px; }
.cart_pnl_rgt { padding:15px 10px 15px 10px; }
.cart_pnl_rgt .lab { font-weight: bold; margin-bottom:15px; display: block; }
.cart_pnl_rgt .val { font-weight: normal; margin-bottom:15px; display: block; }
.cart_pnl_rgt .gt { font-weight:bold; font-size: 24px; background-color:#FFF; padding:30px 10px 10px 10px; text-align: center; }
.cart_pnl_rgt .gt span { font-size: 16px; }

.cart_pnl { background-color: #FFF; margin-bottom:2px; padding: 15px 0; }
.cart_pnl .citm_img { width:20%; float:left; padding-left:15px; }
.cart_pnl .citm_img img { width:100%; }
.cart_pnl .citm_dtls { width:80%; float:left; padding:0 15px; }
.cart_pnl .citm_dtls .citm_til { float:left; width:30%; }
.cart_pnl .citm_dtls .citm_til a { color: #222; text-decoration:underline; font-size:16px;  }
.cart_pnl .citm_dtls .citm_pri { float:left; width:30%; }
.cart_pnl .citm_dtls .citm_tot { float:left; width:30%; font-size: 16px; }
.cart_pnl .citm_dtls .citm_del { float:left; width:10%; }
.cart_btn { width: 100%; text-align: center; padding: 12px; background-color: #ddaf26; color: #FFF; border:0px solid #fff; font-size: 16px; display: block; }
.cart_btn:hover { background-color:#921616; color:#FFF; text-decoration: none; }
.cart-del-btn { background-color:#f53232; color:#FFF; padding:15px 0; display: block; width:100%; border-radius: 5px; }
.cart-del-btn:hover { background-color:#921616; color:#FFF; text-decoration: none; }

.ds-tab-ul { padding:0; margin:30px 0 0 0; list-style-type:none; border-bottom: 5px solid #ddaf26; }
.ds-tab-ul li { padding:0; margin:0 2px 0 0; float:left; }
.ds-tab-ul li a { padding:15px 30px; background-color:#ddaf266b; color:#88712d; display: block; }
.ds-tab-ul li.active a { background-color:#ddaf26; color:#FFF; }
.ds-tab-data { padding:30px 20px; min-height:600px; display:none; }
.ds-tab-data.active { display:block; }

@media screen and (max-width: 767px) {
#HomeBnr { margin:0 -15px; margin-bottom:15px; }
.bnr_lft_div { padding:30px; }

.mob_menu_bar { display: block123; float: right; margin: 40px 30px 40px 0; color: #969696; font-size: 23px; font-weight: 100; }
.logo { float:none; display: block; height: 80px; text-align: center; }
.logo img { margin:2% 0; }

.usr_hdr_crt a { padding:10px 0; font-size: 22px; margin-top:10px; }
.usr_hdr_crt a i { font-size: 9px; margin: -4px; padding: 3px 5px; }
.usr_hdr_login a { padding:10px 0; font-size: 22px; }

.ds-tab-ul li { width:100%; }
.ds-tab-ul li a { width:100%; text-align:center; }

#HdrSearchProducts { margin-top: 20px; width:100%; }
.HdrSearchProductsIco { top:29px; }

.hdr_menu { display:none; margin: 113px 0 20px 0; float: none; text-align: center; }
.hdr_menu li { float:none !important; padding:5px; }
.hdr_menu li .sub_mnu .menu_cont { display:none; }
.hdr_menu li .sub_mnu { position:inherit; padding:0; height: auto !important; background:none !important; }
.hdr_menu li a { padding:5px 0; width:100%; }
.hdr_menu li a.active { padding:5px 0; }

.breadcrumb>li { font-size: 9px; }
.breadcrumb>li a { font-size: 9px; }

.hm_proccess_imgs div { margin-bottom:15px; }

.hm_about { background: url(../images/cftech_quality.png) no-repeat -62px 0 #080808; }
.hm_about h1 { width:100%; padding-top: 395px; text-align: center; }
.hm_about p { width:100%; text-align: center; }

.hm_about_imgs { margin:15px 0; }
.hm_about_imgs .r { border:0px; }
.hm_adds_imgs img { margin-top:15px; }
.hm_our_pro { margin-top: 15px; }

.pro_div { display: block; }
.pro_dtls { margin-left:0; }
.social_ico { position: inherit; top:0px; right:auto; text-align: center; }
.bnr_lft_div { display:none; }
.hdr_cont_addr { text-align: center; }
.hm_pro_pnl_bx { display:inherit; margin:0 -30px; }
.hm_pro_pnl .prod_list { margin-top:0; }
.hm_pro_pnl .cat_til, .hm_pro_pnl .scat_ul, .hm_pro_pnl .view_all { margin-left:15px; }
.hm_pro_pnl .view_all { margin-bottom: 15px; display: block; }

.pro_list_div { margin:0; }
.pro_div_ul { padding:0; }

footer ul li { list-style-type: none; }

}