@media (min-width: 786px) {
  .fctc-flex-11 div.webform-flex {
    flex: inherit !important;
  }
  .fctc-flex-13 div.webform-flex {
    flex: inherit !important;
  }
}

@media (min-width: 1367px) {
  .dropdown:hover > .sub-menu {
    display: block;
  }
  .menu-arrow {
    pointer-events: none;
  }
}
@media (min-width: 1025px) {
  .mobile-header-top-menu {
    display: none;
  }
  .colse-icon {
    display: none;
  }
  .header-menu-btn {
    display: none;
  }
  .header-menu-close-btn {
    display: none;
  }
}
@media (max-width: 1890px) {
  .header-menu-nav ul.menu-wrap > li > a {
    font-size: 18px;
  }
}
@media (max-width: 1800px) {
  .protocol-database-listing-wrap {
    width: 92%;
  }
  .protocol-database-box a .overly-desc p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 1760px) {
  .header-menu-nav ul.menu-wrap > li > a {
    font-size: 16px;
  }
  .dropdown .sub-menu li a {
    font-size: 16px;
  }
  .experts-database-list-wrap {
    width: 90%;
  }
  .experts-database-list-wrap .expert-header {
    text-align: center;
  }
  .experts-database-list-wrap .expert-header a {
    position: relative;
    margin-top: 20px;
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    transform: translate(0px, 0);
  }
  .experts-database-list-wrap .expert-header .expert-submission {
    padding-top: 0;
  }
  .experts-database-list-wrap .expert-header .expert-submission a {
    margin-top: 10px;
  }
}
@media (max-width: 1630px) {
  .header-menu-nav ul.menu-wrap > li > a {
    padding: 16px 10px 16px 10px;
  }
  .header-menu-nav ul.menu-wrap > li.dropdown > a {
    padding-right: 20px;
  }
  .menu-arrow {
    width: 10px;
    height: 10px;
    right: 4px;
  }
  .announce-row-wrap {
    max-width: 1630px;
    padding: 0 15px;
  }
  .announce-row {
    margin: 0 -15px;
  }
  .announce-row .views-row {
    padding: 0 15px;
  }
  .banner-wrap .page-title {
    width: 100%;
  }
  .platform-child-list .views-row-wrapper {
    width: 90%;
  }
  .container {
    width: 100%;
  }
  .header-top-wrap .container {
    width: 100%;
  }
  .announce-exposed-form .views-exposed-form {
    width: 100%;
  }
  .announce-row-wrap {
    width: 90%;
  }
  .announce-header-right {
    font-size: 13px;
  }
  .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 16px;
  }
  .announce-exposed-form
    .views-exposed-form
    .js-form-item.js-form-type-textfield
    .form-text {
    font-size: 16px;
  }
  .select2-container .select2-selection--single {
    font-size: 16px;
  }
  .expert-terms-wrap .webform-wrapper {
    width: 92%;
  }
  .path-search .main-content section {
    width: 91%;
  }
  .news-update-wrap .container,
  .featured-material-wrap .container {
    width: 90%;
  }
  .protocol-database-box a .overly-desc p {
    font-size: 16px;
    line-height: 24px;
  }
  .protocol-database-box a .overly-desc {
    padding: 17px 15px;
  }
  .messages .container {
    width: 100%;
  }
  .messages {
    width: 90%;
  }
  .webform-ajax-form-wrapper .messages {
    width: 100%;
  }
  .webform-confirmation__back {
    width: 90%;
  }
}
@media (max-width: 1440px) {
  .breadcrumb-wrapper nav ol li a {
    font-size: 16px;
  }
  .breadcrumb-wrapper nav ol li {
    font-size: 16px;
  }
  .banner-wrap .page-title h1 {
    font-size: 45px;
    line-height: 55px;
  }
  .announce-header header h2 {
    font-size: 22px;
    line-height: 33px;
  }
  .announce-header header p {
    font-size: 16px;
    line-height: 26px;
  }
  .announce-header-left {
    font-size: 16px;
    line-height: 26px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-title {
    font-size: 22px;
    line-height: 33px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-desc {
    font-size: 16px;
    line-height: 26px;
  }
  .footer-col h2 {
    font-size: 18px;
  }
  .quick-links ul li a {
    font-size: 16px;
  }
  .select2-container .select2-selection--single {
    height: 40px;
  }
  .announce-exposed-form
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 40px;
  }
  .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 15px;
  }
  .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 40px;
  }
  .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 16px;
  }
  .announce-exposed-form
    .views-exposed-form
    .js-form-item.js-form-type-textfield
    .form-text {
    height: 40px;
    font-size: 16px;
  }
  .announce-header header {
    width: 90%;
  }
  .announce-title {
    font-size: 20px;
    line-height: 30px;
    padding: 10px 15px;
  }
  .announce-header-left {
    width: 40%;
    padding-left: 15px;
  }
  .announce-header-right {
    width: 60%;
  }
  .announce-desc {
    font-size: 16px;
    line-height: 26px;
    padding: 0 15px 20px;
  }
  .announce-desc .cta-btn {
    font-size: 16px;
  }
  .announcement-board-detailed-title {
    font-size: 30px;
    line-height: 40px;
  }
  .announcement-board-post-info .announcement-board-post-info-left ul li {
    font-size: 16px;
  }
  .announcement-board-post-info .announcement-board-post-info-right {
    font-size: 16px;
  }
  .announcement-board-post-desc {
    font-size: 16px;
    line-height: 26px;
  }
  .announce-documents-box-title {
    font-size: 22px;
    line-height: 33px;
    padding: 20px 30px;
  }
  .announce-document-listing {
    padding: 20px 30px;
  }
  .announce-document-listing ul li {
    font-size: 16px;
  }
  .cta-btn a {
    font-size: 18px;
  }
  .announce-exposed-form
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 14px;
    right: 11px;
    width: 20px;
    height: 15px;
  }
  .announce-exposed-form
    .views-exposed-form
    .js-form-item.form-item-sort-by
    .select2-selection__arrow {
    width: 15px;
    background-size: contain;
  }
  .select2-results__option {
    font-size: 16px;
    padding: 10px 20px;
  }
  .hero-banner-section.hero-banner-legel-challenges .views-field-nothing .banner-text-wrapper  {
    max-width: 1115px;
  }
}
@media (max-width: 1400px) {
  .header-center-wrap {
    padding: 10px 20px;
  }
  .announcement-board-post-info .announcement-board-post-info-left ul {
    padding-left: 0;
  }
  .breadcrumb-wrapper nav {
    padding: 0 20px;
  }
   .e-library-listing .views-row-wrapper ul {
     padding-left: 60px;
   }
}
@media (max-width: 1366px) {
  .header-top-wrap .container {
    padding: 0 15px;
  }
  .header-menu-btn {
    display: block;
  }
  .header-menu-btn a {
    width: 50px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: auto;
  }
  .header-menu-btn a img {
    width: 30px;
  }
  .header-menu-nav {
    width: 320px;
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    right: -100%;
    background: #ba2025;
    z-index: 123;
    padding: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-top: 50px;
  }
  .header-menu-nav.open {
    right: 0;
  }
  .header-menu-close-btn {
    width: 50px;
    height: 53px;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .header-menu-close-btn a img {
    width: 20px;
  }
  .header-menu-nav > ul {
    display: block;
  }
  .header-menu-nav > ul > li {
    padding: 0;
  }
  .header-menu-nav > ul > li > a {
    display: block;
  }
  .dropdown .sub-menu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
  }
  .dropdown .sub-menu .sub-menu {
    display: block !important;
    left: 0;
    right: inherit;
  }
  .dropdown .dropdown .menu-arrow {
    display: none;
  }
  .header-menu-btn {
    padding-right: 15px;
  }
  .header-menu-nav ul.menu-wrap {
    display: block;
  }
  .header-menu-nav ul.menu-wrap > li > a {
    padding: 16px 30px 16px 15px;
    display: block;
  }
  .menu-arrow {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 10px;
    z-index: 123;
    cursor: pointer;
  }
  .announce-header-left {
    padding-left: 15px;
  }
  .announce-header-right .post-on {
    padding-bottom: 5px;
  }
  .announce-header-right {
    padding: 20px 15px 10px;
  }
  .announce-title {
    padding: 10px 15px;
  }
  .announce-desc {
    padding: 0 15px 20px;
  }
  .breadcrumb-wrapper nav ol li {
    font-size: 16px;
  }
  .breadcrumb-wrapper nav ol li a {
    font-size: 16px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-title {
    font-size: 22px;
    line-height: 32px;
    padding: 15px 15px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-desc {
    font-size: 16px;
    line-height: 26px;
  }
  .banner-wrap .page-title h1 {
    font-size: 44px;
    line-height: 55px;
  }
  .platform-child-list .views-row-wrapper .views-row a {
    padding: 40px 0;
  }
  .announce-header header h2 {
    font-size: 22px;
    line-height: 33px;
    padding-top: 12px;
    padding-bottom: 20px;
  }
  .announce-header header {
    padding: 50px 15px 70px;
  }
  .announce-header header p {
    font-size: 16px;
    line-height: 26px;
  }
  .announce-exposed-form .views-exposed-form .js-form-item .form-select {
    padding: 0 15px;
    font-size: 16px;
  }
  .announce-exposed-form
    .views-exposed-form
    .js-form-item.js-form-type-textfield
    .form-text {
    padding: 0 15px;
    font-size: 16px;
  }
  .announce-exposed-form {
    margin-bottom: 50px;
  }
  .announce-header-left {
    font-size: 16px;
  }
  .announce-header-right {
    font-size: 13px;
  }
  .announce-title {
    font-size: 22px;
    line-height: 33px;
  }
  .announce-desc {
    font-size: 16px;
    line-height: 26px;
  }
  .announcement-board-detailed-title {
    font-size: 45px;
    line-height: 55px;
  }
  .announcement-board-post-info .announcement-board-post-info-left ul li {
    font-size: 16px;
    padding: 0 16px 0 12px;
  }
  .announcement-board-post-info .announcement-board-post-info-right {
    font-size: 16px;
    padding: 20px 15px;
  }
  .announcement-board-post-desc {
    font-size: 16px;
    line-height: 26px;
  }
  .cta-btn a {
    font-size: 18px;
  }
  .contact-us-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .contact-us-wrap h1 {
    font-size: 35px;
    line-height: 45px;
  }
  .contact-us-wrap p {
    font-size: 16px;
    line-height: 26px;
  }
  .contact-us-wrap form {
    padding-top: 30px;
  }
  .contact-details-wrap h4 {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 10px;
  }
  .contact-details-wrap p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  .contact-details-wrap ul li a {
    font-size: 16px;
    line-height: 26px;
  }
  .contact-details-wrap ul li {
    padding-bottom: 15px;
  }
  .media-enquiries {
    padding: 20px 0;
  }
  .media-enquiries a {
    font-size: 16px;
  }
  .media-enquiries h5 {
    padding-bottom: 10px;
  }
  .platform-cta-btn a {
    font-size: 18px;
  }
  .search-icon {
    font-size: 18px;
  }
  .footer-col h2 {
    font-size: 22px;
  }
  .header-menu-nav ul.menu-wrap > li > a {
    font-size: 18px;
  }
  .dropdown .sub-menu li a {
    font-size: 18px;
  }
  .quick-links ul li a {
    font-size: 16px;
  }
  .footer-info-row {
    font-size: 16px;
  }
  .contact-us-wrap .js-form-item label {
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .contact-us-wrap .js-form-item input {
    width: 100%;
  }
  .contact-us-wrap .js-form-item .select2-container {
    width: 100% !important;
  }
  .contact-us-wrap .js-form-item.js-form-type-textarea div {
    width: 100%;
  }
  #ajax-wrapper .form-item-attach-file {
    padding: 0;
    margin-bottom: 0;
  }
  .webform-wrapper .webform-title {
    padding: 15px 30px;
  }
  .webform-submission-add-form {
    padding: 36px 30px;
  }
  .header-search-bar form .form-actions .form-submit {
    background-size: 20px;
  }
  .header-search-bar form .form-actions {
    height: 35px;
  }
  .header-search-bar form .form-search {
    height: 35px;
  }
  .header-search-bar {
    top: 9px;
  }
  .contact-us-wrap .webform-element-help.js-webform-element-help {
    position: absolute;
    top: 10px;
    right: inherit;
  }
  .experts-database-list-wrap .views-header-wrapper h1 {
    font-size: 22px;
    line-height: 33px;
    padding-bottom: 15px;
  }
  .experts-database-list-wrap .expert-header a {
    font-size: 18px;
  }
  .dataTables_length label {
    font-size: 18px;
  }
  .dataTables_filter .dt-buttons button {
    font-size: 18px;
  }
  .experts-database-list-wrap {
    padding: 40px 0 54px;
  }
  table.dataTable thead th {
    font-size: 18px;
  }
  table.dataTable tbody td {
    font-size: 16px;
  }
  .databases-info-box a .databases-icon {
    padding: 20px 20px 20px 20px;
  }
  .databases-info-box a .databases-desc h5 {
    font-size: 20px;
  }

}
@media (max-width: 1300px) {
  .left-column {
    width: 60%;
    padding: 0 20px;
  }
  .right-column {
    width: 40%;
    padding: 0 15px;
  }
  .announce-exposed-form .views-exposed-form .js-form-item {
    width: 40%;
  }
  .announce-exposed-form .views-exposed-form .js-form-item.form-item-sort-by {
    width: 20%;
  }
  .hero-banner-section.hero-banner-legel-challenges .views-field-nothing .banner-text-wrapper  {
    max-width: 900px;
  }
}
@media (max-width: 1240px) {
  .header-logo {
    order: 1;
  }
  .page-title-header {
    width: 100%;
    order: 3;
    padding: 20px 0 10px;
    text-align: center;
  }
  .header-search-wrap {
    order: 2;
  }
  .platform-child-list .views-row-wrapper .views-row {
    width: 33.33%;
  }
  .webform-wrapper {
    width: calc(100% - 80px);
  }
  .offer-assistance-form .form-header {
    width: calc(100% - 80px);
  }
}
@media (max-width: 1180px) {
  .dataTables_filter {
    width: calc(100% - 215px);
  }
  .dataTables_wrapper .dataTables_length {
    width: 215px;
  }
}
@media (max-width: 1140px) {
  .social-media ul li {
    margin-bottom: 10px;
  }
  .footer-row .footer-col {
    width: 25%;
  }
  .footer-logo {
    padding-bottom: 20px;
    text-align: center;
  }
  .footer-logo a {
    display: inline-block;
  }
}
@media (max-width: 1100px) {
  .announcement-board-post-info .announcement-board-post-info-left {
    padding: 20px 0 10px;
    width: 100%;
  }
  .announcement-board-post-info .announcement-board-post-info-left ul li {
    padding-bottom: 10px;
  }
  .announcement-board-post-info .announcement-board-post-info-right {
    width: 100%;
    padding: 15px 15px;
  }
  .announcement-board-detailed-info .announcement-board-post-info {
    position: relative;
  }
  .nomination_filter_select {
    width: 190px;
  }
}
@media (max-width: 1024px) {
  .header-top-menu {
    width: 320px;
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    right: -100%;
    background: #404040;
    z-index: 12;
    padding: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .header-top-menu.open {
    right: 0;
  }
  .header-top {
    justify-content: space-between;
    position: relative;
  }
  .mobile-header-top-menu a {
    width: 157px;
    height: 53px;
    display: flex;
    align-items: center;
    padding-right: 20px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .colse-icon {
    width: 50px;
    height: 53px;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .colse-icon a img {
    width: 20px;
  }
  .mobile-header-top-menu a img {
    width: 15px;
    position: absolute;
    top: 24px;
    right: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .header-top-menu ul {
    padding-top: 50px;
    display: block;
  }
  .header-top-menu ul li a {
    display: block;
  }

  .header-center-wrap {
    position: relative;
  }
  .header-search-wrap {
    position: absolute;
    top: 27px;
    right: 73px;
  }
  .banner-wrap .page-title h1 {
    font-size: 40px;
    line-height: 30px;
  }
  .announce-header header {
    padding: 50px 15px;
  }
  .platform-parent-list .views-row-wrapper .views-row .box-wrap {
    padding: 180px 0 180px;
  }
  .platform-cta-btn a {
    font-size: 18px;
    padding: 18px 30px;
  }
  .announce-row .views-row {
    width: 50%;
  }
  .announce-img img {
    width: 100%;
  }
  .footer-col h2 {
    font-size: 18px;
    line-height: 28px;
  }
  .quick-links ul li a {
    font-size: 14px;
  }
  .social-media ul li {
    padding: 0 5px;
  }
  .social-media ul li a img {
    max-width: 32px;
  }
  .announcement-board-detailed-title {
    font-size: 24px;
    line-height: 34px;
    padding: 15px;
  }
  .header-menu-nav ul.menu-wrap > li > a {
    font-size: 15px;
  }
  .dropdown .sub-menu li a {
    font-size: 15px;
  }
  .breadcrumb-wrapper nav ol li a {
    font-size: 14px;
  }
  .breadcrumb-wrapper nav ol li {
    font-size: 14px;
  }
  .announcement-board-post-info .announcement-board-post-info-left ul li {
    font-size: 14px;
  }
  .announcement-board-post-info .announcement-board-post-info-right {
    font-size: 14px;
  }
  .announcement-board-post-desc {
    font-size: 14px;
    line-height: 24px;
  }
  .announce-documents-box-title {
    font-size: 20px;
    line-height: 30px;
  }
  .announce-document-listing ul li {
    font-size: 14px;
    line-height: 24px;
  }
  .cta-btn a {
    font-size: 14px;
  }
  .footer-info-row {
    font-size: 14px;
  }
  .footer-info a {
    font-size: 14px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-title {
    font-size: 19px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-desc {
    font-size: 14px;
  }
  .banner-wrap .page-title h1 {
    font-size: 29px;
  }
  .announce-exposed-form .views-exposed-form .js-form-item .form-select {
    height: 45px;
  }
  .announce-exposed-form
    .views-exposed-form
    .js-form-item.js-form-type-textfield
    .form-text {
    height: 45px;
  }
  .nomination-form-wrap .form-item-radio-buttons [type="radio"]:checked + label,
  .nomination-form-wrap
    .form-item-radio-buttons
    [type="radio"]:not(:checked)
    + label {
    font-size: 18px;
  }
  .form-item-radio-buttons {
    padding-right: 20px;
  }
  .webform-submission-add-form
    .webform-flexbox
    .webform-flex
    .webform-flex--container
    .js-form-item
    label {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .webform-submission-add-form
    .webform-flexbox
    .webform-flex
    .webform-flex--container
    .js-form-item
    .form-control {
    width: 100%;
  }
  .webform-submission-add-form .webform-flexbox .js-form-type-select .select2,
  .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .resourcedb-cover-page-image,
  .resourcedb-cover-page-image .file-wrapper-custom  {
    width: 100% !important;
    display: block;
  }
  .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .resourcedb-cover-page-image .file-wrapper-custom .form-file {
    width: 30px;
    height: 30px;
    top: 0;
  }
  .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .resourcedb-cover-page-image label {
    display: block;
  }


  fieldset.webform-composite-hidden-title {
    margin-top: 0;
  }
  .webform-submission-add-form .webform-flexbox .webform-flex {
    padding: 0 15px;
  }
  .webform-submission-add-form .webform-flexbox {
    margin: 0 -15px;
  }
  .webform-submission-add-form .js-form-type-textarea > div {
    width: 100%;
  }
  .webform-submission-add-form .form-actions .button {
    margin-top: 30px;
  }
  .expert-terms-wrap .form-actions .button {
    margin-top: 40px;
  }
  .webform-submission-add-form
    .webform-flexbox
    .webform-flex
    .webform-flex--container
    .js-form-item.form-item-attach-file
    > label {
    width: 100%;
  }
  .nomination-form-wrap
    .webform-submission-add-form
    .webform-flexbox
    .webform-flex
    .webform-flex
    .js-form-managed-file {
    width: 100%;
  }
  .databases-info-box a .databases-desc {
    padding-left: 20px;
    padding-right: 20px;
  }
  .expert-terms-wrap .check-all-uncheck-all-wrap {
    margin: 0px;
  }
  .dataTables_wrapper .dataTables_filter input {
    width: 186px;
  }
  .remote-video-popup {
    width:100%;
  }
}
@media (max-width: 991px) {
  .header-logo ul li a img {
    width: 100%;
    max-width: 120px;
  }
  .header-search-wrap {
    top: 12px;
  }
  .header-menu-btn {
    top: 14px;
  }
  .announce-document-listing {
    padding: 20px 15px;
  }
  .announce-documents-box-title {
    padding: 20px 15px;
    font-size: 18px;
    line-height: 28px;
  }
  .announcement-board-post-desc {
    font-size: 12px;
    line-height: 24px;
  }
  .announce-document-listing ul li a .svg {
    width: 22px;
  }
  .announce-document-listing ul li a {
    padding-left: 35px;
    padding-bottom: 5px;
  }
  .cta-btn a {
    font-size: 16px;
  }
  .announce-document-listing ul li {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .announcement-board-post-info .announcement-board-post-info-left ul li {
    font-size: 12px;
  }
  .announcement-board-detailed-wrap .cta-btn {
    padding: 30px 0;
  }
  .banner-wrap .page-title {
    position: relative;
    bottom: 0;
    padding: 0 15px;
    text-align: center;
  }
  .banner-wrap .page-title h1 {
    padding: 20px 0;
    display: block;
    background: rgba(186, 32, 37, 1);
  }
  .banner-wrap .page-title {
    padding: 0;
    width: 100%;
  }
  .platform-parent-list .views-row-wrapper .views-row .box-wrap {
    padding: 100px 0 100px;
  }
  .left-column {
    width: 100%;
    padding: 0 20px;
  }
  .right-column {
    width: 100%;
    padding: 0 15px;
  }
  .contact-us-wrap {
    padding: 50px 0;
  }
  .contact-details-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .announce-exposed-form .views-exposed-form .js-form-item {
    width: 33.33%;
  }
  .announce-exposed-form .views-exposed-form .js-form-item.form-item-sort-by {
    width: 33.33%;
  }
  .breadcrumb-wrapper nav ol li {
    font-size: 12px;
  }
  .breadcrumb-wrapper nav ol li a {
    font-size: 12px;
  }
  .breadcrumb-wrapper {
    padding: 15px 0 5px;
  }

  .platform-child-list .views-row-wrapper .views-row .platform-title {
    font-size: 18px;
    line-height: 28px;
  }
  .banner-wrap .page-title h1 {
    font-size: 28px;
    line-height: 38px;
    padding: 10px 10px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-desc {
    font-size: 12px;
    line-height: 22px;
  }
  .platform-child-list .views-row-wrapper .views-row {
    width: 50%;
  }
  .announce-header-right {
    width: 100%;
    order: 1;
    text-align: left;
    border-radius: 0;
  }
  .announce-header-left {
    width: 100%;
    order: 2;
    padding-top: 15px;
  }
  .contact-details-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .header-menu-nav ul.menu-wrap > li > a {
    font-size: 14px;
  }
  .dropdown .sub-menu li a {
    font-size: 14px;
  }
  .quick-links ul li a {
    font-size: 12px;
  }
  .quick-links ul li {
    margin-bottom: 10px;
  }
  .announce-header header h2 {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 10px;
  }
  .announce-header header p {
    font-size: 12px;
    line-height: 24px;
  }
  .announce-title {
    font-size: 18px;
  }
  .announce-desc {
    font-size: 12px;
    line-height: 24px;
  }
  .footer-col h2 {
    font-size: 16px;
    line-height: 26px;
  }
  .footer-info-row {
    font-size: 12px;
  }
  .footer-info a {
    font-size: 12px;
  }
  .expert-terms-wrap .js-form-item label {
    font-size: 16px;
    line-height: 26px;
    padding-right: 15px;
    padding-left: 40px;
  }
  .expert-terms-wrap .js-form-item label:after {
    top: 19px;
    /* width: 6px;
    height: 11px; */
    left: 14px;
  }
  .expert-terms-wrap .js-form-item label:before {
    /*  top: 16px; */
    width: 20px;
    height: 20px;
    left: 10px;
  }
  .expert-terms-wrap .webform-wrapper form {
    padding: 40px 0;
  }
  .dataTables_wrapper .dataTables_length {
    float: none;
    margin-bottom: 15px;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    float: none;
    margin-bottom: 20px;
    display: block;
    text-align: center;
  }
  .dataTables_filter .dt-buttons button {
    margin-left: 5px;
    margin-top: 0;
    margin-right: 5px;
  }
  .databases-listing-wrap {
    padding: 50px 0 50px;
  }
  .databases-info-box a .databases-desc {
    width: 100%;
    padding: 20px;
    text-align: center;
  }
  .databases-info-box a .databases-icon {
    width: 100%;
  }
  .databases-info-box a .databases-icon::before {
    width: 100%;
    height: 1px;
    right: 0;
    top: inherit;
    bottom: 0;
  }
  .dataTables_wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  table.dataTable {
    width: 500px !important;
  }
  .protocol-database-box {
    width: 50%;
  }
  .protocol-database-landing-page {
    padding: 50px 0 50px;
  }
  .dataTables_wrapper .dataTables_filter {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .dataTables_wrapper .dataTables_length {
    margin: 0 auto 20px;
  }
  .banner-wrap .page-title h1 {
     font-size: 22px;
     line-height: 26px;
  }
    .hero-banner-section.hero-banner-legel-challenges .views-field-nothing {
    position: relative;
    display: block;
    text-align: center;
  }
  .hero-banner-section.hero-banner-legel-challenges .views-field-nothing .banner-text-wrapper{
    max-width: none;
    background-color: rgba(186, 32, 37, 1);
  }
  .hero-banner-section.hero-banner-legel-challenges .views-field-nothing .banner-text-wrapper .page-title h1{
    text-align: center;
  }
    .hero-banner-section.hero-banner-legel-challenges .views-field-nothing .banner-text-wrapper .page-body-text {
    font-size: 20px;
    padding-top: 8px;
    line-height: 28px;
  }
  .contact-us-wrap  .article12-attach-file .file-wrapper-custom  {
    width: 100%;
  }
  .contact-us-wrap .article12-attach-file .file-wrapper-custom .form-managed-file .option span {
    padding: 0;
    margin-left: 10px;
    display: block;
  }
}
@media (max-width: 767px) {
  .header-search-wrap .search-icon {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    width: 35px;
  }
  .search-icon img {
    width: 20px;
    height: 20px;
  }
  .header-search-bar .form-group .form-control {
    height: 40px;
  }
  .header-search-bar .form-group .form-control {
    background-size: 20px;
    font-size: 15px;
  }
  .header-top-menu ul li a {
    font-size: 14px;
    padding: 10px 15px;
  }
  .header-menu-nav > ul > li > a {
    font-size: 18px;
    padding: 10px 35px 10px 15px;
  }
  .menu-arrow {
    top: 2px;
  }
  .page-title-header h5 {
    font-size: 20px;
    line-height: 30px;
    padding: 10px 0;
  }
  .dropdown .sub-menu li a {
    font-size: 14px;
  }
  .dropdown .sub-menu li {
    padding: 10px 20px;
  }
  .header-menu-btn {
    width: 50px;
    height: 50px;
    margin-left: auto;
  }
  .header-menu-btn a {
    width: 100%;
    height: 100%;
  }
  .header-center-wrap {
    padding: 10px 15px;
  }
  .header-logo ul li a img {
    max-width: 100px;
  }
  .footer-wrap {
    padding-top: 40px;
  }
  .footer-row .footer-col {
    width: 100%;
  }
  .quick-links {
    padding-bottom: 30px;
  }
  .quick-links ul li {
    text-align: center;
  }
  .quick-links ul li a {
    display: inline-block;
  }
  .footer-col h2 {
    text-align: center;
  }
  .footer-info-left,
  .footer-info-right {
    width: 100%;
    text-align: center;
  }
  .banner-wrap .page-title h1 {
    font-size: 25px;
    line-height: 35px;
    padding: 10px 10px;
  }
  .announce-header header h2 {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 15px;
  }
  .announce-header header p {
    font-size: 10px;
    line-height: 16px;
  }
  .platform-parent-list .views-row-wrapper .views-row {
    width: 100%;
  }
  .platform-parent-list .views-row-wrapper .views-row .box-wrap {
    padding: 50px 15px 50px;
  }
  .platform-cta-btn {
    padding-top: 30px;
  }
  .platform-cta-btn a {
    font-size: 16px;
    padding: 18px 20px;
  }
  .left-column {
    padding: 0 15px;
  }
  .contact-us-wrap p {
    font-size: 16px;
    line-height: 26px;
  }
  .contact-us-wrap form {
    padding-top: 30px;
  }
  .contact-us-wrap .js-form-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .contact-us-wrap .webform-address--wrapper {
    margin-bottom: 20px !important;
  }
  .contact-us-wrap .js-form-item input {
    padding: 0 20px;
  }
  .contact-us-wrap .form-actions .button {
    height: 58px;
    font-size: 18px;
  }
  .contact-details-wrap h4 {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .contact-details-wrap p {
    font-size: 10px;
    line-height: 16px;
    margin-bottom: 20px;
  }
  .contact-details-wrap ul li {
    padding-bottom: 10px;
  }
  .contact-details-wrap ul li a {
    font-size: 10px;
  }
  .media-enquiries {
    padding: 20px 0;
  }
  .media-enquiries h5 {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .media-enquiries a {
    font-size: 10px;
  }
  .logo-wrap img {
    width: 150px;
  }
  .platform-child-list .views-row-wrapper .views-row {
    width: 100%;
  }
  .announce-exposed-form .views-exposed-form .js-form-item {
    width: 100%;
    margin-bottom: 10px;
  }
  .announce-exposed-form .views-exposed-form .js-form-item.form-item-sort-by {
    width: 100%;
    margin-bottom: 0;
  }
  .announce-exposed-form {
    margin-bottom: 50px;
  }
  .announce-row .views-row {
    width: 100%;
    margin-bottom: 30px;
  }
  .announce-title {
    font-size: 20px;
  }
  .announce-desc {
    font-size: 10px;
    line-height: 16px;
  }
  .announce-pager .pager {
    padding: 15px 15px;
    padding-bottom: 0;
  }
  .announce-pager .pager ul .pager__item {
    margin-bottom: 15px;
  }
  .search-icon {
    font-size: 18px;
    width: 90px;
  }
  .platform-child-list .views-row-wrapper .views-row a {
    padding: 40px 0;
  }
  .platform-child-list {
    padding: 130px 15px 40px;
  }
  .breadcrumb-wrapper nav ol li a {
    font-size: 10px;
  }
  .breadcrumb-wrapper nav ol li {
    font-size: 10px;
  }
  .breadcrumb-wrapper nav ol li + li::before {
    padding: 0 5px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-desc {
    font-size: 10px;
    line-height: 16px;
    padding: 0;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-title {
    padding: 10px 0;
  }
  .footer-info-left {
    padding-bottom: 10px;
  }
  .announcement-board-detailed-title {
    font-size: 22px;
    line-height: 33px;
  }
  .header-menu-nav ul.menu-wrap > li > a {
    font-size: 12px;
    padding: 10px 30px 10px 15px;
  }
  .dropdown .sub-menu li a {
    font-size: 12px;
  }
  .quick-links ul li a {
    font-size: 12px;
  }
  .footer-col h2 {
    font-size: 16px;
    line-height: 26px;
  }
  .announce-header-left {
    font-size: 10px;
  }
  .announce-header-right {
    font-size: 10px;
  }
  .footer-info-row {
    font-size: 10px;
  }
  .footer-info a {
    font-size: 10px;
  }
  .announce-desc .cta-btn {
    font-size: 10px;
  }
  .announce-desc .cta-btn .svg {
    width: 8px;
    height: 8px;
  }
  .announce-exposed-form
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    width: 20px;
    top: 14px;
    right: 11px;
  }
  .webform-submission-add-form .webform-flexbox .webform-flex {
    width: 100%;
  }
  .form-header h1 {
    font-size: 22px;
    line-height: 33px;
  }
  .form-header p {
    font-size: 16px;
    line-height: 26px;
  }
  .webform-wrapper .webform-title h2 {
    font-size: 18px;
    line-height: 28px;
  }
  .webform-submission-add-form {
    padding: 20px 15px;
  }
  .form-item-radio-buttons {
    width: 100%;
    margin-bottom: 10px;
  }
  .webform-submission-add-form
    .webform-flexbox
    .webform-flex
    .webform-flex--container
    .js-form-item
    label {
    font-size: 16px;
  }
  .webform-wrapper {
    width: calc(100% - 30px);
  }
  .nomination-form-wrap .radios--wrapper {
    margin-bottom: 30px;
  }
  .databases-listing-left {
    width: 100%;
  }
  .databases-listing-right {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
  }
  .databases-desc h5 {
    font-size: 18px;
  }
  .databases-info-box a .databases-desc {
    padding: 10px 20px;
  }
  table.dataTable thead th {
    font-size: 14px;
  }
  table.dataTable tbody td {
    font-size: 12px;
  }
  .protocol-database-box {
    width: 100%;
  }
  .protocol-database-box a .overly-desc p {
    font-size: 14px;
    line-height: 22px;
  }
  .expert-database-view-list .info-box .title {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #404040;
    background: #e2e2e2;
  }
  .expert-database-view-list .info-box .desc {
    width: 100%;
  }
  .expert-database-view-list .info-box {
    background: #f2f2f2;
  }
  .offer-assistance-form .form-header {
    width: calc(100% - 30px);
  }
  .dataTables_filter label {
    margin-bottom: 10px;
  }
  .dataTables_filter .dt-buttons {
    margin-bottom: 10px;
  }
  .discussion-forum-table table th {
    padding: 15px;
  }
  .discussion-forum-table table th a {
    font-size: 18px;
    line-height: 28px;
  }
  .discussion-forum-table table td {
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
  }
  .discussion-forum-table table td .forum__title a {
    font-size: 18px;
    line-height: 28px;
  }
  .discussion-forum-table table td .forum__title span {
    font-size: 14px;
    line-height: 18px;
  }
  .discussion-forum-table table {
    width: 400px;
  }
  .offer-assistance-form .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-attach-file > label {
    width: 100%;
  }
  .webform-submission-fctc-announcement-request-add-form .file-upload-wrap .js-form-managed-file {
    width: 100%;
  }
  .hero-banner-section.hero-banner-legel-challenges .views-field-nothing .banner-text-wrapper .page-body-text {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 580px) {
  .path-search .main-content section .search-form .js-form-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .path-search .main-content section .search-form .form-search {
    padding: 0 15px;
  }
}

/* new changes */
@media (min-width: 1025px) {
  .nomination-form-wrap .file-upload-wrap .webform-flex:first-child {
    width: 473px;
    flex: inherit !important;
  }
  .nomination-form-wrap .js-form-item-multiple-url .webform-multiple-add {
    padding-left: 225px;
  }
}

@media (max-width: 1024px) {
  .expert-attachbutton {
    margin-top: 7px;
    padding-bottom: 25px !important;
  }
  .gn-discussion-forum input.form-text {
    width: 100%;
  }
}
/* new changes */

/* Responisive */
@media (max-width: 1366px) {
  .banner-wrap .page-title h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-img .svg {
    width: 60px;
    height: 60px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-title {
    font-size: 16px;
    line-height: 26px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-desc {
    font-size: 12px;
    line-height: 18px;
  }
  .main-content p {
    font-size: 14px;
    line-height: 22px;
  }
  .main-content .main-body ol > li {
    font-size: 14px;
    line-height: 22px;
  }
  .footer-info a,
  .footer-info-row {
    font-size: 14px;
    line-height: 22px;
  }
  .footer-col h2 {
    font-size: 16px;
    line-height: 26px;
  }
  .breadcrumb-wrapper nav ol li a,
  .breadcrumb-wrapper nav ol li {
    font-size: 14px;
    line-height: 22px;
  }
  .search-icon {
    font-size: 14px;
  }
  .header-user-login ul li a {
    font-size: 14px;
    line-height: 22px;
  }
  .header-menu-nav ul.menu-wrap > li > a {
    font-size: 14px;
  }
  .dropdown .sub-menu li a {
    font-size: 14px;
  }
  .announce-header header h2 {
    font-size: 16px;
    line-height: 26px;
  }
  .announce-header header p {
    font-size: 14px;
    line-height: 22px;
  }
  .announce-title {
    font-size: 16px;
    line-height: 26px;
  }
  .announce-header-left {
    font-size: 14px;
    line-height: 22px;
  }
  .announce-header-right {
    font-size: 14px;
    line-height: 22px;
  }
  .announce-desc {
    font-size: 14px;
    line-height: 22px;
  }
  .announce-desc .cta-btn {
    font-size: 14px;
  }
  .announcement-board-detailed-title {
    font-size: 30px;
    line-height: 40px;
  }
  .announcement-board-post-info .announcement-board-post-info-left ul li {
    font-size: 14px;
  }
  .announcement-board-post-info .announcement-board-post-info-right {
    font-size: 14px;
  }
  .form-header h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item label,
    .add-more-wrapper  label,
  .other-area-wrapper label,
  .other-language-wrapper label {
    font-size: 14px;
  }
  .page-intro .title h2 {
    font-size: 16px;
    line-height: 26px;
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .call-to-action-box-wrap .call-to-action-box a .img-box .svg {
    width: 60px;
    height: 60px;
  }
  .call-to-action-box-wrap .call-to-action-box a span {
    font-size: 16px;
    line-height: 26px;
  }
  .feed-card-box .feed-card-desc h4 {
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 10px;
  }
  .call-to-action-banner h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .call-to-action-banner p strong {
    color: #fff;
  }
  .call-to-action-banner p b {
    color: #fff;
  }
  .js .dropbutton-widget .dropbutton span {
    font-size: 14px;
  }
  .knowledge-networks-listing .knowledge-network-box a .icon-box .svg {
    width: 60px;
    height: 60px;
  }
  .knowledge-networks-listing .knowledge-network-box .desc-box {
    font-size: 16px;
    line-height: 26px;
  }
  .footer-info {
    font-size: 16px;
    line-height: 26px;
  }
  .footer-info-row .kh-footer-copyright {
    font-size: 14px;
    line-height: 23px;
  }
  .news-update-desc h4 {
    font-size: 16px;
    line-height: 26px;
  }
  .banner-bottom-slide-box .desc-box {
    font-size: 16px;
    line-height: 26px;
  }
  .section-title h2 {
    font-size: 25px;
    line-height: 26px;
  }
  .footer-email-info .email-info a {
    font-size: 14px;
  }
  .footer-email-info .email-info h6 {
    font-size: 14px;
  }
  .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item a, .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item .inactive {
    font-size: 14px;
  }
  .footer-email-info .icon-box img {
    width: 60px;
  }
  .info-section-desc h4 {
    font-size: 18px;
    line-height: 28px;
  }
  .normal-listing ul li, .info-section-wrap .info-section-desc ul li {
    font-size: 14px;
    line-height: 22px;
  }
  .sections_group table td {
    font-size: 14px;
    line-height: 22px;
  }
  .main-content .main-body ol > li {
    font-size: 14px;
    line-height: 22px;
  }
  .main-content h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .contact-us-wrap .js-form-item label {
    font-size: 14px;
  }
  .contact-details-wrap ul li a {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .banner-wrap .page-title h1 {
    font-size: 25px;
    line-height: 35px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-img .svg {
    width: 50px;
    height: 50px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-title {
    font-size: 14px;
    line-height: 26px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-desc {
    font-size: 14px;
    line-height: 18px;
  }
  .main-content p {
    font-size: 14px;
    line-height: 20px;
  }
  .footer-info a,
  .footer-info-row {
    font-size: 14px;
    line-height: 20px;
  }
  .footer-col h2 {
    font-size: 16px;
    line-height: 26px;
  }
  .breadcrumb-wrapper nav ol li a,
  .breadcrumb-wrapper nav ol li {
    font-size: 14px;
    line-height: 20px;
  }
  .search-icon {
    font-size: 14px;
  }
  .header-user-login ul li a {
    font-size: 14px;
    line-height: 20px;
  }
  .header-menu-nav ul.menu-wrap > li > a {
    font-size: 14px;
  }
  .dropdown .sub-menu li a {
    font-size: 14px;
  }
  .announce-header header h2 {
    font-size: 16px;
    line-height: 26px;
  }
  .announce-header header p {
    font-size: 14px;
    line-height: 24px;
  }
  .announce-title {
    font-size: 14px;
    line-height: 22px;
  }
  .announce-header-left {
    font-size: 14px;
    line-height: 20px;
  }
  .announce-header-right {
    font-size: 14px;
    line-height: 20px;
  }
  .announce-desc {
    font-size: 14px;
    line-height: 20px;
  }
  .announce-desc .cta-btn {
    font-size: 14px;
  }
  .announcement-board-detailed-title {
    font-size: 24px;
    line-height: 35px;
  }
  .announcement-board-post-info .announcement-board-post-info-left ul li {
    font-size: 14px;
  }
  .announcement-board-post-info .announcement-board-post-info-right {
    font-size: 14px;
  }
  .form-header h1 {
    font-size: 25px;
    line-height: 35px;
  }
  .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item label ,
    .add-more-wrapper  label,
  .other-area-wrapper label,
  .other-language-wrapper label{
    font-size: 14px;
  }
  .page-intro .title h2 {
    font-size: 16px;
    line-height: 26px;
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .call-to-action-box-wrap .call-to-action-box a .img-box .svg {
    width: 50px;
    height: 50px;
  }
  .call-to-action-box-wrap .call-to-action-box a span {
    font-size: 14px;
    line-height: 20px;
  }
  .feed-card-box .feed-card-desc h4 {
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 10px;
  }
  .call-to-action-banner h3 {
    font-size: 16px;
    line-height: 26px;
  }
  .call-to-action-banner p strong {
    color: #fff;
  }
  .call-to-action-banner p b {
    color: #fff;
  }
  .js .dropbutton-widget .dropbutton span {
    font-size: 14px;
  }
  .knowledge-networks-listing .knowledge-network-box a .icon-box .svg {
    width: 50px;
    height: 50px;
  }
  .knowledge-networks-listing .knowledge-network-box .desc-box {
    font-size: 14px;
    line-height: 20px;
  }
  .footer-info {
    font-size: 14px;
    line-height: 20px;
  }
  .footer-info-row .kh-footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }
  .news-update-desc h4 {
    font-size: 14px;
    line-height: 20px;
  }
  .banner-bottom-slide-box .desc-box {
    font-size: 14px;
    line-height: 20px;
  }
  .section-title h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .footer-email-info .email-info a {
    font-size: 14px;
  }
  .footer-email-info .email-info h6 {
    font-size: 14px;
  }
  .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item a, .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item .inactive {
    font-size: 14px;
  }
  .footer-email-info .icon-box img {
    width: 50px;
  }
  .info-section-desc h4 {
    font-size: 16px;
    line-height: 28px;
  }
  .normal-listing ul li, .info-section-wrap .info-section-desc ul li {
    font-size: 14px;
    line-height: 20px;
  }
  .sections_group table td {
    font-size: 14px;
    line-height: 20px;
  }
  .main-content .main-body ol > li {
    font-size: 14px;
    line-height: 20px;
  }
  .main-content h1 {
    font-size: 25px;
    line-height: 35px;
  }
  .contact-us-wrap .js-form-item label {
    font-size: 14px;
  }
  .contact-details-wrap ul li a {
    font-size: 14px;
  }
  .search-icon {
    width: 70px;
  }
  .other-area-wrapper.addmore-visible ,
  .add-more-wrapper.addmore-visible,
  .other-language-wrapper.addmore-visible{
    display: block !important;
    width: 100%;
  }
  .other-area-wrapper.addmore-visible input ,
  .add-more-wrapper.addmore-visible input,
  .other-language-wrapper.addmore-visible input{
    width: 100%;
  }
  .other-area-wrapper.addmore-visible label,
  .add-more-wrapper.addmore-visible label,
  .other-language-wrapper.addmore-visible label{
    margin-bottom: 10px;
    display: block;
  }
}

@media (max-width: 767px) {
  .banner-wrap .page-title h1 {
    font-size: 17px;
    line-height: 27px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-img .svg {
    width: 50px;
    height: 50px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-title {
    font-size: 14px;
    line-height: 26px;
  }
  .platform-child-list .views-row-wrapper .views-row .platform-desc {
    font-size: 12px;
    line-height: 18px;
  }
  .main-content p {
    font-size: 12px;
    line-height: 20px;
  }
  .footer-info a,
  .footer-info-row {
    font-size: 12px;
    line-height: 20px;
  }
  .footer-col h2 {
    font-size: 16px;
    line-height: 26px;
  }
  .breadcrumb-wrapper nav ol li a,
  .breadcrumb-wrapper nav ol li {
    font-size: 12px;
    line-height: 20px;
  }
  .search-icon {
    font-size: 12px;
  }
  .header-user-login ul li a {
    font-size: 12px;
    line-height: 20px;
  }
  .header-menu-nav ul.menu-wrap > li > a {
    font-size: 12px;
  }
  .dropdown .sub-menu li a {
    font-size: 12px;
  }
  .announce-header header h2 {
    font-size: 16px;
    line-height: 26px;
  }
  .announce-header header p {
    font-size: 12px;
    line-height: 24px;
  }
  .announce-title {
    font-size: 14px;
    line-height: 22px;
  }
  .announce-header-left {
    font-size: 12px;
    line-height: 20px;
  }
  .announce-header-right {
    font-size: 12px;
    line-height: 20px;
  }
  .announce-desc {
    font-size: 12px;
    line-height: 20px;
  }
  .announce-desc .cta-btn {
    font-size: 12px;
  }
  .announcement-board-detailed-title {
    font-size: 18px;
    line-height: 35px;
  }
  .announcement-board-post-info .announcement-board-post-info-left ul li {
    font-size: 12px;
  }
  .announcement-board-post-info .announcement-board-post-info-right {
    font-size: 12px;
  }
  .form-header h1 {
    font-size: 18px;
    line-height: 28px;
  }
  .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item label ,
    .add-more-wrapper  label,
  .other-area-wrapper label,
  .other-language-wrapper label{
    font-size: 12px;
  }
  .page-intro .title h2 {
    font-size: 16px;
    line-height: 26px;
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .call-to-action-box-wrap .call-to-action-box a .img-box .svg {
    width: 50px;
    height: 50px;
  }
  .call-to-action-box-wrap .call-to-action-box a span {
    font-size: 12px;
    line-height: 20px;
  }
  .feed-card-box .feed-card-desc h4 {
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 10px;
  }
  .call-to-action-banner h3 {
    font-size: 16px;
    line-height: 26px;
  }
  .call-to-action-banner p strong {
    color: #fff;
  }
  .call-to-action-banner p b {
    color: #fff;
  }
  .js .dropbutton-widget .dropbutton span {
    font-size: 12px;
  }
  .knowledge-networks-listing .knowledge-network-box a .icon-box .svg {
    width: 50px;
    height: 50px;
  }
  .knowledge-networks-listing .knowledge-network-box .desc-box {
    font-size: 12px;
    line-height: 20px;
  }
  .footer-info {
    font-size: 12px;
    line-height: 20px;
  }
  .footer-info-row .kh-footer-copyright {
    font-size: 12px;
    line-height: 20px;
  }
  .news-update-desc h4 {
    font-size: 12px;
    line-height: 20px;
  }
  .banner-bottom-slide-box .desc-box {
    font-size: 12px;
    line-height: 20px;
  }
  .section-title h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .footer-email-info .email-info a {
    font-size: 12px;
  }
  .footer-email-info .email-info h6 {
    font-size: 12px;
  }
  .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item a, .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item .inactive {
    font-size: 12px;
  }
  .footer-email-info .icon-box img {
    width: 50px;
  }
  .info-section-desc h4 {
    font-size: 16px;
    line-height: 28px;
  }
  .normal-listing ul li, .info-section-wrap .info-section-desc ul li {
    font-size: 12px;
    line-height: 20px;
  }
  .sections_group table td {
    font-size: 12px;
    line-height: 20px;
  }
  .main-content .main-body ol > li {
    font-size: 12px;
    line-height: 20px;
  }
  .main-content h1 {
    font-size: 25px;
    line-height: 35px;
  }
  .contact-us-wrap .js-form-item label {
    font-size: 12px;
  }
  .contact-details-wrap ul li a {
    font-size: 12px;
  }
  .search-icon {
    width: 70px;
  }
  .container {
    width: 100% !important;
  }
  .resourcedb-cover-page-image .file-wrapper-custom .form-managed-file .file--image{
    margin-right: 10px;
  }
}


/* New Font size responsive 02-02-2022 */
@media (max-width: 1600px) {
  .announcement-board-detailed-title {
    font-size: 30px;
    line-height: 40px;
  }
  .main-content h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .announcement-board-detailed-title h1 {
    margin-bottom: 0;
  }
  .waterpipe-overview-page .page-title h2 {
    font-size: 30px;
    line-height: 34px;
  }
  .breadcrumb-wrapper nav ol li a {
    font-size: 15px;
  }
  .breadcrumb-wrapper nav ol li {
    font-size: 15px;
  }
  .info-section-desc .section-title h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .main-content h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .section-title h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .info-section-desc .section-title.bottom-line h2 {
    padding-bottom: 10px;
  }
  .number-listing-box ol li {
    font-size: 16px;
    line-height: 25px;
  }
  .accordion-body ul li {
    font-size: 16px;
    line-height: 25px;
  }
  .main-content .main-body ol > li {
    font-size: 16px;
    line-height: 25px;
  }
  .info-section-desc p {
    font-size: 16px;
    line-height: 25px;
  }
  .normal-listing ul li, .info-section-wrap .info-section-desc ul li {
    font-size: 16px;
    line-height: 25px;
  }

  .normal-listing ul li:before, .info-section-wrap .info-section-desc ul li:before{
     top: 5px;
  }
  .accordion-body ul li:before {
     top: 5px;
  }
  .accordion-body ul li {
    padding-left: 30px;
  }
  .main-body .sections_group .column_our_team_list .team_list .one-second .desc {
    font-size: 16px;
    line-height: 25px;
  }
  .main-content .main-body ul > li {
    /*font-size: 16px;*/
    /*line-height: 25px;*/
  }
  .main-body .sections_group span {
    font-size: 16px;
    line-height: 25px;
  }
  .full-text h4 {
    font-size: 20px;
    line-height: 23px;
  }
  .feed-card-box .feed-card-desc h4 {
    font-size: 20px;
    line-height: 23px;
  }
  .main-content h3 {
    font-size: 25px;
    line-height: 35px;
  }
  .main-content h4 {
    font-size: 20px;
    line-height: 23px;
    padding: 0 0 10px;
  }
  .feed-card-box .feed-card-desc h4 {
    font-size: 20px;
    line-height: 23px;
  }
  .main-content h4 {
    font-size: 20px;
    line-height: 23px;
  }
  .main-body .sections_group .column_our_team_list .team_list .one-second .desc {
    font-size: 16px;
    line-height: 25px;
  }
  .two-columns-section {
    margin: 0 -15px 100px;
  }
  .contain-box-wrap {
    padding-bottom: 50px;
  }
  .two-columns-section {
    margin-bottom: 50px;
  }
  .info-section-wrap {
    padding-top: 0 !important;
    padding-bottom: 50px !important;
  }
  .normal-listing ul li, .info-section-wrap .info-section-desc ul li {
    padding-left: 30px;
  }
  .info-section-wrap.full-width-bg-img {
    padding: 50px 0 50px !important;
  }
  .call-to-action-box-wrap {
    padding: 0 0 50px;
  }
  .feed-card-wrap {
    padding-bottom: 50px;
  }
  .feed-card-box {
    margin-bottom: 20px;
  }
  .accordion-title {
    padding: 0 58px 0;
  }
  .accordion-listing > ul > li .accordion-title:before {
    top: 7px;
    left: 22px;
    font-size: 20px;
  }
  .accordion-title h3 {
    font-size: 18px;
    line-height: 28px;
    padding: 10px 0 10px 20px;
  }
  .accordion-title:after {
    width: 15px;
    height: 15px;
    right: 15px;
    top: 18px;
  }
  .accordion-body {
    padding: 25px;
    font-size: 16px;
    line-height: 25px;
  }
  .waterpipe-overview-page .page-title {
    padding: 20px 15px;
  }
  .waterpipe-overview-page .page-title {
    margin-bottom: 20px;
  }
  .accordion-section-wrap {
    padding-bottom: 20px;
  }
  .scroll-to-section-box a .desc-box {
    font-size: 18px;
    line-height: 28px;
  }
  .listing-note {
    padding-top: 10px;
  }
  .knowledge-networks-listing ul {
    margin: 0 -15px;
  }
  .knowledge-networks-listing ul li {
    padding: 0 15px;
  }
  .sections_group table td {
    font-size: 16px;
    line-height: 26px;
  }
  .media-enquiries ul li {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 1366px) {
    .main-content .main-body ol > li {
      font-size: 14px;
      line-height: 22px;
  }
  .main-content .main-body ul > li {
    font-size: 14px;
      line-height: 22px;
  }
  .main-content a {
    font-size: 14px;
      line-height: 22px;
  }
}

@media (max-width: 1024px) {

  .breadcrumb-wrapper nav ol li a {
    font-size: 12px;
    line-height: 18px;
  }
  .breadcrumb-wrapper nav ol li {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px;
  }
  .breadcrumb-wrapper nav ol li + li::before {
    padding: 0 5px;
  }
  .info-section-desc .section-title h2,
  .section-title h2 {
    font-size: 21px;
    line-height: 24px;
  }
  .main-content h2 {
    font-size: 21px;
    line-height: 24px;
  }
  .main-content h1 {
    font-size: 25px;
    line-height: 30px;
  }
  .waterpipe-overview-page .page-title h2 {
    font-size: 21px;
    line-height: 24px;
  }
  .main-content p {
    font-size: 14px;
    line-height: 20px;
  }
  .main-body .sections_group .column_our_team_list .team_list .one-second .desc {
    font-size: 14px;
    line-height: 20px;
  }
  .accordion-body {
    font-size: 14px;
    line-height: 20px;
  }
  .main-content .main-body ul > li {
    font-size: 14px;
    line-height: 20px;
  }
  .main-content .main-body ol > li {
    font-size: 14px;
    line-height: 20px;
  }
  .main-body .sections_group span {
    font-size: 14px;
    line-height: 20px;
  }
  .main-content h4 {
    font-size: 17px;
    line-height: 20px;
  }
  .feed-card-box .feed-card-desc h4 {
    font-size: 14px;
    line-height: 20px;
  }
  .main-content h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .number-listing-box ol li {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 15px 10px 30px;
  }
  .number-listing-box ol li:before {
    font-size: 14px;
    top: 9px;
  }
  .main-content .main-body ol > li:before {
    font-size: 14px;
   /* top: 9px;*/
  }
  .normal-listing ul li, .info-section-wrap .info-section-desc ul li {
    font-size: 14px;
  }
  .accordion-title h3 {
    font-size: 18px;
  }
  .main-body .sections_group .column_our_team_list .team_list {
    margin-bottom: 0px;
  }
   .accordion-body ul li {
    font-size: 14px;
    line-height: 18px;
  }

}
@media (max-width: 991px) {
  .main-body .sections_group .column_our_team_list .team_list .one-fourth {
    padding-left: 0;
  }
  .wts-database .announce-exposed-form .views-exposed-form .js-form-item {
    width: 33.33%;
  }
  .wts-database .announce-exposed-form .views-exposed-form .js-form-item.js-form-item-combine {
    width: 33.33%;
  }
  .e-library-expose-filters {
    padding: 0 0;
  }
  .e-library-expose-filter-col .form-checkboxes .js-form-item label {
    font-size: 18px;
  }
  .e-library-expose-filter-col {
    width: 100%;
    padding: 10px 15px 0px;
    border-right: 0;
    border-bottom: 2px solid #404040;
  }
  .e-library-expose-filter-col:last-child {
    border-bottom: 0;
  }
}
@media (max-width: 767px) {
  .breadcrumb-wrapper nav ol li a {
    font-size: 10px;
    line-height: 15px;
  }
  .breadcrumb-wrapper nav ol li {
    font-size: 10px;
    line-height: 15px;
  }
  .breadcrumb-wrapper nav {
    padding: 0 15px;
  }
   .e-library-listing .views-row-wrapper ul {
     padding-left: 50px;
   }
  .waterpipe-overview-page .page-title {
    padding: 0;
  }
  .waterpipe-overview-page .page-title h2 {
    font-size: 15px;
    line-height: 25px;
    padding: 10px 15px;
  }

  .info-section-desc .section-title h2, .section-title h2 {
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .section-title.bottom-line h2 {
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .main-content p {
    font-size: 12px;
    line-height: 18px;
  }
  .main-body .sections_group .column_our_team_list .team_list .one-second .desc {
    font-size: 12px;
    line-height: 18px;
  }
  .number-listing-box ol li {
    font-size: 12px;
    line-height: 18px;
  }
  .main-content .main-body ol > li {
    font-size: 12px;
    line-height: 18px;
  }
   .accordion-body ul li {
    font-size: 12px;
    line-height: 18px;
  }
  .main-content h4 {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 0;
  }
  .feed-card-box .feed-card-desc h4 {
    font-size: 12px;
    line-height: 18px;
  }
  .info-section-wrap.full-width-bg-img {
    padding: 30px 0 30px !important;
  }
  .info-section-wrap {
    padding: 0 0 30px !important;
  }
  .info-section-desc .section-title.bottom-line h2 {
    padding-top: 0;
  }
  .contain-box-wrap {
    padding-bottom: 30px;
  }
  .main-body .sections_group span {
    font-size: 12px;
    line-height: 18px;
  }
  .accordion-body {
    font-size: 12px;
    line-height: 18px;
    padding: 20px 15px;
  }
  .main-content .main-body ul > li {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
  }
  .main-body .sections_group .column, .main-body .sections_group .columns {
    margin-bottom: 0;
  }
  .main-content h3 {
    font-size: 18px;
    line-height: 28px;
  }
  .call-to-action-box-wrap ul li {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .call-to-action-box-wrap .call-to-action-box a {
    padding: 10px;
  }
  .full-text h3 {
    padding-bottom: 0;
  }
  .page-intro {
    padding: 0;
  }
  .scroll-to-section-box a .desc-box {
    font-size: 14px;
    line-height: 24px;
  }
  .databases-info-box a .databases-desc h5 {
    font-size: 15px;
  }
  .section_wrapper .column {
      margin: 0 0 20px !important;
      height: auto!important;
  }
  .normal-listing ul li, .info-section-wrap .info-section-desc ul li {
    font-size: 12px;
  }
  .normal-listing ul li:before, .info-section-wrap .info-section-desc ul li:before {
    width: 10px;
    height: 10px;
    top: 8px;
  }
  .normal-listing ul li, .info-section-wrap .info-section-desc ul li {
    padding-left: 20px;
  }

  .main-content h3 {
    margin-bottom: 10px;
  }
  .main-body .sections_group .column h3 {
    margin-bottom: 10px;
  }
  .accordion-title h3 {
    margin-bottom: 0;
  }
  .news-update-wrap .container {
    width: 90% !important;
  }
  .news-update-wrap .container h4 {
    padding-bottom: 10px !Important;
  }
  .news-update-desc .date-info {
    font-size: 12px;
    line-height: 18px;
  }
  .news-update-desc .date-info span {
    font-size: 12px;
  }
  .news-listing-page .news-update-box .news-update-desc .page-read-more a,
  .e-library-listing .news-update-box .news-update-desc .page-read-more a {
    font-size: 12px;
    line-height: 18px;
  }
  .news-update-desc h4 ,
  .e-library-listing .news-update-box .news-update-desc h4{
    padding-bottom: 10px;
  }
  .wts-database .announce-exposed-form .views-exposed-form .js-form-item {
    width: 100%;
  }
  .wts-database .announce-exposed-form .views-exposed-form .js-form-item.js-form-item-combine {
    width: 100%;
  }
  .views-expose-filter.e-library-filter .btn {
    width: 40px;
    line-height: 40px;
  }
  .views-expose-filter.e-library-filter .btn .svg {
    width: 20px;
    line-height: auto;
  }
  .views-expose-filter-right .sort-filters .select2 {
    width: 150px !important;
  }
  .taxonomy-listing .views-row-wrapper.grid-view.list-view .e-library-listing-box .e-library-listing-img {
    width: 100%;
  }
  .taxonomy-listing .views-row-wrapper.grid-view.list-view .e-library-listing-box .e-library-listing-desc {
    width: 100%;
  }
  .taxonomy-listing .views-row-wrapper.grid-view.list-view .e-library-listing-box {
    flex-wrap: wrap;
  }
}

/* Expert Database page design changes*/

@media (max-width: 1920px) {

  .experts-database-list-wrap {
    padding: 0;
  }
}