li.mobile-menu-display {
   display: none !important;
}

@media screen and (max-width:1350px) {
   .navmenuTop li {
      margin: 0 5px;
   }
}

@media screen and (max-width:1200px) {
   .navbar-toggler i {
      color: var(--primary);
      font-size: 25px;
   }

   .navmenuTop {
      flex-direction: column;
      align-items: flex-start;
   }

   .navmenuTop li {
      margin: 15px 0;
   }

   .nav-categories-box .categories-btn {
      padding-left: 0;
   }

   .nav-categories-box .collapse-pos {
      top: 15%;
   }

   .nav-categories ul li {
      width: 100%;
      margin: 5px 0;
   }

   .nav-categories {
      max-height: 520px;
      overflow: auto;
   }

   .baner-section {
      height: fit-content;
   }

   .baner-caption {
      padding-bottom: 50px;
      padding-top: 30px;
   }

   .nxp-floating-card {
      position: static;
      animation: unset;
   }

   .nxp-floating-card {
      transform: unset !important;
      transform-origin: unset !important;
   }

   .nxp-floating-card {
      width: 100%;
      margin: 15px 0;
   }

   .at-emailsubscribearea {
      flex-direction: column;
      gap: 10px;
   }

   .at-emailsubscribearea h3,
   .at-emailsubscribearea p {
      text-align: center;
   }

   .at-formnewsletter input {
      width: 100% !important;
   }

   .at-formnewsletter {
      width: 100%;
   }

   .job-details-widget-bottom {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 10px;
   }

   .forgot-btns {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
   }

   .forgot-btns p {
      margin: 3px 0;
   }

   li.mobile-menu-display {
      display: block !important;
   }

   /* .deals-right-details ul li{
      flex-wrap: wrap;
   }
   .deals-right-details ul li span{
      width: 100%;
   } */
   .action-card {
      position: relative !important;
      animation: unset !important;
      left: unset !important;
      right: unset !important;
      top: unset !important;
      margin-bottom: 10px !important;
   }

   .card-flex {
      padding-top: 15px;
   }

   /* .action-card__link{
      position: static;
      margin-left: auto;
      display: flex;
    } */
   .btx-how-grid {
      grid-template-columns: repeat(4, 1fr) !important;
   }

   .footer-widget ul.flex-ul li {
      width: 100%;
   }

}

.user-sidebar-open,
.user-sidebar-close {
   display: none;
}

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

   .baner-caption h1 br {
      display: none;
   }

   .baner-caption h1 {
      font-size: 40px;
   }

   .sec-title-right {
      justify-content: flex-start;
      gap: 10px;
   }

   .footer-widget ul.flex-ul li {
      width: 100%;
   }

   .nav-top-right {
      flex-direction: column;
   }

   .main-about {
      padding-top: 12px;
   }

   .main-about ul li {
      width: 100%;
      border: 0 !important;
      padding: 0 !important;
      height: fit-content;
      border-left: 5px solid var(--primary) !important;
      padding-left: 25px !important;
      margin-bottom: 10px;
      font-size: 15px;
   }

   .inte-ul ul li {
      box-shadow: none;
      border-radius: 0;
      background-color: transparent;
      justify-content: flex-start;
      height: 30px;
   }

   .userLeftSidebar {

      width: 0% !important;
      position: fixed;
      z-index: 1000 !important;
      top: 0;
      left: 0;
      overflow: hidden;
      padding: 0;
      transition: 0.5s;
      background-color: #fff;
      padding-bottom: 30px;
      border-radius: 0;
      height: 100vh;
      overflow-y: auto;
      align-items: flex-start;
      justify-content: flex-start;

   }

   .user-sidebar-open {
      width: 30px;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: auto;
      margin-bottom: 5px;
      background-color: var(--primary);
      color: #fff;
      border: 1px solid var(--primary);
      border-radius: 2px;
      transition: 0.5s;
   }

   .user-sidebar-open:hover {
      background-color: transparent;
      color: var(--primary);
   }

   .user-sidebar-close {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: auto;
      margin-bottom: 10px;
      background-color: var(--primary);
      color: #fff;
      border: 1px solid var(--primary);
      border-radius: 50%;
      transition: 0.5s;
   }

   .user-sidebar-close:hover {
      background-color: transparent;
      color: var(--primary);
   }


   .userLeftSidebarCustom {
      width: 50% !important;
      opacity: 1 !important;
      padding: 20px;
   }

   .flex-filter-ul ul li {
      width: 100%;
   }

   .job-header {
      flex-direction: column-reverse;
   }

   .job-listing-right-top {
      flex-direction: column-reverse;
      padding-top: 10px;
      gap: 10px;
   }

   .pos-job-box a {
      right: 0;
      left: 110%;
   }

   .job-main-details-inner ul.span-badge-ul {
      flex-wrap: wrap;
      gap: 10px;
   }

   .baner-search select {
      margin-bottom: 5px;
      border-radius: 8px;
   }

   .baner-search {
      border-radius: 8px;
   }

   .event-venue-info-container {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
   }

   .event-venue-info-cs-wrap ul li {
      width: 50%;
   }

   .event-details-box p {
      text-align: left;
   }

   .od-1 {
      order: -1;
   }

   .evnt-share ul {
      justify-content: flex-start;
      padding-bottom: 5px;
   }

   /* .gallery-row {
      flex-direction: column-reverse;
   } */

   .gallery-col-flex {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      overflow: auto;
      padding: 5px 0;
   }

   .gallery-label img {
      width: 90px;
      height: 80px;
   }

   .event-right-latest {
      margin: 10px 0;
   }

   .pages-baner {
      height: fit-content;
      padding: 20px 0;
   }

   .deals-main-widget-dt {
      padding-left: 0;
   }

   .deals-main-dt-right {
      padding-left: 0;
   }

   .add-box-deals {
      margin-top: 10px;
   }

   div.col-pd-left-cstm {
      padding-left: 15px !important;
   }

   .cs-search .col-lg-3 {
      margin-bottom: 10px;
   }

   .evx-card-wrap {
      margin-top: 15px;
   }

   .package-filter {
      margin-top: 0;
   }

   .bizpackage-widget-container .bizpackage-widget-info p {
      margin: 5px 0;
   }

   .bizpackage-widget-container .bizpackage-details {
      padding-top: 2px;
   }

   .nj-feature-list {
      height: unset;
   }

   form.b-listing-right .col-lg-3 {
      margin-bottom: 7px;
   }

   .baner-bread h2 {
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 5px;
   }

   .baner-bread h2 span {
      position: static;
   }

   .baner-bread ol {
      justify-content: center;
   }

   .btx-how-grid {
      grid-template-columns: repeat(3, 1fr) !important;
   }

   .btx-eve-membership {
      flex-direction: column !important;
      justify-content: flex-start !important;
      align-items: flex-start !important;
      gap: 10px !important;
   }

   .u-section-header {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 5px;
   }

}

