@media (min-width: 1200px) {
	.container { max-width: 1400px; }
}


@media only screen and (max-width:1410px) {
  .text-img-text img { width: 33vw; margin-left: -15px; }
  .container {}
  .avoid li {font-size: 15px; line-height: 1.2}
}

@media only screen and (max-width:1200px) {
	.hero-abs select { width: 380px; }
	.hero-img h1 { font-size: 35px;}

  .text-img-text img { margin-left: calc(-1*(100vw - 930px + 20px) /2); width: calc(100% + ((100vw - 930px) /2)); }

  .team:before { height: 450px; }

  .tabs .tab-inner .ratio { min-height: 500px; }
  .tabs .tabs-bottom { left: 40px; }

  .testimonials .slick-prev { left: -40px; }
  .testimonials .slick-prev:hover { left: -40px; }
	.testimonials .slick-next { right: -40px; }
  .testimonials .slick-next:hover { right: -40px; }

  .locations ul li { width: 100%; }

  .avoid {flex-wrap: wrap-reverse; justify-content: center;}
  .avoid li {min-width: 25%;}


  .news { padding-top: 80px; }
	.news .news-main > article { width: 50%; }
	.news .col-auto  { display: flex; flex-wrap: wrap; width: 100%; padding: 0; }
	.news .col-auto > article { width: 33.33%; padding: 0 15px; }

	
	#constellation {transform: scale(0.8); transform-origin: center left}


	#hero-slider h2 {font-size: 40px;}
	#hero-slider p {font-size: 18px;}
	#hero-slider .btn {font-size: 18px;}
	#hero-slider .slide .container {padding-bottom: 50px;}

	.news-item h4 {line-height: 1.2; font-size: 20px;}
	.news-item p {font-size: 16px;}

	.home #urologic-care {padding: 60px 0}
	.home #urologic-care ul {text-align: center;}
	.home #featured-on img {max-width: 120px; height: auto !important; object-fit: cover; min-height: 0}
}


@media (max-width: 992px) {

	html body {padding-top: 110px !important}

	.container {max-width: 100% !important}
	section { overflow-x: hidden; }
	.hero-abs select { background-size: 24px; }
	
	.hero-abs { font-size: 24px; width: calc(100% - 30px); }


  .hero .ratio:before { padding-bottom: 80vh; }

  .text-img-text img { margin-left: calc(-1*(100vw - 690px + 20px) /2); width: calc(100% + ((100vw - 690px) /2)); }

  footer .footer-menu {padding-left: 0 !important;}
  footer ul:nth-of-type(2) {margin-left: 0;}
  footer .footer-menu li {margin: 0 10px;}


  .single-gau_physicians h1 {font-size: 38px;}
  .single-gau_physicians .related-posts-wrapper .av_one_fourth {width: 50%}

  .left-right .text .btn {margin-bottom: 10px;}
  .left-right img {max-height: 400px; object-fit: cover}

  
  #constellation {flex-wrap: wrap; width: 100% !important; height: auto; display: flex; justify-content: center; margin: 0; transform: none}
  #constellation .center {display: none}
  #constellation .item {position: static; transform: none !important; width:170px !important; height: auto; margin: 0 15px 15px}
  #constellation .item::before {display: none;}

  #hero-slider img {aspect-ratio: 5 / 2.8}
  .home .text h1 {font-size: 30px;}
  .home .news h2 {font-size: 30px;}

  .home #urologic-care ul {flex-wrap: wrap;}
  .home #urologic-care ul li {margin-bottom: 15px;}
  .home #featured-on img {max-width: 90px;}


}

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

	h2 {font-size: 30px;}

	.hero-img {overflow: visible;}
	.hero-img h1 {font-size: 27px; margin-bottom: 50px;}
	.hero-img p {font-size: 16px; margin-bottom: 10px}
	.hero-img .ratio {aspect-ratio: auto; height: 300px;}
	.hero-abs select { min-width: 220px; width: auto; }
	.hero-abs .selector {background-position:100%; background-size: 30px}

	section.text { padding-top: 50px; }
	.text-big p {font-size: 20px}

	.text-img-text .col-text { padding-left: 15px; }
  .text-img-text img { width: 100%; margin-left: 0; }
  .text-img-text .col-img:before { left: 15px; padding-left: 0; margin-left: 0; }
  .text-img-text .col-img:after { right: 0; }

  .team { margin-top: 45px; }
  .team:before { top: 0; height: 600px; }

  .tabs .tab-inner .ratio { min-height: 650px; }

  .testimonials .slick-arrow { display: none !important; }
  .testimonials .slick-dots { display: flex !important; }

  .avoid li {min-width: 100%; aspect-ratio: auto; border-radius: 20px; line-height: 1.4; font-size: 16px; padding: 20px}

	.news .news-main > article { width: 100%; }
	.news .col-auto > article { width: 100%; }

  .locations ul li { width: 50%; }
  .locations-info { left: 15px; right: 15px; bottom: 15px; min-width: calc(100% - 15px); }
  .locations .tab-pane > img { min-height: 450px; width: 100vw; margin-left: calc(-1 * (100vw - 510px)/2) }

   footer ul:nth-of-type(2) { margin-left: 0; }

  .tabs .nav-pills {justify-content: center;}
  .tabs .tab-inner .ratio {max-height: 500px; min-height: 500px; aspect-ratio: auto}
 	.tabs ul li {padding: 0 30px 0 0}

 	.team-upper {font-size: 22px;}
 	.team:before {height: 400px;}
 	.team-item h3 {font-size: 20px;}

