
@media only screen and (max-width:992px){
    .apart .inner h3{
    font-size: 2rem;
    font-weight:800;
    margin-bottom:3rem;
    text-align: center;
}

.apart .inner .left img{
    width:10%;
    height:4.5rem;
}

.apart .inner .right img{
    margin-left:0rem;
}
}



@media only screen and (max-width:768px){
    
.apart .inner .left img{
    width:15%;
    height:4.5rem;
}

}

@media only screen and (max-width:576px){
    
.small-banner{
    padding-top:10rem;
    display: block;
  }

  .small-banner .inner img{
    width:100%;
    margin:0 auto;
    margin-left:0.8rem;
    margin-top:3rem;

  }
   
.small-banner .inner h1 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
  }

  .banner {
    display:none;
  }
  
  .trucare{
    width: 100%;
    margin-top:0rem;
    margin-bottom:0rem;
  }
  
.trucare .inner .left {
  width: 100%;
}

  .trucare .inner{
    width:82%;
    margin: 0 auto;
    padding:2rem 0;
    box-shadow: 0;
  }

  .trucare .inner .right{
    margin-top:2rem;
  }

  .trucare .right h3 {
    font-size:2rem;
  }
  
.trucare .right h3 span{
    position:relative;
    top:-1rem;
  }

  .trucare .right p{
    text-align:left;
  }

.trucare .right button{
   margin-left:33%;
}
.reviews {
  
  padding: 3rem 0;
  margin-top: 3rem;
  padding-bottom:7rem;
}
.reviews .google{
    bottom:1rem;
}

.apart .inner{
    width:95%;
    margin:0 auto;
    padding:4rem 0;
}

  .card-box{
    display: block;
  }

.card-box .first {
    width: 100%;
    margin:0 auto;
    padding: 1rem 1rem;
  }

.card-box .second {
    width: 100%;
    margin:0 auto;
    padding: 1rem 1rem;
    margin-top:1.5rem;
  }
  
.trucare .number {
    width: 86.5%;
    margin:0 auto;
    margin-top: 3rem;
  }

.trucare .number .box {
    margin-top:1.5rem;
  }

.provide .inner {
    width: 82%;
    margin:0 auto;
  }

  .provide .inner .box {
    margin-top:1.5rem;
  }

.reviews .title {
    width: 95%;
  }

.reviews .inner .box {
    display: block;
    border-bottom:1px solid #fff;
  }
  
.reviews .inner .box p {
    margin-left: 1rem;
  }
  
.reviews .inner .box2 {
    width: 100%;
    padding: 1rem;
    padding-left:2rem;
    border: none;
    display: block;
    position: absolute;
    right:-55%;
    top:0;
    border-left:1px solid #fff;
  }
  
.reviews .inner .box2 p {
    position: relative;
    left: 0rem;
  }
  
.reviews .inner .left .left-top {
    border-bottom: 1px solid #B5BCC9;
    border: none;
  }
  .reviews .inner .left .left-bottom {
    border-bottom: 1px solid #B5BCC9;
    border: none;
  }
   
.reviews .inner {
  width: 99%;
  padding-bottom:5rem;
  padding-top:0rem;
  margin-top:3rem;
}

.reviews .inner .right {
  width: 95%;
  margin:0 auto;
  position: relative;
  margin-left: 0rem;
  padding-left:2rem;
}

.reviews .inner .left{
    width:85%;
    margin:0 auto;
}
  
.reviews .inner .right img {
    width: 80%;
  }
  
.reviews .inner .right .right-index {
    width: 93%;
    border-radius: 0.5rem;
    position: absolute;
    top: 0rem;
    padding: 1rem;
    margin-bottom:2rem;
  }

  .reviews .inner .right .right-index .r-num{
    margin-left:1rem;
  }
  
