@media (max-width: 768px){
.top-contact {
  float: none;
  width: 100%;
  margin-bottom: 20px;
}

.top-social a i{
  float: none;
  text-align: center;
  margin-left: 0%;
  letter-spacing: 20px
}
}
@media (max-width: 425px){
  .top-contact a i{
    width: 80%;
    font-size:16px;
    margin-bottom: 20px;
    text-align: justify;
  }
  .top-contact span{
    margin-left: 0px;
  }
}

/*Nav Header*/
@media(max-width:1024px) {
 .menu-toggle{
    display: block;
  }
header  img{
  margin-top: 2%;
}

  header nav{
    width: 100%;
    float: left;
    display: none;
  }
header{
margin-top: px;
position: fixed;
width: 100%;
z-index: 2000;
}
header nav ul{
  background:#00032e;
  padding: 10px;
}
  header nav ul li{
    display: block;
    float: left;
    width: 100%;
    text-align: left;
    border-bottom: 1px dotted #01bafd;
  }
  header nav ul li a,header nav ul li span a {
    color: #fff;
  }
  .menu3 a i{
    float: right;
    margin-top: 10px;
  }
  header nav ul ul p{
    color: #01bafd;
  }
  header nav ul ul{
    background:  #001135;
    color: #f3f3f3;
  }
  header nav ul ul li{
    font-size: 13px;
    color: #fff;
  }

  header nav ul ul li a{
    color: white;
  }
    .active{
    display: block;
    width: 100%;
  }
#top-header{
display: none;
}
}

@media(max-width:425px) {
 header  img{
    margin-left: 10px;
    padding: 5px;
    margin-top: 5%;
  }
}

/*Slider*/
@media(max-width: 1024px){
  .slide_viewer {
    height: 500px;
  }
  .caption h3 {
    font-size: 40px;
}
  .caption{
    width: 70%;
  }
  .caption h5{
    font-size: 19px;
  }
  .directional_nav {
    top: -231px;
  }
}


/*Slider*/
@media(max-width: 768px){
  .slide_viewer {
    height: 450px;
  }
  .caption{
    width: 70%;
  }
  .caption h5{
    font-size: 19px;
  }
  .directional_nav {
    top: -231px;
  }
}



@media(max-width: 500px){
  #slider {
    margin-top: 84px;
}
  .slide_viewer {
    height: 250px;
  }
  .caption{
    padding: 20px;
    margin-left: 30px;
    width: 80%;
  }
  .caption h3{
    font-size: 25px;
  }
  .caption h5{
    font-size: 19px;
  }
  .directional_nav {
    top: -150px;
  }
  .next_btn {
    right: 30px;
  }
  .previous_btn {
    left: 10px;
  }
}


@media(max-width: 440px){
  #slider {
    margin-top: 84px;
}
  .slide_viewer {
    height: 230px;
  }
  .caption{
    padding: 10px;
    margin-left: 30px;
    width: 80%;
    margin-top: 20%;
  }
  .caption h3{
    font-size: 20px;
    margin-left: 10px;
  }
  .caption h5{
    font-size: 14px;
    margin-left: 10px
  }
  .caption span{
    margin-left: 0px;
  }
  .caption span a{
    font-size: 14px;
    padding: 15px 30px;
  }
  
  .directional_nav {
    top: -150px;
  }
  .next_btn {
    right: 30px;
  }
  .previous_btn {
    left: 10px;
  }
}


/* breadcrumb */

@media(max-width: 1024px){
#mu-page-breadcrumb {
  margin-top: 0px;
  background-size: cover;
  }
  .mu-page-breadcrumb-area h1{
    margin-top: 80px;
    padding: 20px;
  }
  }
  
@media(max-width: 500px){
  .mu-page-breadcrumb-area li {
    display: block;
    margin-left: 0px;
    font-size: 20px;
}
.mu-page-breadcrumb-area h1{
  font-size: 26px;
}

.mu-page-breadcrumb-area li a {
  color: #fff;
  font-weight: 400;
}
    }

  @media(max-width: 375px){
    .mu-page-breadcrumb-area li {
      display: block;
      font-size: 18px;
      margin-left: 0px;
    }
    #breadcrumb-nav li {
      margin-left: 2px;
      font-size: 17px;
  }
  }
