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

 

}   

@media screen and (max-width: 992px){
    .VisitTalkArea ul li {width: calc(100% / 3 - 20px);}
    .VisitTalkArea .section-title h2 {font-size: 32px;}
    .WhatWeDoArea {height: auto; padding: 50px 50px;}
    .DoctorArea:before {display: none;}
    .TeamArea ul li {width: 50%;}
    .VisitTalkArea ul~h5 {margin: 20px 15px 0; line-height: 30px;}
    .VisitTalkArea ul~h5 br {display: none;}
    .WhatWeDoArea .WhatWeDoLeft {padding: 0;}
    .FAQArea h3 {font-size: 32px;}
    .DownloadArea .DownloadBox .DownloadLeft h2 {font-size: 32px; line-height: 46px;}
    .DownloadArea .DownloadBox .DownloadLeft {padding: 0;}
    .WhatWeDoArea .WhatWeDoLeft h1 {font-size: 32px;}
    .WhatWeDoArea {padding: 30px;}
    .SlideArea .SlideBox .SlideLeft h1 {font-size: 32px; line-height: 46px;}
    .Footer .FooterRight {text-align: left;}
    .Footer .FooterLeft ul {margin: 0 0 25px 0;}
}

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

}
 
@media screen and (max-width: 768px){ 
    .VisitTalkArea ul li {width: calc(100% / 2 - 20px);}
	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: 576px){

    .SlideDoctorBox figure{ height:auto }

    .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% }

    .VisitTalkArea ul li {width: calc(100% / 1 - 20px);}
    .WhatWeDoArea {padding: 15px 50px;}
    .DownloadArea .DownloadBox {padding: 80px 15px 0;}
    .ContactArea .ContactBody {padding: 15px;}
    .WhatWeDoArea {padding: 15px 30px;}
    .SlideDoctorBox figure {margin: 0 50px 0;}

}