/*
CSS file for the footer
    Created on : Aug 28, 2014, 12:41:26 PM
    Author     : freeman
*/
/*------------------------------------------------------------------------------
                                FOOTER
-------------------------------------------------------------------------------*/
.footer{margin-top: 20px;}
.footer{ clear:both; background:#666; padding:40px 0; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; line-height:normal;}
.footer h2{ font-size:14px; border-bottom:solid 1px #999; padding-bottom:10px; margin-bottom:15px; font-weight:bold;}
.footer a{ text-decoration:none; color:#fff; display:block; padding:5px 0;}
.footer a:hover{ color:#000; }
.footer .colmn1{ width:35%; float:left; margin-right:2.5%;}
.footer .colmn1 li{ width:30%; float:left;  margin-right:3%;}
.footer .colmn2 p{ margin:10px 0;  }
.footer .colmn2{ width:40%; float:left; margin-right:2.5%; position:relative;}
.footer .colmn3{ width:20%; float:right; margin-top:-15px}
.footer .colmn3 a { opacity:1; }
.footer .colmn3 a:hover { opacity:0.7; }
.footer .colmn3 p{ margin:10px 20px;  }
.soc_ficon{ position:absolute; top:-11px; right:0; }
.soc_ficon a{ float:left; padding:0;}
.hob_logo{ margin-left:20px; }
.btn_bold{ text-transform:uppercase !important; font-weight:bold; }

/*------------------------------------------------------------------------------
                                RESPONSIVE CSS
-------------------------------------------------------------------------------*/
@media screen and (max-width:1920px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
    .fix_wrapper > p{width: 65%;}
}
@media screen and (max-width:1309px){
}
@media screen and (max-width:1121px){
}

@media screen and (max-width:1023px){
    .search_blk{clear:right;}
    .logo{ width:auto; }
    .btn_blk a.orng_btn{ margin-right:1.5%; padding:2% 0.5%; }    
    .header_right{ width:100%; margin:0 auto; float:none;text-align:center;  }
    .header{ position:relative; display:inline-block; }

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

}
@media screen and (max-width:860px){    
    .footer .colmn1{width: calc(50% - 20px);margin: 10px;}
    .footer .colmn2{width: calc(50% - 20px);margin: 10px;}
    .footer .colmn3{width: 100%;margin: 10px auto;}
    .footer .colmn3 a,p{display: inline-block;}
    .footer .colmn3 p{margin: 10px 10px;}
    .soc_ficon{ position:relative; top:10px; }
    .inn_head { overflow:inherit; }
}
@media screen and (max-width:810px){
}
@media screen and (max-width:783px){
}
@media screen and (max-width:768px){
    .fix_wrapper > p{width: 100%;}

}
@media screen and (max-width:767px){
}
@media screen and (max-width:720px){
}
@media screen and (max-width:690px){

}
@media screen and (max-width:625px){   
    .footer .colmn1{ width:100%; }
    .footer .colmn2{ width:100%;  }
    .footer .colmn3{ width:100%; float:none;  }   
}
@media screen and (max-width:599px){
}
@media screen and (max-width:530px){
    .footer .colmn1{width: calc(100% - 20px);margin: 10px;}
    .footer .colmn2{width: calc(100% - 20px);margin: 10px;}
    .footer .colmn3{ clear:both; margin-top:8px; }
}

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

}
@media screen and (max-width:499px){
    .footer .colmn1, .footer .colmn2{ width:100%; margin-bottom:20px;}
}
@media screen and (max-width:480px){    
}
@media screen and (max-width:420px){

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

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

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