@media only screen and (min-width : 320px) and (max-width : 480px) {
    .h_one{width: 100%; float: left;}
    .h_one img{width: 100%;}
    .h_two{width: 100%;float: left;}
    .h_three{width: 63%;float: left;}
    .head_contact{ padding-top: 6% !important;font-size: 11px;}
    .mor_lnk{width: 100%!important;}
    .w-col {
    width: 100%!important;
}


}
@media only screen and (min-width : 480px) and (max-width : 640px) {
    .h_one{width: 60%; float: left;}
    .h_one img{width: 100%;}
    .h_two{width: 25%;float: left;}
    .h_three{width: 15%;float: left;}
    .head_contact{ padding-top: 6% !important;font-size: 11px;}
    .mor_lnk{width: 100%!important;}




}
@media only screen and (min-width : 640px) and (max-width : 769px) { 
    .h_one{width: 65%; float: left;}
    .h_one img{width: 100%;}
    .h_two{width: 20%;float: left;}
    .h_three{width: 15%;float: left;}
    .head_contact{ padding-top: 6% !important;font-size: 11px;}
    .mor_lnk{width: 50%!important;}

}
@media only screen and (min-width : 769px) and (max-width : 1025px) {
    .h_one{width: 65%; float: left;}
    .h_one img{width: 100%;}
    .h_two{width: 20%;float: left;}
    .h_three{width: 15%;float: left;}
    .head_contact{ padding-top: 6% !important;}
    .mor_lnk{width: 28%!important;}



}
@media only screen and (min-width : 1025px) and (max-width : 1280px) { 
#branding .logo { margin-right: 10px; width: 100%;}
#branding {float: left;}
.aone { float: left; width: 60%; }
.atwo { float: left; width: 20%; }
.athree { float: left; width: 20%; }
.mor_lnk { width: 38%!important; }    

}
@media only screen and (min-width : 1280px) and (max-width : 1367px) {

#branding .logo { margin-right: 10px; width: 100%;}
#branding {float: left;}
.aone { float: left; width: 60%; }
.atwo { float: left; width: 20%; }
.athree { float: left; width: 20%; }
.mor_lnk { width: 38%!important; } 


}