/* 	.videos {display: none;}*/
 	.testimonials {padding-top: 0}
 	.videos {margin-bottom: 50px;}
 	.videos .slide-inner {padding: 0 30px;}
 	.videos .slick-next {right: -10px; top: 45%}
 	.videos .slick-next:hover {right: -10px;}
 	.videos .slick-prev {left: -30px; top: 45%}
 	.videos .slick-prev:hover {left: -30px;}
 	.videos p {margin-bottom: 0;}

 	footer .socials li {margin: 0 10px}

 	.single-gau_physicians h1 {font-size: 30px; margin-bottom: 0;}
 	.single-gau_physicians .physician-photo { max-width:70%; margin:0 auto }
 	.single-gau_physicians .top .btn {white-space: wrap; max-width: 90%; margin: 0 auto; padding: 10px; border-radius: 20px;}
 	.single-gau_physicians .top {text-align: center;}
 	.badges {}
 	.badges .badge { max-width:28%; display: inline-block; font-size: 12px; vertical-align: middle; margin-bottom: 20px;}
 	.badges .badge img {width: 100%; max-width: 100% !important; height: auto !important; min-height: 0; vertical-align: middle; max-height: 80px}
 	.badge-txt {font-size: 12px; line-height: 1.4; text-align: center; margin-bottom: 0 !important}

 	.single-gau_physicians .related-posts-wrapper h2 {text-align: center; padding: 0; margin-bottom: 20px;}
 	.single-gau_physicians .related-posts-wrapper .archive-link a {position: static; width: 190px; display:block; margin: 0 auto;}
 	.single-gau_physicians .related-posts-wrapper .av_one_fourth {padding: 8px; float: none; width: 100%}
 	.single-gau_physicians .related-posts-wrapper .av_one_fourth h3 {height: auto; min-height: 0 !important}
 	.single-gau_physicians .related-posts-wrapper .av_one_fourth h3 a {font-size: 15px;}


 	.physician-details {padding: 15px !important; margin: 15px 0 !important}
 	.physician-details a {font-size: 14px !important;}



 	#hero-slider img {aspect-ratio: 4 / 3}
 	#hero-slider h2 {font-size: 20px;}
 	#hero-slider p {font-size: 16px; margin-bottom: 10px; line-height: 1.2}
 	#hero-slider .btn {min-width: 0px; padding: 9px 15px; font-size: 16px;}

 	.home .text {padding: 60px 0}
 	
 	.home .news {padding: 60px 0 0}
 	.home .news .news-main > article {width: 100%;}

 	.home #urologic-care .feat {margin-bottom: 30px;}

 	.home #urologic-care ul {flex-direction: column; padding: 0;}
 	.home #urologic-care ul li a {font-size: 22px;}
 	.home #urologic-care ul li {border: none; margin-bottom: 18px;}

 	.left-right h3 {line-height: 1.3; font-size: 24px}
 	.left-right h3 br {display: none}
 	.left-right .text {padding: 30px 5px}

 	.callout {padding: 40px 5px}
 	.callout p {font-size: 26px; line-height: 1.3}

 	.tabs {padding-bottom: 50px;}
 	.tabs .nav-pills {display: block !important;}
 	.tabs ul li {padding: 0; display: block; margin: 0 auto 10px !important; text-align: center;}
 	.tabs ul li button {margin: 0 auto}
 	.tabs ul li button:after {top: 100%}

	 .single-gau_physicians .list-unstyled {column-count: 1}

	 	.blog-title {font-size: 38px; text-align: center; margin-bottom: 20px;}
	.category-dropdown {width: 100%;}
	#single-blog {padding: 0}
	#single-blog .upper h1, #single-blog .upper h1 a {font-size: 24px;}
	#single-blog .single-blog-date {font-size: 19px; text-align: left; color: #999;}
	#single-blog .upper h2 {font-size: 32px; max-width: 100%;}
	#single-blog .featured-image img {aspect-ratio: auto; height: auto; width: 100%;}

	 .page-template-news-events #content, .archive #content, .blog #content {padding-left: 0; padding-right: 0;}
}

@media (max-width: 575px) {
	body { padding-top: 71px; }

	h1 { font-size: 48px; }

	.hero-abs { font-size: 20px; flex-wrap: wrap; padding: 10px 15px; }

	.tabs .tab-text { padding: 20px 15px; }
	.tabs .tabs-bottom { left: 15px; right: 15px; bottom: 20px; }

	.testimonials h3 { font-size: 20px; }

	.locations { overflow: visible; margin-bottom: 200px; }
	.locations-info { transform: translateY(180px); }
	.locations .tab-pane > img { margin-left: 0; }


	footer .footer-menu li {width: 100%; text-align: center; display: block; margin: 0}
	footer .footer-menu li a {font-size: 12px; display: block; line-height: 1.8}
}