/*==================
 breadcrumb  END
====================*/

/*Pop up*/
@media (max-width: 1024px){
  .popup{
    padding: 50px 100px;
  }
  .contentBox{
    top: 20%;
  }
}
@media (max-width: 780px){
  .popup{
    padding: 50px 100px;
  }
  .contentBox{
    top: 20%;
    height: 250px;
  }
  .contentBox .content{
    margin-top: 40px;
  }
}

@media (max-width: 500px){
  .popup{
    padding: 50px;
  }
  .contentBox{
    flex-direction: column;
    top: 15%;
    height: auto;
    padding: 20px 5px;
  }
  .contentBox .imgBox{
    width: 100%;
    float: none;
  }
  .contentBox .imgBox img{
    height: 255px;
  }

  .contentBox .content{
    background-color: #fff;
    margin-top: -40px;
    width: 100%;
    float: none;
  }
}
@media (max-width: 420px){
  .popup{
    padding: 10px;
  }
  .contentBox .content {
    padding: 5px;
  }
  .contentBox .imgBox img {
    height: 353px;
}
  .contentBox .content h3{
    font-size: 25px;
    }
}
/*Home Welcome */
@media (max-width: 1024px){

  #welcom-home .wel-hom .image{
    width:40%;
  }
  #welcom-home .wel-hom .image img{
    width: 100%;
    height: 320px;
    margin-top: 150px;
  
  }
#welcom-home .wel-hom .content{
  width: 60%;
  padding: 20px;
}
}

@media (max-width: 800px){

  #welcom-home .wel-hom{
    margin-top: -153px;
    padding:50px;
  }

  #welcom-home .wel-hom .image{
    width: 100%;
    padding: 0px 150px;
    float: none;
    text-align: center;
  }
  
  #welcom-home .wel-hom .image img{
    width: 100%;
    border-radius:inherit;
    height: 320px;
    margin-top: 0px;
    height: 300px;
  }
  
  #welcom-home .wel-hom .content{
    width: 100%;
    float: none;
    padding: 20px;
  }
  }

@media (max-width: 500px){

  #welcom-home .wel-hom{
    padding:20px;
  }

#welcom-home .wel-hom .image{
  width: 100%;
  float: none;
  padding: 0px;
  text-align: center;
}
#welcom-home .wel-hom h1{
  font-size: 27px;
}
#welcom-home .wel-hom .image img{
  width: 60%;
  height: 250px;
}

#welcom-home .wel-hom .content{
  width: 100%;
  float: none;
  padding: 20px;
}
}


@media (max-width: 425px){

  #welcom-home .wel-hom{
    padding:0px;
  }

  #welcom-home .wel-hom h1{
    text-align:center;
    font-size: 20px;
  }
#welcom-home .wel-hom .image{
  width: 100%;
  float: none;
  text-align: center;
}

#welcom-home .wel-hom .image img{
  width: 100%;
  height: 220px;
}

#welcom-home .wel-hom .content ul li{
  margin-left: -20px;
}
#welcom-home .wel-hom .content{
  width: 100%;
  float: none;
  padding: 20px;
}

#welcom-home .wel-hom .content h2{
  font-size: 20px;
}
}


@media (max-width: 330px){
#welcom-home .wel-hom .image{
  width: 100%;
  float: none;
  text-align: center;
}

#welcom-home .wel-hom .image img{
  width: 100%;
  height: auto;
}
}
/*  Home About */
@media (max-width: 900px){
  #mu-service {
    padding: 20px 50px;
  }
  
  #mu-service .mu-service-area {
    float: none;
    width: 100%;
  }

  
#mu-service .mu-service-area .mu-service-single a{
  font-size: 15px;
  font-weight: 600;
}


  #mu-service .mu-service-area .mu-service-single {
    width: 33%;
    padding: 25px 0px;
   }

#mu-service .mu-service-area .mu-service-single p{
  font-size: 15px;
}
}
@media (max-width: 674px){
  #mu-service{
    float: left;
    width: 100%;
    padding: 20px;
  }
  #mu-service .mu-service-area .mu-service-single {
  width: 100%;
  margin-left: 0px;
  }
    
#mu-service .mu-service-area .mu-service-single a{
  font-size: 17px;
}
}

/*New Services*/
@media (max-width: 1024px){
  #new-services{
    padding: 20px 90px;
  }
}

