.bor{
  border:1px solid #001000;
}

.topTitle{
  font-style: italic;
  font-family: verdana;
  color:#186CAB;
  font-weight:bold;
  line-height:35px;
}
.topSubTitle{
  color:#000000;
  font-family:Arial;
  font-size:16px;
  text-align:center;
  font-weight:bold;
  border-bottom: 1px dashed #ccc;
  border-top: 1px dashed #ccc;
  padding:6px;
}
.topSubTitle2{
  color:rgb(0,128,0);
  font-family:Arial;
  font-size:26px;
  text-align:center;
  font-weight:bold;
  border-bottom: 1px dashed #ccc;
  border-top: 0px;
  padding:6px;
}
.list-group-item{
  border:0px;
  padding:2px 15px;
}
.titLeft{
  color:#000000;
  font-family:Arial;
  font-size:14px;
  text-align:left;
  font-weight:bold;  
}
.listaA :before {
  font-family: FontAwesome;
  content: "\f101";
  padding:0 5px;
}
.listaA {
  text-align:left;
  font-size:12px;
}
.listaB :after {
  font-family: FontAwesome;
  content: "\f068";
  padding-left:5px;
}
.listaB {
  text-align:right;
  font-size:12px;
}
.listaC :before {
  font-family: FontAwesome;
  content: "\f068";
  padding-right:5px;
}
.listaC {
  text-align:left;
  font-size:12px;
}
.formWrapper{
  border:2px solid #999999;
  background:#AEAEAE;
  color:#FFFFFF;
}
.form-group{
  padding:0px 15px;
  text-align:center;
}
.textSmall{
  font-size:12px;
  font-weight:normal;
}
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
  body::before {
    //content: "min-width : 320px";
  }
  .topTitle{
    font-size:23px;
    text-align:center;
  }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
  body::before {
    //content: "min-width : 480px";
  }
  .topTitle{
    font-size:30px;
    text-align:center;
  }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  body::before {
    //content: "min-width : 768px";
  }
  .topTitle{
    font-size:30px;
    text-align:left;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  body::before {
   // content: "min-width : 992px";
  }
  .topTitle{
    font-size:30px;
    text-align:left;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  body::before {
    //content: "min-width : 1200px";
  }
  .topTitle{
    font-size:30px;
    text-align:left;
  }
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  body::before {
    //content: "max-width : 1200px";
  }
  .topTitle{
    font-size:26px;
    text-align:left;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  body::before {
    //content: "max-width : 992px";
  }
  .topTitle{
    font-size:26px;
    text-align:center;
  }
  .listaB {
    text-align:left;
    font-size:12px;
  }
  .listaB :after {
    content: "";
  }
  .listaB :before {
    font-family: FontAwesome;
    content: "\f068";
    padding-right:5px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  body::before {
    //content: "max-width : 768px";
  }
  .topTitle{
    font-size:26px;
    text-align:center;
  }
  .listaB {
    text-align:left;
    font-size:12px;
  }
  .listaB :after {
    content: "";
  }
  .listaB :before {
    font-family: FontAwesome;
    content: "\f068";
    padding-right:5px;
  }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
  body::before {
    //content: "max-width : 480px";
  }
  .topTitle{
    font-size:24px;
    text-align:center;
  }
  .listaB {
    text-align:left;
    font-size:12px;
  }
  .listaB :after {
    content: "";
  }
  .listaB :before {
    font-family: FontAwesome;
    content: "\f068";
    padding-right:5px;
  }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
  body::before {
    //content: "max-width : 320px";
  }
  .topTitle{
    font-size:23px;
    text-align:center;
  }
  .topSubTitle{
    font-size:12px;
  }
  .listaB {
    text-align:left;
    font-size:12px;
   
  }
  .listaB :after {
    content: "";
  }
  .listaB :before {
    font-family: FontAwesome;
    content: "\f068";
    padding-right:5px;
  }
}