.our-pub-heading {
     text-align: center;
     /*   margin: 10px 1px 0px 1px; */
     font-weight: normal;
     font-size: 1.2rem;
     color: var(--text-theme-color);
 }

 .our-pub-underline::before {
     background: var(--text-theme-color);
     border-radius: 8px;
     bottom: 0;
     content: "";
     height: 6px;
     bottom: -2px;
     left: 0px;
     right: 0px;
     margin: 0 auto;
     position: absolute;
     width: 24px;
 }

 .our-pub-underline::after {
     background: var(--text-theme-color);
     border-radius: 8px;
     bottom: 0;
     content: "";
     height: 2px;
     left: 0;
     right: 0px;
     margin: 0 auto;
     position: absolute;
     width: 90px;
 }

 .our-pub-heading-div {
     text-align: center;
 }

 .our-pub-underline {
     position: relative;
     padding-top: 4px;
     margin-bottom: 4px;
 }

 .underline-our-pub {
     margin-bottom: 13px !important;
 }

 .pub-yu-site-full {
     padding: 10px;
     /*     padding-bottom: 50px;
     padding-top: 30px; */
     width: 100%;
     display: flex;
     font-size: 15px;
     flex-direction: column;
     /*background: #FFEFBA;
 
      background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);
     
     background: linear-gradient(to right, #FFFFFF, #FFEFBA);
    W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+*/

 }

 .pub-section-nav-ul li {

     text-decoration: none;
     color: #1da1f2;
     padding: 5px 10px;
     background: whitesmoke;
     border-radius: 15px;
     cursor: pointer;
     font-size: 0.8rem;
     border: 1px solid var(--border-2-blind-theme-color);
 }

 .ar-content::before {
     position: absolute;
     top: 0;
     left: 0;
     display: block;
     width: 280px;
     height: 360px;
     background: linear-gradient(to bottom, rgba(211, 191, 11, 0.5), rgba(150, 170, 155, 0.5));
     z-index: 2;
     transition: 0.5s all;
     opacity: 0;
 }

 .ar-content-img img {
     width: 100%;
     height: 160px;
     border-radius: 3px;
 }

 .nl-content-img img {
     width: 100%;
     height: 160px;
 }

 .br-content-img img {
     width: 100%;
     height: 150px;
 }

 .pub-section-nav-ul li a {
     color: black;
 }

 .active-pub-section {
     color: whitesmoke !important;
     background: #1da1f2 !important;
     font-weight: bold;
 }

 .active-our-pub {
     background-color: var(--theme-color) !important;
     transition: .5s all;
 }

 .active-li-a-tag-our-pub {
     color: var(--lightblack-text-theme-bg-color) !important;
 }

 .view-all-ar-div {
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     /* for single line flex container */
     align-content: center;
     background: #56CCF2 !important;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2) !important;
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #2F80ED, #56CCF2) !important;
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .view-all-ar-div a {
     color: white;
     text-decoration: underline;
 }

 .pub-desc-hightlight {
     border-bottom: 1px solid rebeccapurple;
 }

 .ar-content {
     width: 35%;
     /*  background: var(--bg-color-whitesmoke); */
     border-radius: 2px;
     /*    border: 1px solid var(--text-light-bg-black); */
     /* box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px; */
     box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
     position: relative;
     margin: 5px;
     /*   padding: 10px; */
     /* border: 1px solid var(--text-theme-grey); */
 }

 .ar-content-brief {
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     /* for single line flex container */
     align-content: center;
 }

 .ar-content-brief>p {
     font-size: .8rem;
     color: var(--text-color-light-black);
 }

 .view-all-pub-link {
     margin: 10px;
     background: var(--text-theme-color);
     color: var(--inner-text-theme-color);
     padding: 5px 17px;
     font-size: .7rem;
     border-radius: 5px;
     opacity: .9;
 }

 .br-content {
     border-radius: 6px;
     width: 50%;
     padding: 5px;
     margin: 5px;
     background: whitesmoke;
     box-shadow: 0px 7px 10px rgb(0 0 0 / 50%);
 }

 .nl-content {
     border-radius: 3px;
     width: 50%;
     padding: 5px;
     margin: 5px;
     /*   background: var(--bg-color-whitesmoke); */
     box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
 }

 .ar-content .ar-content-desc {
     text-align: center;
     padding: 8px 0px;
     text-align: center;
     /* margin: 11px; */
     font-size: .8rem;
 }

 .br-content .br-content-desc {
     padding: 11px;
     text-align: center;
 }

 .nl-content .nl-content-desc {
     padding: 11px;
     text-align: center;
     font-size: 0.8rem;
 }

 .pub-tab-content {
     display: flex;
     margin: 10px 10px;
     justify-content: center;
 }

 .journal-pub-content {
     width: 20%;
     padding: 10px;
     border-right: .1px solid lightgray;
 }

 .jp-author-tag {

     font-size: 13px;
     /*  color: rebeccapurple; */
     font-weight: bold;
 }

 #journal-pub-tab {
     padding: 0px 10px;
 }

 .jp-content-title p {
     /*  padding: 10px;
     background-color: lightgray; */
     font-size: .7rem;
 }

 .jp-content-desc {
     font-size: 0.6rem;
     color: var(--text-color-light-black);
 }

 .jp-content-desc p {
     padding: 4px 0px;
 }

 .jp-content-desc .jp-jname {
     color: var(--text-color-1);
     display: initial;
     padding: 4px;
 }

 .showrpBtn-pub-jp {
     text-align: center;
     font-size: 15px;
 }

 .pub-main-sec {
     display: flex;
 }

 /*Animation*/

 .view-all-pub-link::before {
     background: whitesmoke;
     color: rebeccapurple;
 }

 .journal-pub-content:hover {
     /* box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5); */
 }

 .journal-pub-content {
     width: 100% !important;
 }

 #journal-pub-tab .journal-pub-content:last-child {
     border: none;
 }

 .bxs-file-pdf {
     color: var(--pdf-color-primary);
     font-size: 1rem;
 }

 .bxs-file-pdf-contrast-bg {
     color: var(--pdf-color-contrast-bg);
 }

 @media(max-width:1020px) {
     .pub-section-nav-ul li {
         font-size: 0.6rem;
     }
 }

 @media(max-width:900px) {
     .pub-section-nav-ul li {
         padding: 5px 8px;
     }

     .director-msg-home-text p {
         font-size: 0.7rem;
     }
 }

 @media(max-width:650px) {
     .pub-section-nav-ul li {
         padding: 5px 3px;
     }

     .director-msg-home-text p {
         font-size: 0.6rem;
     }
 }

 @media(max-width:600px) {
     .pub-tab-content {
         display: flex;
         flex-direction: column;
         align-items: center;
         margin: 10px 10px;
     }

     .ar-content-brief,
     .ar-content,
     .nl-content {
         width: 90% !important;
     }


     .pub-section-nav-ul li {
         padding: 5px;
         margin: 4px;
         font-size: 0.5rem;
     }

     .ar-content-brief>p {
         font-size: 0.7rem;
     }

     .pub-main-sec {
         flex-direction: column;
     }

     .journal-pub-content {
         border-right: none;
         border-bottom: .1px solid lightgray;
     }
 }