@media (max-width: 767px){
  .banner_kodi {
    padding: 30px 0px;
  }
  .banner_kodi .swiper {
      width: auto;
      height: auto;
  }
  .banner_kodi .content h1 {
    font-size: 20px;
    margin-bottom: 14px;
  }
  .kodi_inside_bg {
    padding: 30px;
  }
  .kodi_porutham_bg img {
     display: none;
  }
  .about_kodi{
    padding: 40px 0px;
  }
  .about_kodi_1{
    height: auto;
  }
  .about_kodi_title h2{
    font-size: 32px;
    line-height: 1.5;
  }
  .about_kodi_title h2 span {
      font-size: 27px;
      line-height: 1.5;
  }
  .about_kodi_title_2 ul li {
      width: 100%;
      margin-bottom: 0.75rem;
  }
  .about_kodi_3 {
      width: 80px;
      height: 80px;
      left: -6px;
  }
  .about_kodi_2{
    margin: 47% 6% 5% 8%;
  }
  .footer_kodi{
    padding: 30px 0px 10px;
  }
  .footer_kodi .foot_address h4, .footer_kodi .foot_quicklink h4, .footer_kodi .foot_socialmedia h4{
    padding-bottom: 10px;
    line-height: 20px;
  }
  .footer_kodi .foot_quicklink ul li {
      width: 100%;
      margin-bottom: 8px;
      list-style: disc;
  }
  .kodi_copyright{
    margin-top: 1rem;
  }
  .kodi_profilecard_container {
      grid-template-columns: auto;
      align-items: center;
      padding: 15px;
  }
  .head_kodi{
    margin-top: 1.5rem;
  }
  .testimonial_couples{
    padding: 30px 0px 200px;
  }
  .why_choose_home:before {
    width: 320px;
    height: 219px;
    left: 0;
    top: -140px;
    margin: 0 auto;
    text-align: center;
    right: 0;
  }
  .why_choose_main {
    padding: 100px 0px 30px;
  }
  .why_choose_home {
      padding: 90px 20px 100px 20px;
  }
  .why_choose_head {
    text-align: center;
  }
  .why_choose_head span {
    font-size: 20px;
  }
  .why_choose_info h2 {
    font-size: 36px;
    line-height: 45px;
  }
  .why_choose_info .why_choose_head p {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 16px;
  }
  .why_choose_main ul li {
    width: 100%;
    padding: 15px;
  }
  .photo_gallery a img{
    margin-bottom: 1rem;
  }
  .profile-detail-image{
    margin: 0 auto;
  }
}

@media (max-width: 1050px) {
  .swiper {
    width: 350px;
    height: 450px;
  }
}

@media (max-width: 930px) {
  .swiper {
    grid-area: slider;
  }

  .content {
    grid-area: content;
    text-align: center;
  }

  .content h1 {
    margin-bottom: 20px;
  }
}

@media (max-width: 470px) {
  .swiper {
    width: 300px;
    height: 400px;
  }
}