@media (min-width:1201px) and (max-width:1300px) {
  .myust {

    margin-top: 5%;
  }

  .right-cntent p {
    width: 320px;
  }
  .slider__item .text-overlay {
    height: 87%;
  }
  
  .text-overlay h3{
    padding-top: 35%;
  font-size: 20px;
  
  }
  
  .over-1{
    width: 300px;
    padding-top:5%;
    padding-right: 5%;
    padding-bottom: 5%;
  }
  
  .text-overlay p{
    font-size: 12px;
  
  }


}

@media (min-width:1302px) and (max-width:1399px) {

  .myust {
    margin-top: 7%;
  }
  .bramarishi h5 {
    margin-top: -52%;
    padding-bottom: 1%;
  }
  .move {
    width: 332px;
    height: 332px;
    border-radius: 100%;
    overflow: hidden;
    object-fit: cover;
    position: relative;
    left: 9%;
    top: -47%;
  }

  
}



@media (min-width:1400px) and (max-width:1540px) {
  
  .over-lay {
  top: 40%;
  }

 
  #over-lay-1,#over-lay-2{
    top: 42%;
  }

 
  .beni{
    color: white;
  }
  .oil-1 {
    width: 160px;
    z-index: -1;
    margin-left: 40%;
    margin-top: -25%;
  }

  .ryt-content h4 {
    margin-top: 6%;
  }

#About{
  font-size: 70px;
}

.About-para{
  font-size: 19px;
}
.About-1{
  padding-top: 10%;
}
  .sub-hed,.sub-hed-1 {
    color: white;
   }
/* contact page */

.det-head h2{
  color: white;
  font-size: 33px;
}

.send{
  margin-top: 2%;

   width: 20%;
  color: white;
  font-size: 22px;
  }

.in-send{
  padding-left: 15%;
  padding-right: 30%;
}

.location i{
  font-size: 20px;
}

.area{
  width: 300px;
  line-height: 20px;
  font-size: 18px;
}

