:root {
  --color1: #ad1e24;
  --darkColor: #ad1e24;
  --lightColor: #fbf4f4;
}
#omniTheme .recentSearches,
#omniTheme .recentSearches h3 {
  margin-left: 6px;
}

#omniTheme .recentSearches .recentSearchData {
  margin-left: -9%;
}
.headingBlock .commonThemeHeading {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 40px;
  line-height: normal;
  margin-top: 20px;
}

.commonThemeHeading {
  font-weight: 600;
}
.tabbable-line > .nav-tabs > li {
  font-weight: 600;
}

/* commented because of forgot password */
/* .mainbox {
  background: var(--color1);
} 

.mainbox .panel .panel-title {
  color: #fff;
  font-size: 22px;
}

.mainbox .panel a,
.mainbox .terms {
  color: #ddd;
}*/

.signLink {
  color: black;
  font-weight: bold;
}

/* login page css end */

#omniTheme {
  background: url(../images/nidj/banner.jpg) no-repeat top center fixed !important;
  width: 100%;
  float: left;
}

#omniTheme .jumbotron {
  text-align: left;
  padding-left: 0;
}

#firstTimeLoginModal .modal-dialog {
  border-radius: 10px;
  border: 4px solid var(--color1);
}

#firstTimeLoginModal .lib_name,
#guestLoginModal .lib_name {
  background: linear-gradient(
    to bottom,
    var(--color1) 0%,
    var(--darkColor) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

#omniTheme .jumbotron h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  margin: 70px 0 20px 0px;
  width: 100%;
  float: left;
  background: linear-gradient(
    to bottom,
    var(--color1) 0%,
    var(--darkColor) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#omniTheme .jumbotron h4,
#omniTheme .navbar-form a {
  color: #444444;
  margin: 0 auto;
  margin-top: 11px;
  cursor: pointer;
}

#omniTheme .jumbotron h4 {
  margin-top: 0px !important;
}

.brand-name {
  background: none;
  padding: 5px 0 5px;
}
.moreDropdown .dropdown-menu {
  transform: none !important;
}
.input-group-btn .fa-search,
.fa-microphone,
.advanceIcon .fa-cog,
.fa-bell-o,
.readingListBlock .fa-bookmark,
.fa-search-plus,
.fa-th-large,
.fa-th-list {
  font-size: 26px !important;
}
.brand-name .lib-logo,
.libLogo img {
  background: url(../images/nidj/logo.svg) no-repeat;
  width: 100%;
  height: 82px;
  margin: 25px 0px 25px 0px;
  float: none;
  display: block;
  background-position: center;
}

#myCarousel .item a {
  text-align: left;
}

.left.carousel-control {
  /* left: 0px; */
  left: -2rem;
  top: 11rem;
}

.carousel .right.carousel-control {
  left: auto;
  box-shadow: 1px 1px 1px #cccccc;
  border-radius: 50%;
  padding: 0;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  right: -3.5rem;
  top: 11rem;
}

.carousel .right.carousel-control .fa,
.carousel .left.carousel-control .fa {
  color: var(--color1);
}

.browserCarouselLeft .fa,
.browserCarouselright .fa {
  color: white !important;
}

.carousel .left.carousel-control {
  box-shadow: 1px 1px 1px #cccccc;
  border-radius: 50%;
  padding: 0;
  background: #ffffff;
  border: 1px solid #e0e0e0;
}

/* .carousel-inner {
  min-height: 363px;
} */

/* Color Code */
#topics .boxes .grid .box .overview .imgbox h3 .text-desc,
.dashboard .dashboardRightBlock .sectionBox h4,
.viewMode .resultView .active,
.saveSearchLink a:hover,
.feed-section .right-block .media .btn,
.savedDocLeftBlock ul li li a.active,
.savedDocLeftBlock ul li li a:hover,
.breadcrumb a:hover,
.viewMode .resultView .active,
.viewMode .resultView:hover .fa,
.overviewBox .moreDetails ul li a.active,
.overviewBox .moreDetails.journals ul li a,
.advance-form .nav-tabs > li.active > a,
.advance-form .nav-tabs > li.active > a:focus,
.advance-form .nav-tabs > li.active > a:hover,
#omniTheme .navbar-right .logIn a,
#omniTheme .trendingSearches ul li a,
.resetPwd .title,
.profileContainer .title,
#omniTheme .navbar-right li a .fa,
#omniTheme .searchTipsBox a,
.docBlock h4 a,
.advanceIcon .fa,
.timerIcon .fa,
.iaf-header .searchBtn .fa-search,
.readOn,
.microPhoneBtn .fa-microphone {
  color: var(--color1) !important;
}

#omniTheme .navbar-default .navbar-nav > li > a {
  color: #303030;
  font-weight: 600;
}

.CategoriesSection {
  display: flex;
  justify-content: center;
  box-shadow: 0px 2px 2px #00000008;
}

.media-heading {
  font-weight: bold;
}

.media-heading,
.media-body p,
.media-heading:hover {
  font-size: 14px;
  color: #000;
  text-decoration: none;
}

.browseNoticeSection .desk-carousel {
  padding: 3rem;
  padding-top: 3px;
  padding-bottom: 3px;
}

.sk-three-bounce .sk-child,
#headerTheme .navbar-right .logIn.userProfile {
  background-color: var(--color1) !important;
}

#headerTheme .navbar-right .logIn.userProfile .dropdown-toggle i {
  color: #fff !important;
}

.homeSuggestion {
  margin-top: 12px;
}

#omniTheme .navbar-right .logIn a {
  border: 1px solid var(--color1);
}

.browseNoticeSection {
  background: var(--color1);
}

.libraryCollection .left-panel {
  background: linear-gradient(
    to right bottom,
    var(--color1),
    var(--darkColor)
  ) !important;
}

.libraryCollection .left-panel .commonThemeHeading,
.libraryCollection .left-panel p,
.libraryCollection .left-panel a {
  color: white;
}

#headerTheme .resetHeader .navbar-form .input-group .input-group-btn {
  margin-top: 0px !important;
  top: 4px !important;
}
#mobileSmallSearch .navbar-form {
  z-index: 0 !important;
}

#omniTheme .navbar-form .input-group {
  background: var(--white);
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, var(--color1), var(--darkColor));
  border-image-slice: 1;
  box-shadow: none !important;
  border: 1px solid var(--color1) !important;
  border-radius: 40px;
}
.libraryInfo {
  background: linear-gradient(
    to right bottom,
    var(--color1),
    var(--darkColor)
  ) !important;
}
/* Color Code */

.btn-read,
.btn-read:hover,
.btn-refread,
.btn-refread:hover,
.btn-primary,
.btn-primary:hover,
.btn-success,
.btn-success:hover,
.btn-feedback:hover,
.btn-requestDemo {
  background: linear-gradient(
    to right bottom,
    var(--color1),
    var(--darkColor)
  ) !important;
  /* background: var(--darkColor) !important; */
}

.btn-requestDemo:hover {
  background: linear-gradient(
    to right bottom,
    var(--color1),
    var(--darkColor)
  ) !important;
  color: #ffffff;
}

/* Background color Code */
#topics .boxes .grid .box,
#topics .boxes .grid .box .imgbox,
.dashboard .dashboardRightBlock.collectionsBlock .cardBody .boxStyle.green,
.searchWithIn .btn-searchwithin,
.savedDocLeftBlock ul li a.active,
.savedDocLeftBlock ul li a:hover,
.feed-section .right-block .media .btn:hover,
.btn-ref-primary,
.feed-section .alluserslistTabs a.btn:hover,
.filterContainer ul li a:hover,
.subjectDropdown .subjectFilters ul li a:hover,
.viewMode .dropdown-menu li a:hover {
  background: var(--color1);
  color: #ffffff !important;
}

/* Background color Code */

/* Border color */
#topics .boxes .grid .box .overview .imgbox,
.dashboard .dashboardRightBlock .sectionBox h4,
.dashboard .dashboardRightBlock .tabsbox li a.active,
.feed-section .right-block .media .btn,
.feed-section .container-block .profile-block,
.filters,
.filterContainer button:focus,
.filterContainer button:hover,
.advance-form .nav-tabs > li.active > a,
.advance-form .nav-tabs > li.active > a:focus,
.advance-form .nav-tabs > li.active > a:hover {
  border-color: var(--color1);
}

/* Border color */

#topics .boxes .grid .box .overview .overviewDescBox .btn-primary,
.users .card .card-title .card-link a.btn-success,
.users .card .card-body .cardTable li .badge-edit,
.dwnReportModal .btn-requestDemo,
#userEditModal form button.btn-requestDemo,
#userPwdModal form button.btn-requestDemo,
.btn-success {
  background: var(--color1);
  background: -webkit-linear-gradient(
    to right bottom,
    var(--color1),
    var(--darkColor)
  );
  background: linear-gradient(to right bottom, var(--color1), var(--darkColor));
  text-align: center !important;
}

.users .card .card-title .card-link a.btn-success:hover,
.users .card .card-body .cardTable li .badge-edit:hover,
.dwnReportModal .btn-requestDemo:hover,
#userEditModal form button.btn-requestDemo:hover,
#userPwdModal form button.btn-requestDemo:hover,
.btn-success:hover {
  background: var(--darkColor);
  background: -webkit-linear-gradient(
    to right bottom,
    var(--darkColor),
    var(--color1)
  );
  background: linear-gradient(to right bottom, var(--darkColor), var(--color1));
  color: #ffffff;
}

