@media (max-width: 767px) {
    .custom-carousel .item {
        height: 824px !important;
    }
    /*.check-ul-top-cls li {*/
    /*    padding: 4px 0px;*/
    /*}*/
}

/*@media (max-width:480px){*/
/*    #partners_logo img{*/
/*        max-width: 60px !important;*/
/*    }*/
/*}*/

@media(min-width: 768px) and (max-width: 991.98px){
    .custom-carousel .item {
        height: 755px !important;
    }
}

/*.owl-custom {*/
/*    height:830px;*/
/*}*/
/*.owl-custom .item{*/
/*    height: 100% !important;*/
/*}*/


@media (max-width: 767px) {
   .f-rm-chek {
    flex-direction: column !important;
    align-items: stretch;
    gap: 16px;
  }

  .f-rm-chek .col-md-4,
  .f-rm-chek .col-md-3 {
    width: 100%;
    max-width: 100%;
  }

  .input-group.mb-3 {
    flex-wrap: wrap;
  }

  .input-group-text {
    margin-bottom: 8px;
  }
  h2.lores.fadeIn-bottom.text-uppercase.cs-nde.show{
        font-size: 1.5rem;
  }
  .hm-bur-top{
    padding-top: 0 !important;
      flex-direction: column-reverse;
    text-align: center;
  }
    .hm-bur-top .col-md-6 {
    width: 100%;
    padding: 10px 15px;
  }
  .cs-nde::before{
    left: 3%;
  }
.cs-nde::after{
      right: 2%

}
  .hm-bur-top h2.n-ew,
  .hm-bur-top h2.n-ewh2 {
    font-size: 24px;
            text-align: justify;
        line-height: 20px;
  }

  .hm-bur-top h6.ms-color {
    font-size: 11px;
    
  }

  .hm-bur-top .pers {
    font-size: 10px;
    margin-bottom: 15px;
     text-align: left;
     position: relative !important;
     display: block;
  }
  .rev_particles_bg{
    display: none;
  }
    #bm-z {
    text-align: center !important;
    margin-bottom: 20px;
  }

  #bm-z img {
    max-width: 100%;
    height: auto;
  }
  .slick-slider .position-relative{
          padding-top: 28px !important;
        padding-bottom: 0 !important;
  }