.cell-num,.e-mail{
  font-size: 18px;
}


  /* header icons */

  .menu-icon i{
  font-size: 45px;
  }

  .cn-logo .logo img {
    height: 120px;
    /* Adjust the height as needed */
  }

  .share-icon-1 {
    column-gap: 20px;
    margin-top: -4%;
    padding-right: 15px;


  }


  .popup-close i{

    font-size: 30px;
  }



  .cont-overlay {
    margin-top: 10%;
  }

  .yogo {
    text-align: center;
    padding: 18%;
    margin-left: -20%;
  }

  .Bhava {
    color: white;
    font-family: 'Forum', cursive;
        letter-spacing: 2px;
    font-size: 24px;
  }

  .Namaskaram {
    margin-top: 2%;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 23px;
    width: 450px;
    font-family: 'avenirlight';
    font-size: 100;
  }

  #online_pooja {
    height: 130vh;
  }





  /* ----------------our mission start------------- */

  .mission {
    display: flex;
    width: 100%;
    height: 100vh;

  }


  .lft-imgs .top-img1,
  .book-1 {
    width: 350px;
    border-radius: 10px;
    height: 250px;
    object-fit: cover;
  }

  .lft-imgs .top-img1 {
    position: relative;
    z-index: 2;
    left: 50px;
    top: 70px;
    object-fit: cover;
  }

  .lft-imgs .book-1 {
    position: absolute;
    top: 0;
    left: 0;

    z-index: 1;
  }

  .ryt-content {
    margin-top: -8%;
  }

  .ryt-content h4 {
    font-size: 13px;
    font-family: 'Halant', serif;
    color: white;
    letter-spacing: 2px;
    margin-left: 2%;
  }

  .ryt-content h2 {
    font-size: 75px;
    letter-spacing: 5px;
    font-family: 'bits_indian_calligraregular';
    color: #e0b35e;
    margin-top: -5%;
  }

  .ryt-content p {
    font-family: 'avenirlight';
    line-height: 1.4;
    margin-top: 5%;
    width: 450px;
  }

  /* ----------- our mission end -----------  */

  /* ----------- mystic section start -----------  */
  #mystic {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: -2px;
  }

  .mystic {
    width: 100%;
    margin-bottom: -20px;
    margin-top: 30px;
    height: 90vh;
  }

  .guruji-bg {
    display: flex;
    margin-left: 10px;
    margin-right: 10px;

  }

  .guruji-bg .guruji-bg-1 {
    height: 70vh;
    opacity: 0.3;
    object-fit: fill;
    z-index: -3;
    width: 10%;

  }

  .myust {
    margin-top: 20%;
  }

  .guruji-bg .guruji-bg-2 {
    height: 78vh;

    margin-top: 18px;
    margin-right: 10px;
    z-index: -2;
  }

  .bramarishi {
    background-color: #2b333b;
    width: 80%;
    height: 75vh;
    margin-left: 10px;
    margin-top: 60px;
  }

  .bramarishi h5 {
    margin-top: -69%;
    margin-left: 27%;
    font-size: 13px;
    color: #ddcd8b;
    font-family: 'Halant', serif;
    letter-spacing: 2px;
  }

  .bramarishi h2 {
    margin-top: -10%;
    margin-left: 19%;
    font-size: 85px;
    color: white;
    font-family: 'bits_indian_calligraregular';
    letter-spacing: 4px;
    color: #dfdede;
  }

  .bramarishi .p {
    width: 400px;
    margin-left: 20%;
    font-size: 22px;
    color: #ddcd8b;
    font-family: 'Halant', serif;
    line-height: 1.2;

  }

  .bramarishi .p1 {
    width: 400px;

    margin-top: 2%;
    margin-left: 20%;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'avenirlight';
  }

  .gu {
    margin-top: -1%;
  }

  .guruu {
    z-index: 6;
    width: 30%;
    height: 77vh;
    margin-top: -109%;
    margin-left: 55%;
    border-top-left-radius: 45%;
    border-top-right-radius: 45%;
    opacity: 1;
    object-fit: cover;
  }

  .lrn-btn {
    background-color: rgb(207, 157, 61);
    border: 1px solid rgb(207, 157, 61);
    border-radius: 20px;
    padding: 0px 20px;
    height: 35px;
    font-size: 14px;
    color: white;
    cursor: pointer;
    text-decoration: none;
    margin-top: 3%;
    margin-left: 30%;
    font-family: 'Halant', serif;
    letter-spacing: 2px;
  }

  .lrn-btn:hover {
    border: 1px solid brown;
    background-color: brown;
    color: white;
  }

  .ti-icon {
    margin-top: 52px;
    margin-left: -11%;
    z-index: -6;
  }

  .oil-3 {
    width: 140px;
    z-index: -6;
    margin-left: 48%;
    margin-top: -23%;
  }

  /* ----------- mystic section end -----------  */
  .rty-1 {
    padding-top: 10%;
  }

  
  
  .stdy h5{
    font-size: 40px;

  }

  .stdy p{
    font-size: 18px;
    width: 335px;
  }



  /* ----------- ASHRAM-WIDE section start -----------  */

  .wide {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }

  .cont {
    margin-top: 40px;
    color: #e8e6e6;
    margin-left: 20px;
    font-family: 'Cinzel', serif;
  }

  .cont p {
    font-size: 12px;
  }

  .cont h3 {
    font-size: 80px;
    margin-top: -85px;
    letter-spacing: 5px;
    font-family: 'bits_indian_calligraregular';
    margin-left: -2%;
    color: #e8e6e6;
  }

  .oil-4{
 
    width: 100px;
    z-index: -6;
    margin-left: 55%;
   margin-top: -150px;
 
  
}





  /* ----------- ASHRAM-WIDE section end-----------  */

  /* -----------spiritual development section start-----------  */

  .main {
    display: flex;
    margin-bottom: 6%;
  }

  .slider {
    position: relative;
    justify-content: center;
    align-items: center;
    height: 57vh;
  }

  .slider__container {
    cursor: pointer;
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth;
    column-gap: 5px;

  }

  .slider__container.dragging {
    scroll-behavior: auto;
    cursor: grabbing;
  }



  .txt {

    margin-top: 1px;
    color: #fff;
    padding: 50px;
    padding-left: 100px;
    width: 50%;

  }

  .txt h6 {
    font-family: 'Halant', serif;
    letter-spacing: 2px;
    margin-top: -2%;
  }


  h2 {
    margin-bottom: 10px;
    color: #e0b35e;
    font-family: 'bits_indian_calligraregular';
    letter-spacing: 2px;
  }

  .ass {
    font-size: 18px;
   width: 300px;
    margin-bottom: 20px;
    text-align: left;
    line-height: 1.5;
    font-family: 'avenirlight';
  }

  .arrow-top {
    display: flex;
    column-gap: 10px;
    margin-top: 1%;
  }

  .arrow-top p {

    font-size: 13px;
    font-family: 'Halant', serif;
  }

  .arrow-top svg {
    cursor: pointer;
    margin-left: 10px;
    color: #e0b35e;

  }

  .arrow-top svg:hover {
    color: brown;
  }

  .icon svg {
    color: white;
    cursor: pointer;
    margin-left: 10px;

  }

  .arrow-1 {
    display: flex;
    column-gap: 10px;
  }

  .arrow-1 svg {
    cursor: pointer;
    margin-left: 10px;
    color: #e0b35e;
  }

  .arrow-1 svg:hover {
    color: brown;
  }

  .slider__item .text-overlay {
    height: 89%;
  }
  
  .text-overlay h3{
    padding-top: 43%;
  font-size: 20px;
  
  }
  
  .over-1{
    width: 300px;
    padding-top:5%;
    padding-right: 5%;
    padding-bottom: 5%;
  }
  
  .text-overlay p{
    font-size: 14px;
  width: 200px;
  }



  /* -----------spiritual development section end-----------  */


  /* -----------LIVING  section start----------- */

  .vedha {
    display: flex;
    column-gap: 10%;
    overflow: hidden;
  }

  .living {

    margin-top: 10%;
    margin-left: 8%;
  }

  .living p {
    font-size: 16px;
    margin-top: 16%;
    text-align: center;
    font-family: 'Halant', serif;
    line-height: 1.2;
    font-family: 'halantlight';
  }

  .living p {
    width: 400px;
    color: #e8e6e6;
  }

  .living h6 {

    margin-left: 7%;
    font-family: 'Halant', serif;
    letter-spacing: 2px;
    font-size: 14px;
    color: white;
  }

  .living h3 {
    color: #e0b35e;
    font-family: 'bits_indian_calligraregular';
    font-size: 100px;
    margin-left: 5%;
    margin-top: -7%;
    letter-spacing: 5px;
  }

  .right-cntent {
    display: flex;
    background-color: #c79e53;
    opacity: 0.9;
    border-radius: 20px;
    margin-top: 10%;
    height: 55vh;
    margin-right: 60px;
  }

  .back {
    margin-left: -60px;
    margin-right: 30px;
    margin-top: 1%;
  }

  .right-cntent .hed {
    font-size: 20px;
    margin-bottom: -1%;
    margin-top: 5%;
    color: white;
    font-family: 'Halant', serif;
  }

  .back .sb-hed {
    font-size: 16px;
    color: white;
    font-family: 'Halant', serif;
    margin-top: 5%;
  }

  .right-cntent p {
    width: 350px;
    font-size: 14px;
    line-height: 1.3;
    color: white;
    margin-top: 5%;
    font-family: 'avenirlight';
  }

  .right-cntent img {
    border-radius: 20px;
    height: 55vh;
    width: 70%;
    text-align: center;
    object-fit: cover;
    transition: filter 0.7s ease-in-out;
  }


  .ved-btn {
    background-color: rgb(169, 47, 14);
    border: 1px solid rgb(169, 47, 14);
    border-radius: 20px;
    height: 28px;
    margin-top: 10%;
    font-family: 'Halant', serif;
    margin-left: 20%;
    font-size: 5px;
    height: 30px;
    padding: 10px 20px;
    font-size: 13px;
    color: white;
    cursor: pointer;
    text-decoration: none;
    letter-spacing: 2px;
  }

  .ved-btn:hover {
    color: white;
    background-color: rgb(112, 109, 109);
    border-color: rgb(112, 109, 109);
  }


  .authour-1 {
    font-family: 'Mr De Haviland', cursive;
    color: white;
    text-align: center;

    margin-left: 60%;
    font-size: 22px;
  }

  .lft-btn {
    background-color: #711f09;
    border: 1px solid #711f09;
    height: 40px;
    border-radius: 20px;

    margin-left: 24%;
    margin-top: 20%;
    color: white;
    font-family: 'Halant', serif;
    padding: 0px 20px;
    font-size: 15px;
    letter-spacing: 2px;
    cursor: pointer;
    text-decoration: none;
  }

  .lft-btn:hover {
    color: white;
    background-color: #e0b35e;
    border-color: #e0b35e;
  }



  .oil {
    width: 160px;
    z-index: -1;
    margin-left: 55%;
    margin-top: -10%;
  }

  .com-yoga {
margin-left: 10.5%;  }


  /* -----------LIVING  section end----------- */

  .oil-2 {
    width: 200px;
    height: 90px;
    margin-left: 5%;

  }

  .name h2 {
    font-family: none;
    color: white;
}

  .pooja {
    margin-top: 2%;
    margin-left: -17%;
    width: 100%;
    padding-top: 5%;
  }

  .pooja h6 {

    font-family: 'Halant', serif;
    letter-spacing: 2px;
    font-size: 14px;
    margin-left: 2%;
  }

  .pooja p {
    width: 450px;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'avenirlight';
  }

  .pooja h6,
  h3,
  p {
    color: white;
  }

  .pooja h3 {
    color: #ce9c3c;
    font-family: 'bits_indian_calligraregular';
    font-size: 100px;
    margin-top: -6%;
    letter-spacing: 5px;

  }

  .fire-btn {
    background-color: #711f09;
    border: 1px solid #711f09;
    border-radius: 20px;
    height: 40px;
    margin-left: 15%;
    margin-top: 15%;
    color: white;
    margin-bottom: 15%;
    font-family: 'Halant', serif;
    padding: 0px 20px;
    font-size: 14px;
    letter-spacing: 2px;
    cursor: pointer;
    text-decoration: none;
  }



  .mandala img {
    width: 100%;
    margin-left: -10%;
    margin-top: 10%;
  }

  .vel img {
    margin-left: -36%;
    margin-top: 55%;
    height: 70vh;
  }

  .move {
    width: 320px;
    height: 317px;
    border-radius: 100%;
    overflow: hidden;
    object-fit: cover;
    position: relative;
    left: 9%;
    top: -47%;
  }





  /* -------------menu close------------------ */

  .popup-close {
    position: absolute;
    top: 30px;
    left: 65px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    padding-top: 6px;
    padding-left: 9px;
  }

 

  /* -----------------------banner page-------------------------- */


  .img {
    display: grid;
    position: fixed;
    justify-content: right;
    right: 0;
    color: peru;
    position: absolute;
    cursor: pointer;
    margin-top: 290px;
    left: 440px
  }

  .img3 {
    display: grid;
    position: fixed;
    justify-content: right;
    right: 0;
    margin-left: -30%;
    color: peru;
    position: absolute;
    cursor: pointer;
    margin-top: 290px;
    left: 1445px
  }

  .img10 {
    display: grid;
    position: fixed;
    justify-content: right;
    right: 0;
    margin-left: 68%;
    color: peru;
    position: absolute;
    cursor: pointer;
    margin-top: 290px;
    left: 430px;

  }



  #icon {

    display: none;
    width: 695px;
    justify-content: right;

    float: right;
    color: rgb(163, 163, 165);
    position: absolute;
  }

  #icon {
    display: none;
  }

  .img:hover+#icon {
    display: block;
  }

  .img3:hover+#icon {
    display: block;
  }


  .img10:hover+#icon {
    display: block;
  }

  .authour-0 {
    display: grid;
    justify-content: center;
    margin-top: 195px;
    font-size: 30px;
    position: absolute;
    width: 450px;
    font-family: 'Mr De Haviland', cursive;
    color: #f1f1f1;

  }


  .grid {

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }


  .share {
    position: absolute;
    width: 400px;
    left: 19%;
    margin-left: -180px;
    top: 90%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-1 {
    position: absolute;
    width: 400px;
    left: 13%;
    margin-left: 490px;
    top: 90%;

    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-2 {
    position: absolute;
    width: 400px;
    left: 12%;
    margin-left: 63%;
    top: 90%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-3 {
    position: absolute;
    width: 400px;
    left: 19%;
    margin-left: -180px;
    top: 133%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-4 {
    position: absolute;
    width: 400px;
    left: 13%;
    margin-left: 490px;
    top: 133%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-5 {
    position: absolute;
    width: 400px;
    left: 10%;
    margin-left: 65%;
    top: 133%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-6 {
    position: absolute;
    width: 400px;
    left: 19%;
    margin-left: -180px;
    top: 176%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-7 {
    position: absolute;
    width: 400px;
    left: 13%;
    margin-left: 490px;
    top: 176%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }


  .share-8 {
    position: absolute;
    width: 400px;
    left: 10%;
    margin-left: 65%;
    top: 176%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  #main-voun{
    height: auto;
   margin-bottom: -1px;
  }

  .become h3{
    font-size: 42px;
  }

  .become p{
    font-size: 16px;

  }
  #volun-form{
    margin-top: -2%;
  }

  
}


@media (min-width:1540px) and (max-width:1720px) {

  .card.custom-media-query-class{
    width: 30rem;
  }
.high .custom-media-query-class{
  margin: 15px;
}
  .over-lay {
    position: relative;
    height: auto;
    width: 100%;
    top: 44.5%;
    padding: 2%;
    background: linear-gradient(to top, rgba(64,25,14, 0.8), transparent);
  }

  #over-lay-1,#over-lay-2{
    top: 43%;

  }


  .beni{
    color: white;
  }


 .content #content{
  font-size: 17px;
  line-height: 26px;
 }
  #About{
    margin-top: 4%;
    font-size: 70px;
}


  
  .About-para{
    font-size: 19px;
    padding-right: 6%;
    align-items: center;
    text-align: center;
  }

  .About-1{
    padding-top: 10%;
  }
  
/* contact page */

.det-head h2{
  color: white;
  font-size: 35px;
}

.send{
  margin-top: 2%;

   width: 20%;
  color: white;
  font-size: 22px;
  }

.in-send{
  padding-left: 15%;
  padding-right: 30%;
}

.location i{
  font-size: 20px;
}

.area{
  width: 300px;
  line-height: 20px;
  font-size: 20px;
}

.cell-num{
  font-size: 20px;
  width: 130px;
}

.e-mail{
  font-size: 20px;
}

.social-icon i{
  font-size: 30px;
}

  /* header icons  */

  .menu-icon i{
    font-size: 50px;
    }
  
    .cn-logo .logo img {
      height: 140px;
      /* Adjust the height as needed */
    }
  
    .share-icon-1 {
      column-gap: 20px;
      margin-top: -4%;
  
  
    }
  
    .popup-close i{
      font-size: 40px;
    }

  .contact-us{
  
  padding-bottom: 1%;
  }

  #l1{
    font-size: 90px;
    color: e0b35e;
  }

  .yogo {
    text-align: center;
    padding: 18%;
    margin-left: -20%;
  }

  .Bhava {
    color: white;
    font-family: 'Forum', cursive; 
     letter-spacing: 2px;
    font-size: 24px;
  }

  .Namaskaram {
    margin-top: 2%;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 23px;
    font-family: 'avenirlight';
    width: 450px;
  }

  #online_pooja {
    height: 120vh;
  }

 

.stdy-1 h5{
  font-size: 50px;

}
  .stdy h5 {
    font-size: 50px;

  }

  .stdy p{
    font-size: 20px;
    width: 380px;
  }

  .stdy-1 p{
    font-size: 20px;
    width: 380px;
  }

.ryt{
 
  padding-left: 5%;
 
}

  .rty-1 {
    position: relative;
  padding-top: 80px;

    padding-left: 5%;
  
  }

  .rightcol{
     padding-top: 9%;
  }
  /* ----------------our mission start------------- */

  .mission {
    display: flex;
    width: 100%;
    height: 100vh;

  }


  .lft-imgs .top-img1,
  .book-1 {
    width: 350px;
    border-radius: 10px;
    height: 250px;
    object-fit: cover;
  }

  .lft-imgs .top-img1 {
    position: relative;
    z-index: 2;
    left: 50px;
    top: 70px;
    object-fit: cover;
  }

  .lft-imgs .book-1 {
    position: absolute;
    top: 0;
    left: 0;

    z-index: 1;
  }

  .ryt-content {
    margin-top: -8%;
  }

  .ryt-content h4 {
    font-size: 13px;
    font-family: 'Halant', serif;
    color: white;
    letter-spacing: 2px;
    margin-left: 2%;
    margin-top: 8% ;
  }

  .ryt-content h2 {
    font-size: 75px;
    letter-spacing: 5px;
    font-family: 'bits_indian_calligraregular';
    color: #e0b35e;
    margin-top: -5%;
  }

  .ryt-content p {
    font-size: 20px;
    font-family: 'avenirlight';
    line-height: 1.4;
    margin-top: 5%;
    width: 500px;
  }

  .oil-1 {
    width: 160px;
    z-index: -1;
    margin-left: 35%;
    margin-top: -21%;
  }
  /* ----------- our mission end -----------  */

  /* ----------- mystic section start -----------  */
  #mystic {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: -2px;
  }

  .mystic {
    width: 100%;
    margin-bottom: -20px;
    margin-top: 30px;
    height: 90vh;
  }

  .guruji-bg {
    display: flex;
    margin-left: 10px;
    margin-right: 10px;

  }

  .guruji-bg .guruji-bg-1 {
    height: 70vh;
    opacity: 0.3;
    object-fit: fill;
    z-index: -3;
    width: 10%;

  }

  .guruji-bg .guruji-bg-2 {
    height: 78vh;

    margin-top: 8px;
    z-index: -2;
  }

  .bramarishi {
    background-color: #2b333b;
    width: 80%;
    height: 75vh;
    margin-top: 60px;
  }

  .bramarishi h5 {
    margin-top: -45%;
    margin-left: 27%;
    font-size: 15px;
    color: #ddcd8b;
    font-family: 'Halant', serif;
    letter-spacing: 2px;
  }

  .bramarishi h2 {
    margin-top: -9%;
    margin-left: 22%;
    font-size: 85px;
    color: white;
    font-family: 'bits_indian_calligraregular';
    letter-spacing: 4px;
    color: #dfdede;
  }

  .bramarishi .p {
    width: 500px;

    margin-top: 1%;
    margin-left: 20%;
    font-size: 28px;
    color: #ddcd8b;
    font-family: 'Halant', serif;
    line-height: 1.2;

  }

  .bramarishi .p1 {
    width: 500px;

    margin-top: 5%;
    margin-left: 20%;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    font-family: 'avenirlight';
  }

  .gu {
    margin-top: -1%;
  }

  .guruu {
    z-index: 6;
    width: 30%;
    height: 76vh;
    margin-top: -109%;
    margin-left: 56%;
    border-top-left-radius: 45%;
    border-top-right-radius: 45%;
    opacity: 1;
    object-fit: cover;
  }

  .lrn-btn {
    background-color: rgb(207, 157, 61);
    border: 1px solid rgb(207, 157, 61);
    border-radius: 20px;
    padding: 0px 20px;
    height: 35px;
    font-size: 14px;
    color: white;
    cursor: pointer;
    text-decoration: none;
    margin-top: 3%;
    margin-left: 30%;
    font-family: 'Halant', serif;
    letter-spacing: 2px;
  }

  .lrn-btn:hover {
    border: 1px solid brown;
    background-color: brown;
    color: white;
  }

  .ti-icon {
    margin-top: 52px;
    margin-left: -11%;
    z-index: -6;
  }

  .oil-3 {
    width: 160px;
    z-index: -6;
    margin-left: 46%;
    margin-top: -23%;
  }

  /* ----------- mystic section end -----------  */

  /* ----------- ASHRAM-WIDE section start -----------  */

  .wide {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .cont {
    margin-top: 40px;
    color: #e8e6e6;
    margin-left: 20px;
    font-family: 'Cinzel', serif;
  }

  .cont p {
    font-size: 12px;
  }

  .cont h3 {
    font-size: 80px;
    margin-top: -85px;
    letter-spacing: 5px;
    font-family: 'bits_indian_calligraregular';
    margin-left: -2%;
    color: #e8e6e6;
  }

  .oil-4{
 
    width: 100px;
    z-index: -6;
    margin-left: 50%;
   margin-top: -150px;
 
  
}


  .wide {
    height: 100vh;
  }




  /* ----------- ASHRAM-WIDE section end-----------  */

  /* -----------spiritual development section start-----------  */

  .main {
    display: flex;
    margin-bottom: 6%;
  }

  .slider {
    position: relative;
    justify-content: center;
    align-items: center;
    height: 57vh;
  }

  .slider__container {
    cursor: pointer;
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth;
    column-gap: 5px;

  }

  .slider__container.dragging {
    scroll-behavior: auto;
    cursor: grabbing;
  }



  .txt {

    margin-top: 1px;
    color: #fff;
    padding: 50px;
    padding-left: 100px;
    width: 50%;

  }

  .txt h6 {
    font-family: 'Halant', serif;
    letter-spacing: 2px;
    margin-top: -2%;
  }


  h2 {
    margin-bottom: 10px;
    color: #e0b35e;
    font-family: 'bits_indian_calligraregular';
    letter-spacing: 2px;
  }

  .ass {
    width: 400px;
    font-size: 20px;
    margin-top: 3%;
    margin-bottom: 20px;
    text-align: left;
    line-height: 1.5;
    font-family: 'avenirlight';
  }

  .arrow-top {
    display: flex;
    column-gap: 10px;
    margin-top: 10%;
  }

  .arrow-top p {

    font-size: 18px;
    font-family: 'Halant', serif;
  }

  .arrow-top svg {
    cursor: pointer;
    margin-left: 10px;
    color: #e0b35e;

  }

  .arrow-top svg:hover {
    color: brown;
  }

  .icon svg {
    color: white;
    cursor: pointer;
    margin-left: 10px;

  }

  .arrow-1 {
    display: flex;
    column-gap: 10px;
  }

  .arrow-1 svg {
    cursor: pointer;
    margin-left: 10px;
    color: #e0b35e;
  }

  .arrow-1 svg:hover {
    color: brown;
  }

  
.slider__item .text-overlay {
  height: 90.5%;
}

.text-overlay h3{
  padding-top: 45%;
font-size: 23px;

}

.over-1{
  width: 300px;
  padding-top:5%;
  padding-right: 5%;
  padding-bottom: 5%;
}

.text-overlay p{
  font-size: 15px;
   width: 250px;
}
  /* -----------spiritual development section end-----------  */


  /* -----------LIVING  section start----------- */

  .vedha {
    display: flex;
    column-gap: 10%;
    overflow: hidden;
  }

  .living {

    margin-top: 10%;
    margin-left: 8%;
  }

  .living p {
    font-size: 16px;
    margin-top: 16%;
    text-align: center;
    font-family: 'Halant', serif;
    line-height: 1.2;
    font-family: 'halantlight';
  }

  .living p {
    width: 500px;
    color: #e8e6e6;
  }

  .living h6 {

    margin-left: 7%;
    font-family: 'Halant', serif;
    letter-spacing: 2px;
    font-size: 14px;
    color: white;
  }

  .living h3 {
    color: #e0b35e;
    font-family: 'bits_indian_calligraregular';
    font-size: 100px;
    margin-left: 5%;
    margin-top: -7%;
    letter-spacing: 5px;
  }

  .right-cntent {
    display: flex;
    background-color: #c79e53;
    opacity: 0.9;
    border-radius: 20px;
    margin-top: 10%;
    height: 55vh;
    margin-right: 60px;
  }

  .back {
    margin-left: -60px;
    margin-right: 30px;
    margin-top: 1%;
  }

  .right-cntent .hed {
    font-size: 20px;
    margin-bottom: -1%;
    margin-top: 5%;
    color: white;
    font-family: 'Halant', serif;
  }

  .back .sb-hed {
    font-size: 18px;
    color: white;
    font-family: 'Halant', serif;
    margin-top: 5%;
  }

  .right-cntent p {
    width: 480px;
    font-size: 18px;
    line-height: 1.3;
    color: white;
    margin-top: 4%;
    font-family: 'avenirlight';
  }

  .right-cntent img {
    border-radius: 20px;
    height: 55vh;
    width: 70%;
    text-align: center;
    object-fit: cover;
    transition: filter 0.7s ease-in-out;
  }

 

  .ved-btn {
    background-color: rgb(169, 47, 14);
    border: 1px solid rgb(169, 47, 14);
    border-radius: 20px;
    height: 28px;
    margin-top: 10%;
    font-family: 'Halant', serif;
    margin-left: 20%;
    font-size: 5px;
    height: 30px;
    padding: 10px 20px;
    font-size: 13px;
    color: white;
    cursor: pointer;
    text-decoration: none;
    letter-spacing: 2px;
  }

  .ved-btn:hover {
    color: white;
    background-color: rgb(112, 109, 109);
    border-color: rgb(112, 109, 109);
  }


  .authour-1 {
    font-family: 'Mr De Haviland', cursive;
    color: white;
    text-align: center;

    margin-left: 60%;
    font-size: 22px;
  }

  .lft-btn {
    background-color: #711f09;
    border: 1px solid #711f09;
    height: 40px;
    border-radius: 20px;

    margin-left: 28%;
    margin-top: 15%;
    color: white;
    font-family: 'Halant', serif;
    padding: 0px 20px;
    font-size: 15px;
    letter-spacing: 2px;
    cursor: pointer;
    text-decoration: none;
  }

  .lft-btn:hover {
    color: white;
    background-color: #e0b35e;
    border-color: #e0b35e;
  }



  .oil {
    width: 160px;
    z-index: -1;
    margin-left: 55%;
    margin-top: -10%;
  }

  /* -----------LIVING  section end----------- */

  .oil-2 {
    width: 200px;
    height: 90px;
    margin-left: 5%;

  }

  .name h2 {
    font-family: none;
    color: white;
}


  .pooja {
    margin-top: 2%;
    margin-left: -17%;
    width: 100%;
    padding-top: 5%;
  }

  .pooja h6 {

    font-family: 'Halant', serif;
    letter-spacing: 2px;
    font-size: 14px;
    margin-left: 2%;
  }

  .pooja p {
    width: 500px;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'avenirlight';
  }

  .pooja h6,
  h3,
  p {
    color: white;
  }

  .pooja h3 {
    color: #ce9c3c;
    font-family: 'bits_indian_calligraregular';
    font-size: 100px;
    margin-top: -6%;
    letter-spacing: 5px;

  }

  .fire-btn {
    background-color: #711f09;
    border: 1px solid #711f09;
    border-radius: 20px;
    height: 40px;
    margin-left: 15%;
    margin-top: 15%;
    color: white;
    margin-bottom: 15%;
    font-family: 'Halant', serif;
    padding: 0px 20px;
    font-size: 14px;
    letter-spacing: 2px;
    cursor: pointer;
    text-decoration: none;
  }



  .mandala img {
    width: 100%;
    margin-left: -10%;
    margin-top: 10%;
  }

  .vel img {
    margin-left: -36%;
    margin-top: 55%;
    height: 70vh;
  }

  .move {
    width: 380px;
    height: 377px;
    border-radius: 100%;
    overflow: hidden;
    object-fit: cover;
    position: relative;
    left: 7%;
    top: -47%;
  }


 



  /* -------------menu close------------------ */

  .popup-close {
    position: absolute;
    top: 45px;
    left: 190px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    padding-top: 6px;
    padding-left: 9px;
  }


  /* -----------------------banner page-------------------------- */


  .img {
    display: grid;
    position: fixed;
    justify-content: right;
    right: 0;
    color: peru;
    position: absolute;
    cursor: pointer;
    margin-top: 290px;
    left: 440px
  }

  .img3 {
    display: grid;
    position: fixed;
    justify-content: right;
    right: 0;
    margin-left: -30%;
    color: peru;
    position: absolute;
    cursor: pointer;
    margin-top: 290px;
    left: 1445px
  }

  .img10 {
    display: grid;
    position: fixed;
    justify-content: right;
    right: 0;
    margin-left: 68%;
    color: peru;
    position: absolute;
    cursor: pointer;
    margin-top: 290px;
    left: 430px;

  }



  #icon {

    display: none;
    width: 695px;
    justify-content: right;

    float: right;
    color: rgb(163, 163, 165);
    position: absolute;
  }

  #icon {
    display: none;
  }

  .img:hover+#icon {
    display: block;
  }

  .img3:hover+#icon {
    display: block;
  }


  .img10:hover+#icon {
    display: block;
  }

  .authour-0 {
    display: grid;
    justify-content: center;
    margin-top: 195px;
    font-size: 30px;
    position: absolute;
    width: 450px;
    font-family: 'Mr De Haviland', cursive;
    color: #f1f1f1;

  }


  .grid {

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }


  .share {
    position: absolute;
    width: 400px;
    left: 19%;
    margin-left: -180px;
    top: 90%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-1 {
    position: absolute;
    width: 400px;
    left: 13%;
    margin-left: 490px;
    top: 90%;

    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-2 {
    position: absolute;
    width: 400px;
    left: 12%;
    margin-left: 63%;
    top: 90%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-3 {
    position: absolute;
    width: 400px;
    left: 19%;
    margin-left: -180px;
    top: 133%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-4 {
    position: absolute;
    width: 400px;
    left: 13%;
    margin-left: 490px;
    top: 133%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-5 {
    position: absolute;
    width: 400px;
    left: 10%;
    margin-left: 65%;
    top: 133%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-6 {
    position: absolute;
    width: 400px;
    left: 19%;
    margin-left: -180px;
    top: 176%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }

  .share-7 {
    position: absolute;
    width: 400px;
    left: 13%;
    margin-left: 490px;
    top: 176%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }


  .share-8 {
    position: absolute;
    width: 400px;
    left: 10%;
    margin-left: 65%;
    top: 176%;
    margin-top: -40px;
    border-radius: 80px;
    color: #a3a3a5;
  }


  .cont-overlay {
    margin-top: 10%;
    width: 40%;
  }

  .message {
    width: 100%;
  }
  #main-voun{
    height: auto;
  }

  .become h3{
    font-size: 48px;
  }

  .become p{
    font-size: 18px;

  }
  #volun-form{
    margin-top: -2%;
  }

  .sub-hed,.sub-hed-1 {
    color: white;
   }

  .hig {
    display: none;
    position: relative;
    margin-left:-14%;

}

}



/* @media (min-width:1721px) {
 
} */
@media (min-width:1721px) and (max-width:1920px) {

  .card.custom-media-query-class{
    width: 33rem;
  }
  
  .beni{
    color: white;
  }
.lft-imgs {
  position: relative;

  margin-top: -13%;

}

.lft-imgs .top-img1,
.book-1 {
  width: 550px;
  border-radius: 10px;
  height: 460px;
  object-fit: cover;
}

.lft-imgs .top-img1 {
  position: relative;
  z-index: 2;
  left: 60px;
  top: 90px;
  object-fit: cover;
}

.lft-imgs .book-1 {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 1;
}

.ryt-content {
padding-top: 5%;
}

.ryt-content h4 {
  font-size: 15px;
  font-family: 'Halant', serif;
  color: white;

}

.ryt-content h2 {
  font-size: 95px;
  font-family: 'bits_indian_calligraregular';
  
  z-index: 1;
}

.ryt-content p {
  font-family: 'avenirlight';
  
  width: 600px;
  font-size: 25px;
}



  .ASHRAM-WIDE {
    padding-top: 35px;
    padding-left: 20px;
   }
  .cont {
    padding-top: 3%;
  margin-left: 40px;
    font-family: 'Cinzel', serif;
  }
  
  .cont p {
    font-size: 15px;
  }
  
  .cont h3 {
   font-size: 120px;
  }

  .rightcol{
    padding-top: 20%;
 }

 .ryt{
 
  padding-left: 5%;
 
}

  .rty-1 {
    position: relative;
  padding-top: 100px;

    padding-left: 5%;
  
  }
 .stdy-1 h5{
  font-size: 60px;

}
  .stdy h5 {
    font-size: 60px;

  }

  .stdy p{
    font-size: 25px;
    width: 470px;
  }

  .stdy-1 p{
    font-size: 25px;
    width: 470px;
  }

  .out-txt p {

    font-size: 25px;
  }


  .carousel-item {
    position: relative;
    color: white;
  }
  
  .items {
    position: absolute;
    top: 0;
    left: -30%;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  
    padding: 20px;
  }
  
  
  .items1 {
    position: absolute;
    top: 0;
    left: 0%;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  
    padding: 20px;
  }
  
  .Bhava {
    font-size: 44px;
    
    font-family: 'Forum', cursive;
  }
  
  .Namaskaram {
    font-size: 22px;
    margin-top:20px;
    text-align: center;
    font-family: 'avenirlight';
      line-height: 40px;
    width: 650px;
    font-weight: 100;
  }

.slider{
    height: 45vh;
  }


  .txt {
    padding-top: 5%;
    width: 40%;
  }

  .txt h6 {
    font-family: 'Halant', serif;

    font-size: 30px;
  }

  .txt p{
    font-size: 22px;
  }

  .living {

    margin-top: 15%;
    margin-left: 8%;
  }

  .living h6 {
  font-size: 20px;
  }

  .living h3 {
  font-size: 120px;
  padding-top: 50px;
  }

  .living p{
font-size: 22px;
line-height: 30px;
width: 700px;
  }
  
  .lft-btn {
    height: 60px;
  }

  .back {
  
    margin-top: 1%;
  }
  
.right-cntent .hed {
  font-size:30px;
  margin-bottom: -1%;
  margin-top: 5%;
  color: white;
  font-family: 'Halant', serif;
}

.back .sb-hed {
  font-size: 18px;
  color: white;
  font-family: 'Halant', serif;
  margin-top: 10%;
}

.right-cntent p {
 width: 400px;
  font-size: 20px;
  line-height: 1.5;
  
  margin-top: 10%;
  font-family: 'avenirlight';
}

.ved-btn {
height: 40px;
width: auto;
}

.oil {
  width: 160px;
  z-index: -1;
  margin-left: 50%;
  margin-top: -40%;
}



.online {
  margin-top: 5%;
}

.pooja{
  margin-top: 5%;
  padding-left: 2%;
}



.pooja h6 {
  font-size: 22px;
}


.pooja h3 {
  font-size: 140px;
  padding-top: 2%;
}


.pooja p {
  font-size: 23px;
  width: 600px;
}
.vel{
  margin-top: -5%;
}

.fire-img{
  margin-left: -10%;
}

.fire-btn{
  height: 50px;
  width: auto;
  font-size: 20px;
}

.move{
  width: 505px;
height: 500px;
}

.music-control{
  font-size: 40px;
}

.oil-2 {
  width: 250px;
  height: 120px;
  margin-top: 10%;
  margin-left: 2%;
}


.carousel-item img{
  height: 80vh;
  object-fit: cover;
}


.us-cont {
  margin-top: 2%;
  color: white;
  margin-left: 20px;

}

.us-cont .para {
  font-family: 'Halant', serif;
  letter-spacing: 2px;
  font-size: 18px;
}


.us-cont h3 {
  margin-top: -32px;
  font-size: 100px;
  margin-left: 26px;
  color: #e0b35e;
  font-family: 'bits_indian_calligraregular';
  letter-spacing: 5px;
}

.cont-overlay{
  margin-top: 18%;
  width: 45%;

}

.get h3{
font-size: 30px;
}

.get label{
  font-size: 22px;
}

.submit, .contact{
  margin-top: 2%;
  font-size: 30px;
   border-radius: 4px;
   padding: 3%;
   width: 100%;
}

#message{
  max-height: 200px;
  min-height: 100px;
 width: 100%;
}

.line{
  border: 1px solid white;
  width: 320px;
  
}

.or{
  font-size: 25px;
}

input{
  width: 100%;
  font-family: 'avenirlight';
}

#email, #name{
  height: 50px;
}



.guruu {
 width: 35%;
}

.myust{
  

}




}






@media (min-width:1920px) and (max-width:2400px) {

.rightcol {
display:flex;
padding-top: 10% ;
}

.beni{
  color: white;
}

.over-lay {
  position: relative;

  height: auto;
  width: 100%;
  top: 58%;
  background: linear-gradient(to top, rgba(64,25,14, 0.8), transparent);

}

#over-lay-1{
  top: 57%;
}

.rightcol .stdy-1{
  margin-top: -20%;
}


#stdy{
  padding-top: 10%;

}
#stdy-1{
  padding-top: 15%;
}

