@media (max-width: 2560px){

.thingswrapper .icon-wrapper {
  width: 90px;
  height: 90px; }
.prrow{display: flex;align-items: center;}
.banner-text p
{
color:#303150;
}
}





@media (max-width: 1600px){

.thingswrapper .icon-wrapper {
 width: 80px;
    height: 80px;    background: #fff;}




}




@media (max-width: 1367px){

.border-line {
  width: 190px;
  height:190px;
}
   .thingswrapper .icon-wrapper {
    width: 95px;
    height: 80px;}
}

@media (max-width: 1250px){
.social-btn li{padding-right: 8px;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 8px 8px;}
.navbar-brand {width: 195px;}
.navbar-expand-lg .navbar-collapse{padding-right: 40px;}
.banner-text{transform: translate(-75%, -40%);}
.banner-text h1{font-size: 30px; padding-bottom: 10px;}
.banner-text p{font-size: 14px; margin-bottom: 20px;}
.curve-img{bottom: -30px;}
}
@media (max-width: 1200px){
.everypromargin h2 {
  padding: 0 21%;padding-bottom: 20px;}
.card-body p {
  padding-right: 0;
  font-size: 12px;
}

  .thingswrapper .icon-wrapper {
    width: 80px;
    height: 80px;
  }

.centerdesktop {display: none;}
.centerphone {display: block;}
.text2 {
  text-align: right;
}

.thingsmargin p {
  font-size: 14px;
  margin-bottom: 0px;
  padding: 0 20%;
  padding-bottom: 10px;
}
.whytexts p {
  margin-bottom: 15px;
  padding: 0 22%;
}

.girl {
  right: 120px;
  top: 100px;
  width: 70px;
}
.sun {
  left: 100px;
  top: 80px;
  width: 140px;
}

.thingswrapper .grid{
    grid-template-columns:1fr;
 gap: 10px;
  }

  .thingswrapper .item,
  .thingswrapper .item.right{
    flex-direction:row;
    text-align:left;
  }

  .thingswrapper .center img{
   width: 450px;
  }
.thingswrapper .col {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
}
.thingswrapper .boat {
  left: 40px;
  bottom: 50px;
  width: 90px;
}
.why-chose-slider {
  padding: 0 0px;
}




}
@media (max-width: 1025px){
.varunaright h2 {
  font-size: 25px;
  padding-right: 0%;
  padding-bottom: 10px;
}
.varunaourright a {
  font-size: 15px;}

.varunaicon {
  gap: 7px;
}
.vicon img {
  height: 20px;
}

.varunaourright {
  padding: 15px 15px;
}

.varunaourleft {
  padding: 15px 15px;
}
.varunaourleft h5 {
  font-size: 20px;
}
.whytexts h2 {
  font-size: 25px;
  padding-bottom: 10px;}
.thingsmargin h2 {
  font-size: 25px;
  padding-bottom: 10px;}
.blogmargin h2 {padding: 0;
  font-size: 25px;}
.testimonials-section h2 {
  font-size: 25px;
  padding-bottom: 10px;}

.banner-text {
  top: 55%;}





.everygirls {
  top: 100px;
  width: 75px;
}
.everypromargin h2 {
  font-size: 25px;}
.everyboats {
  width: 50px;
}
  .main-container {
  padding: 0 70px;
}
    .header-container {
  padding: 0px 20px;
}
 .navbar-expand-lg .navbar-collapse {
    padding-right: 10px;
  }

.navbar-expand-lg .navbar-nav .nav-link {
  font-size: 14px;}
.header-btn {
  padding: 8px 13px;}

.border-line {
  width: 190px;
  height: 190px;
}
  .thingswrapper .grid {
    gap: 20px;
  }

.video-wrapper {
  height: 100%;
}

.video-wrapper img{
  height: 100%;
}


}
@media (max-width: 992px){
.top-heade{display: none;}
.navbar-light .navbar-toggler{display: none;}
.container{max-width: 100%; padding: 0 20px;}
header{top: 0;}
.phone-banner{display: block;}
.desk-banner{display: none;}


}


@media (max-width: 991.5px){
 .form-bg-sec 
    {
        margin-top: 55px;
    }
     .banner-text p {
    color: #fff;
  }
.thingboxs p {
  font-size: 13px;margin-bottom: 10px;
}

.thingboxs a {
  font-size: 14px;
  padding: 6px 15px;
}






  .flip-card {
  height: 340px;
}
  .bottom-strip {
  padding: 10px 15px;}
.bottom-strip span {
  font-size: 30px;}
.varunaleft{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  margin-bottom: 20px;
}

.girls {
  position: absolute;
  right: 50px;
  top: 90px;
  width: 60px;
}
.varunaaboutwrapper {
  padding: 30px 0;
}
.varushadow {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
}
 .varunaourleft {
    margin-bottom: 20px;
  }
.varunaright h4 {
  font-size: 16px;}
 .varunaright h2 {
    font-size: 21px;}
  .varunaourleft h5 {
    font-size: 19px;
  }
.varunaourleft p {
  padding-bottom: 15px;
}
.varunaicon {
  position: static;}

.varunaourright h4 {
  font-size: 25px;
  margin: 0;
}
.varunabtns {
  margin-top: 20px;
}

.boats {display: none;}

 .everyboats {display: none;}

.everyrocket {
  position: absolute;
  left: 35%;
  bottom: 0px;
  width: 25px;
}
 .everypromargin{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  margin-bottom: 20px;
}

.everyprowrapper {
  padding: 30px 0;
}
 .sun {display: none;}
.girl {
    right: 40px;
    top: 80px;
    width: 50px;
  }

.boat {display: none;}
.thingswrapper .text p {
  margin-bottom: 10px;
}

  header {
  padding: 0px 0;
}
    .main-container {
  padding: 0 20px;
}
.footer-container {
  padding: 70px 20px 20px;
}
 .navbar-brand {
    width: 175px;
  }
  .header-btn {
    position: absolute;
    right: -20px;padding: 5px 10px;
  font-size: 13px;
  }
.footer-col h5 {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.links ul li {
  margin-bottom: 5px;
}
.footer-card {
  padding: 25px;
}
.brand p {
  padding-right: 0;
  font-size: 14px;
  margin-bottom: 5px;
}
.brand img {
  height: 35px;
}
.footer-bottom {
  margin-top: 25px;
}
.photo-gallery {
  padding: 35px 0;}
  
.photo-gallery h2 {
  font-size: 25px;
  padding: 0;}

.pro-container {
  padding: 0 40px;
}

.prowrap {
  padding: 0px 0px 30px 0px;
}


.protexts p {
  font-size: 13px;
  margin-bottom: 20px;
  padding-right: 0;
}
.prowrapper{padding: 30px 0;}
.guideleft {
  padding-right: 0;text-align: center;padding-top: 20px;
}

.howright {
  text-align: left;
}
.howrapper {padding-bottom: 30px;}
.howleft p {
  font-size: 13px;
  margin-bottom: 20px;
}

.howleft h2 {
  font-size: 22px;
  padding-bottom: 10px;}

.why-chose-section {
  padding: 30px 0;}


 .howmargin{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  margin-bottom: 0;
}
 .ourvisonleft {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  margin-bottom: 20px;
}

.guidemargin{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  margin-bottom: 20px;
}
.ourvisonleft p {
  margin-bottom: 0px;
}
.col-guide-2 {order: 2;}
.col-guide-1 {order: 1;}
.guidewrapper {
  padding: 20px 0;
}

.thingswrapper {
  padding: 30px 0;}
  .thingswrapper .sun {display: none;}
.thingsmargin p {
  padding: 0 10%;
}
.thingswrapper .girl { display: none;}
  .thingswrapper .boat { display: none;}
.thingsmargin h2 {
  font-size: 25px;
  padding-bottom: 5px;}

.thingswrapper .text h4 {
  font-size: 17px;
  margin-bottom: 2px;}
  .protexts p {
    color: #484848;
  }
.prowrap {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    padding: 20px;
    border-radius: 25px;
    background: rgb(255, 255, 255);margin-bottom: 20px;
  }
.protexts h2 {
  font-size: 25px;
  padding-bottom: 5px;
  margin: 0;color: #121212;
}
.video-wrapper img {
    height: 100%;
    border-radius: 10px;
  }
.paddingtop {padding: 0;}
.playwrapper {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  margin: 30px 20px;
}
.bee-img {
  padding-bottom: 20px;
}
.thingsmargin p {
  font-size: 13px;
  margin-bottom: 0px;}

.activity-card {
  margin-bottom: 10px;
}
.testimonials-section {
  padding: 30px 0;}
.testimonials-section h6 {
  font-size: 17px;
}
.section-subtitle {
  font-size: 13px;
  margin-bottom: 10px;
  padding: 0 20%;
}

.testimonials-section h2 {
  font-size: 26px;
  padding-bottom: 5px;}

.newyearmargin h2 {
  font-size: 25px;
  padding-bottom: 0;}

.howsright {
  text-align: left;
  margin-top: 20px;
}
.howsrapper {
  padding: 25px 0;
}
.howsleft h2 {
  font-size: 20px;
  padding-bottom: 5px;}
  .footer-container {
    padding: 30px 20px 20px;
  }


.whytexts h2 {
  font-size: 25px;
  padding-bottom: 5px;}

.whytexts h6 {
  font-size: 18px;}

.banner-text {
  width: 100%;}
  .banner-text {
    transform: translate(-45%, -40%);
  }
.whybox-3 , .whybox-2 , .whybox-1, .whybox-4{
  padding: 10px 10px;padding-bottom: 20px;
}
 .banner-text h1 {
    font-size: 25px;}

  .why-chose-section {
    margin: 30px 20px;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    padding: 20px;
    border-radius: 25px;
    background: rgb(255, 255, 255);
    margin-bottom: 20px;padding-left: 0;padding-right: 0;
  }
.whytexts p {
  padding: 0 10%;
}
.blogwrapper {
  padding: 25px 0;}

.guideright h2 {
  font-size: 22px;
  padding-bottom: 5px;}
  .guideright p {
  font-size: 13px;
  margin-bottom: 15px;
}
  .playwrapper .owl-nav {display: none !important;}

.desktopgrid {display: none;}
.phonegrid{display: block;}

.stats-container {
  gap: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.stat-circle-line {
  width: 170px;
  height: 170px;
}

.whites {
  padding: 10px;display: flex;
    justify-content: center;
}

.stat-circle h3 {
  font-size: 25px;
  margin-bottom: 0;}
.roundwrap {
  padding: 30px 0;padding-bottom: 50px;}
  .enroll-section {
    padding: 20px 0;
  }
   .decor-left {
    left: 0;
    top: 30px;
    width: 80px;
  }
    .decor-right {
    right: 0;
    top: 0px;
    width: 190px;
  }
  
.blogmargin p {
  font-size: 14px;
  margin-bottom: 30px;
  padding: 0px 0%;
}

.blogmargin h2 {
  font-size: 25px;
  padding: 5px 0;
  padding-right: 0%;
  padding: 0 0%;
}

.blogmargin h4 {
  font-size: 17px;
  margin-bottom: 5px;
}
  .enroll-section .bg-image { display: none;}

.enroll-section .enroll-container {
  height: auto;}






}



@media (max-width: 769px){

.enroll-content .enroll-btn {
  padding: 6px 19px;
  border-radius: 50px;
  font-size: 14px;}



    .enroll-content h6 {
    font-size: 15px;
    margin-bottom: 15px;
  }
    .enroll-content h2 {
    font-size: 19px;
    margin-bottom: 10px;
  }
    .blogmargin h4 {
    font-size: 17px;
    margin-bottom: 5px;
  }
    .blogmargin h2 {
    font-size: 20px;
  }
    .blogmargin p {
    margin-bottom: 20px;
    padding: 0;
  }
    .decor-right {
    right: 0;
    top: 0px;
    width: 80px;
  }

  .enroll-section .bg-image {
    height: 100%;
  }
  .enroll-section {
    padding-top: 10px;
  }

  .enroll-section .enroll-content {
    padding: 50px 80px;
    margin-top: 0;
    margin-bottom: 0px;
  }
  .enroll-section .enroll-content {
    padding: 50px 80px;
    background-size: 100%;
  }

 .everypromargin h2 {
    font-size: 20px;
    padding: 0;
    padding-bottom: 10px;
  }

.everysuns {display: none;}
 .everygirls {display: none;}
  .girl {
    right: 30px;
    top: 20px;
    width: 40px;
  }
  .whytexts p {
    padding: 0;
  }
    .stats-container {
    gap: 0px;}
 .stat-circle-line {
    width: 150px;
    height: 150px;
  }


  .roundwrap {
    padding: 30px 0;margin-top: 0;}

.photo-gallery h2 {
    font-size: 21px;
    padding: 0;
    margin: 0;
  }
.photo-gallery .category-card {
  margin-top: 20px;
}

.main-container {
  padding: 0 20px;
}
  .thingswrapper .icon-wrapper {
    width: 100px;
    height: 80px;
  }

.testimonial-card p {
  font-size: 13px;
  padding-top: 10px;
  padding-right: 0;
}
.testimonial-footer h4 {
  font-size: 16px;}
.testimonial-footer span {
  font-size: 13px;
}

.newyearwrapper {
  padding: 50px 0;
}
.newyearmargin h2 {
    font-size: 21px;}

.datebox a {
  padding: 13px 40px;
  font-size: 14px;
}
.datebox {
  margin-bottom: 25px;}

.daywraps {
  gap: 15px;
  justify-content: center;
  padding: 15px 0px;
}
  .decor-left {
    left: 0;
    top: 10px;
    width: 40px;
  }


.daybtns a {
  padding: 7px 35px;
  font-size: 13px;
}

.daybtns {
  margin-top: 10px;
}

  .thingswrapper .center img {
width: 300px;
  }
 .pro-container {
    padding: 0 30px;
  }
.activity-body p {
  padding: 0;
}
 .section-subtitle {
    margin-bottom: 10px;
    padding: 0;
  }
  .testimonials-section .owl-dots {
  padding-top: 10px;
}
 .daywraps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

  .cateround img {
    width: 30px !important;
  }

 .catround h6 {
    font-size: 14px;
  }
.howsright a {
  padding: 7px 15px;
  font-size: 13px;
}
 .howsleft h2 {
    font-size: 16px;
  }
.testimonials-section h2 {
    font-size: 21px;}
.thingboxs {
  padding: 20px 20px;
}
  .thingsmargin p {
    padding: 0 0%;
  }
  .thingsmargin h2 {
    font-size: 21px;}

.why-img-box p {
  margin-bottom: 0px;
  font-size: 13px;}

.everypromargin h4 {
  font-size: 15px;
  margin-bottom: 5px;
}



}

@media (max-width: 550px){
.thingswrapper .col {
    flex-direction: column;}
     .thingswrapper .icon-wrapper {
    width: 80px;
    height: 80px;
  }

  .thingswrapper .text h4 {
    color: #000;
  }
.thingswrapper .text p {
   color: #000;
  }

  .thingswrapper .item {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    padding: 20px;
    border-radius: 25px;
    background: rgb(255, 255, 255);
    margin-bottom: 20px;
  }

.thingswrapper .grid {
  display: block;}

 .whytexts h2 {
    font-size: 21px;}
  .thingswrapper .col {
    gap: 0px;
  }
}



@media (max-width: 426px){
  
    .thingswrapper .icon-wrapper {
    width: 95px;
    height: 80px;
  }
.thingsmargin h6 {
  font-size: 18px;
  margin-bottom: 5px;
}
.daysbox {
  width: 100%;
  height: 35px;
}
 .newyearmargin h2 {
    font-size: 18px;
  }

  .thingsmargin h2 {
    font-size: 22px}
    .newyearwrapper {
   padding: 30px 0;
    min-height: 420px;
    background-attachment: inherit;
    max-height: 420px;display: flex;
    justify-content: center;
    align-items: center;
  }
     .thingswrapper .col {
    display: flex;
    flex-direction: column;
    gap: 0px;
    justify-content: center;
  }
.text2 {
  text-align: right;
}

.thingswrapper .item{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
  padding: 20px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  margin-bottom: 20px;
}


.thingswrapper .text p {
  font-size: 13px;
  margin-bottom: 0;
}
  .thingswra {
    padding-bottom: 0;
  }
.program-item.active .program-content {
  padding: 15px 20px 20px 20px;
}
.program-left h4 {
  font-size: 14px;
  margin: 0;
}

 .thingsmargin p {
    padding: 0;
  }






}