@media screen and (max-width: 1700px) and (min-width: 1500px) {

 

}   

@media screen and (max-width: 992px){
 	 

}

@media screen and (max-width: 990px) and (min-width: 768px) {
 

}
 
@media screen and (max-width: 768px){ 

	header{ background:#eaf8fc }
	header .navbar .navbar-nav li { margin: 15px 0 0 0px;}

    .SlideArea{ padding:120px 0 50px }
    .SlideArea .SlideBox{ flex-wrap:wrap; }
    .SlideArea .SlideBox .SlideLeft { width:100% ; padding:0; margin:0  0 30px 0 }
    .SlideArea .SlideBox .SlideRight { width:100%; padding:0  }

    .TreatArea .TreatRight ul li{ width:50% }

    .WorksArea .col-sm-6{ flex: 0 0 100%; max-width: 100%; }

    .DoctorArea .DoctorBody .owl-carousel .owl-nav .owl-prev{ left:0 }
    .DoctorArea .DoctorBody .owl-carousel .owl-nav .owl-next{ right:0 }

    .SlideDoctorBox figure{ height:250px }

    .PartnerArea .PartnerRight{ padding:0 }

    .DownloadArea .col-sm-6{ flex: 0 0 100%; max-width: 100%; }

    .DownloadArea .DownloadBox .DownloadLeft { padding: 0px 0 40px 0;}

    .TeamArea ul li{ width:50% }

    .TouchArea ul{ flex-wrap:wrap; }
    .TouchArea ul li { width:50% }




} 

@media screen and (max-width: 767px) and (min-width: 500px) {
 

	 


}

@media screen and (max-width: 550px){



    .SlideDoctorBox figure{ height:400px }

    .PartnerArea .PartnerRight{ margin:30px 0 0 0 }

    .DownloadArea .DownloadBox .DownloadLeft ul li { margin: 0 15px 15px 0;}

    .FAQArea{ padding:50px 0 }
    .AboutArea .AboutVision p br{ display:none; }
    .AboutArea .AboutMission{ margin-top:30px }
    .TeamArea ul li{ width:100% }

    .MapArea .MapBox{ flex-wrap:wrap; }
    .MapArea .MapBox .MapLeft{ width:100% }
    .MapArea .MapBox .MapRight{ width:100%; padding:20px }

      .TouchArea ul li { width:100% }


}