#spirtiturl{
  height: 45%;
}

#courses{
  height: 45%;
}

#service{
  height: 45%;

}

#sliderContainer{
  height: 85%;
}
}
/* ------------------------------ mobile view ---------------------------------- */


@media  (max-width:768px) {

  .volunteer-list{
    list-style: disc;
    padding-left: 10%;
    text-align: left;
  }
  

  #carouselExampleControls1{
    display: block;
  }

  #carouselExampleControls{
    display: none;
  }
  
  .con-main{
    display: block;
  width: 100%;
  
  }

  .oil-4{
    margin-left: 130%;
  }

  /* banner section start */

  /* .audio-control{
    font-size: 20px;
    top: 65%;
  } */


  .music-control{
    font-size: 30px;
    margin-top: 30%;
    
  }

  body {
    width: 100%;
    overflow-x: hidden;


  }

  .banner {
    /* position: relative; */
    /* height: 100vh; */
  }

  .cn-logo {
    padding-left: 0px;
    width: 190px;
      }

  .cn-logo .logo img {
    height: 60px;
  }

  /* .share-icon {
    padding-right: 30px;
  } */

  .menu-icon i {
    margin-left: -65%;
    font-size: 30px;
  }

  .menu-popup {
    padding: 30px;
  }

  .menu-item1 {
    padding-left: 30px;
    padding: 10px;
  }

  .pop-hed {
    font-size: 30px;

  }

  .menu-item {
    margin: 10px 0;
    padding: 5px;
  }

  #scroll {
    height: 40vh;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .pop-hed {
    font-size: 30px;
    margin-left: 2%;
    margin-top: 2%;
    border-bottom: 1px solid rgba(64, 25, 14, 0.9);
  }

  .head-side {
    margin-top: 1%;
    font-size: 30px;
  }

  .side-head {
    margin-top: 2%;
    font-size: 30px;
  }

  .navbar {
    height: auto;
  }

  #pooja-menu {
    margin-top: 0;
  }

  .popup-close {
    position: absolute;
    left: 40px;
    top: 10px;
  }

  .share-icon-1 {
    display: none;  
  }

  .menu-popup .bg-video {

    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
  }

  .share-icon {
    display: none; 
  }


  .video-container {


    width: 100%;
    height: 100vh;
    overflow: hidden;
    object-fit: cover;
    z-index: -2;
  }

  /* Style the video to cover the container */
  .video-container video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }
  .ex-btn {
    display: flex;
    align-items: center;
    justify-content: center;
   margin-top: -20%;
   
  }
  
  .ex-btn .btn {
    border-color: black;
    border-radius: 15px;
    height: 55px;
    font-size: 10px;
    z-index: 99999;
  }

  
  .ex-btn .btn:hover {
    background-color: rgba(64,25,14, 0.9);
    color: #fff;
  }

  .audio-control{
  
    margin-top: -12%;

  }

  .ads h6{
   padding-top: 10%;
   padding-bottom: 10%;

   color: #fff;
   font-size: 12px;
  }
  .ads{
   display: block;
   align-items: center;
   justify-content: center;
   margin-top: -60%;
   width: auto;
  }

  .ads-logo{
    display: flex;
    text-align: center;
    font-size: 14px
  }
  .ads img{
  display: none;
  }

  .instrust{
  
  }

  .instrust button{
 
  }

  .popup-close-btn{
  }

  /* banner section end */


  /* our mission  section start */


  #our-mission {
    padding-top: 20%;
    width: 100%;
    height: auto;
  }

  .mission {
    display: block;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;

  }

  .ryt-content {
    margin-top: -50%;
    text-align: center;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .ryt-content h4{
    margin-left: -30%;
  }

  .ryt-content h2{
    margin-top: -8%;
  }

  .lft-imgs .top-img1,
  .book-1 {
    width: 280px;
    border-radius: 10px;
    height: 220px;
    object-fit: cover; position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .lft-imgs {
    position: relative;
    top: 30%;
    /* left: 11%; */
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    margin: 4%;

  }

  .ryt-content p {
    padding-top: 90%;
    font-size: 15px;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    width: 360px;
  }



  .items, .items1{
    top: 70%;
    left: 0;
    padding: 10px;
    background-image: linear-gradient(180deg, rgb(60, 56, 56,0),  rgb(60, 56, 56,0.9)); 
    color: white;
  }

 .carousel-control-prev{
   margin-top: 125%;
  }

  .carousel-control-next{
    margin-top: 125%;
   }

  .carousel-item img {
    object-fit: cover;
  }

  .Bhava {
    font-size: 20px;
  }

  .Namaskaram {
    font-size: 16px;
    margin-top: 15px;
  }

  .btn-sec {
    margin-top: 15px;
  }


  /* our mission  section end */

  .Bhava {
    font-size: 20px;
    
    font-family: 'Forum', cursive;}
  
  .Namaskaram {
    font-size: 14px;
   
    width: 200px;
  }
  

  /* aspiration section start */

  .wide {
    height: auto;
    background-image: url(../images/ashram-wide-mbl.webp);
    object-fit: cover;
  }

  .cont h3 {
    margin-top: -60%;
    font-size: 50px;
    letter-spacing: 3px;
  }

  .ASHRAM-WIDE {
    display: block;
    overflow-x: hidden;

  }

  .rightcol {
    padding-top: 20%;
    margin-right: -6%;
    margin-left: -2%;
    /* text-align: right; */
  }

  .rty {
    position: relative;
    padding: 3%;
  }

  .rty-1 {
    position: relative;
    padding-top: 0;

  }


  .stdy,
  .stdy-1 {
    width: 100%;

    padding-bottom: 10%;
    align-items: left;
    justify-content: left;

  }

  .stdy h5 {
    font-size: 24px;
    letter-spacing: 2px;
    width: 100%;
  }

  .stdy p,
  .stdy .focus,
  .stdy-1 p {
    font-size: 12px;
    margin-top: -2%;
    width: 100%;
  }

  .stdy-1 h5 {

    font-size: 24px;
    letter-spacing: 2px;
  }

  .out-txt p {
    padding-top: 3%;
    font-size: 14px;
    margin-left: 0;
    margin-right: auto;
    width: 320px;
  }

  .authour {
    font-size: 30px;
    padding: 2%;
    text-align: center;
    margin-left: 0;
    margin-right: auto;
  }

  /* aspiration section end  */

  /* living at vedashram start */

  #vedha {
    height: auto;
    width: 100%;
  }

  .vedha {
    display: block;
    width: 100%;
  
  }

  #living{
    height: 100vh;
    width: 100%;
    background-image:linear-gradient(rgba(17, 17, 17, 0.8),rgb(17, 17, 17, 0.8)),url(../images/living-bg-mbl.webp);
    background-size: cover;
    background-position: center;
    object-fit: cover;
  }

  .living {
    margin-top: 15%;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .living p {
    width: 100%;
    font-size: 14px;
    margin-top: 8%;
    padding: 2%;
    
  }

  .living h6 {
    margin-top: 5%;
    margin-left: -35%;
    margin-right: 0%;
    font-size: 12px;
    text-align: center;
  }

  .living h3 {
    font-size: 50px;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: -5%;
    text-align: center;

  }

  .right-cntent {

    height: auto;
    margin: 2%;
  }

  .back {
    margin-left: -30px;
    margin-right: 10px;
    margin-top: 1%;
  }

  .right-cntent .hed {
    font-size: 10px;
    margin-top: 3%;
  }

  .back .sb-hed {
    font-size: 10px;
    margin-top: 2%;
  }

  .right-cntent p {
    margin-top: 3%;
    width: 200px;
    font-size: 12px;
  }

  .liv-img img {
    height: 42vh;
  }

  .ved-btn {
    margin-left: 0%;
    margin-right: 0%;  
      height: 30px;
    width: 150px;
    padding: 5px 10px;
    font-size: 12px;

    margin-bottom: 2%;

    text-align: center;
  }

  .authour-1 {
    font-size: 14px;
    margin-left: 45%;
  }
/* 
  .lft-btn {
    margin-left: 0;
    margin-right: 0;
    align-items: center;
    font-size: 13px;
    margin-bottom: 15%;
  } */

  .oil {
    width: 100px;
    margin-left: 58%;
    margin-top: -8%;
  }


  /* living at vedashram end */


  /* pooja section start */

  .dmy-tmg {
    visibility: hidden;
  }

  #online_pooja {
    width: 100%;

  }



  .online {
    display: block;
    height: auto;
  }


  .oil-2 {
    width: 150px;
    height: 60px;
    position: relative;
    float: right;
    margin-top: -193%;
    margin-right: 10%;
  }

  .pooja {
    position: relative;
    justify-content: center;
    align-items: center;
    margin-top: -200%;
    text-align: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .pooja h6 {
    font-size: 12px;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    padding-top: 3%;
    margin-right: 13%;
  }

  .pooja p {
    width: 100%;
    font-size: 14px;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding: 2%;
  }

  .pooja h3 {
    font-size: 70px;
    margin-top: -7%;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }





  .fire-img img {
    visibility: hidden;
  }

  .fire-btn {
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10%;
    margin-bottom: 35%;
    font-size: 12px;
  }

  .vel img {
    visibility: hidden;
  }


  .mandala {
    width: 100%;
    /* padding: 10%; */
    margin-top: -160%;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
   
  }

  .mandala img {

    width: 100%;
    position: absolute;
    align-items: center;
    justify-content: center;
    margin-top: -50%;
    margin-left: 0;
    margin-right: 0;
  }


  .move {
    position: absolute;
    width: 260px;
    height: 260px;
    margin-top: -126px;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    left: 0;
    right: 0;
    transform: translateX(30%);
    visibility: visible;
  }

  .music {
    position: relative;
    margin-top: 8%;
  }

  /* pooja section end */


  .contact-us {
    width: auto;
    height: auto;

  }

  .cont-overlay {
    margin-top: 9%;
    padding: 6%;
    position: relative;
    right: 0;
    height: auto;
    width: 100%;

  }

  .us {
    padding: 5%;
    background-color: #2b333b;
    display: block;
  }

  .us-cont{
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    
  }

  .us-cont h3 {
    font-size: 60px;
    padding-top: 4%;
    padding-left: 7%;
   
  }

  #name,
  #email {
    height: 40px;
  }

  .message {
    width: 100%;
  }

  .submit {

    width: 100%;
    height: 40px;
  }

  .img-popup {
    top: 40%;

  }

  .img-popup img {
    width: 280px;
    height: auto;
  }


  .guruji-bg .guruji-bg-1,
  .guruji-bg .guruji-bg-2 {
    display: none;
  }

  .guruji-bg {
    margin-left: 0;
    margin-right: 0;
  }


  
  .myust h2,
  .myust .p,
  .myust .p1 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: auto;
  
  }

  .myust .p{
    width: 390px;

    font-size: 22px;
    color: #ddcd8b;
    font-family: 'halantlight';
    line-height: 1.2;
    margin-bottom: 2%;
  }

  .myust .p1 {
    width: 390px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'avenirlight';
  }

  .myust h5 {
    font-size: 12px;
    color: #ddcd8b;
    font-family: 'Halant', serif;
    margin-top: 15%;
  }

  .ti-icon{
padding-left: 30%;
margin-top: -10%;
  }

  .myust h2 {
    font-size: 60px;
    font-family: 'bits_indian_calligraregular';
    letter-spacing: 4px;
    color: #dfdede;
    margin-top: -20%;
  }

  .myust {
    /* margin-top: 90%; */
    width: 96%;
    height:100%;
    overflow-x: hidden;
    background-color: #2b333b;  
    padding:1%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: -3%;
}