.noticeBlock .media-list .fa,
.aboutCollection .icon-box .fa,
.topUsers .thumbnail .no-img-circle span {
  background: linear-gradient(to right, var(--color1) 0, var(--darkColor) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.feedbackSection .rightPanel .imgBlock .libName {
  top: 120px;
}

.sectionBlock a {
  display: block;
  padding: 10px;
  border: 1px solid var(--color1);
  text-align: center;
  border-radius: 30px;
  background: #fff;
  color: var(--color1);
  font-size: 12px;
  width: 100%;
  margin-bottom: 10px;
}

.sectionBlock a:hover {
  background: var(--color1);
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

/* new theme css */

.libraryCollection {
  /* color: #fff; */
  padding-bottom: 70px;
  padding-top: 0;
  /* margin-top: 70px; */
}

.libraryCollection .border-right {
  height: 201px;
  overflow-y: scroll;
  padding-right: 10px;
}
.libraryCollection .border-right p {
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  line-height: normal;
}

.carousel {
  padding: 0 1rem;
  color: var(--color1);
  display: table;
  width: 100%;
}

.libraryCollection .carousel-inner {
  min-height: 170px !important;
  /*width: unset !important;
  padding: 0 4rem;*/
}

.libraryCollection .bg-white {
  background-color: white;
  padding: 0 15px;
  border: 1px solid white;
  border-radius: 5px;
  margin: 0 auto 15px;
  min-height: 150px;
  display: flex;
  align-items: center;
}

.libraryCollection .docBlock {
  max-width: unset !important;
  height: unset !important;
  width: 100% !important;
  background: unset;
  box-shadow: unset;
  padding: unset;
}
#staffBlock .owl-carousel .docBlock,
#trendingBlock .owl-carousel .docBlock {
  box-shadow: 0 0 12px 6px #44444426;
  padding: 0;
  border-radius: 12px;
}

.libraryCollection .docBlock .bookCover {
  height: unset;
  vertical-align: unset;
  max-height: 220px;
  /* align-items: center;
  display: flex; */
}
.libraryCollection .docBlock .bookCover img {
  padding: 0;
}

.libraryCollection .otherInfo {
  font-size: 12px;
  /* padding-bottom: 1rem; */
  display: table-cell;
}

.carousel .left.carousel-control,
.carousel .right.carousel-control {
  border: none;
  box-shadow: none;
}

.libraryCollection .border-left {
  border-left: 1.5px solid white;
  text-align: center;
  padding-bottom: 2%;
}

.browseNoticeSection .owl-carousel .owl-next {
  right: -12px !important;
}

.browseNoticeSection .owl-carousel .owl-prev {
  left: -12px !important;
}

.browseNoticeSection .owl-nav button {
  width: 25px !important;
  height: 25px !important;
  top: calc(40% - 17.5px) !important;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
.commonThemeHeading {
  /* font-family: "Roboto Condensed", sans-serif !important; */
  font-family: "Montserrat", sans-serif !important;
}

#omniTheme .navbar-form {
  /* margin-left: 8%; */
  max-height: 7rem;
  max-width: 740px !important;
  position: inherit !important;
  top: 5px !important;
  left: 0;
}

.navbar-form .extraPadding {
  padding-right: 1rem;
}

#omniTheme .navbar-form .input-group {
  max-width: 600px !important;
  padding: 7px !important;
}
/* .posFix {
  position: fixed !important;
  width: 100%;
} */
#omniTheme .navbar-default {
  padding: 0;
  position: fixed;
  width: 100%;
  background: white !important;
}

#omniTheme .bg-clr {
  padding: 7px 70px 0 70px;
  background-color: var(--lightColor);
  padding-left: 10%;
}

.nav.navbar-nav {
  /* margin-left: 15%; */
  margin-top: -3px;
}

.nav.navbar-nav.navbar-right {
  margin-left: 0;
  margin-top: -10px;
}

.side-dropdown {
  left: -16rem !important;
}

.nav.navbar-nav.navbar-right li {
  padding-right: 0;
}

.CategoriesSection .nav.navbar-nav li {
  padding-right: 1.2rem;
}

#omniTheme .navbar-form a .fa {
  font-size: 24px;
  padding-top: 0px;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.CategoriesSection .nav.navbar-nav .dropdown-toggle {
  color: var(--color1);
  font-weight: 700;
}

#omniTheme .navbar-form {
  padding-bottom: 0;
}

.CategoriesSection .dropdown-toggle {
  padding-bottom: 1.2rem !important;
}

.libraryCollection .left-panel {
  background: unset !important;
  box-shadow: unset;
}

li.dropdown.open {
  background-color: none !important;
  background: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

li.dropdown.open a {
  background-color: none !important;
  background: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

li.dropdown.open a:hover {
  background-color: none !important;
  background: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.libraryCollection .left-panel p {
  margin-bottom: 1rem;
}

.tabbable-line > .tab-content {
  background-color: unset;
}

.atoz-listing {
  display: flex !important;
  width: 72rem !important;
  margin: 0px 5px 0 10px;
}

.atoz-listing .spanBlock span {
  border-radius: 4px;
  text-align: center;
  color: var(--color1);
  border: 1px solid var(--color1);
  padding: 3px 5px 3px 5px;
  font-weight: bold;
}

.atoz-listing .spanBlock,
.atoz-listing .martoperout {
  font-size: 1.5rem;
  padding: 10px 5.5px;
  font-weight: 600;
  cursor: pointer;
  color: #333;
  align-items: center;
  display: flex;
}

li.dropdown.open a.listingCta {
  background: var(--color1) !important;
  color: #fff;
  border: 1px solid var(--color1);
  border-radius: 4px;
  padding: 6px 15px;
  display: table;
  margin-left: 4px;
  word-break: keep-all;
  width: 124px;
}
.libraryCollection p, .libraryCollection p a {
  color: #fff;
}
#omniTheme .navbar-form .input-group .form-control {
  font-weight: 500;
  font-size: 1.3rem;
  padding: 0px 7px 0 2px;
  margin-right: 5px;
}
#ex5_value {
  font-weight: 400 !important;
}

.carousel-control {
  border: none !important;
}

#omniTheme .navbar-right .logIn a {
  background-color: var(--color1);
  color: white !important;
  border-radius: 3px;
  font-weight: 600;
  padding: 8px 18px !important;
}

.timer {
  position: relative;
}

.timer-list {
  position: absolute;
  padding: 1rem;
  border: 1px solid var(--color1);
  border-radius: 0.35rem;
  margin-top: 1rem;
  z-index: 9;
  font-size: 1.2rem;
  background-color: var(--color1);
  color: #fff;
  line-height: 1.4rem;
  left: -4rem;
  width: 22rem;
  max-width: 15rem;
  display: none;
  overflow: hidden;
}

.timer-list h5 {
  font-weight: bold;
}

.timer-list:before {
  position: fixed;
  top: 6.6rem;
  right: 34.5rem;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5.5px 6px 5.5px;
  border-color: transparent transparent var(--color1) transparent;
}

.timer-visible {
  display: block;
}

.timer-list ul li {
  padding-bottom: 0.8rem;
}

.nav.navbar-nav .dropdown-menu {
  padding: 0;
  /* left: -15rem !important; */
  border-radius: 2px !important;
  box-shadow: unset !important;
}
.nav.navbar-nav .dropdown-menu li {
  height: 4.3rem;
  border-bottom: 1px solid #ddd;
  padding-right: 0;
}
.nav.navbar-nav .dropdown-menu > li > a {
  padding: 3px 5px;
  height: 4.2rem;
}
.basicSearch .borderLeft {
  border-left: none !important;
  margin-left: -3%;
}
.nav.navbar-nav.nav-hid .dropdown-menu {
  left: -7rem;
  max-height: 400px;
  width: 30rem;
  border: none;
  border: 1px solid #ddd;
  overflow-y: auto;
  box-shadow: 0 9px 12px #66666624 !important;
}
.tabbable-line > .nav-tabs > li > a {
  line-height: 28px;
  color: #000;
}
.nav.navbar-nav.nav-hid .dropdown-menu.dropdown-horizontal {
  width: 60vw !important;
}
.ta .newsContentBlock .media-body {
  font-weight: bold;
}
.nav.navbar-nav .dropdown-menu li:last-child {
  border-bottom: none;
}
.dropdown.links.open .btn-login.header-content.profile.dropdown-toggle {
  background: none;
  border: none;
  box-shadow: unset;
}
.nav.navbar-nav .dropdown-menu > li > a:focus,
.nav.navbar-nav .dropdown-menu > li > a:hover {
  background-color: unset;
}
#omniTheme .navbar-default .navbar-nav > li > a {
  font-size: 1.3rem;
}
.nav.navbar-nav .dropdown-menu li a .icon {
  width: 2rem;
  display: inline-block;
  font-size: 2rem;
}
.nav.navbar-nav .dropdown-menu li a .text {
  width: 19rem;
  display: inline-block;
  margin-left: 1rem;
  font-weight: 600;
  padding-top: 7px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: text-bottom;
  font-size: 1.2rem;
  color: #333;
}
.nav.navbar-nav .dropdown-menu li a .count {
  background-color: var(--lightColor);
  padding: 2px 5px;
  width: 35px;
  display: inline-block;
  margin-left: 1rem;
  font-size: 1rem;
  float: right;
  text-align: center;
  margin-top: 8px;
  height: 20px;
  color: var(--dark);
  line-height: 16px;
}

.nav.navbar-nav.nav-mob {
  display: none;
}

.nav.navbar-nav {
  display: block;
}

.breadcrumbContainer {
  padding: 35px 0px 0px 0px;
  position: relative;
  top: 92px !important;
}

#omniTheme .navbar-default .navbar-nav > li.logIn > a {
  color: #fff !important;
}

.featuredCollections .contentBox h5 {
  font-size: 15px;
}
svg {
  width: 165px;
  height: 75px;
}
.cls-1 {
  fill: var(--color1);
  fill-rule: evenodd;
}
.browseNoticeSection .carousel-inner {
  padding: 0 !important;
}
/* .browseNoticeSection .col-md-4.ng-scope {
  width: unset !important;
} */
/* .browseNoticeSection .bg-white {
  width: 14rem;
} */
.iaf-header .login {
  padding: 10px 25px;
  background-color: var(--color1);
  color: white;
  margin-right: 1rem;
  display: inline-block;
  border-radius: 72px;
}
.iaf-header .login:hover,
.iaf-header .login:focus,
.iaf-header .login:active {
  background: var(--color1);
  color: white;
  opacity: 0.8;
}
.iaf-header .login-btn {
  text-align: right;
  padding: 10px 0px 0px 0px;
}

.iaf-header .navbar-form {
  width: 106%;
  margin-left: 6%;
}
.navbar-form .form-icon {
  font-size: 2.2rem;
  padding: 1.2rem 0 0 1.2rem;
  color: black;
}

.iaf-header .navbar-form .input-group {
  border: 1px solid #004c73;
  background-color: white;
  padding: 1rem;
}

.iaf-header .form-control {
  padding: 0;
  box-shadow: none;
  cursor: pointer;
}

.iaf-header #ex5_value {
  border: none;
  width: 100%;
  box-shadow: none;
}

.iaf-header
  .navbar-form
  .input-group
  .form-control.ng-pristine.ng-untouched.ng-valid {
  border: none;
}
.iaf-header .extraPadding {
  border-right: 1px solid var(--color1) 2b;
  padding: 0;
}
.logohed {
  max-height: 60px;
  width: auto;
  height: auto;
  transform: translate(0, 5px);
}
.iaf-header {
  background-color: var(--lightColor);
  padding-top: 10px;
  padding-bottom: 14px;
}

.iaf-header .searchBtn .fa-search {
  font-size: 2rem;
  padding-top: 1px;
}

#style-1::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

#style-1::-webkit-scrollbar {
  width: 3px;
  background-color: #f5f5f5;
}

#style-1::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
.links ul li a {
  color: var(--gray) !important;
  border-bottom: 1px solid #ddd;
}
.profile_image {
  width: 20px;
  height: 20px;
}
.userDropDown .dropdown-menu {
  margin-top: 10%;
}
.navBarHeader {
  padding-left: 18rem !important;
  padding-right: 10rem !important;
}
.login-btn .links {
  background: none;
}
.fa-angle-down {
  transform: rotate(0deg);
  transition: all 0.6s;
}
.dropdown.open .fa-angle-down {
  transform: rotate(180deg);
}
.ellipsisIcon {
  font-size: 18px;
  color: var(--color1);
}

