@media (max-width: 1024px) {
.rkcc-logo {
    height: 98px!important;
  }
  .navbar .navbar-nav .nav-link {
        font-size: 17px!important;
  }
  .banner-area {
    height: 620px!important;
    background-position: right!important;
}
.nav-effect:before {
  top: 30px!important;
}
.banner-content h1 {
  font-size: 40px!important;
}
.banner-content p {
  font-size: 14px!important;
}
.timeline-wrapper .box-container {
    flex-direction: column !important;  
    height: auto !important;            
    overflow: visible !important;
    gap: 20px !important;
    display: flex !important;
  }

  .timeline-wrapper .box {
    width: 100% !important;
    flex: none !important;
    height: auto !important;
    cursor: default !important;
    position: relative !important;
    transform: none !important;
  }

  .timeline-wrapper .overlay {
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    background: rgba(0,0,0,0.7) !important; 
    padding: 90px !important;
    flex-direction: column !important;
    gap: 15px !important;
    display: flex !important;
  }
  .timeline-wrapper .caption {
    display: none !important;
  }

  .timeline-wrapper .overlay .left,
  .timeline-wrapper .overlay .right {
    width: 100% !important;
    padding: 10px !important;
  }

  .timeline-wrapper h5 {
    font-size: 50px !important;
  }

  .timeline-wrapper p,
  .timeline-wrapper li {
    font-size: 23px !important;
    line-height: 1.6 !important;
  }
  .reservation-left p {
    font-size: 27px!important;
  }
  .book-wrapper img {
    width: 100%!important;
    height: 530px!important;
}
.all-pics a {
    position: absolute;
    top: 16%!important;
    right: 7%!important;
  }
  .footer-wrapper .footer-brd p {
    font-size: 14px!important;
}
.footer-brd {
flex-wrap: wrap;
}
.sampark{
  padding-left: 0px!important;
}
.about-us-wrapper .about-img-1 {
  width: 100%!important;
}
.biography-wrapper img {
  height: auto!important;
}
.biography-wrapper .bio-left {
  padding-right: 0px!important;
}
.biography-wrapper .bio-right {
  padding-left: 0px!important;
}
.biography-wrapper p {
  font-size: 17px!important;
}
.bio-right img{
margin-top: 20px;
}
.journey-wrapper .journey-container {
  height: auto!important;
}
.journey-wrapper .journey-container img {
  height: auto!important;
}
.journey-wrapper .side-arrow.right {
    display: none!important;
}
.journey-wrapper .side-arrow.left {
     display: none!important;
}
.journey-wrapper .journey-container {
  border-radius: 0px!important;
}
.journey-wrapper .journey-container img {
  
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}
.customer-card {
  width: 100%!important;
}
.program-information-wrapper p {
  font-size: 16px!important;
}
.custom-modal-wrapper {
    padding: 0px 40px 30px 40px!important;
}
.anukramanika .card-title {
  font-size: 15px!important;
}
}


@media (min-width: 677px) and (max-width: 990px) {
.collection-left-part{
padding-bottom: 250px;
}
.section-gaps-new{
padding: 100px 0px 290px 0px!important;
}
.customer-slider-section{
    margin-top: 40px;
}
.customer-slider .slick-dots {
    left: 60%!important;
}
.custom-modal-wrapper {
    padding: 0px 25px 30px 25px!important;
}
.program-information-wrapper img {
  height: auto!important;
}
.program-information-wrapper h3 {
  margin-top: 40px!important;
}
.quote-wrapper p {
    font-size: 21px!important;
}
.program-img-wrapper img {
    height: 550px!important;
}
.program-contact-wrapper img {
  height: auto!important;
}
.contact-right-part{
  margin-top: 40px;
}
.program-contact-wrapper .contact-form {
  max-width: 100%!important;
}
.program-information-wrapper p {
  font-size: 18px!important;
}
.audio-video-wrapper p {
    font-size: 20px;
    width: 65%;
}
.audio-video-wrapper {
      height: 550px!important;
}
.vibes-item:not(.slick-center) img {
    opacity: 0.8;
    transform: scale(0.6)!important;
}
.behind-wrapper .slick-dots {
    bottom: -44px!important;
}
.icon-container {
  width: 100%!important;
}
.contact-wrapper .whatsapp-container {
  width: 100%!important;
}
.contact-wrapper .contact-form {
  max-width: 100%!important;
}
}