.guruu{
  padding: 2%;
  width: 100%;
  margin-top: 10%;
  /* margin-top: -260%; */
  margin-left: auto;
  margin-right: auto;
}

.guruu1{
  padding: 2%;
  margin-top: 10%;

}


/* .lrn-btn{
  align-items: center;
  justify-content: center;
  margin-left: auto; 
  margin-right: auto;
  margin-bottom: 10%;
} */

.mbl-btn{
  margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: auto;
    margin-top: 5%;
    margin-bottom: 4%;
}
.desktop-image {
  display: none; /* Hide the desktop image in mobile view */
}

.mobile-image {
  display: block; /* Show the mobile image in mobile view */
}


  .slider {
    height: auto;

  }

  .txt {
    padding-left: 20px;
    width: 100%;
    height: 230px;

  }


  .main {
    display: block;
    height: auto;
  }

  .slider__item {
    flex: 0 0 70%;
  }

  .slider__item .text-overlay {
    height: 89%;
    width: 88.5%;
  }
  
  .text-overlay h3{
    padding-top: 39%;
    font-size: 21px;
  }
  
  .over-1{
    width: 300px;
    padding-top:5%;
    padding-right: 5%;
    padding-bottom: 5%;
  }
  
  .text-overlay p{
    font-size: 15px;
    width: 200px;
  }

  #mbl-mystic{
    display: block;
  }

  #mystic{
    display: none;
  }

  .mbl-mystic{
    background-image:linear-gradient(rgb(111,112,112,0.9),rgb(38,47,55,0.9)),url(../images/guruji-bg-2.png) ;
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center;
    object-fit: cover;  
}

}

