/* Responsive Code */

/* Media  */
/* Media  */
@media (min-width: 1920px) {
  .pt_30 {
    padding-top: 50px;
  }

  .mt_50 {
    margin-top: 50px !important;
  }

  .splide__slide img {
    width: 100%;
  }

  .grey_bg {
    max-width: 1920px;
  }

  .edu_timeline .h--timeline-navigation--next {
    display: none;
  }

  .voilet_bg {
    width: 100%;
    height: 635px;
    position: absolute;
    top: 0px;
  }
}
@media screen and (min-width: 1100px) {

  .navbar-expand-lg .navbar-toggler {
    display: none !important;
  }
  .dropdown {
    position: relative !important;
  }
}

@media screen and (min-width: 1024px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .dropdown-menu {
    width: 20% !important;
    left: 0;
    transition: opacity 0.5s ease !important;
    background-color: #dad5fd !important;
  }

  .dropdown-menu h5 {
    color: #565656;
    font-family: 'Noto Sans';
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
  }

  .dropdown-menu .image_with_menu {
    display: flex;
    align-items: center;
    padding: 10px;
  }

  .dropdown-menu .image_with_menu:hover {
    border-radius: 7px;
    background-color: #fff;
  }

  .dropdown-menu .menu_image img {
    border-radius: 7px;
  }

  .dropdown-menu .image_with_menu a {
    padding: 10px;
    text-wrap: wrap;
  }

  /* End */
  .splide__slide img {
    width: 100%;
  }

  .overlay_img img {
    width: 100%;
  }
}

@media (max-width:1024px) {
  .desk_nav {
    display: none !important;
  }

  .mobile_nav {
    display: block !important;
  }

  .nav-item i {
    font-size: 20px;
    padding: 10px !important;
  }

  .dropdown-menu {
    display: none;
  }

  .navbar-expand-lg .navbar-toggler {
    display: block !important;
    padding: .25rem 0 !important;
    border: none;
    background: none;
  }

  .mob_center {
    text-align: center;
  }

  .height110 {
    height: 132px;
  }

  .p-50 {
    padding: 20px;
  }

  .sub_title {
    padding: 0 20px;
  }

  .shanti_sadan {
    padding: 50px;
  }

  header {
    position: fixed;
  }

  .navbar-collapse {
    background: #FCD757;
    display: flex;
    position: fixed;
    width: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    align-items: start !important;
  }

  .dropdown-menu {
    width: 100%;
  }

  .nav-item {
    flex-wrap: wrap;
    padding: 10px 0 !important;
  }

  .navbar-nav-scroll {
    margin-top: 25% !important;
    max-height: 100% !important;
  }

  .section_space {
    padding: 0 20px;
  }

  .section_space .flex-end {
    display: none;
  }

  .navbar-toggler {
    position: absolute;
    z-index: 99 !important;
    right: 40px;
    top: 5px !important;
    height: fit-content;
    outline: none !important;
    box-shadow: none !important;
  }

  .close_menu_btn {
    display: none;
  }

  .navbar-toggler-icon {
    width: 100% !important;
    height: auto !important;
  }

  .navbar-nav {
    width: 100%;
  }

  .container-space {
    padding-right: 40px;
    padding-left: 40px;
  }

  #home-slider {
    padding-top: 159px;
  }

  #home-slider .splide__arrows {
    display: none;
  }

  .section-paddLeft {
    padding-left: 40px;
  }

  .direction-center {
    margin: 20px 0;
  }

  .CardWithLine {
    margin-top: -4rem;
  }

  .top_header-headerTitle {
    display: none;
  }

  .top_header-nav {
    justify-content: end;
  }

  .top_header-headerNav-list {
    width: 40%;
  }

  .top_header-headerNav-list button {
    max-width: 45%;
  }

  .partnersCard {
    margin: 10px 0;
    padding: 25px 15px;
  }

  /* Footer Start */
  .footer-links {
    margin-bottom: 20px;
  }

  /* Footer End */
}

@media (min-width: 768px) and (max-width: 1024px) {
  .CardWithLine {
    flex-wrap: wrap;
    justify-content: center;
  }
  .container-space {
    padding-right: 40px !important;
    padding-left: 40px!important;
  }

  .lineCardItems {
    width: 47%;
  }

  .CardWithLine {
    margin-top: -2rem;
  }

  .hideTab {
    display: none;
  }
  .get-volunteer-banner img{
    padding-top: 159px;
  }
  .get-volunteer-content h1{
    position: relative;
    top: 80px;
  }
  .volunteer_bg{
    padding: 40px 36px;
  }
}