.slick-dotted.slick-slider{
  margin: 0;
}
   #bg-bg-cs .row > [class*="col-"] {
    margin-bottom: 1.5rem !important; /* gap between columns on mobile */
  }
  #cach-fire{
 
   padding-top:0 !important;
   padding-bottom: 0 !important;
  }


  .heading_p-tow h3 {
    margin-top: 26px;
}
  .left-approch h3 {
    margin-bottom: 15px;
}
  body{
            background-image: url(../images/goos/change-01-mobile.png);
        background-size: contain;
        /* background-repeat: no-repeat; */
        /* background-position: center; */
        width: 100%;
  }
  #bg-bg-cs{
        background-image: none !important;
    background-color: transparent;
  }
  .custom-dots-wrapper.d-flex.justify-content-center.align-items-center.flex-wrap.gap-3.mt-4{
    margin: 0 !important;
  }
  .custom-carousel .item{
   height: 646px;
  }
  .custom-carousel .item ul li{
    overflow: hidden;
  }
    .newsletter-form input[type="submit"]{
      border:1px solid #0b8dd1;
      background-color: #469d73 !important;

    }
  .featured-icon-box{
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 50px;
                padding: 31px 0px !important; 
  }
  .ttm-icon.ttm-icon_element-style-round.ttm-icon_element-bgcolor-skincolor.ttm-icon_element-size-md{
        background:#469d73;
  }
  .D-s-set{
        padding: 0px 0px;
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 50px;

  }
  .con-tr{
        margin-top: 33px;
  }
  #m-co-tec{
    margin-top: 14px !important;
  }
  .g-twon ul li {
    font-size: 12px;
}
  section#bg-bg-cs{
        padding-top:30px !important;
        padding-bottom: 19px;
  }
  .pera-grh p strong {
    font-size: 14px !important;
}
.pera-grh ul li

 {
    font-size: 12px;
    padding: 0 !important;
}
.pera-grh p

 {
    font-size: 12px;
    padding: 0 !important;
}
.pera-grh{
  margin: 0;
}
 
  .tab-content .d-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .tab-content .filter {
    width: 100%;
  }

  .tab-content .filter input {
    width: 100%;
  }
    .tab-pane table {
    display: block;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }

  .tab-pane table thead,
  .tab-pane table tbody,
  .tab-pane table tr,
  .tab-pane table th,
  .tab-pane table td {
    white-space: nowrap;
  }
  .project-section{
         padding: 20px 0px !important;
  }
  h2.cs-test.tow:after {
    content: url(inner.css);
        position: absolute;
        width: 50px;
        height: 1px;
        background-color: rgb(0, 137, 208);
        top: 50%;
    left: 13%;
}
h2.cs-test.tow:before {
         content: url(inner.css);
        position: absolute;
        width: 50px;
        height: 1px;
        background-color: rgb(0, 137, 208);
        top: 50%;
        left: 72%;
}

  .serial_num{
    width: 8%;
  }
  .project_inner_main{
    padding: 9px !important;
  }
  .serial_year h5{
          font-size: 13px;
    padding: 11px 18px;
  }
 .filter-rw{
  display: block;
  }
  input#filterInput{
    padding: 14px 14px;
  }
  .g-twon{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  
  .heading_p-tow span{
        font-size: 27px;
  }
  .journey_cs_pd{
        padding-top: 3rem;
  }
  .journey_img{
        background: #469d73;
  }
.journey_content{
  padding-top: 34px;
}
 #chng_01{
    padding: 30px 25px;
 }
    .section-title h2.title{
                font-size: 19px !important;
    }
      .title-header p{
            font-size: 12px !important;
      }
      .title-desc p{
        font-size: 12px;
         line-height: 21px;
      }
      #btn-btn-x{
        padding: 7px 15px;
    font-size: 12px;
      }
      .top-pading{
        padding: 0;
      }
      .box-content h4{
        font-size: 17px !important;
      }
      .box-content ul li{
                  font-size: 12px;
        padding: 5px !important;
      }
      .sec-top-p{
        padding: 0 !important;
      }
       #bg-bg-cs .col-md-3 {
      /* flex: 0 0 100%; */
      max-width: 100%;
    }

    /* Adjust heading and paragraph padding */
    #bg-bg-cs .text-center h2.cs-test {
      font-size: 1.5rem;
    }

    #bg-bg-cs .text-center p {
      font-size: 0.95rem;
    }
.section-title h2.title span::after{
      left: 80%;
}
.section-title h2.title span::before{
  top: 53%;
  left: 5%;
}
#b-for::after {
    content: url(inner.css);
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #0089d0;
  top: 50%;
        left: 15%;
}
.custom-carousel .item {
    /*height: 710px !important;*/
}
.mybtn-tr{
  margin-top: 15px;
}
#b-for::before {
    content: url(inner.css);
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #0089d0;
    top: 50%;
    left: 70%;
}
    /* Optional: add spacing between cards */
    #bg-bg-cs .card {
      margin-bottom: 20px;
    }
    #media-coll{
        margin-top: 23px;
    }
    #bg-bg-cs .text-center p{
        font-size: 13px;
    }
    .cs-test::after{
              right: 16%;
        height: 1px;
                top: 21px;
       
    }
    .cs-test::before{
        top: 49%;
     left: 16%;
    height: 1px;
    }
    .bg-chnger{
        background-color: #0089d0 !important;
      padding: 23px 24px; 
    border-radius: 12px;
    position: relative;
    z-index: 2;

    }
    .bg-chnger h2{
        font-size: 22px;
                line-height: 31px;
    }
    .bg-chnger p{
            font-size: 12px;
    }
    .bg-chnger .btn{
            padding: 6px 20px;
    font-size: 12px;    
    }
    .view-work-btn{
            width: 50%;
                    right: 28%;
        bottom: 0;
    }
    ul.slick-dots{
        display: none !important;
    }
    .buttom-btn-s{
        padding-bottom: 1px !important;
    }
    button.slick-next.slick-arrow{
        display: none !important;
    }
    button.slick-prev.slick-arrow{
        display: none !important;
    }
    .button-xx{
            font-size: 12px;
                      width: 50%;
    }
     .ttm-textcolor-white .text-md-end {
      text-align: center !important;
     
   
    }
    .ttm-textcolor-white{
        padding: 0 !important;
    }

   .featured-icon-box.left-icon .featured-content{
    padding: 0;
   }
