@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) {

	.SlideArea{ background: #F1F8FF; }
 	.SlideArea .col-sm-6{  flex: 0 0 100%; max-width: 100%;}
 	.TrustArea .TrustRight{ padding:40px 0 40px }
 	.CounterArea .CounterBox{padding: 0 0 0 50px;}
 	.CounterArea .CounterBox .Icon{width: 40px;}
 	.CounterArea .CounterBox h4{ font-size:27px }
 	.CounterArea .CounterBox p{ font-size:13px }
 	.AssistanceArea{ background:#fff }
	.AssistanceArea .col-sm-6{  flex: 0 0 100%; max-width: 100%;}
	.TestimonialArea .col-sm-6{  flex: 0 0 100%; max-width: 100%;}
	.BecomeArea .col-sm-7{  flex: 0 0 100%; max-width: 100%;}
	.BecomeArea .col-sm-5{  flex: 0 0 100%; max-width: 100%;}
 	.TrustArea.AboutTrustArea .TrustRight ul li{ width:100% }
 	.ServicesArea .ServicesBox{ padding:25px }
 	.HoursArea{ padding:50px 0 0 }
 	.HoursArea .HoursRight{ padding:0 }
 	.HoursArea .HoursRight h3 { font-size: 27px; font-weight: 600; line-height: 42px; margin:15px 0  }
 	.HoursArea .HoursRight ul li{ line-height:23px }
	.SpecializeArea .SpecializeFooter{ flex-wrap:wrap; }
 	.SpecializeArea .SpecializeFooter aside{ width:50% }
 	.MedicalArea .MedicalLeft ul li{ margin:0 10px 10px 0 }
 	.DoctorsArea .col-sm-3{  flex: 0 0 33%; max-width: 33%;}
 	.HelpArea .col-sm-5{  flex: 0 0 50%; max-width: 50%; margin: 0}
 	.UnsureArea .UnsureRight h3{font-size: 30px; line-height: 45px;}
 	.UnsureArea .UnsureRight ul li{font-size: 14px; line-height: 25px;}
 	.HelpArea .HelpBookBox{padding: 40px 25px;}
 	.HelpArea .HelpBookBox p{padding: 0; font-size: 13px; line-height: 25px;}
 	.StepBox ul{ width:100% }
	.StepBox ul li .Count{  width: 40px; height: 40px; font-size: 16px; line-height: 37px;}
	.StepBox ul li .Count img{ width:15px }
	.StepBox ul li:before{ height: 5px; top: 18px; left: 50px;}
	.StepBox ul li .Text{ font-size: 14px;}

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

    .SlideArea{ background: #F1F8FF; }
    .SlideArea .FilterBox{ flex-wrap:wrap; }
	.SlideArea .FilterBox .form-group{ width:50%; padding: 10px; }
	.SlideArea .FilterBox .form-group:last-child{ width:50% }
	.TrustArea .TrustRight{ padding:40px 0 }
	.ExpertArea{ flex-wrap:wrap; }
	.ExpertArea .ExpertLeft .ExpertBox figcaption p br{ display:none; }
	.Footer .Foot{ margin-bottom:30px }
	.SpecializeArea .SpecializeFooter{ flex-wrap:wrap; }
	.UnsureArea .UnsureRight{ margin-top:50px }

} 

@media screen and (max-width: 767px) and (min-width: 500px) {
 	
	.SlideArea .col-sm-6{  flex: 0 0 100%; max-width: 100%;}
	.AffordableArea .col-sm-4{  flex: 0 0 100%; max-width: 100%;}
	.TrustArea .col-sm-5{  flex: 0 0 100%; max-width: 100%;}
	.TrustArea .col-sm-7{  flex: 0 0 100%; max-width: 100%;}
	.CounterArea .col-sm-3{  flex: 0 0 50%; max-width: 50%;}
	.AssistanceArea{ background:#fff }
	.AssistanceArea .col-sm-6{  flex: 0 0 100%; max-width: 100%;}
	.TestimonialArea .col-sm-6{  flex: 0 0 100%; max-width: 100%;}
	.ExpertArea .ExpertLeft{ width:100% }
	.ExpertArea .ExpertRight{ height:400px; width:100% }
	.BecomeArea .col-sm-7{  flex: 0 0 100%; max-width: 100%;}
	.BecomeArea .col-sm-5{  flex: 0 0 100%; max-width: 100%;}
	.ContactFormArea .ContactFormBody{ padding:30px }
	.ContactFormArea .ContactFormBody .col-sm-3{  flex: 0 0 33%; max-width: 33%;}
	.TrustArea.AboutTrustArea .col-sm-6{  flex: 0 0 100%; max-width: 100%;}
	.ServicesArea .col-sm-4{  flex: 0 0 50%; max-width: 50%;}
	.ServicesArea .ServicesBox{ padding:20px }
	.HoursArea .col-sm-6{  flex: 0 0 100%; max-width: 100%;}
	.HoursArea .HoursRight{ padding:50px 0 } 
	.DoctorsArea .col-sm-3{  flex: 0 0 50%; max-width: 50%;}
	.SpecializeArea .SpecializeFooter aside{ width:50% }
	.MedicalArea .col-sm-6{  flex: 0 0 100%; max-width: 100%;}
	.MedicalArea .MedicalLeft{ margin-bottom:50px }
	.HelpArea .col-sm-5{  flex: 0 0 100%; max-width: 100%; margin: 0}
	.UnsureArea .col-sm-6{  flex: 0 0 100%; max-width: 100%; }
	.HelpArea .col-sm-4{  flex: 0 0 100%; max-width: 100%; }
	.TouchArea .col-sm-4{  flex: 0 0 100%; max-width: 100%; }
	.StepBox ul{ width:100% }
	.StepBox ul li .Count{  width: 40px; height: 40px; font-size: 16px; line-height: 37px;}
	.StepBox ul li .Count img{ width:15px }
	.StepBox ul li:before{ height: 5px; top: 18px; left: 50px;}
	.StepBox ul li .Text{ font-size: 14px;}
	.Footer .col-sm-3{  flex: 0 0 50%; max-width: 50%; }
	.ModalBox .modal-dialog { margin: 100px 20px 50px;}
	.Success p br{ display:none; }

}

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

	.SlideArea .SlideLeft h3{ font-size:45px }
	.SlideArea .SlideLeft h3 br{ display:none; }
	.AssistanceArea .AssistanceLeft{ padding:0px }
	.TestimonialArea .TestimonialBox{ margin:35px 0 }	
	.TestimonialArea .TestimonialBox .Quote{left: 0;top: -20px;width: 40px;height: 40px;}
	.TestimonialArea .TestimonialBox figcaption p{ font-size:14px }
	.ExpertArea .ExpertLeft{ width:100% }
	.ExpertArea .ExpertLeft .ExpertBox{ flex-wrap:wrap; }
	.ExpertArea .ExpertLeft .ExpertBox figure{ width:100% }
	.ExpertArea .ExpertLeft .ExpertBox figcaption{ width:100%; padding:40px 20px }
	.ExpertArea .ExpertLeft .ExpertBox:nth-child(2){flex-direction: column-reverse;}
	.ExpertArea .ExpertRight{ height:400px; width:100% }
	.ContactFormArea .ContactFormHead p br{ display:none; }
	.ContactFormArea .ContactFormBody{ padding:20px }
	.TrustArea.AboutTrustArea .TrustRight ul li{ width:100% }
	.HoursArea .HoursRight{ padding:50px 0 }
	.SpecializeArea .SpecializeFooter aside{ width:100% }
	.MedicalArea .MedicalLeft { margin-bottom:40px }
	.MedicalArea .MedicalLeft ul li { margin: 0 10px 10px 0;}
	.StepBox ul{ width:100% }
	.StepBox ul li .Count{  width: 40px; height: 40px; font-size: 16px; line-height: 37px;}
	.StepBox ul li .Count img{ width:15px }
	.StepBox ul li:before{ height: 5px; top: 18px; left: 50px;}
	.StepBox ul li .Text{ font-size: 14px;}
	.ModalBox .modal-dialog { margin: 100px 20px 50px;}
	.Success p br{ display:none; }

}