body .smartphone-navbar .page-title{
  max-width: unset;
  white-space: normal;
  line-height: 30px;
  text-align: left;
}

body .toolTitle{
  font-size: 19px;
  padding: 20px 15px;
  max-width: 333px;
  max-width: 333px;
  margin-top: 0;
  margin-bottom: 0;
}

.headMeta.tool > span{
  display: inline-block;
  overflow-wrap: break-word;
}

@media(max-width: 370px){
  .headMeta.tool > span{
    max-width: 100px;
  }
}

.readyLinkContainer.tool .headTitle{
  line-height: 23px;
}

@media(max-width: 417px){
  body .toolTitle{
  padding-top: 27px;
  }
}

.toolLinksContainer{
  display: grid;
  grid-template-columns: 1fr 1fr;
	grid-gap: 2.5% 2%;
  padding: 0px 1%;
}

.tool.readyLinkContainer{
  padding: 0;
}

.tool.headMeta{
  padding: 6px 0px 6px 11px;
}



.response.tool{
  gap: 4px;
}

.response.tool span{
  font-size: 12.4px;
  display: inline-block;
}

@media(max-width: 450px){
  .tool .responseLink{
    max-width: 130px;
  }
}


.left-history-arrow{
  /* display: none !important; */
}

.toolContainer{
  display: flex;
  flex-direction: column;
  gap: 21px;
}

.toolFooter{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 15px;
}

.toolFooterSection{
  display: flex;
  align-items: center;
  border: 1px solid;
  padding: 8px;
  border-radius: 5px;
  justify-content: space-between;
}

.toolFooterSection > span{
  max-width: 200px;
  font-size: 15px;
}

.toolFooterSection > div{
  background: #809CAB;
  padding: 10px 16px;
  border-radius: 5px;
  min-width: 87.77px;
  text-align: center;
}

.toolFooterSection > div > span{
  color: white;
  font-size: 15px;
}