@media (max-width: 800px){
 
#new-services .new-s-content h2{
  font-size: 20px;
  font-weight: 300;
}
#new-services .new-s-content p{
  font-size: 16px;
  color: #fff;
}

#new-services .new-s-content span a{
  font-size: 20px;
  color: #00deff;
}
  
#new-services .new-s-img img{
  width: 40%;
  height: 250px;
}

#new-services .new-s-content{
  width: 58%;
  height: 250px;
}
}


@media (max-width: 500px){

    #new-services{
      padding: 0px;
    }

  #new-services .new-s-content h2{
    font-size: 23px;
    font-weight: 500;
  }
  #new-services .new-s-content p{
    font-size: 20px;
    color: #fff;
  }
  
  #new-services .new-s-content span a{
    font-size: 20px;
    color: #00deff;
  }
    
  #new-services .new-s-img img{
    width: 100%;
    float: none;
    height: auto;
  }
  
  #new-services .new-s-content{
    width: 100%;
    height: auto;
    margin-top: -10px;
  }
  }

/*Update */
@media (max-width: 1024px){
  #updates{
    padding: 50px 90px;
  }
}

@media (max-width: 800px){
  #updates{
    padding: 30px;
  }
  #update-full{
    padding: 50px;
  }
}

@media (max-width: 500px){
#update-full {
    padding: 21px;
}
  #updates .MAB-update{
    padding: 20px;
  }
  #update-full .full-up-content{
    width: 95%;
  }
  #update-full .full-up-content ul{
    padding:10px;
  }
  #update-full .full-up-content li {
    font-size: 17px;
    margin-left: 6px;
}
#update-full .full-up-content h4 {
  font-size: 23px;
  font-weight: 600;
  text-align: left;
  margin: 0;
}
#update-full .full-up-content .content h3 {
  font-size: 20px;
}
#update-full .full-up-content .content  {
  text-align: center;
}
#update-full .full-up-content .img-head1 img,#update-full .full-up-content img {
  width: 100%;
}


  #update-full .full-up-content h2{
    font-size: 29px;
  }
  #updates .update-img img{
    width: 100%;
    margin-top: 50px;
    float: none;
  }
  
  #updates .update-content{
    width: 100%;
    float: none;
    margin-bottom: 20px;

  }
  #updates {
    padding: 10px;
}
#updates .MAB-update{
  padding: 5px;
}
}

@media (max-width: 380px){
  #updates .MAB-update{
    padding: 0px;
  }
  #update-full{
    padding: 10px;
  }

  #updates .update-img img{
    width: 100%;
    margin-top: 50px;
    float: none;
  }
  
  #updates .update-content{
    width: 100%;
    float: none;
  }
  
#updates .update-content h4{
  font-size: 20px;
  text-align: center;
}
  
}

/*Health Partner*/
@media (max-width: 1024px){
  #health-partners .our-health-partners{
    margin-left: 0%;
  }
  #health-partners .insurance{
    padding: 50px;
  }
  
  #health-partners .insurance .insure-all{
    padding: 30px 10px;
    margin-left: 10px;
    width: 30%;
  }
}

@media (max-width: 800px){
  #health-partners .our-health-partners{
    margin-left: 0%;
    padding: 10px;
  }

  #health-partners .our-health-partners .partners-images{
    width: 21%;
  }
  #health-partners .our-health-partners2 .partners-images{
    display: inline-grid;
    width: 13%;
  }
  #health-partners .insurance{
    padding: 20px;
  }
  }


@media (max-width: 500px){
  #health-partners{
    padding: 0px;
  }

  #health-partners .our-health-partners .partners-images{
    display: inline-grid;
    width: 30%;
    margin-left: 0px;
    padding: 5px;
  }
  #health-partners .health h2{
    font-size: 35px;
  }
  #health-partners .our-health-partners .partners-images img{
    height: auto;
      margin-left: 0px;
  }
  #health-partners .our-health-partners2 .partners-images{
    display: inline-grid;
      width: 30%;
  }
  #health-partners .our-health-partners2 .partners-images img{
    height: 50px;
  }
  #health-partners .insurance{
    padding: 10px;
  }
  
  #health-partners .insurance .insure-all{
    padding: 30px 10px;
    margin-left: 10px;
    width: 45%;
  }
  #health-partners p a{
    font-size: 14px;
    font-weight: 500;
  }
}