#omniTheme .navbar-form .input-group {
  border-image: none;
  border: none;
  box-shadow: 0px 4px 4px rgb(138 64 170 / 12%);
  border-radius: 5px;
}

.btblacker {
  background: rgba(0, 0, 0, 0.5);
  /* padding: 0 0 15px 0; */
  padding-bottom: 22px;
}
.items {
  padding: 0 15px;
}
.boxmaner {
  position: relative;
  max-width: 190px;
  margin: 0 auto;
}
.boxmaner img {
  width: 100%;
}
.playerbtn {
  width: 60px;
  height: 60px;
  background-color: var(--color1);
  display: table;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 72px;
  overflow: hidden;
}
.playerbtn img {
  width: 100%;
}
.txtWhite {
  color: #fff !important;
}
.bglighter {
  background: var(--lightColor) !important;
}
.maxboximg {
  max-width: 110px;
  overflow: hidden;
  float: left;
  object-fit: none;
}
.maxboximg img {
  width: auto;
  height: auto;
  max-width: initial;
  max-height: 110px;
  object-position: center top;
  display: flex;
  object-position: -36px;
}
.media-body {
  width: 100%;
  padding: 0 15px;
}
.whitebgbox {
  background: #fff;
  padding: 15px;
  display: table;
  width: calc(100% - 110px);
  max-height: 110px;
  min-height: 110px;
}
body .nav-tabs > li > a {
  border: none;
}

#headlineBlock .nav-tabs > li.active > a,
#headlineBlock .nav-tabs > li.active > a:focus,
#headlineBlock .nav-tabs > li.active > a:hover,
#staffBlock .nav-tabs > li.active > a,
#staffBlock .nav-tabs > li.active > a:focus,
#staffBlock .nav-tabs > li.active > a:hover {
  border: none !important;
  background: transparent;
}
.tabbable-line > .nav-tabs.tbdark {
  background: var(--lightColor);
}
.bg-lighterend {
  background-color: var(--lightColor) !important;
}
.textlight {
  color: var(--white) !important;
}
.feedbackSection .commonThemeHeading {
  font-size: 40px;
  line-height: normal;
  font-weight: 400;
  max-width: 600px;
}
.feedbackSection .leftPanel .img-block.raduimages img {
  border-radius: 5px;
  box-shadow: 1px 1px 10px #04040485;
  max-width: 210px;
}
.feedbackSection .leftPanel .img-block.raduimages img:hover {
  opacity: 0.9;
}
.commonThemeHeadingwhite {
  color: #fff;
  font-weight: 600;
  font-size: 1.3rem;
  margin-top: 15px;
  margin-bottom: 25px;
}
.browseNoticeSection.libraryCollection .otherInfo {
  color: #ffff;
}
.boxixons {
  background: var(--color1);
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 40px;
  margin-right: 11px;
}
.tabbable-line .nav > li > a {
  padding: 5px 0px;
  line-height: 28px;
}
.owl-dots {
  display: none;
}
.maxteventi {
  max-height: 40px;
  margin-bottom: 0;
  overflow: hidden;
}
.browseNoticeSection.libraryCollection {
  padding-bottom: 0 !important;
}
.bgimguser {
  background: url(../images/nidj/topUserBanner.jpg);
  position: relative;
  padding: 60px 0 !important;
}
.bgimguser:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000000bb;
  top: 0;
}
div .thumbnail {
  background-color: var(--color1);
  border: 2px solid #fff;
}

.topUsers .topUserBlockContent {
  background: #fff;
  margin: 40px auto;
  display: table;
  float: none;
  max-width: 250px;
  border-radius: 14px;
}
.boldertext {
  font-weight: 600;
}
.whitetext {
  color: var(--white);
}

.spactophead {
  margin-top: 90px !important;
  display: inline-block;
  padding-top: 0px !important;
  margin-bottom: 0px;
}
.navbar-toggle {
  border: none;
  margin-top: 0px !important;
}
.navbar-mb {
  float: left;
}
.d-flex {
  display: flex;
}
.justify-content-between{
  justify-content: space-between;
}
.navbar-toggle,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: transparent !important;
  outline: 0;
  border: none !important;
  box-shadow: none !important;
}
/* .searchbtn {
  float: right;
  max-width: 520px;
  padding: 0 !important;
  width: calc(100% - 160px);
  z-index: 99999;
} */


.newsContentBlock .media-list .media {
  max-width: 590px;
  margin: 0 auto;
  border-radius: 5px;
}
.flexboday {
  line-height: 33px;
}

.menuLink.tabbable-line {
  margin-bottom: 40px;
}
.searchselector {
  float: left;
}
.searchBtn {
  float: right;
  margin: 0 30px;
  position: absolute;
  right: 0px;
  top: 8px;
  z-index: 99999;
}
.leftbox {
  float: left;
}
.leftbox + span.dropdown.links {
  margin: 5px 10px;
  display: table;
}
.martoperout {
  margin-top: -3px;
}
.px-0,
.px-0.col-xs-2 {
  padding-left: 0;
  padding-right: 0;
}
.inputsercher {
  width: calc(100% - 168px) !important;
  border: none !important;
  height: 34px !important;
  padding-left: 2rem !important;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  margin-left: 0px !important;
}
.libraryCollection .carousel-control {
  top: calc(5% - 30px) !important;
}
#carouselthrer .carousel-control .glyphicon-chevron-left {
  margin-left: -8px !important;
}

#carouselthrer .carousel-control .glyphicon-chevron-left,
#carouselthrer .carousel-control .glyphicon-chevron-right,
#carouselthrer .carousel-control .icon-next,
#carouselthrer .carousel-control .icon-prev {
  width: 24px;
  height: 24px;
  font-size: 11px;
  line-height: 22px;
  color: var(--color1);
  border: none;
  border-radius: 26px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  border: none;
  color: var(--color1);
}

#carouselthrer .carousel-inner + .carousel-control,
#carouselthrer .carousel-inner + .carousel-control + .carousel-control {
  top: calc(40% - 30px) !important;
}
#carouselthrer .carousel-inner + .carousel-control.left {
  left: 0px !important;
}
#carouselthrer .carousel-inner + .carousel-control + .carousel-control.right {
  right: -5px !important;
}
.item.prev.right div,
.item.left.active div {
  opacity: 0;
}
.carousel-showmanymoveone .carousel-control {
  width: 4%;
  background-image: none;
}
/* .carousel-showmanymoveone .carousel-control.left {
  margin-left: 15px;
}
.carousel-showmanymoveone .carousel-control.right {
  margin-right: 15px;
} */
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3,
.carousel-showmanymoveone .cloneditem-4 {
  display: none;
}

/* about nith section */
.about-section .head1{
  font-size: 34px;
    font-weight: 600;
}
.about-padding{
  padding: 45px 0px;
}
.about-section .bg-objective{
  background: #f4f4f4;
    padding: 45px 0px;
    margin-top: 20px;
}
.about-section .bg-objective .head2{
  font-size: 22px;
    margin-bottom: 12px;
    font-weight: 600; 
}
.about-section .head2{
  font-size: 22px;
  margin-bottom: 12px;
  font-weight: 600; 
}
.about-section .bg-objective .para{
  font-size: 16px;
    color: rgb(42, 42, 42);
} 
.about-section .bg-objective ul li{
  list-style: disc;
  padding: 0px 0px 10px !important;
  font-size: 16px;
  color: rgb(42, 42, 42);
}       
.about-section .para{
  font-size: 16px !important;
  color: rgb(42, 42, 42);
  margin-bottom: 18px;
}
.about-section .below-about{
  padding: 45px 0px 0px;
}




@media all and (min-width: 768px) {
  .dashboard .sidebar {
    top: 144px !important;
  }
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d),
  all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-showmanymoveone .carousel-inner .cloneditem-4 {
    display: none;
  }
}
@media all and (min-width: 991px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -25%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 25%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d),
  all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media (min-width: 1199px) {
  .carousel-showmanymoveone .carousel-inner .cloneditem-4 {
    display: block;
  }
}

@media (min-width: 1200px) {
  #carouselfiver .item .col-lg-2 {
    width: 20%;
  }
  #carouselfiverone .item .col-lg-2 {
    width: 20%;
  }
}

