.foot {
    vertical-align: middle;
    display: flow-root !important;
    color: #fff;
    text-align: center;
    font-size: 13px;
  }

  .foot a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px 0px 5px;
  }

  .head {
    display: none;
  }

  ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Poppins", sans-serif;
  }

  ::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Poppins", sans-serif;
  }

  :-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Poppins", sans-serif;
  }

  :-moz-placeholder {
    /* Firefox 18- */
    font-family: "Poppins", sans-serif;
  }

  @media screen and (max-width:430px) {
    .foot {
      vertical-align: middle;
      display: inline-block !important;
    }

    .top {
      padding-top: 5px !important;
      padding-bottom: 5px !important;
    }

    .container {
      padding-left: 0px !important;
      padding-right: 0px !Important;
    }

    .ttt {
      padding-top: 0px !important;
    }

    .test {
      background: none !Important;
    }

    .test1 {
      padding-top: 0px !important;
    }

    .logo {
      width: 170px !important;
  max-width: initial;
    }

    .logo1 p {
      font-size: 12px !important;
      margin-right: 3px !important;
      float: left !important;
    }

    .tyt {
      width: 30%;

      display: block;

    }

    .ttt {
      padding-top: 10px !important;
    }

    input[type=submit] {

      width: 100% !important;
      margin-top: 20px !important;
      margin-bottom: 10px !important;
      margin-left: 0px !Important;
    }

    label {

      width: 15% !important;
    }

    input {
      width: 85% !important;

    }

    img {
      margin: 0% auto;
    }

    .text2 {
      font-size: 24px !important;
      text-align: center;
    }
  }
  @media screen and (max-width: 560px) and (min-width:220px) {

    button#submit_add{
    margin: 10px 0 !important;
    }
    
    .col-md-12.foot.col-xs-12.black-bg.pb10 {
        padding-bottom: 6%;
    }
    }
.table {
  width: 100%;
  max-width: 100%;
  color: #fff;
  margin-bottom: 20px;
}
  @media screen and (max-width:320px) {
    .logo {
      width: 100% !important;
    }

    .logo1 p {
      font-size: 13px !important;
      margin-right: 0px !important;
    }

    .text2 {
      font-size: 20px !important;
    }
  }

  body {
    font-family: "Poppins", sans-serif;
  
    background: #000;
  }

  .col-md-12.black-bg {
    background: #000;
  }
.container {
  color: #fff;
}