@media screen and (min-width: 768px){
  .main-list-container{
    display: grid;
    grid-auto-flow: row; 
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1280px){
  .main-list-container{
    display: grid;
    grid-auto-flow: row; 
    grid-template-columns: 1fr 1fr 1fr;
  }
  .list-item{
    padding-left: 6em;
  }
}
.list-item{
  display: list-item; 
  list-style: none;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 10px;
}
</style>
<style>
.target, .source{
  cursor: pointer;
  transition: all 0.4s ease-out;
}
.target:hover, .source:hover{
  transform: scale(1.05);
}
.crm_logo{

  width: 5em; 
  height: 5em; 
  border-radius: 50%; 
  background-color: #fff;  
  margin: auto; 
}
.active .crm_logo{
  border: 2px solid #f57558; 
}
label, input {
  width: 100%;
  display: block;
}
input{
  padding: 11.25px 15px;
  border-radius: 3px;
  border: 1px solid #95928E;
  background: #FFF;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background-image: url('https://6849208.fs1.hubspotusercontent-na1.net/hubfs/6849208/SVG.svg');
  background-position: 8px center;
  background-size: 24px;
  background-repeat: no-repeat;
  padding-left: 40px;
}
input::placeholder{
  color: #707683;
}
.custom-dropdown{
  border-radius: 3px;
  border: 1px solid #95928E;
  background: #FFF;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 100%;
  margin-top: 10px;
  max-height: 321px;
  overflow: auto;
  overflow-x: hidden
}
.crm_logo{
  width: 20px;
  height: 20px;
  display: inline-block;
}
.hero-content {
  padding-bottom: 40px;
  padding-top: 0px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.source:hover, .target:hover{
  background: #EFF7F9;
}
@media (max-width: 767px){
  .mobile-padding{
    padding: 20px; 
  }
  .lastone{
    padding-bottom: 60px; 
  }
  #crm, #connector{
    z-index: 1; 
  }
  .custom-dropdown {
    z-index: 99999; 
    max-width: calc(100% - 40px);
  }
  .hero-content {
    padding-bottom: 40px;
    padding-top: 80px;
    position: relative;
    width: 100%;
    z-index: 1;
  }
}
#connector, #crm{
  padding-left: 2.5em; 
}

/* New styles */


.app svg{
  width: 60px;
  height: 60px;
  display: block;
  margin: auto;
}