@media (max-width:413px) {
  .over-lay {
    width: 100%;
    left: 0;
    top: 72.8%;
    /* margin: 1%; */
}

#over-lay-1{
  top: 68%;
}
#over-lay-2{
  top: 68%;
}
  .wide {
    height: auto;
    background-image: url(../images/ashram-wide-mbl.webp);
    object-fit: cover;
  }
  .cn-logo {
    padding-left: 0px;
    width: 190px;
    padding-right: 59%;
      }

  .pooja {
  
  padding-top: 10%;
}

.oil-2 {
  width: 150px;
  height: 60px;
  position: relative;
  float: right;
  margin-top: -188%;
  margin-right: 15%;
}
  
  #our-mission {
    width: 100%;
    height: auto;
  }

  .mission {
    display: block;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;

  }

  .ryt-content {
    margin-top: -40%;
    text-align: center;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }
  .lft-btn {
    /* margin-left: 25%;
    font-size: 13px; */
    margin-bottom: 15%;
  }
 

  .lft-imgs .top-img1,
  .book-1 {
    width: 330px;
    border-radius: 10px;
    height: 250px;
    object-fit: cover; position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .lft-imgs {
    position: relative;
    top: 30%;
    /* left: 11%; */
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    margin: 4%;

  }

  .ryt-content p {
    padding-top: 90%;
    font-size: 15px;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    margin: 1%;
    width: 400px;
  }
  .out-txt p {
    padding-top: 3%;
    font-size: 14px;
    margin-left: 0;
    margin-right: auto;
    width: 370px;
  }

  .pooja h6 {
  padding-top: 4%;
  }

  .myust h5,
  .myust h2,
  .myust .p,
  .myust .p1 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: auto;
  }

  .myust h5 {
    font-size: 12px;
    color: #ddcd8b;
    font-family: 'Halant', serif;
    margin-top: 15%;
  }

  .ti-icon{
padding-left: 30%;
margin-top: -10%;
  }

  .myust h2 {
    font-size: 60px;
    font-family: 'bits_indian_calligraregular';
    letter-spacing: 4px;
    color: #dfdede;
    margin-top: -18%;
  }

  
  .cont h3 {
    margin-top: -50%;
    font-size: 50px;
    letter-spacing: 3px;
  }
  .ryt-content h4{
    margin-left: -30%;
  }

  .ryt-content h2{
    margin-top: -7%;
  }
}