@media (max-width: 676px) {
.primary-btn-new {
font-size: 13px!important;
}
.primary-btn {
font-size: 13px!important;
padding: 9px 18px!important;
}
.banner-content p {
line-height: 30px!important;
font-size: 20px!important;
}

.navbar::before{
display: none;
}
.navbar::after{
display: none;
}
.rkcc-logo {
height: 100px!important;
}
.banner-area {
height: 700px !important;
background-position: left!important;
}
.navbar-toggler {

  border: 0px!important;
}

.nav-effect:before {
  display: none!important;
}

.navbar-toggler:focus {
  box-shadow: none!important;
}
.navbar > div {
display: flex !important;
justify-content: flex-start !important; 
align-items: center !important;
flex-wrap: nowrap !important;
position: relative;
}
.navbar-brand.me-0.d-md-none {
order: 1 !important;
margin-left: 20px !important; 
flex-shrink: 0 !important;
}

.navbar-toggler {
order: 2 !important;
margin-left: auto !important; 
margin-right: 20px !important; 
z-index: 10 !important;
}

.navbar-collapse {
position: absolute !important;
top: 122%!important;
left: 0 !important;
width: 100% !important;
background-color: #4E4E4E;
display: none !important;
z-index: 99999!important;
padding: 10px;
}

.navbar-collapse.show {
display: block !important;
}

.navbar-nav {
width: 100% !important;
flex-direction: column !important;
text-align: left !important;
}

.navbar-nav li {
width: 100% !important;
}
.logo-toggle{
position: relative;
gap: 200px !important;

}
.banner-content{
    margin-top: 100px!important;
    padding: 0px 36px;
}
.reservation-left p {
    font-size: 20px!important;
}
h1{
  font-size: 35px!important;
}
h3{
    font-size: 26px!important;
}

.book-wrapper img {
    width: 100%!important;
    height: auto!important;
}
.book-wrapper .swiper-pagination {
    margin-top: 15px;
}
.quote-wrapper p{
font-size: 20px!important;
}
.text-signature img {
    width: 170px!important;
}

.email-wrapper h3 {
    font-size: 18px!important;
}
.email-wrapper-inner .btn-view {
    width: auto!important;
    font-size: 16px!important;
}
.email-wrapper input::placeholder {
    font-size: 16px!important;
}
 .timeline-wrapper .box-container {
    flex-direction: column !important;  
    height: auto !important;            
    overflow: visible !important;
    gap: 20px !important;
    display: flex !important;
  }

  .timeline-wrapper .box {
    width: 100% !important;
    flex: none !important;
    height: auto !important;
    cursor: default !important;
    position: relative !important;
    transform: none !important;
  }

  .timeline-wrapper .overlay {
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    background: rgba(0,0,0,0.7) !important; 
    padding: 20px !important;
    flex-direction: column !important;
    gap: 15px !important;
    display: flex !important;
  }
  .timeline-wrapper .caption {
    display: none !important;
  }

  .timeline-wrapper .overlay .left,
  .timeline-wrapper .overlay .right {
    width: 100% !important;
    padding: 10px !important;
  }

  .timeline-wrapper h5 {
    font-size: 22px !important;
  }

  .timeline-wrapper p,
  .timeline-wrapper li {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  .sampark{
    padding-left: 0px!important;
  }
  .footer-wrapper {
    background: #1A1A1A;
    padding: 50px 14px 20px 14px!important;
}
.footer-wrapper .footer-brd p {
    font-size: 9px!important;
}
.footer-brd {
flex-wrap: wrap;
}
.all-pics a {
position: absolute;
top: 14%!important;
right: 5%!important;
font-size: 14px!important;

}
.media-pics a {
position: absolute;
top: 4%!important;
right: 10%!important;
font-size: 14px!important;
}
.journey-wrapper .journey-container {
    height: auto!important;
}

.journey-wrapper .side-arrow.right {
    display: none!important;
}
.journey-wrapper .side-arrow.left {
     display: none!important;
}
.email-wrapper-inner{
  padding-bottom: 0px!important;
  margin-top: 0px!important;
}
.email-wrapper {
margin-top: 0px!important;
}
.biography-wrapper .bio-left {
  padding-right: 0px!important;
}

.biography-wrapper img {
  height: auto!important;
}
.biography-wrapper .bio-right {
  padding-left: 0px!important;
}

.bio-right img{
  margin-top: 30px!important;
}
.journey-wrapper .nav-tabs .nav-link {
  font-size: 16px!important;
}
.journey-wrapper .journey-inner p {
  font-size: 16px!important;
}
.journey-wrapper .journey-inner {
    padding: 30px!important;
}
.journey-wrapper .journey-container img {
    height: auto!important;
    object-fit: cover;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius:0px!important;
}
.collection-wrapper .card {
      height: 265px!important;
}
.collection-wrapper .collection-left-part{
padding-bottom: 190px;
}
.section-gaps-new{
    padding: 100px 0px 273px 0px!important;
}
.collection-wrapper .dots{
  top: 215px;
}
.collection-wrapper .collection-left-part p {
  font-size: 16px!important;
}
.anukramanika h2 {
  font-size: 26px!important;
}
.anukramanika h5 {
  font-size: 20px!important;
}
.anukramanika ul li a {
font-size: 16px!important;
}
.anukramanika ul li {
  margin-bottom: 10px!important;
}
.consideration-wrapper .consideration-left{
  padding-right: 0px!important;
}
.consideration-wrapper .consideration-left p {
  font-size: 16px!important;
}
.customer-card {
width: 100%!important;
}
.customer-slider .slick-dots {
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    display: flex !important;
    flex-direction: row!important;
    gap: 10px;
    width: 50px;
    left: 24%;
    bottom: -20%;
    top: auto!important;
}
.customer-slider .slick-center .customer-card {
  transform: translateX(0px) !important;
}
.program-wrapper {
  height: auto!important;
  padding-bottom: 60px;
}
.program-wrapper h3 {
    padding-top: 130px;
}
.program-wrapper .btn-custom {
  font-size: 13px!important;
}
.program-information-wrapper img {
  height:auto!important;
}

.program-information-wrapper h3 {
  margin-top: 40px;
}
.program-information-wrapper p {
  font-size: 16px!important;
}

.program-contact-wrapper img {
  height: auto!important;
}
.program-contact-wrapper .contact-form {
  padding: 30px!important;
}
.program-contact-wrapper .contact-form {
    margin-top: 40px;
}
.program-contact-wrapper .btn-custom {
   font-size: 13px!important;
}

.audio-video-wrapper {
 height:auto!important;
 padding-bottom: 150px;
}

.audio-video-wrapper h1 {
padding-top: 85px;

}
.audio-video-wrapper p {
  display: none;
}
.audio-video-wrapper .group-img{
height: 40px;
}
.audio-video-wrapper .audio-vid-btn{
  top: 50px;
}
.kavita-audio-wrapper .music-icon {
  padding: 14px!important;
}
.kavita-audio-wrapper .audio-info h5 {
  font-size: 17px!important;
}

.kavita-audio-wrapper .audio-info p {
    font-size: 13px!important;
}
.kavita-audio-wrapper .music-icon img {
  height: 45px!important;
}

.vibes-item:not(.slick-center) img {
    opacity: 0.8;
    transform: scale(0.61)!important;
}
.collaborate-wrapper {
      height: 330px!important;
}
.collaborate-wrapper .video-play-button {
  width: 6px!important;
  height: 18px!important;
}
.icon-container {
  width: 100%!important;
}
.contact-left-part .contact-para {
  font-size: 16px!important;
}

.contact-wrapper .contact-form {
  padding: 30px!important;
  margin-top: 40px!important;
}

.contact-wrapper .whatsapp-container {
    width: 100%!important;
}
.contact-wrapper .btn-custom {
  font-size: 13px!important;
}
.custom-modal-wrapper {
    padding: 40px 0px!important;
}

 .customer-slider-section{
margin-top: 40px;
 }
 .custom-modal-wrapper h5 {
font-size: 26px!important;
 }
.custom-modal-wrapper .btn-custom {
  font-size: 13px!important;
}
.Privacy-policy-wrapper h4 {
  font-size: 20px!important;
}
.Privacy-policy-wrapper p, li {
    font-size: 16px!important;
    line-height: 30px;
    
}
.poem-detail-wrapper .poem-box {
      padding: 40px 40px!important;
}
.poem-detail-wrapper .poem-title {
  font-size: 26px!important;
}
.poem-detail-wrapper .accordion-button {
  font-size: 24px!important;
}
.customer-card {
  margin:  auto 32px!important;
}
.consideration-wrapper .btn-custom {
  font-size: 13px!important;
}
.anukramanika .nav-tabs .nav-link {
  font-size: 16px!important;
}
}

@media (min-width: 390px) and (max-width: 412px) {
     .customer-card {
        margin: auto 24px !important;
    }
}