@media (min-width: 767px) and (max-width: 1200px) {
  .libraryCollection .contentBox {
    min-height: 106px !important;
  }
  .iaf-header .login {
    padding: 10px 20px;
    background-color: var(--color1);
    color: white;
    margin-right: 1rem;
    display: inline-block;
    border-radius: 72px;
    font-size: 12px !important;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  /* .CategoriesSection {
    display: contents !important;
  } */
  #newThemeFooter .footerBlock.lastBlock {
    padding-left: 0px !important;
  }
  .basicDropdownSearchBox button {
    width: 117px !important;
}
  .iaf-header .login {
    padding: 10px 20px !important;
  }
  
  #omniTheme .navbar-default .navbar-nav > li > a {
    font-size: 1rem;
  }
  #omniTheme .navbar-default .navbar-nav > li > a {
    padding: 23px 8px;
  }
  .nav.navbar-nav li {
    padding-right: 0 !important;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
.logohed {
  max-height: 42px;
  width: auto;
  height: auto;
  transform: translate(0, 5px);
}
}
@media screen and (max-width: 990px) {
  .libraryCollection .border-right {
    height: 115px;
  }
  .spactophead {
    /* padding: 15px 0 !important; */
    margin-top: 80px !important;
  }
  .libraryCollection .border-left {
    border-left: none;
  }
  .iaf-header .login {
    padding: 10px 15px;
    font-size: 1rem;
  }
  .leftbox + span.dropdown.links {
    margin-top: 8px;
    display: table;
  }
  .libraryCollection .bg-white {
    max-width: 190px;
    padding: 7px;
    /* max-height: 100px; */
    min-height: 100px;
  }
  .libraryCollection .otherInfo {
    margin: 0 auto;
    display: table;
  }
}
@media screen and (max-width: 992px) {
  div .owl-carousel .owl-stage-outer {
    transform: none;
    -webkit-transform: none;
    overflow: hidden;
    /* display: table; */
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .aboutElibrary .about-btn{
    margin-bottom: 10px;
  }
  .navbar-header .libLogo img {
    width: auto !important;
    height: 39px !important;
  }
  .microPhoneBtn .voice {
    margin-left: -29px !important;
  }
  #mobileSmallSearch #ex5_value {
    width: calc(100% - 118px) !important;
  }
  #ex5_value {
    /* width: 100% !important; */
    padding-left: 0px !important;
  }
  .flexrower {
    display: block !important;
  }
  .searchBtn {
    width: auto;
    margin: 0 !important;
    right: 26px !important;
  }
  #omniTheme .navbar-form .input-group .input-group-btn {
    width: auto !important;
  }
  .box-form .left .overlay {
    overflow: hidden !important;
  }
  .box-form .left .overlay h1 {
    font-size: 6vmax !important;
  }
  .mob-carousel .userProfile a {
    color: black;
    font-weight: bold;
  }
  .mob-carousel .logIn.userProfile .fa-angle-down {
    float: right;
    font-size: 26px;
    margin: -8px 8px;
  }
  .libLogo img {
    background: none !important;
  }
  .whitebgbox {
    padding: 10px 15px;
  }
  #newThemeFooter .footerBlock h4 {
    margin: 30px 0 15px 0;
  }
  .tabbable-line > .nav-tabs > li {
    padding: 0 14px;
    /* border-bottom: 4px solid transparent; */
  }
  .tabbable-line > .nav-tabs {
    padding: 0 10px 0;
  }
  .spactophead {
    margin-top: 84px !important;
  }

  .brand-name .lib-logo,
  .libLogo img {
    margin: 15px 0px;
  }
  /* .basicSearch {
    display: flex;
  } */
  .nav-mob.nav.navbar-nav li {
    background: #fff !important;
    margin: 5px auto;
    padding-bottom: 5px;
    padding-right: 5px;
  }
  #omniTheme .navbar-default .navbar-nav > li > a i {
    float: right;
    font-size: 26px;
    margin: -8px 8px;
  }
  .whitebgbox .media-heading {
    margin-top: 0;
    margin-bottom: 5px;
    max-height: 43px;
    overflow: hidden;
    display: block;
  }
  .topUsers .topUserBlockContent {
    margin: 0px auto;
  }
  .feedbackSection .commonThemeHeading {
    font-size: 24px;
    text-align: center;
  }
  .headingBlock .commonThemeHeading {
    font-size: 24px;
    margin-bottom: 40px;
  }
  .feedbackSection {
    text-align: center;
  }
  .feedbackSection .leftPanel .img-block.raduimages img {
    max-width: 190px;
    margin: 8px 8px;
  }
  #newThemeFooter .footerBlock {
    text-align: center;
  }
  #newThemeFooter .footerBlock .refreadLogo {
    float: left;
    max-height: 110px;
    width: 100%;
  }
  #newThemeFooter .footerBlock .content {
    float: none;
    text-align: center;
    display: grid;
  }
  #newThemeFooter .footerBlock ul {
    width: 100%;
  }
  .flexboday {
    display: table;
    margin: 0 auto;
    line-height: 33px;
  }
  .feedbackSection .leftPanel .img-block {
    float: none;
    margin: 10px auto 40px;
    display: table;
    width: auto;
  }
  .tabbable-line > .tab-content {
    margin-top: 0px;
  }
  .tabbable-line > .nav-tabs {
    display: flex !important;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .nav.navbar-nav li {
    padding-left: 1.2rem;
    width: 100%;
  }
  .fullerdroper .nav.navbar-nav li {
    display: table;
  }
}

@media screen and (max-width: 500px) {
  .libraryCollection .docBlock .bookCover {
    max-height: 133px;
  }
  .carousel-inner .docBlock .actionbtns:hover .buttonBox,
  .grid .docBlock .actionbtns:hover .buttonBox {
    padding-top: 35px;
  }
  #staffBlock .docBlock .actionbtns,
  #trendingBlock .docBlock .actionbtns {
    padding: 20px 20px;
  }
  #staffBlock .docBlock .actionbtns .btn,
  #trendingBlock .docBlock .actionbtns .btn {
    padding: 6px 18px;
    margin: 0 0 9px 0;
  }
  .carousel .item .col-xs-6.col-md-3.col-lg-2 {
    padding: 4px;
  }
  .tabbable-line > .nav-tabs > li {
    padding: 0 10px;
  }
  #omniTheme .navbar-form .input-group .form-control {
    font-weight: 500;
    font-size: 1.1rem;
    padding: 0px 2px 0 2px;
    margin-right: 0px;
  }
  /* .tab-pane.flexcontent.active {
    display: table;
    width: 100%;
  } */
  .mobileSearchForm{
    display: flex !important;
    padding: 11px 10px 10px 10px !important;
    background: #eaebf5;
  }

}

/* css from beautifier file */
section {
  margin: 0;
  /* for header position */
  /* padding: 70px 0 !important; */
  width: 100%;
  background: var(--white);
  display: block;
  /* overflow: hidden; */
}
.libraryCollection .contentBox {
  text-align: center;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  background: var(--color1);
}
.libraryCollection .contentBox:hover {
  opacity: 0.9;
}
.tabbable-line > .nav-tabs {
  margin: 0 auto !important;
  float: none !important;
  background: #fff;
  padding: 0;
  border-radius: 6px;
  box-shadow: 0px 4px 4px rgb(127 127 127 / 12%);
  display: table;
}
.tabbable-line > .nav-tabs > li {
  padding: 0 20px !important;
  /* border-bottom: 4px solid transparent !important; */
}
.tabbable-line > .nav-tabs > li.active > a,
.tabbable-line > .nav-tabs > li.active > a:focus {
  border: 0;
  color: var(--color1);
  background-color: transparent;
}
.tabbable-line > .tab-content {
  margin-top: 30px !important;
}

#staffBlock .docBlock .bookCover,
#trendingBlock .docBlock .bookCover {
  height: 200px !important;
  /* height: auto !important; */
  max-height: 240px !important;
}
#staffBlock .docBlock .actionbtns,
#trendingBlock .docBlock .actionbtns {
  height: 100% !important;
  padding: 0px 20px;
  border-radius: 10px !important;
}

.topUsers .thumbnail {
  width: 90%;
  /* color: var(--white) !important; */
  text-align: center;
  margin: 40px auto;
  float: none;
  /* box-shadow: 1px 1px 5px #e3e3e3 !important; */
  padding: 20px 15px;
  overflow: visible;
  max-width: 250px;
  /* display: table;
  border-radius: 14px; */
  height: 170px;
}
.topUsers .thumbnail .img-circle {
  box-shadow: none !important;
}
.featuredCollections .contentBox:hover {
  background-color: var(--color1) !important;
}
.topUsers .thumbnail .no-img-circle {
  box-shadow: 0 0 10px #05253a !important;
}
.topUsers .thumbnail h5{
  color: var(--color1) !important;
}
.featuredCollections .contentBox h5 {
  color: var(--white) !important;
}
/* .topUsers .thumbnail p {
  color: var(--white) !important;
} */
.topUsers .topUserBlockContent p {
  color: var(--dark) !important;
}
.topUsers .topUserBlockContent a {
  color: var(--dark) !important;
}
.feedbackSection {
  background: var(--color1) !important;
}
.feedbackSection .leftPanel p {
  max-width: 610px;
}
.feedbackSection .leftPanel .img-block {
  margin: 10px 0 40px 0 !important;
}
.feedbackSection .leftPanel .img-block img {
  margin: 15px 30px 0 0 !important;
}
.feedbackSection .leftPanel .btn-feedback {
  box-shadow: none !important;
  padding: 15px 45px !important;
  color: #164b6d !important;
  margin-bottom: 30px;
  margin-left: 2px;
}

.feedbackSection .leftPanel .btn-feedback:hover {
  background: #0000004a !important;
  color: white !important;
}
.feedbackSection .leftPanel .btn-feedback .commonThemeHeading {
  color: var(--light) !important;
}
.feedbackSection .rightPanel .imgBlock {
  margin-top: 50px;
}

#newThemeFooter .footerBlock .content,
#newThemeFooter .footerBlock .content a,
#newThemeFooter .footerBlock h4,
#newThemeFooter .footerBlock ul li a,
#newThemeFooter .footerBlock .support {
  color: var(--white) !important;
}
.overviewBox .readersBlock {
  background: #f0f0f0 !important;
}
.links ul li {
  margin: 0 !important;
  list-style: none !important;
}
.links ul li a {
  line-height: 30px !important;
}
.loadingClass {
  color: #f0f0f0 !important;
}
#headerTheme .navbar-form .input-group .input-group-btn {
  right: 0px !important;
}
#featuredCollectionBlock {
  margin-top: 0px;
  padding-bottom: 70px !important;
  padding-top: 70px !important;
}
.winterNewsBlock .media:first-child {
  margin-left: -1px;
}
.winterNewsBlock .headingBlock {
  margin-bottom: 0;
  height: 6rem;
}
#noticeBoardBlock {
  padding-top: 40px;
  padding-bottom: 0;
}
#noticeBoardBlock .headingBlock {
  display: flex;
}
#noticeBoardBlock .headingBlock .menuLink.ng-scope {
  width: 8rem;
}
#trendingBlock {
  padding-top: 40px;
  padding-bottom: 0;
}
#trendingBlock .commonThemeHeading {
  margin-bottom: 4rem;
}

.tabbable-line > .nav-tabs > li > a:hover {
  text-decoration: none;
}

.dropdown-menu img {
  height: 20px;
  width: 20px;
  margin-left: 8px;
}
.displayNone {
  display: none !important;
}
.flexrower {
  display: flex;
  align-items: baseline;
}
.carousel .carousel-control {
  top: calc(50% - 30px) !important;
}
.tab-pane.flexcontent.active {
  /* display: table;
  width: 100% !important; */
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 0 !important;
}
/* .btblacker {
  display: table;
  width: 100%;
} */
.logIn ul.dropdown-menu {
  left: auto;
}

a.backione svg {
  width: 16px;
  height: 16px;
}
#omniTheme .navbar-form a.backione {
  position: absolute;
  left: 27px;
  visibility: hidden;
  width: 0 !important;
  top: 10px;
}
#omniTheme .searchboxer .navbar-form > a.backione {
  visibility: visible;
  width: auto !important;
}
.searchtext {
  width: calc(100% - 20px);
  border: none;
  height: 34px;
  padding-left: 8px;
}
.findersearch.searchboxer {
  width: 100%;
  position: fixed;
  background: var(--lightColor);
  padding: 0px 0 0 50px !important;
  display: flex;
  overflow: hidden;
}
.findersearch.searchboxer form {
  position: relative;
  padding: 11px 10px 10px 10px !important;
  display: table;
  border: none;
}
li.loginboexs.leftbox {
  width: 100%;
}
li.loginboexs.leftbox a#dropdownMenu1 {
  width: 100%;
  text-align: left;
  font-size: 1.3rem;
  line-height: 13px !important;
  padding: 16px 4px !important;
  background: no-repeat;
  border: none;
}
.smallerboxs {
  width: calc(100% + 10px);
  float: right;
  background: #fff;
  text-align: left;
  line-height: 33px;
  list-style: none;
  padding: 0;
}
.padbookcover {
  padding: 0 1.5rem;
}
.marginheatad {
  margin-top: 40px;
  display: table;
  width: 100%;
}
.carousel .item .col-xs-6.col-md-3.col-lg-2 {
  padding: 10px;
}
.dropdown-menu > li > a {
  padding: 7px 20px;
}
li.dropdown.fullerdroper {
  padding-right: 0 !important;
}

