@media (max-width: 767px) {
  .page-eve-title .eve-date {
    float: none;
    width: 100%;
    margin: 0 0 5px 0;
  }
  .page-eve-title .eve-location {
    float: none;
    width: 100%;
  }
  .event-description {
    font-size: 14px;
    color: #002534;
    line-height: 22px;
  }
  .document-section .docs-title-wrap h2 {
    max-width: 80%;
    font-size: 18px;
  }
  .document-wrap .doc-title h2,
  .document-wrap .doc-title h2 a {
    font-size: 15px;
  }
  .spporting-doc-wrap h3,
  .spporting-doc-wrap h3 a {
    color: #409190;
    font-size: 14px;
  }
  .annex-wrapper .annex-title h4,
  .annex-wrapper .annex-title h4 a {
    font-size: 14px;
  }
  .doc-actions .showhide-doc-btn:hover {
    background: url(../images/dropdown-arows.png) no-repeat 96% -66px #ffffff;
    padding: 4px 25px 4px 10px;
    -webkit-box-shadow: 1px 1px 5px 1px #fff;
    box-shadow: 1px 1px 5px 1px #fff;
  }
  .doc-actions .showhide-doc-btn.active {
    background: url(../images/dropdown-arows.png) no-repeat 96% -41px #f7f7f7;
    padding: 4px 25px 4px 10px;
    -webkit-box-shadow: 1px 1px 5px 1px #C4C4C4;
    box-shadow: 1px 1px 5px 1px #C4C4C4;
  }

  .docs-title-wrap .showhide-more:hover {
    background: url(../images/dropdown-arows.png) no-repeat 95% 6px #ffffff;
    padding: 4px 25px 4px 10px;
    -webkit-box-shadow: 1px 1px 5px 1px #fff;
    box-shadow: 1px 1px 5px 1px #fff;
  }
  .docs-title-wrap .showhide-more.active {
    background: url(../images/dropdown-arows.png) no-repeat 95% -19px #f7f7f7;
    padding: 4px 25px 4px 10px;
    -webkit-box-shadow: 1px 1px 5px 1px #C4C4C4;
    box-shadow: 1px 1px 5px 1px #C4C4C4;
  }
  .annexure-row {
    display: flex;
    flex-wrap: wrap;
  }

  .search-form-block {
    display: flex;
    flex-wrap: wrap;
  }
  .search-form-block .key-srch {
    width: 46%;
    float: left;
    padding: 0 2% 0 0;
    border-right: 1px #CCC solid;
  }
  .search-form-block .doc-type {
    width: 46%;
    float: left;
    padding: 0 2% 0 2%;
    border-right: 0;
  }
  .search-form-block .doc-lang {
    width: 46%;
    float: left;
    padding: 0 2% 0 0;
    border-right: 1px #CCC solid;
    margin: 2% 0 0 0;
  }
}
@media (min-width: 460px) and (max-width: 768px) {
  .annexure-row .col-4 {
    width: calc(100%/2.1);
    margin-bottom: 2%;
  }
}

@media (max-width: 560px) {
  .document-specification {
    padding: 10px 20px 10px 20px;
    background: #f6f6f6;
    position: relative;
  }
  .document-specification::before {
    border-right: 0;
    left: 0;
    background: transparent;
  }
  .document-specification>div {
    width: 100%;
    margin: 0;
    padding: 1% 0;
  }
  .document-specification>div:nth-child(1) {
    border-top: 0px;
  }
  .document-specification>div:nth-child(2) {
    border-top: 1px #e8e8e8 solid;
  }
}

@media (max-width: 459px) {
  .page-eve-title {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
  .page-eve-title h1 {
    font-size: 22px;
  }
  .page-eve-title .eve-date,
  .page-eve-title .eve-location {
    font-size: 12px;
  }
  .annexure-row .col-4 {
    width: 100%;
    margin-bottom: 4%;
  }

  .search-form-block {
    display: flex;
    flex-wrap: wrap;
  }
  .key-srch input[type=text] {
    height: 28px;
  }
  .search-form-block .key-srch {
    width: 100%;
    float: none;
    padding: 0 2%;
    border-right: 0;
    border-bottom: 1px #CCC solid;
  }
  .search-form-block .doc-type {
    width: 100%;
    float: none;
    padding: 2% 0;
    border-bottom: 1px #CCC solid;
  }
  .search-form-block .doc-lang {
    width: 100%;
    float: none;
    padding: 2% 0;
    border-right: 0;
    margin: 2% 0 0 0;
  }
}