
@media (max-width: 2560px){
.round-div {
    padding: 20px;
  }
.thingswrapper .icon-wrapper {
  width: 90px;
  height: 90px; }
.prrow{display: flex;align-items: center;}
.border-line {
  width: 200px;
  height: 200px;
}
}

@media (max-width: 1600px){

.thingswrapper .icon-wrapper {
  width: 90px;
  height: 90px; }
  .border-line {
  width: 200px;
  height: 200px;
}
}

@media (max-width: 1367px){
 .round-div {
    padding: 20px;
  }

.border-line {
  width: 190px;
  height:190px;
}
  .round-div {
    padding: 30px;
  }
  .navbar-expand-lg .navbar-nav .nav-link{font-size: 12px;}  
}

@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;}
.navbar-expand-lg .navbar-nav .nav-link{font-size: 12px;}
}
@media (max-width: 1200px){
      .thingswrapper .grid{
    grid-template-columns:1fr;
    gap:60px;
  }

  .thingswrapper .item,
  .thingswrapper .item.right{
    flex-direction:row;
    text-align:left;
  }

  .thingswrapper .center img{
    width:300px;
  }
.thingswrapper .col {
  display: flex;
  flex-direction: row;
  gap: 40px;
  justify-content: center;
}
.thingswrapper .boat {
  left: 40px;
  bottom: 50px;
  width: 90px;
}
.why-chose-slider {
  padding: 0 0px;
}

}
@media (max-width: 1025px){
    .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%;
}
.navbar-expand-lg .navbar-nav .nav-link{font-size: 12px;}

}
@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){
  header {
  padding: 0px 0;
}

.phone-grid{display: block;}
.grid{display: none !important;}
    .main-container {
  padding: 0 20px;
}
.thingswrapper .icon-wrapper::after{width: 80px; height: 80px;}
.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;
}
.thingswra { box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    padding: 20px;
    border-radius: 25px;
    background: rgb(255, 255, 255);
    margin-bottom: 0px;}
.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: 15px;}

.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: unset ;position: relative ;top: 0 ; left: 0; padding: 35px 15px; background: #FCF9F4;}
.banner-text p{padding-right: 0;}
.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 ;
}
.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;
}
  .roundwrap {
    padding: 30px 0;}

.stat-circle h3 {
  font-size: 25px;
  margin-bottom: 0;}

.roundwrap {
  background-image: url(../images/count-bg-phone.png);
    padding: 30px 0;margin-top: 0;}
}



@media (max-width: 769px){
    .stats-container {
    gap: 0px;}
 .stat-circle-line {
    width: 150px;
    height: 150px;
  }
.roundwrap {
  padding: 90px 0;
  background-image: url(../images/count-bg-phone.png);}


  .roundwrap {
    padding: 30px 0;margin-top: 0;}

.photo-gallery h2 {
    font-size: 21px;
    padding: 0;
    margin: 0;
  }
.photo-gallery .category-card {
  margin-top: 20px;
}

  .photo-gallery { padding-top: 0px;}
.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;
}



.daybtns a {
  padding: 7px 35px;
  font-size: 13px;
}

.daybtns {
  margin-top: 10px;
}

  .thingswrapper .center img {
    width: 200px;
  }
 .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;}

}
@media (max-width: 426px)
{
    .school-img {
  position: relative;
  padding: 45px;
}
.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;
  }






}
