@media only screen
and (max-width : 1320px) {
	.div_banner {left: 0 !important;}
}

/* iPad lanscape view */
@media only screen
and (max-width : 1024px) {

   /* Nav Area Sub-Menu Style */
     nav li.menu-item-has-children > span{display:block;}
     nav ul ul, nav ul ul li,         nav ul ul li a {width:100%;}
     nav ul ul li a {line-height: 40px;width: 200px;}
     nav ul li:hover > ul{display: none;}

}

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

  /* presets */
  	html, body{
  	-webkit-touch-callout: none;
  	-webkit-user-select: none; /* Webkit */
  	-moz-user-select: none;    /* Firefox */
  	-ms-user-select: none;     /* IE 10  */
  	}  

  /* nav */
    nav ul li a { font-size: 15px; padding:0 4px;}

  /* banner */
    .bnr_info { right: 0; text-align: center; left: 0; margin: auto; }
    .bnr_info ul { left: 0; }
    .bnr_info ul li { width: 48%; }
    .bnr_info ul li a { width: 100%; }
    .bnr_info h3, .bnr_info p { text-align: left; }
    .bnr_info p { width: 53%; }
    .bnr_info p a { display: inline-block; }
    .bnr_info h3 span { font-size: 5vw; }
    .bnr_info ul li a::after { right: 10px; }
    .bnr_info ul li:first-of-type small::before, .bnr_info ul li:last-of-type small::before { left: 10px; }
    .bnr_info ul li:first-of-type small::after { left: 96px; }
    .bnr_info ul li:last-of-type small::after { left: 77px; }
    .bnr_info ul li:first-of-type a { padding-left: 117px; }
    .bnr_info ul li:last-of-type a { padding-left: 96px; }
    .bnr_info ul li a span {font-size: 1.9vw;}
    .bnr_info h3{margin-top: 19px;}




  /* main */
    #main_area { padding: 176px 10px 0; }

  /* bottom */
  #bottom1 { background: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)), url(../images/btm1_bg.jpg) no-repeat center top; height: 643px; }
    [class^="btm1_box"] { text-align: center; margin: auto; width: 48%; padding: 20px 5px 12px; min-height: 0; }
	.btm1_info1 h3{color: #45b745; text-shadow: 2px 2px 4px #000;}
    .btm1_info2 { padding: 0 10px; margin-top: 95px;}
    .btm3_info li { width: 24%; }
    .btm3_info li a { width: 100%; }
    [class^="btm1_box"] h2 { padding: 0; }
    [class^="btm1_box"] p { width: 70%; text-align: center; }

  /* footer */
    .ftr_info1 h2 span { font-size: 6vw; }
    .ftr_info1 h2 small { font-size: 3.2vw; }
    .ftr_info1 p { width: 53%; right: 0; }
    .ftr_info2 { text-align: center; }
    .ftr_info2 li h2 { font-size: 17px; }
    .ftr_info2 li { margin: 0!important; width: 31%; font-size: 15px; }
    .ftr_nav ul li a { font-size: 15px; padding: 0 4px; }
}



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

  /* header */
    .logo img { width: 346px; }
    .hdr_info { font-size: 15px; padding-right: 107px; }
    .hdr_info h2 { font-size: 17px; }


  /* nav */
    .nav_area .wrapper { padding: 0; }
    nav { border-radius: 0; }
    nav ul li a { letter-spacing: -1px; }

  /* banner */
    #banner { width: 100%; margin: auto; background: #918E8F;}
    .bnr_wrap { min-height: 0;padding: 0 0 30px;}
    .bnr_info, .new_patients_info { position: static; display: block; padding-top: 20px; }
    .bnr_info h3, .bnr_info p { display: block; width: auto; float: none; text-align: center; margin: 0; }
    .bnr_btn { position: static; box-shadow: none; }
    .bnr_info p { margin: 20px auto; padding: 0 15px;}
    .bnr_info h3 { font-size: 40px; padding: 0 15px;}
    .bnr_info h3 span { font-size: 49px; }
    .slider { position: static; margin-left: -11%; width: 122%; }
    .bnr_info ul li:last-of-type a{font-size: 1.8vw;padding-left: 87px;}
    .new_patients_info ul li:last-of-type a{font-size: 1.8vw;padding-left: 87px;}
    /* .new_patients_info ul li:last-of-type a{font-size: 1.8vw;padding-left: 87px;} */
	.bnr_ul{display: block;}
	.banner_div{display: none;}
	.div_banner{height: auto;}


	/* ========================================================================= */

	.div_banner{position: initial; width: 100%;margin: 20px 58px 15px 0;}
	.div_banner p {width: 100%;}
	/* ========================================================================= */

  /* main */
    #main_area { padding: 100px 10px 30px; min-height: 0; }

  /* bottom */
    #bottom1 { background-size: cover; height: auto; padding: 35px 10px 49px; }
    .btm1_wrap { margin: auto; }
    .btm1_info1 { background: none; display: block; padding: 0; }
	.btm1_info2 h2 span{text-shadow: 2px 2px 4px #000000;}
    .btm1_btn { margin: 36px auto 0; }
    .btm1_info2 { margin-top: 69px; padding: 0; }
	.btm1_info2 p{text-shadow: 2px 2px 4px #000000;}
    #bottom2 { min-height: 0; padding: 25px 10px 30px; }
    #bottom3 { min-height: 0; padding: 40px 10px; }

	.btm2_info .btm1_btn{bottom: 9px;}
    .btm3_info li { width: 48%; margin-bottom: 5px; }
	.btm3_info .btm1_btn{bottom: -24px;}
    .services_btn{position:static;}

 /* footer */
    footer { text-align: center; }
    .ftr_info1 h2 { margin-bottom: 20px; }
    .ftr_info1 h2, .ftr_info1 p { display: block; width: 100%; float: none; padding: 0; }
    .ftr_info1 p:before { display: none; }
    .ftop_wrap { padding: 40px 10px 27px; }
    .ftr_info2 li { font-size: 18px; width: 48%; text-align: center; padding: 0 10px 20px; }
    .ftr_info2 li:before { position: static; display: block; margin: auto; }
    .ftr_info1 h2 span { font-size: 50px; line-height: 100%; }
    .ftr_info1 h2 small { font-size: 30px; line-height: 100%; }
    .ftr_btm{ padding: 42px 10px; }
    .ftr_nav ul{ margin:0; text-align:center; }
    .ftr_nav ul li{ width: 32%; text-align: center; border:1px solid rgba(255,255,255,.2); margin: 0 0 6px; }
    .ftr_nav ul li:after{ display: none; }
    .ftr_nav ul li a{ line-height: 40px; padding: 0; }
    .copyright{ margin-top: 24px; }

}



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

  /* header */
    .logo { display: none; }
    header { min-height: 0; padding: 0 10px; text-align: center; }
    .hdr_info { padding: 20px 10px; }
    .hdr_info:before { display: block; margin: auto; position: static; }

  /* Responsive menu setting */
    .nav_xs nav { margin: 0; float: none; }

  /* nav */
    .nav_area { position: relative; }
    .nav_area .wrapper { padding: 0; }
    .nav_toggle_button { display:block;  }
    nav { display: none; background: none; padding: 20px 10px 0; }
    nav ul li { width: 100%; border: 1px solid rgba(0,0,0,.3); margin-bottom: 5px; }
    nav ul li:after { display: none; }
    nav ul li a { color: #333; padding: 0!important; line-height: 50px; }
    nav ul li a:hover, nav ul li.current_page_item > a { text-decoration: underline; }
    nav span{ top: -2px; }
    nav ul ul{ width:100%; position: relative;  transition: none; }
    nav ul ul li { border: none; width: 100%;}

	nav ul ul li a { background: #678f36; color: white;width: 100%;}

  /* banner */
    #banner { margin: auto; }
    .bnr_info ul li{width: 98%;}
    .bnr_info ul li a span{font-size: 20px;}
    .bnr_info ul li:last-of-type a{font-size: 18px;}



  /* bottom */
  [class^="btm1_box"] { width: 100%; display: block; padding: 20px 10px; }
  [class^="btm1_box"] h2, [class^="btm1_box"] p { text-align: center; margin: 0; padding: 0; width: 100%; display: block; position: static; }
  .btm1_box1 { margin-bottom: 12px; }
  [class^="btm1_box"] h2 { margin-bottom: 15px; }



}

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

  /* banner */
    .bnr_info ul li:not(:last-child) { margin-bottom: 10px; }


	/* main */
    .thumb_left_dd, .thumb_right_dd, .thumb_center_dd, .thumb_featured  { display: none; }
    .nh_list li { width: 48%; }
		.nh_list li img { margin: 0 auto 5px; }

  /* bottom */
    .btm1_info1 h3 { font-size: 25px; line-height: 100%; }
    .btm1_info2 h2 {  font-size: 32px; line-height: 100%; }
    .btm1_info2 h2 span { font-size: 20px;  line-height: 100%; }
    .btm3_info h2 { padding-bottom: 15px; }
    .btm3_info p { width: 100%; }
    .btm3_info li a { font-size: 20px; min-height: 98px; }
    .btm3_info h2 { font-size: 23px; line-height: 34px; }
    .btm3_info h2 span { font-size: 26px; line-height: 100%; }

  /* footer */
    .ftr_comp { display: block; line-height: 100%; }
    .copyright small { display: none; }

}


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

	/* presets */
  	.col2, .col3, .sitemap{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0; }
  	main .bullet{ padding-left:10px;}
  	.back_top{ background: url(../images/back_top.png) no-repeat center rgba(0,0,0,.8); position: fixed; bottom: 5px; right: 10px; width: 43px; height: 43px; cursor: pointer; border-radius: 50%; z-index: 999;}
  	.back_top:hover{ opacity: .6; }

  /* nav */
    .nav_logo { width: 225px; }
    nav ul li { width: 100%; }

	/* banner */
    .mobi_ban { display: block; width: 145%; max-width: 500%; margin-left: -9%; }
    .slider { display: none; }

	/* main */
    #main_area { padding: 39px 10px 30px; }
     .nh_list li { width: 100%; display: block; }
     main .h1_title { font-size: 22px; line-height: 49px; margin-bottom: 20px; }
     main .h1_title small { font-size: 88px; top: 0; }
     main .h1_title span { font-size: 46px; margin-bottom: 7px; }

  /* bottom */
    .btm1_info1 h3 { font-size: 20px; }
    .btm2_info h2 { font-size: 36px; margin-bottom: 20px; }
    .btm2_info h2 span { font-size: 25px; }
    .btm3_info li {  width: 100%; }
	.btm3_info p{text-shadow: 2px 2px 4px #000000;}
    .bnr_info ul { margin-bottom: 20px; }
    .new_patients_info ul { margin-bottom: 20px; }

	/* footer */
	   .ftr_nav ul li{width:100%;}
     .ftr_info1 h2 { font-size: 33px; }
     .ftr_info1 h2 small { font-size: 22px; }
     .ftr_info1 h2 span { font-size: 40px; }
     .ftr_info2 li { width: 100%; display: block; padding: 0 0 20px; }
     .ftr_info2 li:before { margin-bottom: -15px; }

}

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

  /* banner */
    .bnr_info ul li a { padding: 20px 10px 12px!important;min-height: 0; text-align: center; }
    .bnr_info ul li small { position: static; }
    .bnr_info ul li a::before, .bnr_info ul li a::after, .bnr_info ul li small, .bnr_info ul li small::before, .bnr_info ul li small::after { position: static; transform: none; }
    .bnr_info ul li:first-of-type small::after, .bnr_info ul li:last-of-type small::after {  width: 82px; height: 1px; margin: 10px auto; display: block;  }
    .bnr_info h3 { font-size: 35px; }
    .bnr_info h3 span { font-size: 40px; }
    .bnr_info ul li:last-of-type a{font-size: 14px;}
    .bnr_info ul li a span{line-height: 138%;}

	.div_banner{height: auto;}

	.banner_div ul li:first-of-type small::after, .banner_div ul li:last-of-type small::after {height: 1px !important;}
	/*other page*/
	.box_con{min-height: 209px;width: 100%;}
	.box1_img{margin: auto;}
	.box_circle{position: static;}
	.box2_con{display: block;position: static;}

}