@media screen and (max-width:768px) {
   .baner-caption h1 {
      font-size: 35px;
   }

   .at-formnewsletter input {
      width: 100%;
   }

   .baner-section::after,
   .baner-section::before {
      display: none;
   }

   .nxp-floating-card {
      padding: 10px;
   }

   .section-padding {
      padding: 40px 0 !important;
   }

   .section-title h2 {
      font-size: 25px;
   }

   .section-title p {
      font-size: 15px;
   }

   .about-list-content ul li {
      width: 100%;
   }

   .why-choose-right ul {
      display: flex;
      flex-direction: column;
      gap: 7px;
   }

   .job-meta {
      flex-wrap: wrap;
      gap: 15px;
   }

   .deals-img-container-img {
      height: 400px;
   }

   .btn-nav-top a.navbtn {
      display: none;
   }

   .nj-feature-table-wrap table {
      overflow: auto;
      display: inline-block;
   }

   .nj-feature-table-wrap tr th {
      white-space: nowrap;
   }

   .nj-plan-header {
      gap: 0px;
   }

   .nj-divider {
      display: none;
   }

   .action-card {
      width: 100% !important;
   }

   .btx-how-grid {
      grid-template-columns: repeat(2, 1fr) !important;
   }

   .pt-u-dt {
      padding-top: 14px !important;
   }

}

@media screen and (max-width:567px) {
   .baner-caption h1 {
      font-size: 30px;
   }

   .baner-caption p {
      font-size: 16px;
   }

   .nxp-card-text p {
      font-size: 14px;
   }

   .navbar-brand img {
      width: 100px;
   }

   .wzmp-price {
      font-size: 35px;
   }

   .wzmp-title {
      font-size: 22px;
      margin-top: 12px;
   }

   .wzmp-features li {
      font-size: 16px;
      margin-bottom: 8px;
   }

   .at-formnewsletter {
      flex-direction: column;
   }

   .at-emailsubscribearea h3 {
      font-size: 25px;
   }

   .footer-logo img {
      width: 160px;
   }

   .pages-baner h2 {
      font-size: 35px;
   }

   .pages-baner p {
      font-size: 16px;
   }

   .why-choose-left h3 {
      font-size: 22px;
   }

   .why-choose-left p {
      font-size: 15px;
   }

   .userLeftSidebarCustom {
      width: 100% !important;
      opacity: 1 !important;
      padding: 20px;
   }

   .job-header h2 {
      font-size: 23px;
   }

   .auth-card {
      padding: 20px;
   }

   .auth-logo h2 {
      font-size: 20px;
   }

   .cms-container h3 {
      font-size: 20px;
   }

   .bg-baner h2 {
      font-size: 23px;
   }

   .event-venue-info-cs-wrap ul li {
      width: 100%;
   }

   .gallery-main-img img {
      height: 300px;
   }

   .deals-main-container {
      flex-direction: column;
   }

   .deals-main-container a,
   .deals-main-container .deals-ofer-img {
      width: 100%;
   }

   .deals-img-container-img {
      height: 350px;
   }

   .deals-main-dt h4 {
      font-size: 18px;
   }

   .deals-right-details {
      padding: 15px;
   }

   .cs-search form {
      flex-direction: column;
   }

   .cs-search {
      padding: 10px;
   }

   .event-details-main-info .accordion-button,
   .bizpackage-details-main-info .accordion-button {
      padding: 10px;
      font-size: 15px;
      font-weight: 500;
      line-height: 22px;
   }

   .event-details-main-info .accordion-button span,
   .bizpackage-details-main-info .accordion-button span {
      font-size: 14px;
      min-width: unset;
      padding: 7px 15px;
      white-space: nowrap;
   }

   .bizpackage-widget-container {
      padding: 15px;
   }

   .bizpackage-widget-container .bizpackage-widget-img {
      height: 250px;
   }

   .package-right-dt h3 {
      font-size: 20px;
   }

   .nj-plan-left h2 {
      font-size: 25px;
   }

   .nj-plan-price h3 {
      font-size: 30px;
   }

   .baner-bread h2 {
      font-size: 23px;
   }

   .category-box-main p {
      font-size: 16px;
   }

   .btx-how-grid {
      grid-template-columns: repeat(1, 1fr) !important;
   }

   .btx-eve-membership {
      padding: 25px !important;
   }

   .btx-eve-membership-content h3 {
      font-size: 28px;
      line-height: 34px;
   }

   .university-details-left img {
      height: 300px;
   }
}