





@media screen and (min-width:768px) and (max-width: 1400px){

  .bannerRow {
    margin-top: 46px;
    margin-bottom: 50px;
}


.bnrTxt h1 {
        font-size: 37px;
        line-height: 48px;
    }


.bnrTxt p {
    line-height: 26px;
    font-size: 15px;
}

.bnrBtomTxt {
    font-size: 22px;
}
.aboutPra p {
    font-size: 16px;
    padding: 0 36px;
}

.teamPraBox.slick-slide {
    min-height: 458px !important;
}

.slidrCustm .slick-next {
    right: 45.5%;
}
.slidrCustm .slick-prev {
    left: 45.5%;
}

.operatingHrsBox {
    background: #00A2E9;
    padding: 54px 65px;
    border-radius: 15px;
    margin-top: 20px;
}

.faqImgFix {
    width: 50%;
}

}



@media only screen and (max-width: 1200px) {
  .navbar-toggler {
    border: none;
            position: absolute;
        right: 0;
        top: 20px;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .hdr-Mobile-btn {
    display: block;
  }

  .mobBtHdr {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .nav-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media only screen and (min-width: 768px) {
  .mob-bannerBg {
    display: none;
  }
  .lapt-banner-bg {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .lapt-banner-bg {
    display: none;
  }

  .mob-bannerBg {
    display: block;
    background: url(../img/mobile/mobile-kids-banner.png);
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 80px);
    background-position: center;
    overflow: hidden;
  }

  /* banner */
}

@media only screen and (max-width: 575px) {


 /* top head */


.mob-bannerBg {
        height: calc(100vh - 157px);
    }


 .envlpIcon1 {
    color:#A7B55C;
}

  .tophedLft {
    display: none;
  }

  .tophedryt {
    display: flex;
    justify-content: space-between;
  }

  /* end top head */


  .nav-link.hdrBtn.hdr-Mobile-btn {
    padding: 7px 22px !important;
    margin-left: 0;
    display: inline-block;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
  }

  .navbar-brand img {
    width: 141px;
  }

  /* end header */

 .bannerRow {
  width: 100%;
  margin-top: 30px;
}

  .bnrTxt {
    text-align: center;
  }

  

  .bnrTxt h1 {
    font-size: 32px;
    line-height: 44.8px;
  }


  .bnrTxt p {
    font-size: 12px;
    line-height: 22.8px;
  }

  .bnrPra2 p {
    font-size: 14px;
    line-height: 25.76px;
  }

  .bnrPra2 b {
    font-size: 14px;
    line-height: 25.76px;
  }
  .bnrTxt img {
    width: 258px;
  }

  /* end banner */



/* mob--end company year */

  .bannerbotmBg {
    padding:8px 0;
    background: #00A2E9;
  }


.bnrBtomTxt {
font-weight: 600;
font-size: 14px;
}
.bnrBtomImg {
    width: 40px;
    height: 40px;
    line-height:35px;
}

.bnrBtomImg img {
    width: 22px;
}

.bnrBtom{
  padding: 10px 0;
}

  /* end banner bottom */

  .faqImgFix{
    display: none;
  }

.aboutHdr {
    font-size:25px;
}
.marginHdrBtm {
    margin-bottom:30px;
}


.aboutNo1 {
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    margin-bottom: 13px;
}

  .aboutWrap {
    padding: 40px 0;
  }

  .about-fixd-img2 {
    display: none;
  }

 
  .about-fixd-img1 {
    top: 45px;
    right: inherit;
    left: 14%;
    width: 64px;
  }

  .reversAbout-colum {
    flex-direction: column-reverse !important;
  }


  /* end about */

  .teamBoxLink {
    position: initial;
  }

  .teamPraBox {
    padding: 30px 15px 30px;
  }

  .teamPraBox.slick-slide {
    min-height: auto !important;
  }

  .slidrCustm .slick-next {
    right: 40%;
  }

  .slidrCustm .slick-prev {
    left: 40%;
  }


.slidrCustm .slick-prev, .slidrCustm .slick-next {
    width:35px;
    height:35px;
    bottom: -33%;
}


  .teamBg {
    padding: 40px 0 100px;
  }

  .teamHdr {
    font-size: 24px;
    line-height: 28.2px;
  }

  .teamSubHdr {
    font-size: 14px;
  }

  .teamPraBox h5 {
    font-size: 18px;
    line-height: 25.2px;
  }

  .teamPraBox p {
    font-size: 12px;
  }

  .teamPraBox h5 img {
    display: none;
  }

  .teamBoxLink a:nth-child(1) {
    font-size: 12px;
    line-height: 14.6px;
  }

  .teamBoxLink a:nth-child(2) {
    font-size: 12px;
    line-height: 14.6px;
  }


  /* end our team */

.operatingHrsBox {
    background: #00A2E9;
    padding: 30px 30px;
    margin: 28px;
}

.ftrImgLogo {
    display: none;
}


  .appointText-mob {
    color: #fff;
    border-radius: 15px;
    padding: 25px 20px;
    background: #e17100;
    margin: 40px 20px;
  }

  .appointText-mob h1 {
    font-size: 17px;
    font-weight: 700;
    line-height: 21px;
  }

  .appointText-mob p {
    font-size: 15px;
    line-height: 20.4px;
    margin-bottom: 5px;
  }

  .appoint-fix-img {
    width: 81%;
    top: initial;
    bottom: 0;
  }

  .appoint-fix-img-mob {
    position: absolute;
    left: 0;
    top: 0;
  }

  /* end Appointment */

  .services-fix-img1 {
    top: 0px;
    left: 30px;
    width: 188px;
  }

  .services-fix-img2 {
    top: -93px;
    right: 0px;
    width: 298px;
    height: 200px;
  }

  .services-fix-img3 {
    display: none;
  }

  .servicHdr {
    font-size: 24px;
    line-height: 28.2px;
    margin-bottom: 30px;
  }

  .mob-ser-box {
    padding: 15px;
    background: #fff5e5;
    border-radius: 15px;
    align-items: center;
  }

  .servTxtBox p {
    font-size: 14px;
}

.servTxtBox a {
    font-size: 14px;
}
.operatingHrsBox h3 {
    font-size: 19px;
}

  .mob-ser-box img {
    background-color: #e17100;
    padding: 10px;
    border-radius: 20px;
  }

  .mob-ser-box h3 {
    color: #e17100;
    font-size: 15px;
    font-weight: 800;
    margin-left: 15px;
  }

  .mob-ser-box h3 span {
    color: #232323;
    font-weight: 300;
  }

  .serviceWrap {
    padding: 80px 0 40px;
  }

  .mobileserBox1{
    width: 70%;
  }

.mobileserBox1{
 width: 70%;
 margin: 0 0 0 auto;
}

.servTxtBox h5 {
    font-size: 16px;
}
.servIcon span {
    width: 40px;
    height: 40px;
    line-height:35px;
}
.servIcon img {
    width: 23px;
}

.servTxtBox p{
  margin-bottom: 5px;
}

.servImgBox{
  margin-top: 25px;
}


  /* end services */

  .conWeAddWrap {
    margin-top: 30px;
  }

  .mob-cornAdd-box {
    padding: 15px;
    background: #fff;
    border-radius: 15px;
    align-items: center;
    position: relative;
  }

  .mob-cornAdd-box a span {
    color: #232323;
    font-size: 15px;
    font-weight: 500;
    margin-left: 47px;
  }
  .hover-switch {
    display: flex;
    align-items: center;
  }

  .hover-switch > img {
    position: absolute;
    left: 10px;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #ff7027;
  }
  /* 
 * Show the last image by default
*/
  .hover-switch > img:last-of-type {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
  }
  /* 
 * Hide the last image on hover
*/
  .hover-switch:hover > img:last-of-type {
    opacity: 0;
  }

  .hover-switch:hover img {
    border: 1px solid #ff7027;
    background-color: #ff7027;
  }

  .contAddresRow .col-6{
    display: flex;
    align-items: center;
  }

  /* end Corncerns We Address */

  .askQesBg {
    padding:0px 0 40px;
    background: none;
  }

  .hdr-askQ-mob {
    text-align: center;
  }

  .accordion-button.accordianBtn {
    border-radius: 7px;
    font-size: 12px;
    line-height: 16.8px;
    padding: 7px 15px;
  }

  .accordion-button::after {
    padding: 15px;

  }

  .cardBody {
    padding: 15px;
  }

  .cardBody p {
    font-size: 13px;
  }

  .weSrveWrap {
    padding: 50px 0 30px;
}

  /* End Frequently Asked Question */

  .reviewWrap-mob {
    padding: 5px 0 20px;
  }

  .revi-Box-Title {
    color: #232323!important;
    font-family: Roboto!important;
    font-size: 14px!important;
    font-weight: 700!important;
    line-height: 10px!important;
     margin-bottom: 0!important;
  }


  .teamPraBox.rewPraBox-mob p {
    font-family: "Roboto", sans-serif;
    color: #232323;
    font-style: italic;
font-weight: 400;
  }

  .teamPraBox.rewPraBox-mob {
    background: #E9FFF4;
    border: 1px solid #009B4C;
    padding: 30px 15px 10px;
    border-radius: 20px;
    margin-top: 20px;
    position: relative;
    transition: all 0.2s;
  }

   .teamPraBox.rewPraBox-mob:hover {
    border: 1px solid #00A2E9;
  }

  .mobile-review-str span {
    color: #e17100;
    font-size: 13px;
  }

  .review-str-dte {
    color: #232323!important;
    font-family: Roboto;
    font-size: 10px;
    font-weight: 300;
    line-height: 14px;
  }

  .review-img-mob {
    text-align: center;
  }

  .review-img-mob img {
    width: 300px;
    margin-top: 40px;
  }

  .reviewDot .slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: #009B4C;
  }

  .reviewDot .slick-dots li button:before {
    font-size: 52px;
  }

  .rivewProfile{
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
  }

  .rivewProfile img{
    width: auto;
    text-align: center;
  }

  .rivewGoogle{
        width: 92px;
        margin: 6px 0;
        display: block;
  }

  /* end review mobile */

  .hdrBookApp-mob {
     font-family: "Poppins", sans-serif;
    color:#232323;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    width: 80%;
    margin: auto;
  }

  .hdrBookApp-mob b {
    font-weight: 700;
    color: #009B4C;
  }

  .bookAppointBg {
    background-color: #fff;
    padding: 0px 0;
  }

  .mobileAccordianA{
    padding: 30px 30px 50px;
    background: #E9FFF4;
    margin-top: 20px;
  }

  .accordion-button.accordianBtn.accordianBtn1 {
    background: #fff;
    color:#232323;
 font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 13px;
  }

  .accordion-button.accordianBtn1:not(.collapsed)::after {
    content: "\f106";
    font-family: fontAwesome;
    transform: initial;
    color: #fff!important;
  }

  .accordion-button.accordianBtn1::after {
    color: #e17100;
    content: "\f107 ";
    font-size: 16px;
  }

  .hdrBtn.abotBtn.ftrBtn.bookApooint-mob {
    font-size: 12px;
    background:#009B4C;
    border: 1px solid #fff;
    padding: 10px 20px !important;
    margin-top: 30px;
  }

  /* End Book Now  30% Off of Your First Appointment */

.bokAppBg{
  position: relative;
}

.bookApntHdr h1 b{
  display: block;
}

.bookApintImgFxd{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 180px;
   display: block;
}


.bookApntHdr h1 {
    font-size:25px;
}
.bookApntBox {
    display: inherit !important;
}

.bookApntBtn {
    margin-left:0px;
    margin-top: 20px;
    display: inline-block;
}


.mobNotificationTxt{
  color: #232323;
 font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 13.5px;
margin: 20px 0;
}

.form-control.notifiContl{
  border-radius:100px!important;
   padding: 7px 93px 7px 20px;
}

.input-group-text.notifiContlBtn{
border-radius: 100px !important;
position: absolute;
top: 3px;
right: 3px;
z-index: 999;
background: #009B4C;
color: #fff;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 13px;
}


  .ftrBg {
    background: #fff;
    padding: 0px 0 30px;
  }

  .ftrLft {
    margin-top:30px;
  }

 

  .ftr-img-mob img {
    width: 90px;
    margin-bottom: -90px;
    margin-left: 20px;
  }

  .ftrLogo {
    width: 200px;
    margin-bottom: 20px;
  }

  .ftrclintImg {
    text-align: right;
  }

  .ftrclintImg img {
    padding-right: 25%;
  }

  .ftrLft p {
    font-size: 14px;
    line-height: 21.71px;
    padding-left: 8%;
  }

  .ftrAddTxt.d-block.d-sm-none.locMob{
    margin-left: 30px;
  }

.ftrAddTxt.d-block.d-sm-none.locMob::before{
     content: "\f041";
    position: absolute;
    font-size: 22px;
    left:20px;
    font-family: fontAwesome;
    background:#009B4C;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    line-height: 36px;
}

.ftrmidle h3 {
    font-size:24px;
 
}


  .ftrLft p::before {
    font-size: 15px;
    width: 26px;
    height: 26px;
    line-height: 25px;
  }

  .whatspIcon {
    font-size: 16px;
    padding: 7px 8px;
  }

  .whatspIcon.whatspIcon1 {
    font-size: 16px;
    padding: 7px 9px;
  }

  .socialIcon {
    font-size: 17px;
    padding: 7px 11px;
  }

  .socialIcon1 {
    font-size: 18px;
  }

  .hdrBtn.abotBtn.ftrBtn {
    font-size: 12px;
    padding: 7px 20px !important;
  }

  .socialM{
    padding-left: 0;
  }

  .hdrBtn.ftrBtn {
    padding: 11px 11px !important;
    font-size: 14px;
}

.hdrBtn.ftrBtn1 {
    padding: 11px 11px !important;
  font-size: 14px;
}

  /* end footer */

.socialM.mobileBookBtn{
margin-top: 56px;
}



}



@media only screen and (max-width: 420px) {

  .slidrCustm .slick-next {
    right: 38%;
}

.slidrCustm .slick-prev {
  left: 38%;
}


}



@media only screen and (max-width: 385px) {
  .nav-link.hdrBtn.hdr-Mobile-btn {
    padding: 6px 15px !important;
    font-size: 10px;
    font-weight: 600;
  }

  .navbar-brand img {
    width: 125px;
  }






/* banner */

.bannerRow {
  width: 100%;
  margin-top: 20px;
}



.bnrTxt h1 {
  font-size: 22px;
  line-height: 25.8px;
}

.bnrTxt p {
  font-size: 12px;
  line-height: 21.8px;
}

.bnrPra2 p {
  font-size: 13px;
  line-height: 21.76px;
}

.bnrPra2 b {
  font-size: 12px;
}
.bnrTxt img {
  width: 210px;
}

/* end banner */

 /* mob--end company year */
 

 
 .about-fixd-img1 {
  left: 7%;
  width: 56px;
}

/* end about */

    .bnrBtomTxt {
        font-size: 12px;
    }
.aboutPra p {
    font-size: 14px;
    padding: 0 22px;
}
.aboutHdr {
        font-size: 22px;
    }
.marginHdrBtm1 {
    margin-bottom: 11px;
}

.accordion-button.accordianBtn {
        font-size: 12px;
        padding: 7px 10px;
    }
    .hdrBookApp-mob {
        font-size: 22px;
        line-height: 28px;
    }
        .bookApntHdr h1 {
        font-size: 21px;
    }
    .bookApntBtn {
    font-size: 14px;
    padding: 9px 19px !important;
}

    .ftrLogo {
        width: 168px;
        margin-bottom: 20px;
    }

        .ftrmidle h3 {
        font-size: 20px;
    }

    .socialM .hdrBtn.ftrBtn {
    padding: 6px 12px !important;
    margin-top: 0px;
    display: inline-block;
  font-size: 12px;
   margin-left: 0;
}

.hdrBtn.ftrBtn {
        padding: 6px 11px !important;
        font-size: 11px;
    }
    .hdrBtn.ftrBtn1 {
        padding: 6px 11px !important;
        font-size: 11px;
    }

        .whatspIcon {
               font-size: 16px;
        padding: 7px 8px;
    }

        .whatspIcon.whatspIcon1 {
        font-size: 16px;
        padding: 6px 8px;
    }

    .socialIcon {
        font-size: 13px;
        padding: 7px 11px;
    }

    .ftrAddTxt.d-block.d-sm-none.locMob::before {
        font-size: 19px;
    }

    .aboutPraBdr::before{
      display: none;
    }

     .aboutPraBdr::after{
      display: none;
    }

    .ftrEnd {
    font-size: 14px;
}

.socialIcon1 {
    margin-left: 11px;
}

.socialIcon1.socialTwiter img {
    width: 16px;
}

    .slidrCustm .slick-prev, .slidrCustm .slick-next {
        bottom: -19%;
    }

        .teamBg {
        padding: 40px 0 100px;
    }

    .m-4.mb-0.acormrginmob{
        margin: 0 !important;
    }

    .tophedryt .oppnt {
    font-size: 14px;
}

.mob-bannerBg {
        height: calc(100vh - 259px);
    }

        .bnrBtomImg {
        line-height: 34px;
            border: 2px solid #F19232;
    }

        .bnrBtomImg img {
        width: 20px;
    }

    .operatingHrsBox p {
    font-size: 14px;
}

    .operatingHrsBox {
        background: #00A2E9;
        padding: 18px 18px;
        margin: 23px;
    }

}
