.ccm-search-block-form {
  padding-bottom: 5px;
}
@media (max-width: 1199px) {
  .ccm-search-block-form {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
.ccm-search-block-form .ccm-search-block-text,
.ccm-search-block-form .ccm-search-block-text:focus,
.ccm-search-block-form .ccm-search-block-text:hover,
.ccm-search-block-form .ccm-search-block-text:active,
.ccm-search-block-form .ccm-search-block-text:visited {
  border-right: 0;
  border-left: 0;
  border-top: 0;
  border-bottom: solid #dcdcdc 1px;
  border-radius: 0;
  outline: 0 none;
  width: 200px;
}
.ccm-search-block-form .ccm-search-block-text:focus {
  outline: 0 none;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: solid #dcdcdc 1px;
}
@media (max-width: 1199px) {
  .ccm-search-block-form {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .ccm-search-block-form .ccm-search-block-text,
  .ccm-search-block-form .ccm-search-block-text:focus,
  .ccm-search-block-form .ccm-search-block-text:hover,
  .ccm-search-block-form .ccm-search-block-text:active,
  .ccm-search-block-form .ccm-search-block-text:visited {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .ccm-search-block-form {
    z-index: 1000;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10%;
    height: 20vh;
    -ms-flex-item-align: end;
        align-self: flex-end;
    width: 100%;
    margin: 0;
    background: #fff;
    /*transition: transform 0.2s;
        transform: translateX(-1000px);*/
    display: none;
  }
  .ccm-search-block-form .ccm-search-block-text {
    width: 100%;
    font-size: 7vw;
  }
  .ccm-search-block-form.active-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ccm-search-block-form .ccm-search-block-text,
  .ccm-search-block-form .ccm-search-block-text:focus,
  .ccm-search-block-form .ccm-search-block-text:hover,
  .ccm-search-block-form .ccm-search-block-text:active,
  .ccm-search-block-form .ccm-search-block-text:visited {
    width: 100%;
  }
}