@media (max-width: 378px){
  #health-partners {
   padding: 0px; 
 }

  #health-partners .our-health-partners .partners-images{
    width: 30%;
  }
  #health-partners .insurance .insure-all{
    padding: 30px 10px;
    margin-left: 0px;
    display: block;
    width: 100%;
  }
}

/*About MAB */

@media (max-width: 900px){
  .appiont-a a{
    background: #ffffff;
    font-size: 20px;
  }
}
@media (max-width: 800px){

  .why-us{
    margin-top: 0px;
    width:100%;
    float: none;
  }
  .appiont-a{
    width: 100%;
    margin-top: 60px;
    float: none;
}
}
@media (max-width: 500px){
#Home-Appoint .home-appoint-all{
  padding: 10px;
}
  .why-us{
    width:100%;
    float: none;
    padding: 0;
  }
  .why-us h1{
    font-size: 25px;
  }
  .why-us .home-choose{
    width: 100%;
    padding: 0px;
    margin-left: 0px;
  }
  .appiont-a{
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
    float: none;
}
}

/*About Us */
@media(max-width: 1024px){
#mu-about-us{
margin: 0;
padding: 0;
float: left;
}

.mu-about-Us-area{
  padding: 70px;
  width: 100%;
}
.readmore{
margin: 0;
padding: 0;
width: 80%;
}
.readmore ul li{
  display: inline-grid;
  width: 25%;
  margin-top: 10px;
  border: 1px #302 solid;
}
}
@media(max-width: 900px){
#mu-about-us{
margin: 0;
float: left;
}
.mu-about-Us-area{
  width: 100%;
}
.mu-about-Us-img{
  width: 45%;
  display: inline-grid;
}
.mu-about-Us-area  img{
  width: 100%;
  height: 200px;
  padding-left: 10px;
  margin-bottom: 30px;
}
.mu-about-Us-area1 h4{
text-align: center;
}

#mu-about-us .about-p h3{
  font-size: 30px;
}
#mu-about-us .about-p p{
  font-size: 18px;
}

.container .about-content{
  width: 60%;
}
.mu-about-Us-img, .mu-about-Us-img2{
  width: 40%;
  margin-top: 100px;
}

.readmore{
margin: 0;
padding: 0;
width: 100%;
}
.readmore ul li{
  display: inline-grid;
  width: 30%;
  margin-top: 10px;
  border: 1px #302 solid;
}
}

@media(max-width: 500px){
  #mu-about-us{
  margin: 0;
  padding: 0px;
  float: left;
  }
  .mu-about-Us-img{
    width: 100%;
    display: block;
  }
  .mu-about-Us-area{
    width: 100%;
    padding: 40px;
  }

  .mu-about-Us-area h2{
    margin-top: 30px;
    text-align: center;
    font-size: 25px;
  }
  .mu-about-Us-area h3{
    text-align: center;
    font-size: 20px;
  }
  .mu-about-Us-area1 h3{
    text-align: center;
    font-size: 20px;
  }
  .mu-about-Us-area  img{
    width: 100%;
    height: 200px;
  }

  .mu-about-Us-img, .mu-about-Us-img2{
    width: 100%;
    margin-top: 20px;
  }
  #mu-about-us .about-p{
    padding: 20px ;
    float: none;
  }
  #mu-about-us h2 {
    margin-top: 50px;
    font-size: 40px;
    font-weight: 400;
}


  #mu-about-us .about-p h3{
    font-size: 20px;
  }
  #mu-about-us .about-p p{
    font-size: 16px;
  }


.container .about-content{
  width: 100%;
  float: none;
}
  .readmore{
  margin: 0;
  padding: 0;
  width: 100%;
  }
  .readmore ul li{
    display: inline-grid;
    width: 45%;
    margin-top: 10px;
    border: 1px #302 solid;
  }
}
@media(max-width: 430px){
  .mu-about-Us-area{
    padding: 10px;
    width: 100%;
  }

.mu-about-Us-area  img{
  width: 100%;
  height: 200px;
}
  .mu-about-Us-area h2{
    margin-top: 30px;
    font-size: 20px;
  }
  .readmore{
  margin: 0;
  padding: 0;
  width: 100%;
  }
  .readmore ul li{
    display: inline-grid;
    width: 80%;
    margin-top: 10px;
    border: 1px #302 solid;
  }
}
/*Leadership */


