*{
    padding: 0px;
    margin: 0px;
}
body{background-color: #fff !important;}
.header-img-l{width: 100%;}
.header-img-l img{width: 100%;}
.row{margin-top: 10px !important;}
input{float: left;margin-left: -10px !important;background-color: #eee !important;border-radius: 0px;text-transform: capitalize;}
span{float: left;margin-top: 10px !important;font-weight: bold;text-transform: capitalize;}
h6{width: 101.5%;background-color: black;color: white !important;padding: 12px 10px;margin-left: -15px;}
input[type="radio"]{
    float: left !important;
    margin-top: 10px !important;
    
}
input:hover{background-color: #eee;}
input[type="checkbox"]{
    float: left !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    margin-top: 10px !important;
    border-radius: 1px !important;
}
input[type="radio"]{
    float: left !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    margin-top: 10px !important;
    border-radius: 1px !important;
}

.form-control{border-radius: 1px !important; color: #1b1919 !important;}
/*
.f1{float: left;width: 4%;}
.f2{float: left;width: 6%;}
.f3{float: left;width: 5%;}
.f4{float: left;width: 10%;}
.f5{float: left;width: 20%;}
.f6{float: left;width: 25%;}
.f7{float: left;width: 30%;}
*/
li {
    list-style-type: square;
}
@media only screen and (max-width: 770px) {
    input[type=text]{float: none !important;width: 100% !important;}
    .col-xs-1{width: 100% !important}
    .col-xs-2{width: 100% !important}
    .col-xs-3{width: 100% !important}
    .col-xs-4{width: 100% !important}
    .col-xs-5{width: 100% !important}
    .col-xs-6{width: 100% !important}
    .col-xs-7{width: 100% !important}
    .col-xs-8{width: 100% !important}
    .col-xs-9{width: 100% !important}
    .col-xs-10{width: 100% !important}
    .col-xs-11{width: 100% !important}
    .col-xs-12{width: 100% !important}
    
}