/* ------------------- Header CSS ------------------- */

@media (max-width: 1023px) {
    .mob_none{
        display: none;
    }
    .top-header{
        background-color: transparent;
        background-image: linear-gradient(135deg, #3E3E47 65%, #CA1F26 0%);
    }
    .top-header-part-1{
        padding: 10px 0px 10px 14px;
        font-size: var(--topheader-fontsize);
    }
    .top-header-part-2{
        padding: 10px 14px 10px 0px;
        font-size: var(--topheader-fontsize);
    }
    .mid_mob{
        display: flex;
        justify-content: start;
        align-items: center;
    }
    .mid_mob_nav{
        display: flex;
        justify-content: end;
        align-items: center;
    }
    .middle-header{
        padding: 10px 18px;
    }
    .my-menu-mob{
        display: flex;
        flex-direction: column;
    }
    .top-header-mob{
        display: flex;
        background-color: transparent;
        background-image: linear-gradient(135deg, #3E3E47 69%, #CA1F26 0%);
    }
    .my-menu{
        flex-direction: column;
    }
    .men a {
        padding: 12px 0px;
    }
    .offcanvas .dropdown-menu {
        position: static;
    }
    .dropdown-item {
        padding: 0px 25px 0px 20px;
    }
    .dropdown-menu.show {
        border: 0px;
        margin-top: 0px;
    }
    .dropdown-item.active, .dropdown-item:active {
        color: var(--secondry-color);
        font-weight: 700;
        text-decoration: none;
        background-color: var(--body-background-color);
    }
}


/* ------------------- Footer CSS ------------------- */


@media (max-width: 1023px) {
    .top-footer-part-1 {
        text-align: center;
        padding-left: 0PX;    
        font-size: 28px;
        line-height: 38px;
        font-weight: 500;
        color: var(--topheader-fontcolor);
    }
    .top-footer-part-2{
        margin-top: 25px;
    }
    .middle-footer-section-1{
        padding: 20px 30px 15px 30px;
    }
    .top-space{
        margin-top: 20px;
    }
    .end-footer-text {
        color: var(--topheader-fontcolor);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .font-mob{
        font-size: 12;
    }
    .scroll-top-wrapper{
        display: none;
    }
    .scroll-top-wrapper .show{
        display: none;
    }
}


/* ------------------- Home Page CSS ------------------- */


@media (max-width: 1023px) {
    .for-des{
      display: none;
    }
    .for-mob{
      display: block;
      width: 100%;
    }
    .some-space-des{
        padding: 0%;
    }
    .some-space{
        padding: 8% 6% 8% 6%;
    }
    .heading{
        font-size: 24px;
        line-height: 30px;
    }
    .sec-3{
        padding: 8% 0% 2% 0%;
    }
    .sec-3-num{
        font-size: 45px;
    }
    .sec-3-text{
        font-size: var(--sec-paragraph-sub-head-size);
    }
    .box{
        color: var(--topheader-fontcolor);
        margin: 0%;
        border-width: 1px;
        border-style: solid;
        border-color: var(--topheader-fontcolor);
        border-radius: 6px;
        padding: 38px 15px;
        background-image: linear-gradient(rgba(44, 44, 44, 0.781)), url('../images/middle-footer-bg.jpg');
        background-size: cover;
        box-shadow: 0px 0px 22px -5px rgba(51, 51, 51, 0.644);
        border: none;
    }
    .box-h{
        color: var(--hover-color);
    }
    #cus-pad{
        margin-top: 0px;
    }
    .carousel-indicators{
        bottom: -42px !important;
    }
    #ser-indicator{
        background-color: var(--secondry-color) !important;
    }
    .why-head{
        font-size: 16px;
        font-weight: 500;
    }
    .con-box{
        padding: 5px 10px 5px 0px;
    }
    .custom-nav, .prev-btn{
        left: -5px;
        top: 40%;
    }

    .custom-nav, .next-btn{
        right: -5px;
        top: 40%;
    }
}


/* ------------------- Breadcrumb Page CSS ------------------- */


@media (max-width: 1023px) {
    .bread-head{
        font-size: 45px;
        font-weight: 400;
    }
    .bread-divider{
        margin-top: 8px;
    }
    .bread{
        display: flex;
        flex-direction: column;
        align-items: start;
        padding: 4% 0% 3% 8%;
    }
    .ser-para{
        text-align: justify;
    }
    .director_dis, .director_name{
        margin: 0%;
    }
    .cus-padding{
        padding: 4% 4%;
    }
}

@media (max-width: 1023px) {
  .row.mobile-slider {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    /* -webkit-overflow-scrolling: touch; */
  }

  /* .row.mobile-slider::-webkit-scrollbar {
    display: none;
  } */

  .row.mobile-slider .col-lg-4 {
    /* flex: 0 0 100%; */
    max-width: 100%;
    scroll-snap-align: start;
  }
}

@media (max-width: 1023px) {
  .nav-btn {
    font-size: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: #000;
    color: #fff;
    border: none;
    padding: 8px 12px;
    opacity: 0.7;
  }

  .nav-btn.prev { left: 5px; }
  .nav-btn.next { right: 5px; }
}

@media (min-width: 1023px) {
  .nav-btn {
    display: none;
  }
}


/* ------------------- Service Page CSS ------------------- */

@media (max-width: 1023px) {
  .bread-head-ser {
    font-size: 32px !important;
  }
  .bread-ser {
    padding: 3% 0% 6% 5%;
  }
}


/* ------------------- Sitemap Page CSS ------------------- */


@media (max-width: 1023px) {
    .sitemap li {
        padding: 8px 0px 8px 15px;
        font-size: 18px;
    }
}