/* Enter Your Custom CSS Here */
.page-template-template-croc .topper .all-buttons {
  max-height: 400px;
}
@media (min-width: 375px){
  .page-template-template-croc .topper .all-buttons {
    max-height: 310px;
  }
}
@media (min-width: 585px){
  .page-template-template-croc .topper .all-buttons {
    max-height: 220px;
  }
}
@media (min-width: 992px){
  .page-template-template-croc .topper h3 {
    min-height: 168px
  }

  .page-template-template-croc .topper h3 span:not(.active){
   bottom:0;
   left:0; 
  }
  .page-template-template-croc .topper .all-buttons {
    max-height: 300px;
    min-height: 300px;
  }
  .page-template-template-croc .topper .all-buttons div:not(.active) a, .page-template-template-croc .topper .all-buttons div:not(.active) span, .page-template-template-croc .topper .croc-topper-buttons:not(.active){
    position: absolute;
  }
  .page-template-template-croc .topper .croc-topper-buttons, .all-buttons{
    width:100%;
    transition: none;
  }
}