@media only screen and (min-width: 1440px){
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {
	.comment-item{
		height: 260px;
	}
	
	.footer-cta-container-text-left h3{
		font-size: 40px;
	}
	
	.footer-cta-container-text-right{
		top: 54% !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.navbar-dark .navbar-nav .nav-link{
		margin: 0 5px !important;
		font-size: 14px;
	}
	
	.nav-link-cta-button{
		padding: 5px 10px !important;
		margin-left: 20px !important;
	}
	
	.top-section-title h1{
		font-size: 2.5rem !important;
	}
	
	.top-section-subtitle h2{
		font-size: 1.5rem !important;
	}
	
	.service-item{
		min-height: 100% !important;
		padding-bottom: 10px !important;
	}
	
	.footer-cta-container-text-left h3{
		font-size: 32px;
	}
	
	.footer-cta-container-text-right{
		top: 54% !important;
	}
	
	.text-button-container{
		width: 60% !important; 
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.page-template-template-landing-page-thank-you {
		height: 100% !important;
		margin-top: 50px !important;
	}
	
	.text-button-container{
		width: 100% !important; 
	}
	
	.about-us-services .img-box{
		margin-bottom: 15px
	}
	
	.cta-section-header-text{
		font-size: 1rem !important;
	}
	
	.comment-item{
		min-height: 100%;
	}
	
	.review-container img{
		width: 100%;
	}

	.about-me-img{
		height: 300px !important;
	}
	
	.surgeon-name{
		font-size: 17px !important;
		margin-bottom: 0 !important;
	}
	
	#modal1 .modal-dialog, #modal2 .modal-dialog {
		width: 90% !important;
	}
	
	.service-item{
		min-height: 350px !important;
	}
	
		
	.footer-cta-container-text-left h3{
		font-size: 38px;
	}
	
	.footer-cta-container-text-right{
		top: 54% !important;
	}
	
	.text-button-container{
		width: 100% !important; 
	}
	
	.contact-info-address{
		margin-bottom:30px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	
	.page-template-template-landing-page-thank-you {
		height: 100% !important;
		margin-top: 50px !important;
	}

.navbar .navbar-brand img{
	height: 60px !important;
	margin-left: 0px !important;
}

.contact-form-wrapper{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}

.certificates{
	display: none;
}

.hero-container{
	margin-top: 160px !important;
}

.top-section-title h1 {
    font-size: 2.5rem !important;
}

.text-button-container {
    width: 100% !important;
}

.hero-section{
	margin-bottom: 150px !important;
}

	.about-us-services .img-box{
		margin-bottom: 15px
	}
	
	.cta-section-header-text{
		font-size: 1rem !important;
	}
	
	.comment-item{
		min-height: inherit !important;
		margin-bottom: 10px !important;
	}
	
	.review-container img{
		width: 100% !important;
	}
	
	.trustpilot-google-section-button {
		width: 50% !important;
	}
	
	.surgeon-name{
		font-size: 17px !important;
		margin-bottom: 0 !important;
	}
	
	#modal1 .modal-dialog, #modal2 .modal-dialog {
		width: 90% !important;
	}
	
	.service-item{
		min-height: 350px !important;
	}
	
		
	.footer-cta-container-text-left h3{
		font-size: 38px;
	}
	
	.footer-cta-container-text-right{
		top: 54% !important;
	}
	
	.border-bottom{
		border-bottom: none !important;
	}
	
	#error-message-2 {
		margin-top: 10px !important;
	}
	
	.ba-item-images{
		text-align: center !important;
	}
	
	.ba-item img{
		max-height: 100% !important;
	}
	
	.section-youtube-shorts .title, .patient-reviews .title {
		margin-bottom: 20px !important;
	}
	
	#quoteModal .contact-form-wrapper{
		position: relative !important;
		padding: 0 !important;
		width: 100% !important;
	}
	
	.video-rows{
		justify-content: center !important; 
	}
	
	.our-surgeons{
		text-align: center !important;
	}
	.contact-info-address{
		margin-bottom:30px;
	}
	
}

@media only screen and (max-width: 575px) {
.page-template-template-landing-page-thank-you{
	height: 100% !important;
    margin-top: 50px !important;
}	
	
.navbar .navbar-brand img{
	height: 60px !important;
	margin-left: 0px !important;
}

.hero-section .contact-form-wrapper{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
}

.top-section-subtitle h2{
	font-size: calc(1.325rem + .9vw) !important;
}

.video-rows{
	justify-content: center !important; 
}

.certificates{
	display: none;
}

.hero-container{
	margin-top: 100px !important;
}

.top-section-title h1 {
    font-size: 1.7rem !important;
}

.text-button-container {
    width: 100% !important;
}

.hero-section{
	margin-top: -100px !important;
}

	.about-us-services .img-box{
		margin-bottom: 15px
	}
	
	.cta-section-header-text{
		font-size: 1rem !important;
	}
	
	.comment-item{
		min-height: inherit !important;
		margin-bottom: 10px !important;
	}
	
	.review-container img{
		width: 100% !important;
		height: auto;
	}

	.about-me-img{
		height: 300px !important;
	}

	.trustpilot-google-section-button {
		width: auto
	}
	
	.surgeon-name{
		font-size: 17px !important;
		margin-bottom: 0 !important;
	}
	
	#modal1 .modal-dialog, #modal2 .modal-dialog {
		width: 95% !important;
	}
	
	.service-item{
		min-height: inherit !important;
		margin-bottom: 15px;
	}
	
	.services-text{
		padding-bottom: 15px !important;
	}
		
	.footer-cta-container-text-left h3{
		font-size: 38px;
	}
	
	.footer-cta-container-text-right{
		top: 54% !important;
	}
	
	.border-bottom{
		border-bottom: none !important;
	}
	
	#error-message-2 {
		margin-top: 10px !important;
	}
	
	.ba-item-images{
		text-align: center !important;
	}
	
	.ba-item img{
		max-height: 100% !important;
	}
	
	.section-youtube-shorts .title, .patient-reviews .title {
		margin-bottom: 20px !important;
	}
	
	#quoteModal .contact-form-wrapper{
		position: relative !important;
		padding: 0 !important;
		width: 100% !important;
	}
	
	.our-surgeons{
		text-align: center !important;
	}
	
	.footer-cta{
		width: 90%;
		margin: 0 auto;
	}
	
	.footer-cta-container-text-right{
		position: relative !important;
		right: inherit !important;
		top: inherit !important;
		transform: inherit !important;
	}
	
	#contactForm1 h3 {
		font-size: 1.2rem !important;
	}
	.contact-info-address{
		margin-bottom:30px;
	}	
	
	.operation-container{
		margin-bottom: 5px !important;
	}
}

@media only screen and (max-width: 375px){
	.hero-section{
		margin-bottom: 300px !important;
	}
}