@media  (max-width : 411px) {

  .over-lay {
    width: 100%;
    left: 0;
    top: 60.8%;
    /* margin: 1%; */
}

#over-lay-1{
  top: 64.4%;
}
#over-lay-2{
  top: 66.4%;
}
/* #over-lay{
  top:60.8%;
  } */
  .cn-logo {
    padding-left: 0px;
    width: 190px;
      }
  .pooja {
  
    padding-top: 0%;
  }
  .oil-2 {
    width: 150px;
    height: 60px;
    position: relative;
    float: right;
    margin-top: -198%;
    margin-right: 10%;
  }

  .lft-btn {
    margin-left: 19%;
    font-size: 13px;
    margin-bottom: 15%;
  }
  .txt {
    padding-left: 20px;
    width: 100%;
    height: 260px;

  }

  #box-4 .img-2{
      margin-bottom: 0;
    margin-left:0%;
  }

  .box-4 .img-2{
    margin-bottom: 0;
  margin-left:0%;
}


  .box-txt {
    text-align: right;
    width: 100%;
    padding-top: 200px;
    margin-left: -55px;
    padding-right: 12px;
  }

  .move {
    transform: translateX(31%);
    margin-top: -110px;
    width: 220px;
    height: 220px;
  }
  .pooja p{
    font-size:12px;
  }
  
  #our-mission {
    width: 100%;
    height: auto;
  }

  .mission {
    display: block;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;

  }

  .ryt-content {
    margin-top: -50%;
    text-align: center;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }


  .lft-imgs .top-img1,
  .book-1 {
    width: 280px;
    border-radius: 10px;
    height: 220px;
    object-fit: cover; position: relative;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .lft-imgs {
    position: relative;
    top: 30%;
    /* left: 11%; */
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    margin: 4%;

  }

  .ryt-content p {
    padding-top: 90%;
    font-size: 15px;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    width: 360px;
  }

  
  .out-txt p {
    padding-top: 3%;
    font-size: 14px;
    margin-left: 0;
    margin-right: auto;
    width: 320px;
  }

  
  .ex-btn {
    position: absolute;
    /* top: 280%; */
    left: 50%;
    transform: translateX(-50%);
 
  }
  


  .ex-btn .btn {
    border-color: black;
    border-radius: 10px;
  }

  .ex-btn .btn a {
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
  }

  


  .myust h5,
  .myust h2,
  .myust .p,
  .myust .p1 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: auto;
  }

  .myust .p{
    font-size: 22px;
    color: #ddcd8b;
    font-family: 'halantlight';
    line-height: 1.2;
  }

  .myust .p1 {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'avenirlight';
  }

  .myust h5 {
    font-size: 12px;
    color: #ddcd8b;
    font-family: 'Halant', serif;
    margin-top: 15%;
  }

  .ti-icon{
  }

  .myust h2 {
    font-size: 60px;
    font-family: 'bits_indian_calligraregular';
    letter-spacing: 4px;
    color: #dfdede;
    margin-top: -22%;
  }

  .myust {
    background-color: #2b333b;  
    padding:1%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: -3%;
    width: 96%;
    height:100%;
    padding-bottom: 10%;
    overflow-x: hidden;
}

.guruu{
  padding: 2%;
  width: 100%;
  margin-top: 10%;
  /* margin-top: -260%; */
  margin-left: auto;
  margin-right: auto;
}




.cont h3 {
  margin-top: -60%;
  font-size: 50px;
  letter-spacing: 3px;
}

.ryt-content h4{
  margin-left: -30%;
}

.ryt-content h2{
  margin-top: -8%;
}
}