li.dropdown.fullerdroper .dropdown-toggle {
  padding-bottom: 0 !important;
  width: 100%;
  display: table;
  padding: 0 10px;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: transparent !important;
}
li.dropdown.fullerdroper {
  margin-bottom: 60px !important;
}

#carouselfiver .carousel-control .glyphicon-chevron-left,
#carouselfiver .carousel-control .glyphicon-chevron-right,
#carouselfiver .carousel-control .icon-next,
#carouselfiver .carousel-control .icon-prev,
#carouselfiverone .carousel-control .glyphicon-chevron-left,
#carouselfiverone .carousel-control .glyphicon-chevron-right,
#carouselfiverone .carousel-control .icon-next,
#carouselfiverone .carousel-control .icon-prev {
  width: 35px;
  height: 35px;
  background: #fff;
  font-size: 16px;
  border-radius: 72px;
  text-align: center;
  box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
  border: 2px solid #b7bdc9;
  line-height: 32px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .topUsers .thumbnail {
    margin: 50px auto 50px !important
  }
  .feedbackSection .leftPanel .btn-feedback {
    margin-top: 0px !important;
  }
}
@media (max-width: 767px) {
  .mobileSearchForm{
    display: flex !important;
    padding: 11px 10px 10px 10px !important;
    background: #eaebf5;
  }
  .navbar-form.navbar-left.ng-pristine.ng-valid.ng-valid-maxlength.form-mob {
    display: block !important;
  }
  .timer-list:before {
    top: 22.6rem;
    right: 15.7rem;
  }
  #headerTheme .container {
    margin-left: 0;
  }
  .navbar-form a {
    display: inline-block;
  }
  .searchTipsBox {
    margin-top: 2rem;
  }
  .form-icon {
    display: inline-flex;
    margin: 0 37%;
  }
  .navbar-toggle {
    float: left !important;
    padding: 10px !important;
  }
  #headerTheme .bg-clr {
    padding-left: 21px;
  }
  .navbar-brand {
    padding-left: 30px !important;
  }
  #headerTheme {
    background: #f4fbff !important;
  }
  .nav.navbar-nav {
    display: none;
  }
  .libraryCollection .border-right {
    border-right: none !important;
  }
  .carousel .item {
    display: none;
  }
  .carousel .item.active {
    display: block;
  }
  .libraryCollection .bg-white {
    padding-top: 1.5rem;
  }
  .libraryCollection .docBlock {
    margin-bottom: 0;
  }

  #staffBlock .docBlock,
  #trendingBlock .docBlock {
    height: 290px !important;
  }
  .otherInfo.ng-binding {
    font-size: 12px;
    line-height: 18px;
  }
  .carousel .left.carousel-control,
  .carousel .right.carousel-control {
    top: 10rem;
  }
  .libraryCollection .border-left {
    border-left: unset !important;
    border-top: 1.5px solid #fff;
    margin-top: 3rem;
    padding-top: 3rem;
  }
  .headingBlock .commonThemeHeading {
    margin-bottom: 6rem;
  }
  .media-left {
    display: block;
  }
  .media-left.ng-scope img {
    width: 33rem;
  }
  .newsContentBlock.clip {
    height: auto !important;
    padding: 0;
  }
  .timer-list {
    left: -5rem;
    width: 18rem;
    max-width: 18rem;
  }
  #trendingBlock .commonThemeHeading {
    margin-bottom: 4rem;
  }
  #trendingBlock .docBlock {
    max-width: unset;
  }
  .winterNewsBlock .media:first-child {
    margin-left: -1px;
  }
  .winterNewsBlock .headingBlock {
    margin-bottom: 0;
    height: 6rem;
  }
  #staffBlock .commonThemeHeading {
    margin-bottom: 7rem;
  }
  #staffBlock .docBlock {
    max-width: unset;
  }
  #staffBlock .tabbable-line > .nav-tabs > li > a {
    padding-bottom: 4px !important;
  }
  #bg-mob.container {
    width: 95%;
  }
  .libraryInfo.libraryHelpPoints.ng-scope .border-btm {
    border-bottom: 1.5px solid #fff;
    padding-bottom: 7rem;
  }
  .feedbackSection .rightPanel .imgBlock {
    display: none;
  }
  .feedbackSection .rightPanel {
    display: none;
  }
  .feedbackSection {
    padding-bottom: 5rem;
  }
  .libraryCollection .carousel-control.right {
    right: 0 !important;
  }
  .libraryCollection .left.carousel-control {
    left: 0;
  }
  #staffBlock .carousel-control.right {
    right: 0 !important;
  }
  #trendingBlock .docBlock .bookCover {
    height: 180px !important;
  }
  #trendingBlock .left.carousel-control,
  #trendingBlock .right.carousel-control {
    display: block !important;
  }
  #trendingBlock .right.carousel-control {
    right: -1.5rem;
  }
  #trendingBlock .left.carousel-control {
    left: -2rem;
  }
  #omniTheme .navbar-form.form-mob {
    margin-left: 0;
    margin-top: 8rem;
  }
  .libraryCollection {
    margin-top: 8.5rem;
  }
  #omniTheme .navbar-form a {
    width: unset !important;
  }
  .advanceIcon {
    margin-left: 14rem !important;
  }
  #omniTheme .navbar-form .input-group .input-group-btn {
    width: 90px;
    text-align: right;
  }
  #omniTheme
    .navbar-default
    .navbar-nav
    .open
    .dropdown-menu
    > li
    > a.listingCta {
    color: #fff;
    width: 10rem;
    padding: 11px 17px !important;
    margin: 1rem 1rem 2rem 1rem;
  }
  #omniTheme .navbar-nav {
    margin: 0 !important;
  }
  #omniTheme .navbar-fixed-bottom .navbar-collapse,
  #omniTheme .navbar-fixed-top .navbar-collapse {
    height: 100vh;
    max-height: 100vh !important;
    padding-bottom: 100px;
  }
  /* #omniTheme .nav.navbar-nav.nav-hid.nav-mob .dropdown-menu {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    left: 0.8rem !important;
    width: 30rem;
    border-radius: 2px !important;
    overflow: scroll;
    max-height: 32rem;
  } */
  #omniTheme .nav.navbar-nav.nav-hid.nav-mob .dropdown-menu {
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    left: 0 !important;
    border-radius: 2px !important;
    overflow: scroll;
    max-height: initial;
    width: 100% !important;
    margin-bottom: 10px;
  }
  /* #omniTheme .navbar-default .navbar-toggle {
    margin-left: 2rem;
    margin-right: -1rem;
  } */
  .atoz-listing {
    /* display: block !important;
    width: unset !important; */
    margin: auto !important;
  }
  /* .atoz-listing span {
    display: block;
  } */
  /* #omniTheme .navbar-nav .open .dropdown-menu .dropdown-header,
  #omniTheme .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 15px !important;
  } */

  .logIn.userProfile .fa-angle-down {
    float: right;
  }
  #omniTheme .nav.navbar-nav .dropdown-menu li a .text {
    width: calc(18rem - 35px);
  }
  #omniTheme.nav.navbar-nav {
    margin-left: 0;
  }
  #omniTheme .navbar-default .navbar-nav > li > a {
    padding: 10px 8px;
    font-weight: bold;
  }
  .feedbackSection .rightPanel .imgBlock {
    background: unset;
  }
  .libName img {
    display: none;
  }
  .media-left {
    padding-right: 0 !important;
  }
  #omniTheme .container {
    margin-left: 0;
  }
  #omniTheme .navbar-form a {
    display: inline-block;
  }
  #omniTheme .searchTipsBox {
    margin-top: 2rem;
  }
  .form-icon {
    display: inline-flex;
    margin: 0 37%;
  }
  .mb-0{
    margin-bottom: 0px !important;
  }
  /* #omniTheme .navbar-toggle {
    float: left !important;
    padding: 10px !important;
    margin-left: 10px !important;
  } */
  #omniTheme .bg-clr {
    padding: 0px 0 0 0 !important;
  }
  .libLogo {
    background: unset !important;
  }
  #omniTheme .navbar-brand {
    padding-right: 0px;
    padding-left: 0px !important;
    padding-bottom: 0px;
  }
  #headerTheme .navbar-right .logIn.userProfile a {
    padding: 5px 3px !important;
  }
  #headerTheme .navbar-right .links {
    position: absolute;
    top: 13px;
    right: 6px;
  }
  .align-items-center{
    align-items: center;
  }
  #headerTheme .navbar-right .links .dropdown-menu {
    position: absolute;
    background: #fff;
    margin-top: 12px;
    min-width: 149px;
  }

  .searchMobileIcon{
    font-size: 20px;
    color: #888888;
  }

  #omniTheme {
    background: #f4fbff !important;
  }
  #omniTheme .nav.navbar-nav.nav-mob {
    display: block;
  }
  #omniTheme .nav.navbar-nav {
    display: none;
  }
  .media-body {
    display: block !important;
  }
  #omniTheme .navbar-default.homeHeaderBkg {
    background: unset !important;
    box-shadow: unset !important;
  }
  #omniTheme .libraryCollection .border-right {
    border-right: none !important;
    margin-bottom: 4rem;
  }
  #omniTheme .libraryCollection .container {
    width: 95%;
  }
  #myCarouselBrowser .item {
    display: none;
  }
  #myCarouselBrowser .item.active {
    display: block;
  }
  #omniTheme .libraryCollection .bg-white {
    padding-top: 1.5rem;
  }
  #omniTheme .libraryCollection .docBlock {
    margin-bottom: 0;
  }
  #omniTheme .otherInfo {
    font-size: 16px;
    line-height: 18px;
  }
  #myCarouselBrowser .left.carousel-control,
  #myCarouselBrowser .right.carousel-control {
    top: 10rem;
  }
  #omniTheme .libraryCollection .border-left {
    border-left: unset !important;
    border-top: 1.5px solid #fff;
    margin-top: 3rem;
    padding-top: 3rem;
  }
  .headingBlock .commonThemeHeading {
    margin-bottom: 6rem;
  }
  .media-left {
    display: block;
  }
  .libraryCollection.featuredCollections {
    max-height: auto !important;
  }
  .libraryCollection.featuredCollections {
    padding-bottom: 40px !important;
  }
  #myCarouselBrowser .ng-binding {
    width: unset;
  }
  .newsContentBlock.clip {
    height: auto !important;
    padding: 0;
  }
  .timer-list {
    left: -5rem;
    width: 18rem;
    max-width: 18rem;
  }
  #trendingBlock .commonThemeHeading {
    margin-bottom: 4rem;
  }
  #trendingBlock .docBlock {
    max-width: unset;
  }
  .winterNewsBlock .media:first-child {
    margin-left: -1px;
  }
  .winterNewsBlock .headingBlock {
    margin-bottom: 0;
    height: 6rem;
  }
  #staffBlock .commonThemeHeading {
    margin-bottom: 3rem;
  }
  #staffBlock .docBlock {
    max-width: unset;
  }
  #staffBlock .tabbable-line > .nav-tabs > li > a {
    padding-bottom: 4px !important;
  }
  #bg-mob.container {
    width: 95%;
  }
  #omniTheme .libraryInfo.libraryHelpPoints.ng-scope .border-btm {
    border-bottom: 1.5px solid #fff;
    padding-bottom: 7rem;
  }
  #omniTheme .libraryCollection #myCarouselBrowser .item.active:nth-child(2),
  #omniTheme .libraryCollection #myCarouselBrowser .item.active:nth-child(3) {
    display: none;
  }
  #omniTheme .nav.navbar-nav.navbar-right.nav-mob {
    display: block;
    padding-top: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  #omniTheme .nav.navbar-nav.navbar-right.nav-mob {
    display: none !important;
  }
  #omniTheme
    .navbar-form.navbar-left.ng-pristine.ng-valid.ng-valid-maxlength.form-mob {
    display: none !important;
  }
  #staffBlock .carousel-control.right {
    right: 0 !important;
  }
  #trendingBlock .left.carousel-control,
  #trendingBlock .right.carousel-control {
    display: none !important;
  }
  .libraryCollection #myCarouselBrowser .left.carousel-control,
  .libraryCollection #myCarouselBrowser .right.carousel-control {
    top: 12rem !important;
  }
  .libraryCollection .carousel-control.right {
    right: 0 !important;
    padding-left: 7rem;
  }
  .feedbackSection.ng-scope {
    padding-bottom: 0 !important;
  }
  #omniTheme .navbar-brand .libLogo {
    background: unset !important;
  }
  #omniTheme.resetHeader .navbar-form {
    max-width: 570px;
  }
  #omniTheme .navbar-form {
    margin-left: 0%;
  }
  #omniTheme .navbar-form .extraPadding {
    width: 12rem;
  }
  #omniTheme .navbar-form #ex5_value {
    width: 22rem !important;
  }
  #omniTheme .navbar-form .searchBtn .input-group-btn {
    width: 7rem !important;
    text-align: right !important;
  }
  #omniTheme .navbar-header {
    width: 6rem;
  }
  .libLogo img {
    display: block;
    width: 11rem;
    margin-top: -1rem;
  }
  .btblacker {
    padding-top: 10px;
  }
  /* .libraryCollection {
    margin-top: 15.65rem;
  } */
  #omniTheme .nav.navbar-nav.navbar-right.nav-mob {
    display: block;
  }
  /* #omniTheme .nav.navbar-nav.nav-hid .dropdown-menu {
    left: -4rem !important;
  }*/
  .timer-list {
    left: -11rem;
  }
  .timer-list:before {
    top: 5.45rem;
    right: 15.3rem;
  } /*
  #omniTheme .nav.navbar-nav .dropdown-menu {
    left: -16rem !important;
  }*/
  .basicSearch .borderLeft {
    border-left: 2px solid #ddd;
  }
  .winterNewsBlock .media:first-child {
    margin-left: -1px;
  }
  #headlineBlock .media-left.ng-scope img {
    width: 26rem;
  }
  .winterNewsBlock.ng-scope .media-left.ng-scope img {
    width: 40rem;
  }
  .noticeBlock {
    height: 246rem;
  }
  #featuredCollectionBlock {
    margin-top: 20px;
  }
  .winterNewsBlock.ng-scope .media-body {
    display: block !important;
    width: 40rem !important;
  }
  #headlineBlock .media-body {
    display: block !important;
    width: 26rem !important;
  }
  #staffBlock .docBlock,
  #trendingBlock .docBlock {
    max-width: 100%;
    /* height: 40rem; */
    margin: 10px 0px;
  }
  #staffBlock .docBlock .bookCover,
  #trendingBlock .docBlock .bookCover {
    height: 32rem;
  }
  #staffBlock .docBlock .actionbtns,
  #trendingBlock .docBlock .actionbtns {
    height: 100%;
  }
  .libraryInfo.libraryHelpPoints.ng-scope .border-btm {
    border-bottom: 1.5px solid #fff;
    padding-bottom: 7rem;
  }
  #trendingBlock .carousel-inner {
    display: block;
  }
  #omniTheme .libraryCollection .border-left {
    border-left: unset !important;
    border-top: 1.5px solid #fff;
    margin-top: 3rem;
    padding-top: 3rem;
  }
  #omniTheme .libraryCollection .border-right {
    border-right: none !important;
    margin-bottom: 4rem;
    border-bottom: 1.5px solid #fff;
    padding-bottom: 18rem;
  }
  #myCarouselBrowser .carousel-inner {
    display: flex;
  }
  #omniTheme .bg-clr {
    padding: 10px 20px 0 20px;
  }
  #omniTheme.resetHeader .navbar-form .input-group {
    max-width: 394px;
  }
  #omniTheme .nav.navbar-nav.navbar-right {
    margin-left: -8rem !important;
  }
  #omniTheme .navbar-form .input-group .form-control {
    font-size: 11px;
  }
  .form-control.ng-pristine {
    padding-left: 0 !important;
  }
  #omniTheme .navbar-form {
    max-width: 465px;
  }
  #omniTheme .navbar-default .navbar-nav > li > a {
    padding: 6px 8px;
  }
  #omniTheme .nav.navbar-nav .dropdown-menu.dropdown-horizontal {
    left: -5rem !important;
  }
  #omniTheme .bg-clr {
    padding-top: 0;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #omniTheme .libraryCollection .border-left img {
    width: 24rem;
  }
  #omniTheme .nav.navbar-nav.nav-hid .dropdown-menu.dropdown-horizontal {
    left: 0rem !important;
  }
  #omniTheme
    .navbar-form.navbar-left.ng-pristine.ng-valid.ng-valid-maxlength.form-mob {
    display: none !important;
  }
  .libLogo img {
    display: block;
    padding-top: 14px;
  }
  #omniTheme .libraryCollection #myCarouselBrowser .left.carousel-control,
  #omniTheme .libraryCollection #myCarouselBrowser .right.carousel-control {
    top: 8rem !important;
  }
  #omniTheme .libraryCollection .carousel-control.right {
    right: -1rem !important;
  }
  #omniTheme .libraryCollection .left.carousel-control {
    left: -1rem;
  }
  .feedbackSection.ng-scope {
    padding-bottom: 0 !important;
  }
  #omniTheme .navbar-brand .libLogo {
    background: unset !important;
  }
  #omniTheme .bg-clr {
    padding: 7px 40px 0 40px;
  }
  #omniTheme .navbar-brand .libLogo img {
    width: 15rem !important;
  }
  #omniTheme .navbar-brand .libLogo {
    width: 7rem;
    margin-top: -1rem;
  }
  #omniTheme .navbar-form .input-group {
    max-width: 440px;
  }
  #omniTheme .navbar-form {
    max-width: 531px;
  }
  #omniTheme .navbar-form .borderLeft {
    padding-left: 0;
  }
  #omniTheme .navbar-right {
    margin-top: 16px;
  }
  .timer-list:before {
    position: fixed;
    top: 6.7rem;
    right: 23.3rem;
  }
  .dropdown.links.open .btn-login.header-content.profile.dropdown-toggle {
    background: 0 0;
    border: none;
    box-shadow: unset;
  }
}
@media (min-width: 768px) {
  .navbar-form.navbar-left.ng-pristine.ng-valid.ng-valid-maxlength.form-mob {
    display: none !important;
  }
  .mob-carousel {
    display: none;
  }
  .desk-carousel {
    display: block;
  }
  .browserCarouselLeft {
    top: 6rem !important;
    left: -13px !important;
  }
  .browserCarouselright {
    top: 6rem !important;
    right: 0 !important;
  }
}
@media (max-width: 767px) {
  #omniTheme {
    background: unset !important;
  }
  /* .browseNoticeSection {
    margin-top: 0 !important;
  } */
  .browserCarouselLeft {
    top: 6rem !important;
    left: 7px !important;
  }
  .browserCarouselright {
    right: 0 !important;
    top: 7rem !important;
  }
  .mob-carousel {
    display: block;
  }
  .desk-carousel {
    display: none;
  }
  .feedbackSection.ng-scope .rightPanel {
    display: none;
  }
  .feedbackSection.ng-scope {
    padding-bottom: 5rem;
  }
  #omniTheme .libraryCollection .carousel-control.right {
    right: 0 !important;
  }
  #omniTheme .libraryCollection .left.carousel-control {
    left: 0;
  }
  #staffBlock .carousel-control.right {
    right: 0 !important;
  }
}
#staffBlock,
#trendingBlock {
  margin-top: 0px !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .iaf-header .login-btn {
    padding: 10px 0px 0px 0px !important;
  }
  /* .breadcrumbContainer {
    margin-top: -14px !important;
  } */
  #staffBlock .carousel-control.right,
  .carousel .right.carousel-control {
    right: -2rem !important;
  }
  .nonescroller {
    height: 40px;
    overflow: hidden;
    width: 100%;
    border-radius: 5px;
  }
  .nonescroller ul {
    padding: 0 10px 20px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #trendingBlock .left.carousel-control,
  #trendingBlock .right.carousel-control {
    display: none !important;
  }
  .nav.navbar-nav .dropdown-menu li a .text {
    font-size: 1.1rem;
}
  #omniTheme .libraryCollection .carousel-control.right {
    right: 0 !important;
    padding-left: 7rem;
  }
  #omniTheme .libraryCollection .left.carousel-control {
    left: -4rem;
  }
  .feedbackSection.ng-scope {
    padding-bottom: 0 !important;
  }
  #omniTheme .navbar-brand .libLogo {
    background: unset !important;
  }
  #omniTheme .navbar-form {
    max-width: 570px;
  }
  .nav.navbar-nav ul.dropdown-menu {
    max-width: calc(764px - 101px) !important;
  }
  .nav.navbar-nav .dropdown-menu li {
    width: calc(46.33% - 0px) !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #omniTheme .libraryCollection .border-left img {
    width: 24rem;
  }
  .libLogo img {
    display: block;
  }
  #omniTheme .libraryCollection #myCarouselBrowser .left.carousel-control,
  #omniTheme .libraryCollection #myCarouselBrowser .right.carousel-control {
    top: 8rem !important;
  }
  #omniTheme .libraryCollection .carousel-control.right {
    right: -1rem !important;
  }
  #omniTheme .libraryCollection .left.carousel-control {
    left: -1rem;
  }
  .feedbackSection.ng-scope {
    padding-bottom: 0 !important;
  }
  #omniTheme .navbar-brand .libLogo {
    background: unset !important;
  }
  #omniTheme .bg-clr {
    padding: 7px 40px 0 40px;
  }
  #omniTheme .navbar-brand .libLogo img {
    width: 15rem !important;
  }
  #omniTheme .navbar-brand .libLogo {
    width: 7rem;
    margin-top: -1rem;
  }
  #omniTheme .navbar-form .input-group {
    max-width: 440px;
  }
  #omniTheme .navbar-form {
    max-width: 531px;
  }
  #omniTheme .navbar-form .borderLeft {
    padding-left: 0;
  }
  #omniTheme .navbar-right {
    margin-top: 16px;
  }
  .timer-list:before {
    position: fixed;
    top: 6.7rem;
    right: 23.3rem;
  }
  .dropdown.links.open .btn-login.header-content.profile.dropdown-toggle {
    background: 0 0;
    border: none;
    box-shadow: unset;
  }
}
@media (min-width: 767px) {
  #trendingBlock .docBlock,
  #staffBlock .docBlock {
    max-width: unset;
    height: 330px !important;
    margin-bottom: 15px;
  }
  #trendingBlock .docBlock .bookCover,
  #staffBlock .docBlock .bookCover {
    height: 200px !important;
    background: var(--lightColor);
  }

  .CategoriesSection .nav.navbar-nav ul.dropdown-menu {
    width: 81vw !important;
    transform: translate(0px, 0px);
    max-width: calc(1026px - 0px);
    box-shadow: 0 9px 12px #66666624 !important;
    padding: 5px 0;
    left: 0;
  }
  .nav.navbar-nav .dropdown-menu.dropdown-horizontal {
    left: -23rem !important;
  }
  .nav.navbar-nav .dropdown-menu li {
    width: calc(32.33% - 20px);
    float: left;
    padding: 0;
    border: none !important;
    margin: 0 10px;
  }
}