.featured-icon-box{
           padding: 10px 18px;
}
    .ttm-textcolor-white a.term-an {
      display: block;
      margin-top: 5px;
      font-size: 10px;
    }
    .rgiht{
        font-size: 10px;
    }
      .mobile-hide-br {
      display: none;
    }
     .content i.fa.fa-search{
            position: absolute;
          z-index: 9;
          top: 21px;
          right: 0;
      }
      textarea.form-control, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select{
            padding: 0px 15px;
      }
    .heading_p h3{

        margin-top: 26px;
}
  
}


    @media (min-width: 768px) and (max-width: 991.98px) {
      .custom-carousel .item

 {
    height: 681px !important;
}
      .mybtn-tr

 {
    text-align: left;
    margin-top: 15px;
}
     .slick-slider {
      overflow: hidden !important;
    }
      .slick-slide {
        overflow: hidden !important;
      }
      .hm-bur-top{
        padding-top: 0px !important;
      }
      .n-ew {
        font-size: 31px;
      }
      .n-ewh2 {
    font-size: 31px;
}

      #b-for::after{
            left: 30%;
      }
      #b-for::before{
            left: 63%;
      }
      .featured-icon-box{
        width: 100%;
      }

      .section-title h2.title span::before{
            top: 46%;
    left: 27%;
      }
      .section-title h2.title span::after{
            top: 53%;
    left: 66%

      }
      #p-c-e{
          padding: 0;
        }
       .featured-icon-box{
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 50px;
                padding: 31px 0px !important; 
  }
  .ttm-icon.ttm-icon_element-style-round.ttm-icon_element-bgcolor-skincolor.ttm-icon_element-size-md{
     background-color: #469d73 !important;
  }
  .res-s h5{
    font-size: 14px !important;
  }
   .res-s p{
    font-size: 11px !important;
  }
  .foter-card{
    padding: 5px !important;
  }
  .D-s-set{
        padding: 0px 0px;
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 50px;

  }
       .con-tr{
        margin-top: 33px;
      
  }
   section#bg-bg-cs{
      padding: 30px 12px;
       
  }
 
      .project-section{
padding: 20px 0px !important; 
      }
      


        h2.cs-test.tow:after {
    content: url(inner.css);
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: rgb(19, 130, 79);
    top: 46%;
     right: 29%;
  
}
h2.cs-test.tow:before {
    content: url(inner.css);
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: rgb(19, 130, 79);
    top: 46%;
      left: 28%;
   
}
.cs-nde::before{
      left: 21%;
}
.cs-nde::after{
      right: 21%;
}

      .cs_footer p{
            font-size: 12px;
      }
      .featured-icon-box.left-icon .featured-content{
        padding-left: 0;
      }
      .f-t-r{
   font-size: 10px;
        padding: 0;
        line-height: 15px;
    
}
.newsletter-form input[type="email"]{
      height: 37px;
}
.mailchimp-inputbox:after{
  top: 5px !important;
    right: 23px !important;
    font-size: 13px;
}
.newsletter-form input[type="submit"]{
      height: 37px !important;
}
.newsletter-form i{
  top: 10px;
}
.newsletter-form input[type="email"]{
  font-size: 11px !important;
}
h3.widget-title{
      font-size: 14px !important;
    padding: 0 !important;
    margin: 0;
}
      #m-d-des{
  display: none;
}
#m-d-lock-mob{
         display: inline-flex;

}
      input#filterInput{
    padding: 14px 14px;
  }
        .serial_num{
    width: 8%;
  }
  .project_inner_main{
    padding: 9px !important;
  }
  .serial_year h5{
          font-size: 13px;
    padding: 11px 18px;
  }
        .g-twon{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
      .left-approch p{
        text-align: justify;
  } 
      .content i.fa.fa-search{
            position: absolute;
          z-index: 9;
          top: 21px;
          right: 0;
      }
      textarea.form-control, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select{
            padding: 0px 15px;
      }
     
      .site-header-menu{
  background-image: url(../images/self/r.png);
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 1px solid #e9e9e9;
  background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
     
}
      #chair-p{
        padding: 29px;
      }
     
      .heading_p h3{
        text-align: center;
      }

     #m-chair{
          display: flex;
         justify-content: center;
     }
           .journey_cs_pd{
                padding-top: 4rem;
           }
            .bg-chnger h2
            {

                    font-size: 22px;
            }
            .bg-chnger{
              padding: 22px !important;
            }
             #bg-bg-cs .row > [class*="col-md-3"] {
              flex: 0 0 50%;  /* Make each col take 50% width */
              max-width: 50%;
             margin-top: 21px;
    }
     .sec-top-p{
        padding: 0;
     }
        .cs-test::before{
                    top: 49%;
              left: 31%;

        height: 1px;
        }
        button.slick-next.slick-arrow{
            right: 0;
        }
        button.slick-prev.slick-arrow{
            left: 0;
        }
        .cs-test::after{
          right: 31%; 
        height: 1px;
        }
       .footer .widget-area:nth-child(1) {
    /* order: 4; */
          flex: 0 0 100%;
          max-width: 100%;
     
  }

  /* Set 3-column layout for Quick Links, Explore, Connect */
  .footer .widget-area:nth-child(2),
  .footer .widget-area:nth-child(3),
  .footer .widget-area:nth-child(4) {
    order: 1;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  /* Add spacing between rows */
  .footer .widget-area {
    margin-bottom: 20px;
  }

  /* Reset any forced text alignment */
  .footer .text-md-start,
  .footer .text-md-end {
    text-align: center !important;
            font-size: 12px;

  }
  .footer .second-footer{
            padding: 50px 75px !important;
  }
  #full-media{
    width: 100% !important;
    padding-top: 14px;
  }
   .support-newsletter .col-md-6 {
    width: 50%;
    float: left;
  }
  .footer .widget{
    margin: 0 !important;
    font-size: 12px;
  }
  .view-work-btn{
            width: 18%;
        right: 41%;
        top: 30px;
  }
  .button-xx{
    width: 22%;
  }
  .newsletter-form input[type="submit"]{
    right: 0%;
    background-color: #469d73 !important;
  }
  .newsletter-form input[type="email"]{
    width: 100%;
  }
    }

 /* @media (max-width: 991.98px) {
    #bg-bg-cs .card {
      margin-bottom: 1.5rem;
    }
  }

  @media (max-width: 767.98px) {
  
   
  } */