@media(max-width: 1024px){
.leader-all{
      padding: 50px;
  }
  .MAB-leaders{
    width: 25%;
  }
}
@media(max-width: 900px){
  .MAB-leaders a h3{
    font-size: 15px;
  }
}
@media(max-width: 768px){
  .MAB-leaders{
    width: 40%;
  }
  .MAB-leaders a h3{
    font-size: 18px;
  }
}
@media(max-width: 600px){
  .MAB-leaders{
    width: 70%;
    display: block;
  }
  .MAB-leaders a h3{
    font-size: 18px;
  }
}
@media(max-width: 425px){
  .MAB-leaders{
    width: 70%;
    display: block;
  }
  #MAB-leaders p{
    width: 80%;
    margin-left: 10%;
    font-size: 15px;
  }
  .leader-all{
    padding: 5px;
  }
}
/*Sub-Group*/
@media(max-width: 630px){
  .sugroupimg img{
    width: 40%;
    float: none;
    padding: 20px;
    margin-left: 180px;
  }

  .subgroup-cap{
    float: none;
    width: 100%;
  }
  .sugroupimg2 img{
    width: 40%;
    float: none;
    padding: 20px;
    margin-left: 180px;
  }

  .subgroup-cap2 {
    background: #001135;
    width: 100%;
    float: none;
  }
}
@media(max-width: 430px){
  .sugroupimg img{
    width: 60%;
    float: none;
    padding: 20px;
    margin-left: 80px;
  }

  .subgroup-cap{
    float: none;
    width: 100%;
  }
  .subgroup-cap h2 {
    text-align: center;
    font-size: 20px;
  }
  .sugroupimg2 img{
    width: 60%;
    float: none;
    padding: 20px;
    margin-left: 80px;
  }

  .subgroup-cap2 {
    background: #001135;
    width: 100%;
    float: none;
  }
  .subgroup-cap2 h2 {
    text-align: center;
    font-size: 20px;
  }
}

/*Mission */
@media(max-width: 1024px){
  #em_contact{
    margin: 0px;
    padding: 0px 50px;
  }
  #em_contact .em_cont_page .cont_page_content{
    margin-top: 50px;
  }
#em_contact .em_cont_page .cont_page_content h3{
  font-size: 35px;
}
#em_contact .em_cont_page .cont_page_content li a{
  font-size: 20px;
}
}
@media(max-width: 800px){
  .mu-mission-area{
    padding: 20px 70px;
    margin-left: 0px;
  }
  #mu-about-us .about-p h3{
    font-size: 45px;
    margin: 2px;
  }
.mu-mission-area p{
  float: none;
  width: 100%;
}
.mu-mission-area3 img{
  width: 50%;
}
.mu-mission-area, .mu-mission-area3, .cont_2{
  padding: 30px;
}
.mu-mission-area3 .our_values{
  width: 50%;
}
#em_contact .em_cont_page .cont_page_img img{
  margin-top: 30px;
}
#em_contact .em_cont_page .cont_page_content h3{
  font-size: 28px;
}
#em_contact .em_cont_page .cont_page_content li a{
  font-size: 18px;
}
}

@media(max-width: 600px){
  #mu-mission{
    padding: 20px;
  }
  .mu-mission-area,.mu-mission-area, .mu-mission-area3, .cont_2{
    padding: 0px;
    margin-left: 0px;
  }

.mu-mission-area h2,.cont_2 .mission-cont2 h2{
  float: none;
  font-size: 35px;
  width: 100%;
  text-align: center;
  margin-left: 0px;
}
  .mu-mission-area img,.cont_2 img{
width: 100%;
padding: 50px 10px;
float: none;
}
.mu-mission-area .mission-cont,.cont_2 .mission-cont2 {
width: 100%;
}
.mu-mission-area3 img{
  width: 100%;
  float: none;
}