@media screen and (min-width:768px) {
  .nav.navbar-nav li:nth-child(1) ul.dropdown-menu {
    transform: translate(0px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(2) ul.dropdown-menu {
    transform: translate(0px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(3) ul.dropdown-menu {
    transform: translate(0px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(4) ul.dropdown-menu {
    transform: translate(50px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(5) .exploreMedia ul.dropdown-menu {
    transform: translate(0px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(7) ul.dropdown-menu {
    transform: translate(0px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(8) ul.dropdown-menu {
    transform: translate(0px, 0px) !important;
  }
}

@media screen and (min-width:992px) {
  /* .nav.navbar-nav li:nth-child(1) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(2) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(3) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  } */
  .nav.navbar-nav li:nth-child(4) ul.dropdown-menu {
    transform: translate(-14px, 0px) !important;
  }
  /* .nav.navbar-nav li:nth-child(5) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(7) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(8) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  } */
}


@media screen and (min-width:1199px) {
  /* .nav.navbar-nav li:nth-child(1) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(2) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(3) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  } */
  .nav.navbar-nav li:nth-child(4) ul.dropdown-menu {
    transform: translate(184px, 0px) !important;
  }
  /* .nav.navbar-nav li:nth-child(5) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(7) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(8) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  } */
}

@media screen and (min-width:1399px) {
  /* .nav.navbar-nav li:nth-child(1) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(2) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(3) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  } */
  .nav.navbar-nav li:nth-child(4) ul.dropdown-menu {
    transform: translate(181px, 0px) !important;
  }
  /* .nav.navbar-nav li:nth-child(5) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(7) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  }
  .nav.navbar-nav li:nth-child(8) ul.dropdown-menu {
    transform: translate(-104px, 0px) !important;
  } */
}



@media screen and (min-width:1299.98px){
  .CategoriesSection .nav.navbar-nav ul.dropdown-menu {
    width: 98vw !important;
    transform: translate(0px, 0px);
    max-width: calc(1026px - 0px);
    box-shadow: 0 9px 12px #66666624 !important;
    padding: 6px 0;
    left: 0;
}
}
@media (min-width: 992px) and (max-width: 1299.98px) {
  .CategoriesSection .nav.navbar-nav ul.dropdown-menu {
    width: 76vw !important;
    transform: translate(0px, 0px);
    max-width: calc(1026px - 0px);
    box-shadow: 0 9px 12px #66666624 !important;
    padding: 6px 0;
    left: 0;
}
}

@media (min-width: 991.98px) and (max-width: 1024px) {
  .nav.navbar-nav ul.dropdown-menu {
    max-width: calc(764px - 0px);
  }
  .nav.navbar-nav .dropdown-menu li {
    width: calc(50.33% - 23px);
  }
  .tab-pane.flexcontent.active {
    display: table;
    width: 100%;
  }
  
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .nav.navbar-nav ul.dropdown-menu {
    max-width: calc(764px - 0px);
  }
  .nav.navbar-nav .dropdown-menu li {
    width: calc(50.33% - 23px);
  }
  .tab-pane.flexcontent.active {
    display: table;
    width: 100%;
  }
  
}

#newThemeFooter {
  background: var(--dark) !important;
}
.logIn.userProfile img,
.userImg {
  display: none;
}

.box-form .brand-name,
.brandName {
  padding-top: 0px;
}
.box-form .brand-name .lib-logo,
.brandName .lib-logo {
  width: 215px;
  height: 90px;
  margin: 0 auto;
  float: none;
  transform: scale(0.75);
}

.brandName .lib-logo {
  width: 215px !important;
  height: 90px !important;
  margin: 25px auto -10px !important;
  float: none !important;
  display: block !important;
}

.collectionMenu {
  font-weight: 600 !important;
  font-size: 1.2rem;
}
.microPhoneBtn {
  margin: 0px 4px !important;
  position: absolute;
  right: 0px;
  top: 9px !important;
  z-index: 99999;
  /* width: 50px; */
}
.microPhoneBtn .speechToText {
  float: right !important;
}
.microPhoneBtn .voice {
  margin-top: 3px;
}
.dashboard .dashboardRightBlock h2 {
  margin: 20px 0 20px 0px !important;
}
.profileContainer .container,
.resetPwd .container {
  margin-top: 15px;
}
#staffBlock .docBlock .actionbtns:hover,
#trendingBlock .docBlock .actionbtns:hover {
  padding: 20px 20px !important;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid var(--color1) !important;
}
.noticeBlock .media-body {
  display: block !important;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 15px !important;
  margin-left: 15px !important;
}
.notification .badge {
  background: var(--color1) !important;
  font-size: 11px;
  color: white;
  position: absolute;
  margin-left: -15px;
}
.newsSection h3 {
  width: 90% !important;
}
.newsSection .menuLink a {
  margin-top: 2%;
}

#headerTheme .navbar-default .navbar-nav > li > a {
  line-height: 13px !important;
  padding: 16px 4px !important;
}
.breadcrumbContainer .navbar-nav li .borderBottom.active,
.breadcrumbContainer .navbar-nav li .borderBottom:hover,
.sourcesBar .navbar-nav li a.active,
.sourcesBar .navbar-nav li a:hover {
  color: var(--color1) !important;
  border-bottom: 5px solid var(--color1) !important;
}

.sourceName {
  border: 1px solid;
}

.selectedSourceName {
  background-color: var(--lightColor) !important;
  color: var(--color1) !important;
}

.getMoreSection a,
.previewOnly a {
  color: var(--color1);
  font-size: 13px;
  padding: 5px;
  text-decoration: none;
}
.modal.custom .modal-dialog {
  width: 20%;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0;
}
.progress-circle.over50 .first50-bar {
  background-color: var(--color1) !important;
}
.value-bar {
  border: 1.2em solid var(--color1) !important;
}
.progress-bar {
  background-image: -webkit-linear-gradient(
    top,
    var(--color1) 0,
    var(--color1) 100%
  );
  background-image: -o-linear-gradient(
    top,
    var(--color1) 0,
    var(--color1) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--color1)),
    to(var(--color1))
  );
  background-image: linear-gradient(
    to bottom,
    var(--color1) 0,
    var(--color1) 100%
  );
  background-color: var(--color1);
}
#searchStatusModal .modal-header {
  padding: 10px 10px 0px 0px;
  border: none !important;
  background-color: var(--color1);
}
.articleWrapper {
  margin-top: -3%;
}
.spaceContainer {
  margin-top: 3%;
}
.selectedFilte {
  margin-top: 2%;
}
.detail-container {
  margin-top: 5%;
}
.mobileAppStickBar {
  background-color: var(--lightColor);
}


/* bipin chandra css */

@media screen and (max-width:767.98px) {

  .feedbackSection .leftPanel p {
    width: 100%;
    float: left;
    line-height: 28px;
    color: var(--gary);
    font-size: 15px;
    font-weight: 400;
  }
  .feedbackSection .leftPanel p {
    max-width: 100%;
  }
  .feedbackSection .commonThemeHeading {
    max-width: 100%;
  }
  .feedbackSection .leftPanel .img-block {
   justify-content: center;
  }
  .feedbackSection .leftPanel .img-block {
    margin: 10px 0 20px 0px !important;
  }
  .feedbackSection .lh20 {
    height: 0px !important;
    clear: both;
    font-size: 0;
  }
  
#headerTheme .bg-clr .navbar-scroll {
    height: 80vh;
    overflow-y: scroll;
    padding-bottom: 15px;
    box-shadow: 0px 3px 15px #d7d7d7;
}
#omniTheme .nav.navbar-nav.nav-hid.nav-mob .dropdown-menu {
  max-height: 350px;
  overflow-y: scroll;
}
#featuredCollectionBlock {
  margin-top: 0px;
  padding-bottom: 30px !important;
  padding-top: 30px !important;
}
.docBlock {
  margin: 10px 0 30px !important;
}
}

.back-arrow
  svg{
    height: 20px !important;
    width: 30px;
  }
  .back-arrow svg path {
    fill: gray;
  }
  .mt-0{
    margin-top: 0px !important;
  }
  .m-0{
    margin: 0px !important;
  }

.d-flex{
  display: flex;
  align-items: center;
}
.btn .caret {
  margin-left: 12px;
}
.basicDropdownSearchBox button {
  padding-left: 5px !important;
  width: 100% !important;
}
.login-btn .leftbox {
  float: left;
  display: flex;
  align-items: center;
}
.owl-carousel .owl-next {
  right: -7px !important;
}
.owl-carousel .owl-prev {
  left: -7px !important;
}
#myBtn {
  bottom: 20px !important;
  right: 20px !important;
}
@media screen and (max-width:991.98px) {
 #trendingBlock .owl-nav button {
    width: 35px;
    height: 35px;
    background: #fff!important;
    font-size: 21px!important;
    border-radius: 72px;
    text-align: center;
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
    border: 2px solid #b7bdc9!important;
    line-height: 11px!important;
    position: absolute;
    top: calc(56%);
}
}

/* bootstrap css */
.pb-0{
  padding-bottom: 0px !important;
}
.pt-0{
  padding-bottom: 0px !important;
}

/* about section css */
.aboutElibrary{
  padding: 60px 0px;
  background-color: #00000078;
}
.bg-img-01{
  background-image: url('../images/nidj/banner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.aboutElibrary .about-head2{
  font-family: serif !important;
  text-align: center;
  color: white;
  font-size: 40px;
  letter-spacing: 2px;
}

.pl-58{
  padding-left: 58px;
}

.pl-30{
  padding-left: 30px;
}

.aboutElibrary .about-para{
  color: white;
  font-size: 20px !important;
  padding: 10px 0px !important;
  font-family: serif !important;
}
.about-btn a {
  color: var(--color1);
}
.aboutElibrary .about-btn{
    padding: 5px 12px !important;
    font-size: 16px !important;
    border-radius: 5px;
    border: none;
    color: var(--color1);
    font-family: initial;
    transition: all 0.3s ease-in-out;
}
.about-btn:hover a {
  background-color: var(--color1);
  color: var(--lightColor);
  text-decoration: none;
}
.aboutElibrary .about-btn:hover {
  padding: 5px 12px;
  font-size: 16px;
  border-radius: 5px;
  border: none;
  background-color: var(--color1);
  color: var(--lightColor);
  font-family: initial;
}
.libraryCollection .docBlock .bookCover {
  height: unset;
  vertical-align: unset;
  max-height: 220px;
  padding: 6px 6px;
  margin-bottom: 0px !important;
}
.libraryCollection .docBlock {
  max-width: unset !important;
  height: unset !important;
  width: 100% !important;
  background: unset;
  box-shadow: unset;
  padding: unset;
  margin: 0px;
  margin-bottom: 0px !important;
  transition: all 0.3s ease-in;
}
.libraryCollection .aboutElibrary .bg-white{
  transition: all 0.3s ease-in;
}
.libraryCollection .aboutElibrary .bg-white:hover{
  transform: scale(1.25);
}
@media screen and (max-width:767.98px) {
  .libraryCollection .aboutElibrary .bg-white:hover{
    transform: scale(1);
  }
  .atoz-listing {
    display: flex !important;
    width: auto !important;
    flex-wrap: wrap !important;
    padding: 8px !important;
}
}
/* .aboutElibrary .owl-nav button{
visibility: hidden;
}
.aboutElibrary .owl-carousel:hover .owl-nav button{
  visibility: visible;
} */
.libraryCollection .bg-white {
  padding: 0px 0px !important;
  min-height: auto !important;
}
.libraryCollection .aboutElibrary .owl-nav button {
  width: 42px !important;
  height: 73% !important;
  background: #00000078!important;
  font-size: 21px!important;
  border-radius: 0px !important;
  text-align: center;
  box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
  border: 0px solid #b7bdc9!important;
  line-height: 11px!important;
  position: absolute;
  color: white !important;
  top: 14px !important;
}

.libraryCollection .aboutElibrary .owl-nav button:hover .fa {
  font-size: 30px;
}
.aboutElibrary .head3{
  color: white;
  font-size: 20px;
  font-family: system-ui !important;
}
.aboutElibrary .padding10 {
  padding: 15px 10px 15px 10px !important;
}
.aboutElibrary .owl-item{
  padding: 0 0px !important;
}
.py-4{
  padding: 2.5rem 0rem !important;
}
.paddingleft10{
  padding-left: 10px;
}
.notice_board{
    width: 100%;
    margin-top: 12px;
}
/* .notice_board p{
  padding: 12px 20px 12px 12px;
    background: #0000008f;
} */
.pt20{
  padding-top: 20px;
}
.pt10{
  padding-top: 10px;
}
.pt30{
  padding-top: 30px;
}
.pt40{
  padding-top: 40px;
}
@media screen and (min-width: 992px) {
  .spactophead {
    /* padding: 15px 0 !important; */
    margin-top: 120px !important;
  }
}
@media screen and (max-width: 991.98px) {
  .spactophead {
    /* padding: 15px 0 !important; */
    margin-top: 120px !important;
  }
  .atoz-listing {
    flex-wrap: wrap !important;
}
}
@media screen and (max-width: 575.98px) {
  .spactophead {
    /* padding: 15px 0 !important; */
    margin-top: 75px !important;
  }
}

@media screen and (max-width: 765.98px) {
  .docBlock {
    margin: 0px 0 30px !important;
}
#newThemeFooter .footerBlock.lastBlock {
  padding: 0 !important;
}
.spactophead {
  /* padding: 15px 0 !important; */
  margin-top: 75px !important;
}
}

@media screen and (max-width: 575.98px) {
  .docBlock {
    margin: 0px 0 30px !important;
}
.aboutElibrary .head3 {
  text-align: center;
}
#newThemeFooter .footerBlock.lastBlock {
  padding: 0 !important;
}
#staffBlock .docBlock .bookCover, #trendingBlock .docBlock .bookCover {
  height: 150px !important;
  /* height: auto !important; */
  max-height: 240px !important;
}
#staffBlock .docBlock, #trendingBlock .docBlock {
  height: 250px !important;
}
}
@media (min-width: 768px) and (max-width: 992px) {
  .atoz-listing {
    display: flex !important;
    width: 56rem !important;
    margin: 0px 5px 0 10px;
    flex-wrap: wrap;
    font-size: 1.2rem;
}

}
@media (min-width: 768px) and (max-width: 1252px) {
  
.nav.navbar-nav .dropdown-menu li {
  width: calc(46.33%) !important;
}
}

