/*Header menu*/
.text {
  color:white;
  float:left;
  font-size:15px;
}
.text-1 {
  color:white;
  float:left;
  font-size:10px;
}
.text2 {
  font-size:15px;
  /*color:yellow;*/
  color:#c4e7ec;
  float: left;
}
.text2-1 {
  font-size:10px;
   /*color:yellow;*/
  color:#c4e7ec;
  float: left;
}
.text3 {
  float: right;
  font-size:20px;
  /*color:yellow;*/
  color:#c4e7ec;
}
.text3-1 {
  float: right;
  font-size:12px;
  /*color:yellow;*/
  color:#c4e7ec;
}
.fa-eye {
  font-size:10px;
}
.fa-eye-1 {
  font-size:8px;
}
.vl {
  border-left: 2px solid white;
  height: 80px;
}
.vl-1 {
  border-left: 2px solid white;
  height: 50px;
}
.btn-vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.btn-group button {
  background-color: linear-gradient(180deg, #1E40D8 0%, #0523AB 100%);
  color: white;
  padding: 10px 30px; 
  cursor: pointer; 
  font-size: 15px;
}

/*Page content*/
.entryWidth {
  width: 330px;
}
.entryHeight {
  height: 45px;
}
.btn-amt {
  /*background-color: white;
  border-color: #0523AB;*/
  background-color: #c4e7ec;
  border-color: black;
  border: 1px solid;
  /*color: #0523AB;*/
  color: black;
  padding: 1px 15px;
  text-align: center;
  display: inline-block;
  font-size: 15px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 30px;
}
.btn-amt-active {
  background-color: #2C2C2C;
  color: white;
  border-color: #2C2C2C;
}
.btn-amt2 {
  /*background-color: white;
  border-color: #0523AB;*/
  background-color: #c4e7ec;
  border-color: black;
  border: 1px solid;
  /*color: #0523AB;*/
  color: black;
  padding: 1px 15px;
  text-align: center;
  display: inline-block;
  font-size: 15px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 30px;
  margin-left:3px;
}
.btn-submit {
  /*background-color: #0523AB;*/
  background: linear-gradient(180deg, #F3D3A3 0%, #C6A777 100%);
  border: none;
  color: white;
  padding: 10px 32px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 5px;
}
.btn-copy {
  background-color: red;
  border: none;
  color: white;
  padding: 12px 15px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 5px;
}
.btn-clear {
  background-color: white;
  border: none;
  color: #0523AB;
  padding: 10px 32px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 5px;
  margin-left:90px;
}
.btn-clear-2 {
  background-color: white;
  border: none;
  color: #0523AB;
  padding: 10px 32px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 5px;
}
.input-group-btn {
    display: block;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-radius: 5px;
}
.sidebar a {
  display: block;
  /*color: #0523AB;*/
  color: white;
  padding: 16px;
  text-decoration: none;
}
 
.sidebar a.active {
  /*color: #0523AB;*/
  color: white;
  font-weight: bold;
}

div.content {
  margin-left: 20px;
  margin-top: 18px;
  padding: 1px 16px;
  /* height: 800px; */
}
.text4 {
  font-size:20px;
  /*color:#0523AB;*/
  color:#c4e7ec;
  display: block;
  padding: 20px;
}
.text5 {
  font-size:20px;
  /*color: #0523AB;*/
  color:#2C2C2C; 
}
.icon {
  padding: 7px;
  /*color: #0523AB;*/
  color:#2C2C2C;
}
.input-field {
  padding: 12px;
  /*color: #0523AB;*/
  color:#2C2C2C;
  font-size:15px;	
}
.input-group-btn {
  height:45px;
}

@media only screen and (max-width: 371px) and (min-width: 360px) {
	.btn-group button {
	  font-size: 8px;
	  padding: 12px 9px; 
	}
	.btn-amt-small {
	  font-size: 11px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 378px) and (min-width: 371px) {
	.btn-group button {
	  font-size: 8px;
	  padding: 12px 10px; 
	}
	.btn-amt-small {
	  font-size: 11px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 391px) and (min-width: 378px) {
	.btn-group button {
	  font-size: 8px;
	  padding: 12px 11px; 
	}
	.btn-amt-small {
	  font-size: 11px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 400px) and (min-width: 391px) {
	.btn-group button {
	  font-size: 8px;
	  padding: 12px 12px; 
	}
	.btn-amt-small {
	  font-size: 11px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 406px) and (min-width: 400px) {
	.btn-group button {
	  font-size: 8px;
	  padding: 12px 13px; 
	}
	.btn-amt-small {
	  font-size: 11px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 411px) and (min-width: 406px) {
	.btn-group button {
	  font-size: 8px;
	  padding: 12px 14px; 
	}
	.btn-amt-small {
	  font-size: 11px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 416px) and (min-width: 411px) {
	.btn-group button {
	  font-size: 8px;
	  padding: 12px 15px; 
	}
	.btn-amt-small {
	  font-size: 11px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 421px) and (min-width: 416px) {
	.btn-group button {
	  font-size: 8px;
	  padding: 12px 16px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 426px) and (min-width: 421px) {
	.btn-group button {
	  font-size: 8px;
	  padding: 12px 17px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 431px) and (min-width: 426px) {
	.btn-group button {
	  font-size: 8px;
	  padding: 12px 18px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 436px) and (min-width: 431px) {
	.btn-group button {
	  font-size: 9px;
	  padding: 12px 15px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 441px) and (min-width: 436px) {
	.btn-group button {
	  font-size: 9px;
	  padding: 12px 16px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 446px) and (min-width: 441px) {
	.btn-group button {
	  font-size: 9px;
	  padding: 12px 16px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 451px) and (min-width: 446px) {
	.btn-group button {
	  font-size: 9px;
	  padding: 12px 17px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 456px) and (min-width: 451px) {
	.btn-group button {
	  font-size: 9px;
	  padding: 12px 17px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 461px) and (min-width: 456px) {
	.btn-group button {
	  font-size: 10px;
	  padding: 12px 15px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 466px) and (min-width: 461px) {
	.btn-group button {
	  font-size: 10px;
	  padding: 12px 15px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 471px) and (min-width: 466px) {
	.btn-group button {
	  font-size: 10px;
	  padding: 12px 16px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 476px) and (min-width: 471px) {
	.btn-group button {
	  font-size: 10px;
	  padding: 12px 17px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 481px) and (min-width: 476px) {
	.btn-group button {
	  font-size: 11px;
	  padding: 11px 16px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 486px) and (min-width: 481px) {
	.btn-group button {
	  font-size: 11px;
	  padding: 11px 16px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 491px) and (min-width: 486px) {
	.btn-group button {
	  font-size: 11px;
	  padding: 11px 17px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 496px) and (min-width: 491px) {
	.btn-group button {
	  font-size: 11px;
	  padding: 11px 17px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 501px) and (min-width: 496px) {
	.btn-group button {
	  font-size: 12px;
	  padding: 10px 15px; 
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 506px) and (min-width: 501px) {
	.btn-group button {
	  font-size: 12px;
	  padding: 10px 16px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 511px) and (min-width: 506px) {
	.btn-group button {
	  font-size: 12px;
	  padding: 10px 16px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 516px) and (min-width: 511px) {
	.btn-group button {
	  font-size: 12px;
	  padding: 9px 17px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 521px) and (min-width: 516px) {
	.btn-group button {
	  font-size: 12px;
	  padding: 9px 17px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 526px) and (min-width: 521px) {
	.btn-group button {
	  font-size: 13px;
	  padding: 8px 15px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 531px) and (min-width: 526px) {
	.btn-group button {
	  font-size: 13px;
	  padding: 8px 16px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 536px) and (min-width: 531px) {
	.btn-group button {
	  font-size: 13px;
	  padding: 8px 16px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 531px) and (min-width: 526px) {
	.btn-group button {
	  font-size: 13px;
	  padding: 8px 17px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	  margin-left:15px;
	}
}

@media only screen and (max-width: 536px) and (min-width: 531px) {
	.btn-group button {
	  font-size: 13px;
	  padding: 8px 17px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 541px) and (min-width: 536px) {
	.text-1 {
	  font-size:12px;
	  margin-top:3px;
	  margin-left:5px;
	}
	.text2-1 {
	  font-size:12px;
	  margin-left:5px;
	}
	.text3-1 {
	  font-size:14px;
	}
	.fa-eye-1 {
	  font-size:8px;
	}
	.vl-1 {
	  height: 58px;
	  margin-left:15px;
	  margin-right:15px;
	}
	.btn-group button {
	  font-size: 13px;
	  padding: 12px 10px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 546px) and (min-width: 541px) {
	.text-1 {
	  font-size:12px;
	  margin-top:3px;
	  margin-left:5px;
	}
	.text2-1 {
	  font-size:12px;
	  margin-left:5px;
	}
	.text3-1 {
	  font-size:14px;
	}
	.fa-eye-1 {
	  font-size:8px;
	}
	.vl-1 {
	  height: 58px;
	  margin-left:15px;
	  margin-right:15px;
	}
	.btn-group button {
	  font-size: 13px;
	  padding: 12px 10px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 551px) and (min-width: 546px) {
	.text-1 {
	  font-size:12px;
	  margin-top:3px;
	  margin-left:5px;
	}
	.text2-1 {
	  font-size:12px;
	  margin-left:5px;
	}
	.text3-1 {
	  font-size:14px;
	}
	.fa-eye-1 {
	  font-size:8px;
	}
	.vl-1 {
	  height: 58px;
	  margin-left:15px;
	  margin-right:15px;
	}
	.btn-group button {
	  font-size: 13px;
	  padding: 12px 11px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 556px) and (min-width: 551px) {
	.text-1 {
	  font-size:12px;
	  margin-top:3px;
	  margin-left:5px;
	}
	.text2-1 {
	  font-size:12px;
	  margin-left:5px;
	}
	.text3-1 {
	  font-size:14px;
	}
	.fa-eye-1 {
	  font-size:8px;
	}
	.vl-1 {
	  height: 58px;
	  margin-left:15px;
	  margin-right:15px;
	}
	.btn-group button {
	  font-size: 13px;
	  padding: 12px 12px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 561px) and (min-width: 556px) {
	.text-1 {
	  font-size:12px;
	  margin-top:3px;
	  margin-left:5px;
	}
	.text2-1 {
	  font-size:12px;
	  margin-left:5px;
	}
	.text3-1 {
	  font-size:14px;
	}
	.fa-eye-1 {
	  font-size:8px;
	}
	.vl-1 {
	  height: 58px;
	  margin-left:15px;
	  margin-right:15px;
	}
	.btn-group button {
	  font-size: 13px;
	  padding: 12px 13px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 566px) and (min-width: 561px) {
	.text-1 {
	  font-size:12px;
	  margin-top:3px;
	  margin-left:5px;
	}
	.text2-1 {
	  font-size:12px;
	  margin-left:5px;
	}
	.text3-1 {
	  font-size:14px;
	}
	.fa-eye-1 {
	  font-size:8px;
	}
	.vl-1 {
	  height: 58px;
	  margin-left:15px;
	  margin-right:15px;
	}
	.btn-group button {
	  font-size: 13px;
	  padding: 12px 14px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 571px) and (min-width: 566px) {
	.text-1 {
	  font-size:12px;
	  margin-top:3px;
	  margin-left:5px;
	}
	.text2-1 {
	  font-size:12px;
	  margin-left:5px;
	}
	.text3-1 {
	  font-size:14px;
	}
	.fa-eye-1 {
	  font-size:8px;
	}
	.vl-1 {
	  height: 58px;
	  margin-left:15px;
	  margin-right:15px;
	}
	.btn-group button {
	  font-size: 13px;
	  padding: 12px 15px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 576px) and (min-width: 571px) {
	.text-1 {
	  font-size:12px;
	  margin-top:3px;
	  margin-left:5px;
	}
	.text2-1 {
	  font-size:12px;
	  margin-left:5px;
	}
	.text3-1 {
	  font-size:14px;
	}
	.fa-eye-1 {
	  font-size:8px;
	}
	.vl-1 {
	  height: 58px;
	  margin-left:15px;
	  margin-right:15px;
	}
	.btn-group button {
	  font-size: 12px;
	  padding: 12px 15px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	  padding: 1px 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

@media only screen and (max-width: 600px) and (min-width: 576px) {
	.text-1 {
	  font-size:13px;
	}
	.text2-1 {
	  font-size:13px;
	}
	.text3-1 {
	  font-size:16px;
	}
	.fa-eye-1 {
		font-size:10px;
	}
	.vl-1 {
	  height: 48px;
	}
	.btn-group button {
	  font-size: 12px;
	  padding: 6px 14px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}

/* Small screen devices (600px and above) */
@media only screen and (min-width: 600px) {
	.text-1 {
	  font-size:13px;
	}
	.text2-1 {
	  font-size:13px;
	}
	.text3-1 {
	  font-size:16px;
	}
	.fa-eye-1 {
		font-size:10px;
	}
	.vl-1 {
	  height: 48px;
	}
	.btn-group button {
	  font-size: 12px;
	  padding: 6px 14px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	}
	.btn-amt-active {
	  background-color: #2C2C2C;
	  color: white;
	  border-color: #2C2C2C;
	}
}
 
/* Medium screen devices (768px and above) */
@media only screen and (min-width: 768px), (min-width: 889px) {
	.text {
	  font-size:13px;
	}
	.text2 {
	  font-size:13px;
	}
	.text3 {
	  font-size:16px;
	}
	.fa-eye {
		font-size:9px;
	}
	.vl {
	  height: 50px;
	}
	.btn-group button {
	   font-size: 12px;
	  padding: 8px 18px; 
	}
	.btn-amt-small {
	  font-size: 12px;
	}
}

 @media only screen and (min-width: 1000px) {
	.text {
	  font-size:13px;
	}
	.text2 {
	  font-size:13px;
	}
	.text3 {
	  font-size:16px;
	}
	.fa-eye {
		font-size:9px;
	}
	.vl {
	  height: 62px;
	}
	.btn-group button {
	  font-size: 14px;
	  padding: 8px 22px; 
	}
	.btn-amt-small {
	  font-size: 15px;
	}
}
 
/* Extra big screen devices (1200px and above) */
@media only screen and (min-width: 1200px) {
	.text {
	  font-size:15px;
	}
	.text2 {
	  font-size:15px;
	}
	.text3 {
	  font-size:25px;
	}
	.fa-eye {
		font-size:10px;
	}
	.vl {
	  height: 80px;
	}
	.btn-group button {
	  font-size: 15px;
	  padding: 10px 30px; 
	}
	.btn-amt-small {
	  font-size: 15px;
	}
}