.mu-mission-area3 .our_values{
  width: 100%;
  float: none;
}
#em_contact{
  margin: 0px;
  padding:20px;
}
#em_contact .em_cont_page .cont_page_img{
  width: 100%;
}
#em_contact .em_cont_page .cont_page_content{
  width: 100%;
}
#em_contact .em_cont_page .cont_page_content h3{
  font-size: 30px;
  text-align: center;
}
#em_contact .em_cont_page .cont_page_content li a{
  font-size: 20px;
}
}
@media(max-width: 375px){
  .mu-mission-area,.mu-mission-area, .mu-mission-area3, .cont_2{
    padding: 0px;
    margin-left: 0px;
  }

  #mu-mission{
    padding: 10px;
  }
  .mu-mission-area{
    width:100%;
    padding-left: 0px;
  }
  .mu-mission-area img,.cont_2 img{
    width: 100%;
    padding: 10px;
    }
}


/*Accordion*/
@media(max-width: 780px){
#accord1 .accord1{
  padding: 60px 90px;
}
}

@media(max-width: 500px){
  #accord1{
    margin-top: 30px;
    padding: 10px;
  }
  #accord1 .accord1{
    padding: 5px;
  }
  #accord1 h3{
    font-size: 25px;
  }
  }

/*Services */

@media(max-width: 1280px){
  .service{
    width: 22%;
    display: inline-grid;
    margin-left: 100px;
  }
}

@media(max-width: 1024px){
  .service{
    width: 22%;
    display: inline-grid;
    margin-left: 80px;
  }
  #general_serv {
    padding: 20px;
}
}

@media(max-width: 900px){
  #services{
    padding: 40px;
  }
  .service{
    width: 27%;
    margin-left: 30px;
  }
  .service img{
      height: 150px;
  }
  #general_serv .serv-body {
    width: 100%;
    float: none;
    padding: 37px;
}
#general_serv .serv-left {
  width: 100%;
  float: none;
  padding: 20px;
}
#general_serv .serv-left .serv-phone {
  width: 49%;
  display: table-cell;
}
}
@media(max-width: 600px){
  #services{
    padding: 40px;
  }
  .service{
    width: 40%;
    margin-left: 30px;
  }
  .service img{
      height: 150px;
  }
  #general_serv .serv-left .serv-phone {
    width: 100%;
    display: block;
}
#general_serv .serv-left{
  padding: 0px;
}
#general_serv .serv-body {
  padding: 0px;
}
.services h2 {
  margin-left: 0px;
  font-size: 30px;
}
}


@media(max-width: 500px){
  #services{
    padding: 40px;
  }

  .service{
    width: 100%;
    margin: 0px;
  }
  .service img{
    height: 200px;
    margin-top: 0px;
  }
}

@media(max-width:375px){
  #services{
    padding: 30px;
  }

  .service{
    width: 100%;
    margin: 0px;
  }
  .service img{
    height: 150px;
    margin-top: 0px;
  }
}

/*Gallery */

/* MEDIA QUERIES */
/* Tablets */
@media screen and (min-width: 480px) {
  .photo {
    padding: 2rem 0% 10%;
  }
}

/* Small Screens, laptops */
@media screen and (min-width: 768px) {
  /*  SECTION */
  .photo {
    columns: 2;
    column-gap: 1rem;
    padding: 2rem 0% 10%;
  }
}

/* Desktop, large screens */
@media screen and (min-width: 1024px) {
  .photo {
    columns: 3;
    column-gap: 1rem;
    padding: 2rem 5% 10%;
  }
}
@media(max-width: 1125px){
  #gallery {
    padding: 50px;
}
}

@media(max-width: 550px){
  #gallery {
    padding: 20px;
}
}
/*Contact*/

@media(max-width: 800px){

  .address{
    width: 100%;
    float: right;
    text-align: center;
  }
.address h2{
    width: 100%;
    text-align: center;
    font-size: 35px;
    float: none;
  }

 .address ul li{
    width: 100%;
    font-size: 19px;
    margin-left: 5%;
    float: none;
    text-align: left;
  }
  .address h3{
    text-align: center;
    margin-top: 60px;
  }
  .address a i{
    margin-bottom: 50px;
  }
}
@media(max-width: 1024px){
  #appointment{
    float: none;
    width: 100%;
    padding: 40px;
  }
}
@media(max-width: 800px){
  #contact_Form{
    width: 100%;
    float: left;
    padding: 20px;
    margin-top: 50px;
  }
  #appointment{
    float: none;
    width: 100%;
    padding: 20px;
  }