@media (min-width: 992px) and (max-width: 1198.98px) {
  .atoz-listing .spanBlock, .atoz-listing .martoperout {
    font-size: 1.2rem;
    padding: 10px 5.5px;
    font-weight: 600;
    cursor: pointer;
    color: #333;
    align-items: center;
    display: flex;
}
}
@media (min-width: 767.98px) and (max-width: 991.98px) {
  .atoz-listing .spanBlock, .atoz-listing .martoperout {
    font-size: 1.1rem;
}
#omniTheme .navbar-form .input-group {
  max-width: 600px !important;
  padding: 4px !important;
}
.iaf-header .login {
  padding: 8px 14px !important;
  font-size: 10px !important;
}
.iaf-header .login {
  padding: 10px 20px;
  background-color: var(--color1);
  color: white;
  margin-right: 0rem;
  display: inline-block;
  border-radius: 72px;
  font-size: 10px !important;
}
.readingListBlock {
  font-size: 20px;
  margin-right: 10px;
}
#omniTheme .navbar-form a .fa {
  font-size: 20px;
  padding-top: 0px;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
}


.aboutElibrary .head3 {
  color: white;
  font-size: 16px;
  font-family: system-ui !important;
}

.aboutElibrary .owl-carousel .owl-next {
  right: 0px !important;
}
.owl-carousel .owl-prev {
  left: 0px !important;
}
.libraryCollection .aboutElibrary .owl-nav button {
  width: 28px !important;
}
.tabbable-line > .nav-tabs.tbdark {
    width: min-content;
    display: flex;
    justify-content: space-between;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
#staffBlock .owl-carousel .docBlock, #trendingBlock .owl-carousel .docBlock {
  margin: 10px 0px !important;
}
.pl-58 {
  padding-left: 0px;
}
.libraryCollection .aboutElibrary .owl-nav button {
  font-size: 15px!important;
}
.aboutElibrary .padding10 {
  padding: 15px 10px 5px 10px !important;
}
.feedbackSection .leftPanel .img-block.raduimages img {
  margin: 0px !important;
  padding: 10px !important;
  width: 100%;
  box-shadow: none !important;
  border-radius: 13px !important;
}
.feedbackSection .leftPanel .img-block {
 display: flex;
}
.featuredCollections .contentBox {
  margin: 0 0 20px 0;
  max-height: 70px;
}
.feedbackSection .leftPanel .img-block {
  margin: 10px 0 20px -8px !important;
}
.headingBlock .commonThemeHeading {
  margin-bottom: 4rem;
}
.padbookcover h4{
  margin-top: 6px;
  font-size: 11px;
  line-height: 13px;
}
.otherInfo.ng-binding {
  font-size: 12px;
  line-height: 18px;
}
#trendingBlock .commonThemeHeading {
  margin-bottom: 3rem;
}
#staffBlock .commonThemeHeading {
  margin-bottom: 3rem;
}
.headingBlock .commonThemeHeading {
  margin-bottom: 3rem;
}
#staffBlock .owl-carousel .docBlock, #trendingBlock .owl-carousel .docBlock
{
  margin-bottom: 10px!important;
}
.aboutElibrary .owl-carousel .owl-next.disabled, .owl-carousel .owl-prev.disabled {
  pointer-events: none;
  opacity: 0 !important;
}