@media (max-width: 600px) {
  .deskTopImg {
    display: none;
  }
  .about-content{
      padding-top:190px;
  }
  .our_Services h3{
    padding: 0px 23px!important;
  }
  .brailekit-img{
    display: none;
  }
  .mobilePhone{
    display: none;
  }
  .teaching p{
padding-left: 20px!important;
  }
  .teaching_learning{
display: none;
  }
  .teaching-material{
padding: 30px 0px!important;
border-radius: 0px;
  }
  .teaching_learning-mob1{
    display: block;
  }
  .teaching_learning-mob2{
    display: block;
  }
  .teaching-learning{
    padding: 10px 40px;
  }
  .assistive{
    display: none;
  }
.volunteer_bg{
  padding: 40px 23px;
} 
.angled-shape-content{
  padding: 7px 7px;
}
 .events_container{
  height: 120px!important;
 }
.direction-center p{
    text-align:left!important;
}

.get-volunteer-content h1{
position: relative;
top: 66px;
}
.volunteer_bg h2{
  font-size: 22px;
}
  .mobImg {
    display: block;
  }
.volunters-container{
  padding: 32px 13px;
}
.mbb_1{
    display:flex;
    flex-direction:column-reverse!important;
}
.volunters-container h2 {
  font-size: 22px;
}
.btn-volunters{
  margin-bottom: 25px;
}
.donate-container{
  padding: 32px 13px;
}

.donate-container h2{
  padding-top: 15px;
}
.nab-partner{
  padding: 25px 4px;
}
  .top_header-headerNav-list {
    width: 60%;
    margin-top: 0px;
  }
  .top_header-headerNav-list button {
    max-width: 54%!important;
    margin-right: 8px !important;
  }
  .navbar-toggler {
    right: 20px;
  }

  .container-space {
    padding-right: 20px;
    padding-left: 20px;
  }
  .banner-content h1{
    font-size: 27px;
  }

  .section-paddLeft {
    padding: 0 20px;
  }

.brailekit-mob{
  width: 100%!important;
}
.teaching-collaboration img{
  display: none;
}
.teaching h6{
  font-size: 13px;
  padding: 0px 0px;
  line-height: 33px!important;

} 
.teaching-div h2{
  font-size: 16px !important;
        line-height: 24px;
        width: 71vw;
        position: relative;
        bottom: 140px;
        height: 0vh;

}
.teaching-div h6{
  font-size: 12px !important;
  line-height: 24px;
  width: 71vw;
  position: relative;
  bottom: 87px;
}
.learning-div h2{
  position: relative;
  top: 124px;
  left: -133px;
  width: 71vw !important;
  line-height: 24px;
  font-size: 16px;
}
.learning-div h6{
  font-size: 12px !important;
        line-height: 24px;
        width: 71vw;
        position: relative;
        left: -131px;
        bottom: -117px;
}
.teaching-contant .header{
  font-size: 20px !important;
        text-align: justify;
        padding: 0px 26px;
        padding-top: 30px;
}
.teaching-material img{
  padding: 16px 27px;
  height: 50vh!important;
 border-radius: 0px !important;
}
.cardd{
  width: 87vw;
        height: 45vh;
        position: relative;
        left: 16px!important;
        margin-bottom: 20px;
}
.container-assistive .cardd h6{
  font-size: 15px;
  line-height: 21px;
  text-align: justify!important;
  padding: 0px 10px;
}
.cardd p{
  color: #312275!important;
  display: block;

}
.cardd h2, span{
  font-size: 19px!important;
}
  .donate-content h4 {
    line-height: 40px;
    font-size: 18px;
  }

  .lineCardItems {
    width: 100%;
  }

  .CardWithLine {
    flex-wrap: wrap;
  }
  .services-header h6{
    font-size: 17px!important;
  }
  .service-item h6{
    font-size: 15px;
    line-height: 30px;
  }
  .service-item {
    margin-bottom: 10px !important;
    margin-top: 6px;
  }
  .CardWithLine {
    margin-top: -2rem;
  }
  .whiteLine1{
    width: 100%;
    height: 1px !important;
  }
  .whiteLine {
    width: 100%;
    height: 1px !important;
  }
  .ptb_60{
    padding-top:0px!important ;
    padding-bottom: 15px !important;
  }
  .mobImg-1 {
    display: block;
}
.contact-banner .contact-mob-1{
  display: block!important;
 margin-top:21px!important;
}
.contact-content{
    padding-top:40px;
}
.form-control{
  width: 100%;
}
.bg-color{
  padding: 5px 5px;
}
.job-container{
  width: 100%;
      margin-left: -1px !important;
      margin-top: 1px !important;
      padding-top: 40px;
      padding-bottom: 40px;
      margin-bottom: -1px !important;
      border-radius: 1px;
}
.job-application-mob-1{
  display: block;
}
.job-details-mob-1{
  display: block;
}
.custom-box{
  margin-bottom: 10px;
}
.section-blue-title{
  padding: 0px 4px;
  padding-top: 20px!important;
}
.your-donation h6{
  color: var(--color-yellow)!important;
}
.your-donation{
  padding-top: 16px;
}
.rehability-img{
  display: none;
}
.rehability-mob{
  display: block;
  height: 300px!important;
}
.rehability h2{
text-align: center;
font-size: 22px;
margin-top: 30px;
}
.rehability h6 {
  font-size: 17px;
  margin-top: 15px;
  margin-bottom: 19px;
}
.rehability p{
  color: #312275!important;
  text-align: center;
}
.resources-content h1{
  position: relative;
  top: 66px;
}
.assistive-container h2 {
  font-size: 22px;
  line-height: 35px;
  padding: 0px 27px;
}
.about-mob-1{
  display: block;
  margin-top: -93px !important;
}
.impact-content h1{
  padding-top: 159px;
}
.transforming-lives h2{
  font-size: 22px;
  padding: 0px;
}
.team-card{
    padding:16px;
}

  .box img{
    width: 100%!important;
    height: 38vh!important;
  }
.box{
  width: 100%;
}
.events-content h1{
    padding-top:60px!important;
}


.networking{
  display: none;
}
.donor_bg{
  padding: 50px 27px;
}

.donor_bg .form-group {
  padding-bottom: 10px;
}
.donor_bg .form-title{
  font-size: 25px;
}

  .info-section{
    padding: 30px 0px;
  }
 .legal-text{
  font-size: 22px;
  padding: 0px 30px;
 }
.eventInfo{
  text-align: center;
}
.eventInfo h4{
  font-size: 20px;
}
.prl-80{
  padding: 10px 25px!important;
  margin-bottom: -17px !important;
  margin-top: 8px!important;
}
.card{
  margin-bottom: 35px!important;
  margin-top: 8px!important;
}
.rehability{
  text-align: justify!important;
padding: 23px 25px!important;
}
.text-secondary{
  font-size: 16px!important;
}
.scholership-sponsers h2{
  font-size: 19px!important;
  text-align: center;
  line-height: 32px;
  margin-top: -38px;
}
.scholership-sponsers{
  padding: 0px 8px;
}
.scholership-sponsers h6{
   margin-top: -37px!important; 
 line-height: 42px; 
  font-size: 17px;
  text-align: justify!important;
}
.scholership-sponsers .btn{
 position: relative;
        left: -2px;
        margin-top: -11px;
}
.scholership-sponsers img .img-fluid{
  display:none !important;
}
.container-space .margin h6{
  text-align: justify;
        padding: 0px 0px !important;
        line-height: 40px;
        font-size: 18px;
        margin-top: -13px;
        margin-bottom: -32px;
}
.container-space .margin h4{
  font-size: 22px;
  padding-top: 15px;

}
.networking-content h2{
  font-size: 25px;
  padding: 0px 30px;
}
.networking-content h6{
  font-size: 17px;
        line-height: 35px;
        text-align: justify;
        padding: 10px 30px;
        margin-bottom: 30px;
}
.legal-p{
  text-align: justify !important;
        font-size: 14px;
        line-height: 43px;
        padding: 15px 18px;
        margin-bottom: -23px;
}
.legal-img{
  padding: 22px 14px;
  margin-left: 0px;
}
.education h2{
        text-align: center;
        font-size: 30px;
}
.section-purple{
  padding: 9px 19px!important;
}
.section-purple h4{
        line-height: 36px;
        font-size: 22px;
    
}
.trichy h3{
  font-size: 16px;
  text-align: justify;
}
.section-yellow h4{
  padding: 30px 0px!important;
  text-align: center;
  font-size: 22px;
  padding-bottom: 20px!important;
}
.section-yellow h6{
  padding: 0px 0px;
  text-align: justify;
}
.section-purple h6{
  padding: 20px 0px;
  text-align: justify;
}
.trichy{
  padding: 30px 27px;
  text-align: justify!important;  
}
.trichy h2{
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.salem h2{
  position: relative;
  top: 266px;
  display: none;
  font-size: 22px;
}
.salem p{
  position: relative;
  top: 100px!important;
}
.btn-chess{
  margin: 0px 49px !important;
        margin-top: 22px !important;
        padding: 8px 33px;
}

.transforming-img{
  padding: 18px 0px !important;
  margin: 10px 31px;
} 
.chess-img{
  width: 61vw !important;
        height: 39vh !important;
        margin-right: 0px!important;
}
.section-yellow{
  padding: 54px 23px !important;
}
.educationn h2{
        font-size: 26px;
        padding-bottom: 0px !important;
}
.salemSchool-mob{
  display: block;
}
.trichy-school{
  display: none;
}

.join_aboutUs{
  text-align: justify!important;
  margin: 39px 8px !important;
}
  .join_aboutUs h2{
    text-align: center!important;
  }
  .support_us{
    padding: 30px 77px;
  }
  .custom-box {
    padding: 18px 15px !important;
    margin: 8px -61px !important;
}
.networking-content{
  padding-top: 50px;
}

.vocatinal h4{
  font-size: 17px;
}

.vocational p{
  font-size: 16px;
}
.networkingmob-1{
  display: block;
}
.why_support h2{
font-size: 20px;  
}
.vocational img{ 
  margin-top: -50px !important;
  margin-left: 21px;
  width: 82vw !important;
}
.Events_slider {
  padding: 4px 33px;
}
.Donate_start{
  padding: 4px 30px;
}
.scholership-img{
  margin-top: -50px !important;
        margin-bottom: -28px !important;
        width: 100% !important;
        margin-left: -19px;
        height: 222px;
}
.container-space h3{
  font-size: 20px;
  text-align: justify !important;
  padding: 0px 22px;
}
.cardWith-LRImg h4{
margin-top: 5px;
}
.donate-img{
  padding-right: 5px;
}

.container-assistive{
  position: relative;
  padding-left: 6px;
}
.scholership {
  padding: 18px 20px!important;
}
.job-container{
  padding: 39px 20px;
}
.impact-number{
    font-size:40px!important;
}
.historyHeading {
    font-size: 16px!important;
  text-align: justify!important;
  padding-left:0px!important;
  padding-right:0px!important;
  padding:1px;
  line-break: anywhere!important;
}
.address_form {
  width: 97%;
    margin-left: 6px;
}
.label{
  padding-bottom: 10px!important;
}
.label1{
  margin-bottom: -31px;
        margin-top: 11px;
}
.label2{
  margin-bottom: 10px;
  margin-top: -38px;

}
.label3{
  margin-bottom: 10px;
  margin-top: -30px;
}
.label4{
  margin-bottom: 10px;
  margin-top: -30px;
}
.moreBtn {
  text-align: center!important;
}
.moreBtn a{
  padding: 9px 19px;
}
.latest{
  padding: 10px 25px;
}
.annual-events{
  position: relative;
  right: 86px!important;
}
.events-container {
  margin: 0px 26px;
}

.annual-content h6{
line-height: 28px;
padding: 0px 8px;
font-size: 16px;
text-align: justify;

}
.latest2 h6{
  font-size: 16px;
  line-height: 30px;
  padding: 10px 5px;
}

.text-events h2{
  font-size: 18px;
        line-height: 32px;
        position: relative;
        left: 292px;
}
.text-events h6{
    font-size: 16px;
    line-height: 32px;
    position: relative;
    left: 292px;
text-align: justify;
}
.text-events p{
  position: relative !important;
        left: 192px;
        padding: 10px 24px;
        font-size: 18px;

}
.btn-events_container{
  position: relative;
        left: 288px;
        width: 39vw !important;
        font-size: 8px;
        height: 5vh;
        padding:6px 22px!important;
}
.events-container{
  padding: 10px 10px!important;
}

.text-events{
  padding: 0px 60px;
  position: relative;
    right: 290px;
}
.latest h2{
  font-size: 25px;
        margin-top: 5px;
        margin-bottom: 0px !important;
        padding: 0px 25px !important;
}
.latest h3{
  font-size: 16px !important;
        text-align: justify;
        margin-top: 3px;
        padding: 0px 0px;
}
.rehability p{
  line-break: anywhere;
  font-size: 17px;
}
.rehability-img img{
  height: 100px;
}
.card{
  margin-left: 4px!important;
  margin-right: 4px!important;
  position: relative;
}
.moreBtn{
  margin-top: 22px !important;
  margin-bottom: 17px;
}
.getInvoled-mob{
  display: block;
  margin-top: 26px;
}
.getinvolved-content h1{
  position:relative ;
  top: 66px;
}
.chess-para_1{
  padding: 20px 23px;
}
.legal-mobImg-1{
  display: block;
  margin-top: 159px;
}
.legal-img{
  display: none;
}
.policy_padding{
  padding: 14px 22px;
}
.policy h3{
  text-align: justify;
  font-size: 17px;
  }
.policy h2{
  font-size: 22px;
  margin-top: 7px;
}
.blog-card img{
  width: 82vw!important;
}
.teaching-Content h2 {
  font-size: 22px !important;
        padding: 0px 0px !important;
        padding-top: 20px !important;
}
.teaching-Content{
  padding: 0px 0px;
}
.teaching-content .btn-yellow{
  padding: 5px 25px;
  font-size: 14px;
  margin-top: 15px;
}
.blog-card{
   margin-bottom: -8px;
}
.news-section h4{
  margin-bottom: 10px!important;
}
.lightBlue-bg {
  padding-bottom: 13px!important;
  padding-top: 10px!important;
}
.blogs-content h1{
  margin-top: 159px;
}
.policy{
  margin-bottom: 10px;
}
.date-badge{
  display: none!important;
}
.device{
  padding: 10px 24px;
}
.border1{
  padding: 13px 10px;
  padding-bottom: 32px;
}
.device .our_Programs h2{
  padding-top: 13px;

}
.program h6{
  font-size: 17px;
  font-family: 'Radley-Regular'!important;
}

.device .our_Programs h6{
  color: #312275;
  font-family: 'Radley-Regular'!important;
  font-size: 16px;
  line-height: 35px;
  padding-left: 0px;
    padding-right: 0px;
    text-align: justify;

}
.right-box{
  padding: 10px 38px;
        margin-right: 8px;
        margin-left: 0px;
        margin-top: 32px;
}
.device-1{
  padding-top: 63px;
    padding-right: 35px;
    padding-left: 35px;
}
.device_Container {
  padding: 53px 0px;
}
.cane_img{
  margin-top: 22px !important;
  padding: 14px 29px;
}
.service-box {
  padding: 36px 27px;
}
.service_1{
  padding: 0px 0px !important;
  padding-left: 13px !important;
}
.program{
  padding: 7px 27px;
  text-align: justify;
}
.program-section{
  padding: 0px 0px;
  text-align: justify;
}
.program-section h6{
  font-size: 17px;
  text-align: justify;
}
.blog-title{
  width: 75vw;
        height: 0vh;
        left: 16px;
        line-height: 18px;
        bottom: 31px;
        position: relative;
        font-size: 11px;
}
.news-item img{
  max-width: 254px !important;
    position: relative;
    top: 0px;
}
.volunteer_h6{
  bottom: 5px;
}

.news-section{
  padding: 10px 20px!important;
}
.contact-container{
  width: 97vw;
    padding: 16px;
}
.get-container{
  margin-left: 0px;
  display: inline;
  
}
.job-content h1{
margin-top: 159px;
}
.join_hand{
  padding: 29px 27px;
}
.get-container h4{
  font-size: 18px;
  text-align: center;
  margin-top: 22px;
}
.get-container h1{
  font-size: 27px;
  text-align: center;

}
.news-image{
  width: 147px!important;

}
.news-date {
  font-size: 11px!important;
  line-height: 28px!important;
}
.news-title{
  font-size: 13px!important;
  line-height: 19px!important;
}
.blogs{
padding-top: 0px!important;
}
.bg-warning_date{
  padding: 6px 5px;
    font-size: 12px !important;
 }
 .text-primaryyy{
  display: none;
 }
 .text-dark{
  display: none;
 }
 .blog-news-img{
  margin-bottom: 18px!important;
  width: 200px;
  padding-top: 10px;
} 
.button_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
}
.bg-primaryy {
  font-size: 11px;
}
.volunters-img{
padding-top: 20px;
}
.employee h6{
  font-size: 17px!important;
}
.volunters-section .volunters-container h6 {
  padding: 20px 0px;
  font-size: 17px;
  text-align: justify;
  }
.contact-grid{
  padding: 10px 0px;
}
.socials .icons{
  text-align: center;
}
section .py-5{
  display: none;
}
.socials p{
  color: #FCD757!important;
  z-index: 999;
}
.events_card{
  position: relative;
        bottom: 423px;
        margin: 10px 25px !important;
}
.donate-container h6{
  padding: 20px 0px;
  font-size: 17px;
  text-align: justify;
}
.get-container .desc{
  color: #FCD757!important;
  z-index: 1;
  text-align: center;
}
.annual_car{
  padding: 23px 23px !important;
}
.car_rally{
  width: 100%!important;
  height: 50vh;
}
.workshop_camp {
  padding: 10px 20px;
}
.chess-para_1 h6{
  padding: 11px 7px;
  font-size: 19px!important;
  line-height: 40px;
  text-align: justify;

}
.annual-content{
  position: relative;
        bottom: 222px;
        left: 140px !important;
}
.annual-img{
  display: none;
}
.section{
  display: none;
}
.workshop_training {
  padding: 27px 26px;
    text-align: justify!important;
    position: relative;
    bottom: 380px;
}
.button-center .btn-details{
  font-size: 11px;
  position: relative;
  bottom: 408px;
  padding: 8px 22px;
}
.events-eye h2{
  font-size: 18px;
  line-height: 30px;
}
.events-eye {
  padding: 0px 4px!important;
  position: relative;
        bottom: 404px;
    
}
.Employee_h2{
  margin-top: 0px !important; 
    padding: 0px 25px !important;
}
.events-section .image-events{
  position: relative;
        top: -503px;
}
.events-section{
  padding: 0px 25px;
  position: relative;
}
.events-eye h6{
  padding-right: 0px!important;
  text-align: justify;
padding-top: 6px;
line-height: 35px;
}

.workshop_training h3{
  text-align: justify!important;
  line-height: 35px;
}
.margin_top{
  margin-top: 73px;
}
.bg_color{
  padding: 20px 15px;
}
.device_Services {
  padding: 0px 23px!important;
}
.device_Services h2{
  margin-top: 0px !important;
  padding-top: 25px !important;
}
.OurPtogram{
  display: none;
}
.color_text h6{
  padding: 10px 10px;
}
.annual_car h5{
  padding: 0px 20px;
        margin-top: 0px;
        font-size: 17px;
}
.networkingmob-1{
  display: block!important;
}
.btn-custom {
  padding: 8px 22px!important;
}
.keyProgram h3{
  padding: 0px 23px!important;
}
.ptb-60 h3{
  padding: 0px 23px!important;
}
.chess_tournament{
  width: 100%!important;
  height: 50vh;
}
.donate-content h5{
  font-size: 16px;
}
.annual_events h2{
  font-size: 20px;
    position: relative;
    bottom: 11px;
    line-height: 34px;
}
.annual_car h6 {
  font-size: 15px;
  line-height: 30px;
}
.annual_events h6 {
  font-size: 20px;
  padding: 0px 11px;
  text-align: justify;
}
.section-blue-title h2{
  font-size: 30px!important;
  /*padding: 0px 23px;*/
  /*margin-top: 15px;*/
  text-align: center;
}
.section-blue-title h3{
  padding: 0px 3px;
  font-size: 17px;
  text-align: justify!important;
}
.cardWith-LRImg p {
  font-size: 16px;
  line-height: 35px;
  color: var(--color-blue);
} 

}
 @media (min-width: 728px) and (max-width: 750px){
  .latest2 p{
    font-size: 9px;
    line-height: 17px;
    padding: 0px 56px!important;
  }
  .news-image {
    width: 156px!important;

  }
  .news-title{
    font-size: 10px!important;
    line-height: 20px!important;
  }
  .news-date{
    font-size: 10px!important;
    line-height: 35px!important;
  }
} 