.column_1{
  width: 100%;
  float: none;
  margin-bottom: 70px;
}

#testimonail-area{
	float: left;
	width: 100%;
  margin-top: 10px;
  padding: 0px 160px;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  width: fit-content;
  margin-top: -50px;
}
.contact-form h3{
  text-align: center;
}
.contact-form h1{
    width: 100%;
    text-align: center;
    font-size: 30px;
    float: none;
    margin-top: 20px;
  }
.contact-form  p{
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-left: 0%;
    float: none;
  }
  .a247{
    float: none;
    display: inline-grid;
    margin-left: 80px;
    margin-top: 0;
  }
}

@media(max-width: 600px){
  #contact_Form{
    width: 100%;
    float: left;
    padding: 40px;
    margin-top: 50px;
  }
  #testimonail-area{
    float: left;
    width: 100%;
    margin-top: 10px;
    padding: 0px 50px;
  }

.column_1{
  width: 100%;
  padding: 0px;
  float: none;
  margin-bottom: 70px;
}


.contact-form h3 {
    margin: 0;
    font-size: 25px;
    text-transform: uppercase;
}

#accord1 .accord2{
  margin-top: -60px;
}
#appointment{
  float: none;
  width: 100%;
  padding: 20px;
}
.address{
  width: 33%;
  padding: 30px;
}
select {
   width: 100%;
   float: none;
   padding: 15px;
   border: 1px black solid;
   font-size: 14px;
 }
.contact-form h1{
    width: 100%;
    text-align: center;
    font-size: 30px;
    float: none;
    margin-top: 20px;
  }
.contact-form  p{
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-left: 0%;
    float: none;
  }
  .address{
    padding: 20px;
    width: 100%;
    float: none;
    margin-left: 0px;
  }
  .address h2 {
    margin-top: 20px;
  }
  .address ul li{
    margin-left: -20px;
  }
  .a247{
    float: none;
    display: inline-grid;
    margin-left: 80px;
    margin-top: 0;
  }
}


@media(max-width: 500px){
  #contact_Form{
    width: 100%;
    float: left;
    padding: 20px;
    margin-top: 50px;
  }
  #testimonail-area{
    float: left;
    width: 100%;
    margin-top: 10px;
    padding: 0px;
  }
 .testimonials .shadow-effect{
    padding: 0px;
  }
.column_1 button{
  font-size: 20px;
  width: 100%;
}

.column_1 .accord2 button{
  font-size: 15px;
}
  .a247{
    display: block;
    width: 80%;
    margin-left: 30px;
  }
  #appointment{
    float: none;
    width: 100%;
    padding: 20px;
  }
  .address{
    padding: 20px;
    width: 100%;
    float: none;
    margin-left: 0px;
  }
  .address ul li{
    margin-left: -20px;
  }
  #testimonail-area .testimonials h4{
    font-size: 25px;
  }
  form .form-btn1 button, form .appoint-btn button, .app-btn button{
    width: 100%;
  }
}


@media(max-width: 375px){
  #contact_Form{
    width: 100%;
    float: left;
    padding: 20px;
    margin-top: 50px;
  }
  #testimonail-area{
    float: left;
    width: 100%;
    margin-top: 10px;
    padding: 0px;
  }
  .shadow-effect{
    padding: 10px;
  }
.column_1 button{
  font-size: 20px;
  width: 100%;
}
  .a247{
    display: block;
    width: 80%;
    margin-left: 30px;
  }
  #appointment{
    float: none;
    width: 100%;
    padding: 0px;
  }
  .address h2 {
    margin-top: 20px;
  }
  .address{
    padding: 10px;
    width: 100%;
    float: none;
    margin-left: 0px;
  }
  .address ul li{
    margin-left: -20px;
      font-size:17px;
  }
  .address ul li a{
    font-size: 17px;
  }
}


@media screen and (max-width: 460px) {
  .address{
    margin: 25px auto;
  }
}