.owl-noticeBoard {
  display: flex;
  flex: 1 0 auto;
  height: 100%;
  background: black;
  padding: 2px 20px 8px 8px;
  margin-top: 14px;
  margin-right: 15px;
}
.aboutElibrary .owl-carousel .owl-stage {
  display: flex;
}
.atoz-listing {
  display: flex !important;
  width: auto !important;
  margin: 0px 5px 0 10px;
  flex-wrap: wrap;
}
.flex-wrap{
  flex-wrap: wrap;
}
.aboutElibrary .notice_board p{
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}
.aboutElibrary .docBlock .bookCover img {
  padding: 0;
  max-height: 80px !important;
}

.login-btn-padding{
  padding: 16px 4px !important;
}

.log_In_btn li  a{
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.removeBanner .input-group {
  margin-left: 0% !important;
}
@media screen and (min-width:1220.98px){
  .atoz-listing {
    flex-wrap: nowrap !important;
}
.nav.navbar-nav.nav-hid .dropdown-menu.dropdown-horizontal {
  width: 98vw !important;
}
}
.iaf-header .login-btn {
  align-items: center;
}

@media screen and (max-width:1198.98px) {
  .aboutElibrary .about-head2 {
    font-family: serif !important;
    text-align: center;
    color: white;
    font-size: 28px;
    letter-spacing: 2px;
  }
  .aboutElibrary .about-para {
    color: white;
    font-size: 18px !important;
    padding: 10px 0px !important;
    font-family: serif !important;
  }
}
@media screen and (max-width:991.98px) {
  .aboutElibrary .about-head2 {
    font-family: serif !important;
    text-align: center;
    color: white;
    font-size: 25px;
    letter-spacing: 2px;
  }
  .aboutElibrary .about-para {
    color: white;
    font-size: 16px !important;
    padding: 10px 0px !important;
    font-family: serif !important;
  }
  .nav.navbar-nav.nav-hid .dropdown-menu.dropdown-horizontal {
    width: 80vw !important;
}
}
@media screen and (max-width:575.98px) {
  .aboutElibrary .about-head2 {
    font-family: serif !important;
    text-align: center;
    color: white;
    font-size: 22px;
    letter-spacing: 2px;
  }
  .aboutElibrary .about-para {
    color: white;
    font-size: 14px !important;
    padding: 10px 0px !important;
    font-family: serif !important;
  }
}
@media screen and (max-width:575.98px) {
  .spactophead {
    margin-top: 70px !important;
}
}

.navbar .CategoriesSection .nav {
  position: relative !important;
}
.navbar .CategoriesSection .nav.navbar-nav li {
  position: unset !important;
}
.navbar .CategoriesSection .nav.navbar-nav li {
  position: unset !important;
}
.navbar .CategoriesSection .nav.navbar-nav li a{
  position: unset !important;
}
.iaf-header .login-btn {
  justify-content: end;
}
#newThemeFooter .footerBlock.lastBlock {
  padding-left: 0px !important;
}