@media (min-width: 320px) and (max-width: 425px) {
  .workshop-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 15px;
  }

  .ccard {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background: #fff;
  }

  .ccard img {
    border-bottom: 1px solid #eee;
  }

  .card-contant {
    padding: 15px;
  }

  .card-contant h3 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: -31px;
    color: #312275;
  }

  .card-contant p {
    font-size: 14px;
    line-height: 30px;
    color: #312275;
  }
}


 @media (max-width: 767px) {
      .timeline-line {
        display: none;
      }
    }

@media (max-width: 450px) {
  .logo-title p:nth-child(1) {
    font-size: 14px;
  }

  .logo-title p:nth-child(1) {
    font-size: 14px;
  }

  .navbar-toggler-icon {
    width: 65% !important;
  }
}

 @media (min-width: 375px) and (max-width: 376px) {

  .eventInfo p {
    font-size: 17px;
    padding: 20px 20px;
    margin-left: 71px;
  }
}
@media (min-width: 320px) and (max-width: 321px){


.eventInfo p{
  font-size: 17px;
  padding: 20px 44px;
        margin-left: 100px;
} 
} 



@media (min-width: 425px) and (max-width: 426px){
.eventInfo p {
    font-size: 17px;
    line-height: 40px;
    padding: 20px 0px;
    margin-left: 52px;
}
}
@media (min-width: 768px) and (max-width: 1430px) 
{
  .annual_car h6{
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width:770px){
  .news-title,.news-date{
    display: none;
  }
  
}
@media (min-width: 1024px) and (max-width:1026px){
  .news-title{
    font-size: 16px!important;
    line-height: 30px!important;
  }
  .news-date{
    font-size: 15px!important;
    line-height: 30px!important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .donor_bg{
    padding: 50px 40px;
  }
  .blog{
    padding: 10px 20px!important;
  }
  
  .scholership-sponsers h6{
    line-height: 34px;
    padding: 0px 0px;
    font-size: 14px;
    text-align: center!important;
  }
  .events-eye h6{
    padding-right: 0px!important;
  }
  .teaching-content .btn-yellow{
    padding: 4px 22px;
    font-size: 12px;
  }
  .events-eye {
    margin-bottom: -44px!important;
  }
  .teaching-contant .header{
    font-size: 20px!important;
    padding: 30px 32px!important;
  }
  .teaching h6{
    font-size: 16px;
    padding: 0px 32px;
    line-height: 26px!important;
  }
  .teaching-material img {
    height: 62vh !important;
    padding: 30px 56px;
    border-radius: 0px !important;
  }
  .teaching-div h2{
    position: relative;
    font-size: 22px;
    top: 8px;
    line-height: 29px;
  }
  .learning-div h2{
    position: relative;
        font-size: 22px;
        top: 8px;
        line-height: 29px;
  }
  .learning-div h6 {
    position: relative;
        font-size: 14px !important;
        line-height: 25px;
        bottom: 16px;
        text-align: justify;
        top: 11px;
  }
  .teaching-div h6{
    position: relative;
    font-size: 14px !important;
    line-height: 25px;
    bottom: 16px;
    text-align: justify;
        top: 11px;
  }
  .teaching-learning{
    text-align: center;
    padding: 30px 44px;
  }
  .services-header h6{
    font-size: 20px!important;
  }
  .body-container{
    padding: 0px 40px;
  }
  .resources-content h1{
    padding-top: 159px;
  }
  .resources-banner img{
    margin-top: 159px;
  }
  .services-banner img{
    padding-top: 159px;
  }
  .services-content h1{
    padding-top: 159px;
  }
  .landing-img{
    padding-top: 159px!important;
  }
  .service-item h6{
    font-size: 15px;
    line-height: 24px;
  }
  .device_Container{
    padding: 53px 24px;
  }
  .border1{
    padding-left: 0px!important;
    padding-bottom: 27px;
    padding-top: 36px;

  }
  .device-1{
    padding-left: 0px !important;
    padding-right: 0px!important;
  }
  .OurPtogram{
    height: 50vh!important;
  }
  .device .our_Programs h6 {
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    padding-left: 0px!important;
    padding-right: 0px !important;
  }
  .device{
    padding-left: 32px;
    padding-right: 32px;
  }
  .program-content h1{
    padding-top: 156px;
  }
  .program-banner img{
    margin-top: 158px;
  }
  .box-content2 h6{
    line-height: 29px;
    padding: 5px 2px;
    font-size: 13px;
  }
  .service_1{
    padding: 0px 10px!important;
  }
  .cane_img{
    height: 41vh;
        width: 39vw;
        margin-top: 95px !important;
  }
  .program-section{
    padding: 0px 22px;
  }
  .legal-text{
    font-size: 27px;
  }
  .legal-p{
    font-size: 12px;
    line-height: 44px;
  }
  .info-section{
    padding: 22px 16px;
  }
  .scholership-img {
    width: 100% !important;
    height: 54vh !important;
  }
  .section-purple h4{
    font-size: 22px;
  }
  .section-purple h6{
    font-size: 11px;
    padding-top: 11px;
    padding-bottom: 5px;
    text-align: -webkit-center!important;
  }
  .events-content h1{
    padding-top: 159px;
  }
  .section-purple{
    padding: 30px 5px!important;
  }
  .transforming-img{
    margin-left: 15px;
        width: 26vw !important;
        height: 51vh;
  }
  .section-yellow{
    padding: 30px 05px!important;
  }
  .section-yellow h6{
    font-size: 11px;
    padding-top: 0px;
    padding-bottom: 5px;
    text-align: -webkit-center!important;
  }
  .salem p{
    font-size: 18px;
  }
  .program{
    padding: 10px 38px;
  }
  .service-box {
    padding: 32px 12px;
  }
  .networkingmob-1{
    display: none;
  }
  .chess-img {
    width: 86% !important;
    margin-right: 0px !important;
    height: 43vh;
  }
  .salem h2{
    font-size: 25px;
  }
  .bg_color{
    padding: 4px 30px;
  }
  .color_text h2{
  font-size: 19px!important;
  }
  .color_text h6{
    font-size: 13px!important;
    }
    .card-contant p{
      font-size: 15px;
      line-height: 35px;
    }
  .events-banner img{
margin-top: 159px;
  }
  .Employee_h2{

padding-right: 30px;

  }
  .Employee_h2 h2{
font-size: 23px;
margin-top: 22px!important;
  }
  .Employee_h2 h3{
    font-size: 16px;
    padding: 0px 30px;
  }
  .latest_initiative{
    margin-top: 159px!important;
  }
  .AnnualCarRally{
    width: 86% !important;
    height: 45vh;
  }
  .ChessTournament{
    width: 90% !important;
    height: 45vh;
    margin-left: 16px;

  }
  .latest_initiative1{
    margin-top: 159px!important;
  }
  .chess-para_1 h6 {
    padding: 15px 48px;
    text-align: -webkit-center!important;
    font-size: 19px!important;
  }
  .box-content3 h6{
    padding: 16px 11px;
        font-size: 14px;
        color: #312275;
        line-height: 29px;
  }
  .box-content4 h6{
    padding: 16px 11px;
        font-size: 14px;
        color: #312275;
        line-height: 29px;
  }
  .box-content1 p{
    padding: 16px 11px;
        font-size: 14px;
        line-height: 29px;
  }
  .box-content2 p{
    padding: 5px 11px;
        font-size: 13px;
        line-height: 21px;
  }
  
  .job-container{
    padding: 39px 0px;
  }
  .address_form{
    width: 85%;
    margin-left: 64px;
  }
  .label1,.label2,.label3,.label4{
    margin-bottom: 15px;
  }
  .label{
    margin-bottom: 15px;
  }
.contact-us {
  font-size: 9px;
}
  .blogs-content h1{
    margin-top: 159px!important;
  }
  .date-badge{
    position: absolute;
    top: 0;
    left: 25px;
    padding: 0px 18px;
    font-size: 14px;
  }
  .blog-title{
    font-size: 12px!important;
  }
  .news-section {
    padding: 10px 28px !important;
  }
  .get-container h4 {
    font-size: 23px;
  }
  .get-container h1{
    font-size: 30px;
  }
  .blogs_img{
    margin-top: 159px;
  }
  .get-container .desc{
    font-size: 13px;
  }
  .get-container{
    width: 54vw;
    padding: 0px 33px;
    padding-bottom: 70px;
    padding-top: 47px;
    margin-left: 46px;
    text-align: left;
  }
  .getInvoled-mob{
    display: none;
  }
  .impact-banner img{
    padding-top: 159px!important;
  }
  .impact-content h1{
    padding-top: 159px!important;
  }
  .contact-content h1{
    margin-top: 166px;
  }
  .contact-banner img{
margin-top: 159px;
  }
.box{
  width: 46% !important;
  height: 77vh;
}
  
  .donate-img{
    height: 48vh!important;
    margin-top: 18px;
  }
  .donate-container h6{
    padding: 0px 0px;
  }
  .volunters-container{
    padding: 43px 39px;
  }
  .donate-container{
    padding: 43px 39px;
  }
  .getinvolved-banner img{
    padding-top: 159px!important;
  }
  .getinvolved-content h1{
    position: relative;
        top: 71px;

  }
  .volunters-img{
    height: 47vh!important;
  }
  .application_form input{
    width: 100%;
  
  }
  .job-banner{
    margin-top: 160px;
  }
  .job-details-mob-1{
    display: none;
  }
  .legal-mobImg-1{
    display: none;
  }
  .legal-banner{
    margin-top: 160px;
  }
  .networkingmob-1{
    display: none;
  }
  .networking{
    display: block;
}
 .rehability-img{
  display: none;
} 
 .rehability-mob{
  display: block;
  height: 400px!important;
  max-width: 100%;
}
 .rehability{
  padding: 25px 42px!important;
} 
.annual-content h6{
    font-size: 16px;
    line-height: 35px;

}
.btn-events_container2{
  margin-bottom: 41px;
}
.annual-content h2{
  padding-bottom: 8px;
  font-size: 22px;
}
.annual-content{
  position: relative;
  top: -68px;
  left: 281px !important;

}

.triangle-bg2{
  margin-bottom:-266px!important;
}
.rehability h2{
text-align: center;
}
/*.history, .mission-img{*/
/*  display: none;*/
/*}*/
.container-space h3{
  text-align: justify!important;
}
.card-body h6{
  text-align: center!important;
  font-size: 15px!important;
}
.key-program{
  padding-top: 7px;
}
.margin{
  margin-top: 10px!important;
}
.donate-content h5 {
font-size: 15px;
}
.Edudation_card{
  width: 84%;
}
.card-body .card-title{
  font-size: 19px!important;
  line-height: 35px;
}
.text-secondary{
  font-size: 10px !important;
}
.btn-details{
  padding: 4px 16px;
  font-size: 14px;

}
.trichy{
  padding: 50px 37px;
}
.vocational{
  padding-top: 1px;
  text-align: justify !important;
  padding-left: 53px !important;
  font-size: 26px !important;
  padding-right: 19px !important;
}
.about-banner{
  margin-top: 160px;
}
.scholership-sponsers h2{
  font-size: 22px;
  padding: 10px 10px;
  text-align: center;
}
.scholership-sponsers {
       width: 64% !important; 
}
.scholership{
padding: 10px 6px!important;
}
.scholership-sponsers .img-fluid .scholership-img{
  display: block!important;
}
.vocational h4,p{
  text-align: justify!important;
  font-size: 21px;
}
.btn-custom{
  padding: 4px 44px!important;
}
.vocational h4{
text-align: center!important;
margin-left: -38px;
}
.networking-collaboration img{
  width: 100%!important;
  height: 500px!important;
 }
.latest {
  padding: 10px 30px;
}
.latest h3{
  padding: 0rem!important;
  font-size: 20px;
}
.vocational img{
  padding-top: 35px;
    margin-left: -24px;
}
.vocation_training-img{
  width: 31vw!important;
  height: 62vh;
}
.margin{
  margin-top: 0px;
  padding: 0px 10px;
}
.workshop_training{
  padding: 27px 40px;
  position: relative;
  bottom: 239px;
}
.annual-img{
  display: block!important;
} 
.workshop_training h3{
  font-size: 20px;
  line-height: 36px;
}
.annual-img {
position: relative;
    top: 36px;
    right: 45px;
    height: 260px;
}

.margin h6{
  padding: 0px 5px;
        font-size: 16px;
        line-height: 34px;
        margin-top: 7px !important;
        margin-bottom: -31px !important;
        margin-right: -5px !important;
        margin-left: -40px !important;
}
.networking-content h6{
  font-size: 23px;
}
.networking-content h2{
  font-size: 33px;
}
.legal-img{
  width: 100%!important;
  height: 300px!important;
}
.policy_padding{
  padding: 10px 34px;
}
.events-container{
  margin: 0px 63px;
} 
.policy h3{
  text-align: justify;
 font-size: 18px;
}
.policy h2{
  font-size: 26px;
}
}
@media (min-width:1024px) and (max-width: 1054px) {
  .Rehabilitation_Program{
    height: 77vh;
  }
  .angled-shape-content p{
    font-size: 19px;
  }
  .get-container{
    max-width: 958px;
    width: 50vw;
    padding: 0px 12px;
    padding-bottom: 70px;
    padding-top: 47px;
    margin-left: 117px;
    text-align: left;
  }
}
@media (min-width: 1024px) {
.key-programs{
  height: 307px;
}
.education{
  height: 307px;
}
.vocatinal{
  height: 307px;
}

 .cardWith-LRImg p{
  margin-top: -16px;
  padding-top: 22px;
} 

.cardWith-LRImg{
  padding-bottom: 20px!important;
  margin-bottom: 30px !important;
}
.margin h4,p{
  margin-top: 5px!important;
  }
}


@media (min-width: 1280px) and (max-width: 1380px)
{
  .scholership-img{
    width: 80%;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none !important;
  }
  
  
}

@media (min-width:1280px){
  .legal-mobImg-1{
display: none;
  }
}
@media (min-width:1920px){
  .cardWith-LRImg h4{
    font-size: 30px;
  }
  .address_form{
    width: 86%;
    margin-left: 117px;
  }
  .cardWith-LRImg p {
    font-size: 26px;
    line-height: 60px;
  }
  .section-purple h6{
    line-height: 60px!important;
    padding-top: 60px;
    font-size: 23px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 71px;

  }
  .section-purple h4{
    font-size: 33px;
  }
  .section-yellow h4{
    font-size: 33px;
  }
  .section-yellow h6{
    line-height: 60px!important;
    padding-top: 60px;
    font-size: 23px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 71px;
  }
}

@media (min-width: 1024px)  and (max-width:1025px){
  .bg_color img{
    height: 37vh!important;
  }
}
@media (max-width: 600px) {
  .ccard {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .ccard img {
    width: 100%!important;
    max-width: 100%;
    height: auto;
  }

  .card-contant {
    padding: 10px 23px;
    width: auto;
}
  }



  @media (max-width: 1024px) {
    .events-container,
    .annual-collaburation,
    .events-section,
    .row.workshop_camp {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .image-events,
    .text-events,
    .events-eye {
      width: 100% !important;
      padding: 1rem;
    }
  
    .annual-content {
      padding: 1rem;
      text-align: center;
      position: relative;
    }
  
    .button-center {
      display: flex;
      justify-content: center;
      margin-top: 1rem;
    }
  
    .btn-details,
    .btn-events_container,
    .btn-events_container2 {
      width: auto;
      padding: 0.5rem 1.5rem;
    }
  }
  
  @media (max-width: 768px) {
    h2,
    h3,
    h4,
    h5 {
      font-size: 1.25rem;
      text-align: center;
    }
  
    .text-events,
    .events-eye {
      text-align: center;
    }
  
    .btn {
      display: inline-block;
      padding: 4px 35px;
    }
  }

  @media (min-width: 425px) and (max-width: 426px){
    .learning-div h6{
      position: relative;
        left: -178px;
        padding-top: 17px;
    }
    .learning-div h2{
      position: relative;
      left: -174px;
    }
  }
  
  @media (max-width: 480px) {
    .card-title {
      font-size: 1rem;
    }
  
    .card-body h6 {
      font-size: 0.9rem;
    }
  
    .latest h3,
    .workshop_training h3,
    .events-eye h3,
    .events-eye h6 {
      font-size: 1rem;
    }
  
    .btn-details {
      font-size: 0.9rem;
    }
  }


  @media (max-width: 767.98px) {
    .thumbnail-slider .splide__list {
      flex-direction: row !important;
    }
  }


/* Responsive Code */