/**Start of Media **/
@media screen and (max-width: 768px){
  #Media .media{
    padding: 50px;
  }
  #Media .media-home{
    width: 40%;
    margin-left: 30px;
    padding: 0px;
    display: inline-table;
  }
}
@media screen and (max-width: 500px){
  #Media .media{
    padding: 70px;
  }
  #Media .media-home{
    width: 100%;
    margin-left: 0px;
    padding: 0px;
    display: block;
  }
}
@media screen and (max-width: 380px){
  #Media .media{
    padding: 40px;
  }
  #Media .media-home{
    width: 100%;
    margin-left: 0px;
    padding: 0px;
    display: block;
  }
}
/*Blog*/
@media(max-width: 1024px){
  .blog_news{
    width: 27%;
    display: inline-grid;
  }
}


@media(max-width: 800px){
  #blog{
    padding: 50px;
  }
  .blog_news{
    width: 43%;
    display: inline-grid;
  }
}


@media(max-width: 500px){
  #blog{
    padding: 20px;
  }
  .blog_news{
    width: 100%;
    margin-left: 0px;
    display: block;
  }
}

@media(max-width: 375px){
  #blog{
    padding: 10px;
  }
  #blog h2{
    font-size: 27px;
  }

  .blog_news{
    width: 100%;
    margin-left: 0px;
    display: block;
  }
}

/* Marquee*/

@media(max-width: 1024px){
  .marslide marquee{
    width: 80%;
  }
  .marslide  .marsliderup{
    width: 20%;
    font-size: 15px;
    padding-left: 10px;
  }
}

@media(max-width: 800px){
  .marslide marquee{
    width: 80%;
  }
  .marslide  .marsliderup{
    width: 20%;
    font-size: 12px;
    padding-left: 10px;
  }
}

@media(max-width: 500px){
  .marslide marquee{
    width: 70%;
  }
  .marslide  .marsliderup {
    width: 30%;
    font-size: 10px;
    padding-left: 10px;
  }
  .marslide  .marsliderup p{
    font-size: 14px;
  }
  .marslide marquee ul li{
    font-size: 14px;
  }
}
/*Footer*/

@media(max-width: 1024px){
  .footer-list-top{
    width:23%;
    display: inline-table;
    text-align: left;
    margin-left: 2%;
    font-size: 25px;
  }
    .newsletter{
    width: 70%;
    float: right;
    margin-left: 50px;
  }
}


@media(max-width: 900px){
  .footer-list-top{
    width:38%;
    display: inline-table;
    text-align: left;
    margin-left: 5%;
  }
  .footer-list-top h4{
      margin-top: 0px;
  }
}

@media(max-width: 900px){
  .newsletter{
  width: 50%;
  margin-left: 50px;
  margin-top: -20px;
}
}

  @media only screen and (max-width: 500px) {
    main {
      font-size: 10em
    }
    .footer-list-top {
      width: 100%;
      margin-left: 0px;
    }
    .footer-list-top li a{
      font-size: 18px;
    }

    .footer-list-top h4{
        padding-bottom: 0px;
        margin-top: -10px;
    }


    .footer-list-header {
      font-size: 10em;
      width: 100%;
    }
    .newsletter{
    width: 100%;
    padding: 30px;
    margin-bottom:  30px;
    margin-left: 0px;
    text-align: center;
  }
  .newsletter input[type="email"]{
    width: 100%;
    margin: 0;
    padding: 20px;
    float: none;
  }
  .newsletter button{
    width: 100%;
    margin: 0px;
    margin-top: 10px;
    float: none;
  }
  #foot3{
  padding: 30px;
  margin-bottom: 10px;
  }
  #foot3 p{
      margin-left: 0px;
  }
}

@media only screen and (max-width: 330px) {
  main {
    font-size: 10em
  }
  .footer-list-top {
    width: 100%;
    padding: 19px;
    margin-top: 50px;
    margin-left: 20px;
}

  .footer-list-top h4{
      padding-bottom: 0px;
      margin-top: -40px;
  }


  .footer-list-header {
    font-size: 10em;
    width: 100%;
  }
  .newsletter{
  width: 100%;
  padding: 10px;
  margin-bottom:  30px;
  margin-left: 0px;
  text-align: center;
}
.newsletter input[type="email"]{
  width: 100%;
  margin: 0;
  padding: 10px;
  float: none;
}
.newsletter button{
  width: 100%;
  margin: 0px;
  margin-top: 10px;
  float: none;
}
#foot3{
padding: 30px;
margin-bottom: 10px;
}
#foot3 p{
    margin-left: 0px;
}
}