.reviews .inner .right img {
    width: 100%;
    position: relative;
    top:3.3rem;
  }

  .reviews .content-star .box{
    display: flex;
    justify-content: flex-start;
  }

  .reviews .inner .left .left-top{
    position: relative;
    overflow: hidden;
  }
  
    .reviews .inner .left p{
        font-size:0.8rem;
    }

  .reviews .inner .left .left-bottom{
    position: relative;
    overflow: hidden;
  }

  .reviews .inner .left .left-top img{
    width:20%;
  }
  
  .reviews .inner .left .left-bottom img{
    width:20%;
  }
  
.shedule .inner .left h3 {
    font-size: 2rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
  
.shedule .timing {
   padding-left: 0;
  }
   
.shedule .inner .left {
  width: 100%;
  position: relative;
  right: -0.7rem;
}

.shedule .inner img {
  width: 100%;
  position: relative;
  right: -0.7rem;
}

.image-slider .inner img {
  width: 50%;
  margin: 0 auto;
  margin-top: 0.5rem;
}

.image-slider .inner {
 position: relative;
 left:0.25rem;
}

.gallery .top-img .img {
  margin-bottom:1.5rem;
}

.gallery .bottom-img .img {
  margin-bottom:1.5rem;
}

.testimonial {
  width: 100%;
  background-color: #F6F3EE;
  padding: 2rem 0;
}
 

.testimonial .inner .card {
  padding: 2rem 1rem;
  padding-bottom: 1rem;
  margin-bottom:1.5rem;
}

}

@media only screen and (max-width:430px){


  .reviews .title h3 {
    color: #fff;
    font-weight: 800;
    font-size:1.5rem;
  }
  
.reviews .inner {
  width: 99%;
  padding-bottom:8rem;
  margin-top:1rem;
}

 
.reviews .inner .right img {
  width: 100%;
  position: relative;
  top:6.2rem;
}

.shedule .timing .day h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #284795;
  margin-top: 0.5rem;
}
.shedule .timing .day p {
  font-size: 0.8rem;
  margin-top: 0.5rem;
  padding-left:0.5rem;
  padding-right:0;
}

}

/* About us responsive starts here  */



@media only screen and (max-width:576px){
  .about-pg-1 .inner {
    width:98%;
    margin:0 auto;
    padding: 3rem 0;
  }
  
.about-pg-1 .inner .left {
  width: 100%;
}

.about-pg-1 .inner .right {
 margin-top:2rem;
}

.about-pg-1 .inner .right h2 {
  font-size: 2rem;
  color: #284795;
  font-weight: 800;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}
  
.about-pg-2 .number {
  width: 86.5%;
  margin:0 auto;
  margin-bottom:3.5rem;
}

.about-pg-2 .number .box {
  margin-top:1.5rem;
}

.values .title {
  width: 100%;
  margin: 0 auto;
}

.values .inner {
  width: 86.5%;
  margin:0 auto;
  color: #fff;
}
}



@media only screen and (max-width:540px){
    
.apart .inner .left img{
    width:22%;
    height:4.5rem;
}

.apart .inner .left h4{
    font-size: 1.3rem;
    font-weight: 600;
}

.videos h3{
    font-size: 1.7rem;
    font-weight: 800;
    text-align: center;
    margin-bottom: 1.5rem;;
    color:#fff;
}
}


@media only screen and (max-width:430px){

  
.about-pg-1 .inner .right h2 {
  font-size:1.5rem;
  color: #284795;
  font-weight: 800;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}
 
.about-pg-1 .inner .right p {
  font-size: 1rem;
  margin-bottom: 1.7rem;
  text-align: justify;
}

.about-pg-2 .number {
  width: 98%;
  margin:0 auto;
  margin-bottom:3.5rem;
}

.myaccordion .title h3 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #fff;
}

.values .inner {
  width: 98%;
  margin:0 auto;
  color: #fff;
}

.values .title h3 {
  font-size:1.5rem;
  color: #284795;
  font-weight: 900;
}
}