@media (min-width: 992px) and (max-width: 1199.98px) {
   .con-tr{
        margin-top: 33px;
      
  }
   section#bg-bg-cs{
              padding: 1px 12px;
       
  }
        section#bg-bg-cs{
              padding: 1px 12px;
        padding-bottom: 19px;
  }
   .project-section{
      padding: 20px 0px !important; 
      }
     h2.cs-test.tow:after {
    content: url(inner.css);
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: rgb(19, 130, 79);
    top: 46%;
     right: 35%;
  
}
h2.cs-test.tow:before {
    content: url(inner.css);
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: rgb(19, 130, 79);
    top: 46%;
      left: 35%;
   
}
.content i.fa.fa-search{
  right: 0;
}
.sec-top-p{
  padding: 0;
}
.cs-test::before{
      left: 36%;
          height: 1px;
}
.cs-test::after{
   right: 36%;
          height: 1px;
}
.cs-test::before{
          left: 35%;
}
button.slick-next.slick-arrow{
  right: 0;
}
button.slick-prev.slick-arrow{
  left: 0;
}
.button-xx{
      width: 18%;
}

.f-t-r{
     font-size: 11px;
    padding: 0;
    
}
h3.widget-title{
      font-size: 16px;
    padding: 0 !important;
    margin: 0;
}

}










/***************coustom media***/


@media (min-width: 500px) and (max-width: 767px) {
  /* Styles for devices between 500px and 767px */
  .view-work-btn{
           width: 44%;
  }
  .button-xx{
            width: 34%;
  }
  h2.cs-test.tow:before{
            left: 64%;
  }
    h2.cs-test.tow:after{
                   left: 25%;

  }
  .cs-test::after{
    right: 26%;
  }
      .cs-test::before {
        top: 49%;
        left: 26%;
        height: 1px;
    }
}