.f7bg_footer1{ background-color:#0b9444; }
.f7bg_footer2{ background-color:#3f3f3f; }
.f7bg_footer3{ background-color:#f2f2f2; }

.bgcolor_button{ background-color:#CC6600; }
.bgcolor_button:hover{ background-color:#069; }
.f07_textinfo{ color:#FFF; }
/*------------Footer web*/
#wfooter_phone{ width:100%; min-height:30px; float:left; margin-top:20px; /*background-color:#0b9444; */}
.whotline_title, .whotline_phone,.whotline_social{ margin-top:20px; margin-right:10px;  float:left; font-size:30px; color:#fff; }
.whotline_phone{ font-weight:800; margin-left:15px; }
.whotline_social{ float:right; font-size:25px; margin-top:26px;  }
.whotline_bg{ float:left; width:60px; min-height:70px; background:url(../img/f7/phone-512.png) 15px 10px no-repeat #3f3f3f;}


#wfooter{ width:100%; float:left;  /*background-color:#3f3f3f;/*  background:url(../img/f3/img-contact.jpg) #33383c no-repeat bottom;   /*background-color:#153067;*/ }
#footer_rbg{ width:100%; /*background: rgba(25, 28, 34 , 0.65 );  */ float:left; padding:35px 0px 30px 0px; }
#wfooter_rtt{ width:100%; float:left; /*background-color:#f2f2f2; */ border-bottom:2px solid #ccc; padding:10px 0px 10px 0px; text-align:center; }
#wfooter_rtt p{ margin:0px; color:#333; }
#tkweb{  color:#333; font-size:12px; }
/*
#footer_cl1, #footer_cl2, #footer_cl3{ width:-moz-calc((100% - 40px)/3); width: -webkit-calc((100% - 40px)/3); width:-o-calc((100% - 40px)/3); width:calc((100% - 40px)/3);
float:left; min-height:100px; margin-right:20px; }
*/
#footer_cl1{ width:25%; float:left; min-height:100px; margin-right:20px; }
#footer_cl2{ width:40%; float:left; min-height:100px; margin-right:20px; }
#footer_cl3{ width:-moz-calc(35% - 40px); width: -webkit-calc(35% - 40px); width:-o-calc(35% - 40px); width:calc(35% - 40px); float:left; min-height:100px;  }
.clfooter_td{ width:100%; float:left; margin-bottom:20px;   border-bottom:0px solid #ccc; }
#footer_cl1{ color:#FFFFFF; }
.fo_imglogo{ width:100%; float:left; margin-bottom:10px; display: flex; justify-content: center; }
.fo_imglogo img{   max-width:90%; height:auto; margin-top:10px; }


.cl4_p{ width:100%; float:left; margin:0px 0px 9px 0px;  }
.clfooter_td h6{ float:left; margin:0px 0px -2px 0px; padding-bottom:5px; font-size:16px; color:#FFCC00; text-transform:uppercase; border-bottom:1px solid #FFCC00; }
#footer_cl2 p{ font-size:16px; color:#FFFFFF; }
#footer_cl2 .fa{ color:#CC9900;  }
#footer_mxh{ float:right; padding:0px; margin:20px 0px 0px 0px; }
#footer_mxh a{ color:#ddd;    }
#footer_mxh li{ float:left; margin-right:10px; list-style:none; color:#76a9d8; width:16px; padding:3px; cursor:pointer; border:0px solid #8c8d94; border-radius:12px; display: flex; justify-content: center;  } 
#footer_mxh li .fa{ color:#fff;}
#footer_mxh li .fa:hover{ color:#FFCC66;}
.footer3_jstify{ display:flex;justify-content: center; margin-bottom:20px; }
.fo_ul_sty{ width:100%; float:left; padding:0px; margin:0px; }
.fo_ul_sty:last-child{ margin-right:0px;}
.fo_ul_sty li{ width:49%; float:left; padding:0px; margin:0px 2% 10px 0px; color:#FFFFFF; font-size:15px; list-style:none;  }
.fo_ul_sty li:nth-last-child(2n+1){ margin-right:0px; }
.fo_ul_sty li a{ color:#FFFFFF; margin-left:8px;}
.fo_ul_sty li::before{ content: "»"; margin-right:0px; opacity: 0.8; color: #fff; }

/*Footer dang ky thong tin*/
.inputdk_footer{
width:-moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width:-o-calc(100% - 12px); width:calc(100% - 12px);
padding:8px 5px 8px 5px; border:1px solid #ccc;  background: transparent; color: white; font-size:15px; }
.div_dk_center{ display: flex; justify-content: center; }
.button_dangky{ width:200px; padding:8px 25px 8px 25px; border:1px solid #ddd; border-radius:5px; background-color:#3f4560; color:#fff; cursor:pointer; font-size:14px; font-weight:300; text-align:center; border-bottom:1px solid #ddd; }
.button_dangky:hover{ background-color:#990000; border-bottom:1px solid #fff; }



@media only screen  and (max-width: 1280px) {
/* #tkweb{ display:none;} */

}
@media only screen  and (max-width:1170px) {

#footer_rbg{ width:96%; padding:15px 2% 10px 2%; }
#footer_cl1{ width:36%; margin-bottom:10px; margin-right:2%}	
#footer_cl2{ width:58%; margin-bottom:10px;}	
#footer_cl3{ width:100%; margin-bottom:10px; margin-right:0px}	


}
@media only screen and (min-width:1024px)  and (max-width: 1170px) {

}
@media only screen  and (max-width: 1024px) {


}
@media only screen and (min-width:860px)  and (max-width: 1024px) {
#wfooter{ width:100%; /*padding:20px 1% 0px 1%;*/ }

}

@media only screen  and (max-width: 860px) {

/*fOOTER*/
#wfooter{ width:100%; padding:0px 0px 0px 0px;  }
#footer_cl1, #footer_cl2, #footer_cl3{ width:100%; margin-bottom:10px; margin-right:0px}	
#wfooter_rtt span{ width:100%; float:left; margin-bottom:3px; }
#tkweb{ width:100%; float:left; color:#333; font-size:10px; }
.fo_imglogo{ display: flex; justify-content: center; }
/*
.fo_ul_sty li{ width:100%; margin-right:2%; }
*/
.whotline_title, .whotline_phone{ font-size:28px; margin-left:10px; }
#footer_mxh, .whotline_social{ display:none;}
}

@media only screen and (max-width: 640px) {


}
@media only screen and (min-width:224px)  and (max-width: 480px) {
.whotline_title{ display:none; }

}