/* Service-pages starts here  */

@media only screen and (max-width:576px){
.service-pg-1 .inner {
  width: 98%;
  margin:0 auto;
  padding: 4rem 0;
}


.service-pg-1 .inner .content h2 {
  font-size: 2rem;
  margin-top:1.5rem;
}


.service-pg-3 .inner {
  width: 82%;
  margin: 0 auto;
  padding:0;
}

.service-pg-3 .inner .left img {
  width: 100%;
  border-radius:0%;
  margin-top: 1rem;
}

.service-pg-3 .inner .right {
  width: 100%;
  margin-top:2rem;
} 
 
.service-pg-4 .inner .content h3 {
  width: 99%;
  margin: 0 auto;
  font-size: 2rem;
  margin-top: 2rem;
  line-height: 3rem;
}
}

@media only screen and (max-width:500px){
  
.service-pg-2 .inner .content h3 {
  width: 96%;
  margin: 0 auto;
  font-size: 1.6rem;
  margin-top: 4rem;
  font-weight: 700;
  line-height: 3rem;
}

.service-pg-3 .inner .right h3 {
    width:98%;
    margin:0 auto;
  font-size: 1.6rem;
  color: #284795;
  font-weight: 700;
  margin-bottom: 2rem;
}

.faq .title h3 {
  font-size: 1.6rem;
} 

.faq .inner {
  width: 98%;
  margin: 0 auto;
  padding-top: 2rem;
  padding-bottom: 3rem;
}
 
}


@media only screen and (max-width:433px){
  

.service-pg-1 .inner .content h2 {
  font-size: 1.8rem;
  margin-top:1.5rem;
}

.service-pg-3 .inner {
  width: 98%;
  margin: 0 auto;
  padding: 1rem 0;
}

.service-pg-4 .inner .content h3 {
  width: 99%;
  margin: 0 auto;
  font-size: 1.6rem;
  margin-top: 2rem;
  line-height: 2.3rem;
}

.service-pg-3 .inner .right h3 {
  font-size: 1.3rem;
  color: #284795;
  font-weight: 700;
  margin-bottom: 2rem;
}
 
.service-pg-4 .inner .content hr {
  background-color: darkblue;
  width: 20%;
  margin: 0 auto;
  height: 4px;
  border: none;
  font-weight: 900;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  z-index: 100;
  position: relative;
}
.service-pg-4 .inner .content p {
  width: 98%;
  margin: 0 auto;
  font-size: 1rem;
  text-align:justify;
  padding-left:1.3rem;
}
}



/* Contact-part starts here */

@media only screen and (max-width:630px){

.contact-pg-2 .inner .left {
  width: 100%;
  margin-right: 0rem;
  margin-bottom:4rem;
}

#yourname {
  width: 100%;
  display:block;
}

#youremail {
  width: 100%;
  display:block;
  margin-left: 0%;
}

#yournum {
  width: 100%;
   display:block;
}

#selector {
  width: 100%;
   display: inline-block;
  margin-left:0%;
  margin-top:0rem;
  margin-bottom: 1.5rem;
}

.contact-pg-2 input{
  margin-bottom:1.5rem;
}

}

@media only screen and (max-width:420px){

.reviews .google{
    font-size:0.8rem;
    bottom:1rem;
}
  
.contact-pg-2 .inner .right h3 {
  font-size: 1.7rem;
  font-weight: 800;
  color: #284795;
  margin-bottom: 1.5rem;
}


.contact-pg-1 .title h3 {
  font-size: 1.7rem;
  color: #fff;
  margin-top: 4rem;
  font-weight: 800;
}
 
.reviews .inner .right .right-index {
    width: 100%;
    border-radius: 0.5rem;
    position: absolute;
    top: 0rem;
    left:0.7rem;
    padding:0rem;
    margin-bottom:2rem;
    margin-top:1rem;
    padding:1rem 0;
  }


}
 