/* ipad pro */
@media (min-width: 1021px) and (max-width: 1199px) {
	.w-100 {
		width: 120%!important;
	}
	.bg-pattern {
		margin-top: -28rem;
		width: 35rem;
	}
	.main-menu {
		padding: 2rem 4rem;
	}
	.what-we-treat-content .text-area {
		margin: auto;
		padding: 3rem;
	}
	.what-we-treat-1 {
		right: 0rem;
		width: 25rem;
	}
	.banner {
		padding: 8rem 4rem;
	}
	.contact-us-content .bg-pattern {
		width: 25rem;
		margin-top: -15rem;
	}
	.privacy-policy-content .section {
		padding: 0rem 3rem;
	}
  	.small {
     	font-size: 1.6rem !important;
    	letter-spacing: 2px;
    	padding: .75rem 1rem;
	}

}

@media (min-width: 992px) and (max-width: 1020px) {
	.w-100 {
		width: 120%!important;
	}
	.bg-pattern {
		margin-top: -28rem;
		width: 35rem;
	}
	.main-menu {
		padding: 2rem 4rem;
	}
	.what-we-treat-content .text-area {
		margin: auto;
		padding: 3rem;
	}
	.what-we-treat-1 {
		right: 0rem;
		width: 25rem;
	}
	.banner {
		padding: 8rem 4rem;
	}
	.contact-us-content .bg-pattern {
		width: 25rem;
		margin-top: -15rem;
	}
	.privacy-policy-content .section {
		padding: 0rem 3rem;
	}
  	.small {
        font-size: 1.6rem !important;
    	letter-spacing: 2px;
    	padding: .75rem 1rem;
	}

}

@media (min-width: 861px) and (max-width: 991px) {
	.logo {
		width: 20rem;
	}
	.navbar-toggler span {
		color: white;
		position: relative;
		left: 40rem;
	}
	.navbar-nav {
		text-align: center;
	}
	.top-menu {
		padding: .5rem 4rem;
	}
	.w-100 {
		width: 170%!important;
	}
	.circle-bg {
		height: 25rem;
		width: 25rem;
	}
	.circle-bg h3 {
		font-size: 3rem;
		color: white;
		margin-top: 5rem;
	}
	.circle-bg .doctor img {
		position: relative;
		width: 6rem;
		right: -2rem;
		top: 1rem;
	}
	.circle-bg .doctor p {
		margin-top: 1.6rem;
	}
	.intro-info {
		padding: 6rem 4rem;
	}
	h2 {
		font-size: 1.85rem;
	}
	p {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.bg-pattern {
		margin-top: -35rem;
		width: 25rem;
	}
	.card {
		margin: 0rem 2rem 6rem 2rem;
	}
	.light-btn {
		font-size: 1rem;
	}
	.card-body {
		min-height: 25rem;
	}
	.main-menu {
		padding: 2rem 4rem;
	}
	.about-img-1 {
		width: 45rem;
	}
	.banner {
		padding: 8rem 4rem;
	}
	.what-we-treat-content .text-area {
		padding: 2rem;
	}
	.what-we-treat-1 {
		right: 0rem;
		width: 20rem;
	}
	.main-btn {
		font-size: .6rem;
	}
	.what-we-treat-2 {
		width: 20rem;
		margin-top: -25rem;
	}
	.contact-us-content .bg-pattern {
		width: 22rem;
		margin-top: -15rem;
	}
	.privacy-policy-content .section {
		padding: 0rem 3rem;
	}
  	.small {
      font-size: 1rem !important;
      letter-spacing: 2px;
      padding: .75rem 1rem;
	}

	.w-100 {
		width: 250%!important;
	}
    .home-hero {
      height: 40rem;
    }
    .video {
        height: 250px;
        width: 360px;
        right: -175%;
        top: -8rem;
    }
    .home-text p {
        font-size: 1.5rem;
    }
}

/* ipad */
@media (min-width: 760px) and (max-width: 860px) {
	.logo {
		width: 20rem;
	}
	.navbar-toggler span {
		color: white;
		position: relative;
		left: 40rem;
	}
	.navbar-nav {
		text-align: center;
	}
	.top-menu {
		padding: .5rem 4rem;
	}
	.w-100 {
		width: 170%!important;
	}
	.circle-bg {
		height: 25rem;
		width: 25rem;
	}
	.circle-bg h3 {
		font-size: 3rem;
		color: white;
		margin-top: 5rem;
	}
	.circle-bg .doctor img {
		position: relative;
		width: 6rem;
		right: -2rem;
		top: 1rem;
	}
	.circle-bg .doctor p {
		margin-top: 1.6rem;
	}
	.intro-info {
		padding: 6rem 4rem;
	}
	h2 {
		font-size: 1.85rem;
	}
	p {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.bg-pattern {
		margin-top: -35rem;
		width: 25rem;
	}
	.card {
		margin: 0rem 2rem 6rem 2rem;
	}
	.light-btn {
		font-size: 1rem;
	}
	.card-body {
		min-height: 25rem;
	}
	.main-menu {
		padding: 2rem 4rem;
	}
	.about-img-1 {
		width: 45rem;
	}
	.banner {
		padding: 8rem 4rem;
	}
	.what-we-treat-content .text-area {
		padding: 2rem;
	}
	.what-we-treat-1 {
		right: 0rem;
		width: 20rem;
	}
	.main-btn {
		font-size: .6rem;
	}
	.what-we-treat-2 {
		width: 20rem;
		margin-top: -25rem;
	}
	.contact-us-content .bg-pattern {
		width: 22rem;
		margin-top: -15rem;
	}
	.privacy-policy-content .section {
		padding: 0rem 3rem;
	}
	.small {
        font-size: 1rem !important;
        letter-spacing: 2px;
        padding: .75rem 1rem;
	}

	.w-100 {
		width: 250%!important;
	}
  
    .home-hero {
      height: 45rem;
    }
    .video {
        height: 250px;
        width: 360px;
        right: -175%;
        top: -8rem;
    }
    .home-text p {
        font-size: 1.5rem;
    }
  
  
}

@media screen and (min-width:416px) {
	.mobile-only {
		display:none !important;
	}
	.desktop-only {
		display:block !important;
	}
}

/* mobile */
@media only screen and (max-width: 415px) {
	.col-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.mobile-only {
		display:block !important;
	}
	.desktop-only {
		display:none !important;
	}

	.bg-pattern {
		width: 100%;
		margin-top: -55rem;
	}
	.logo {
		width: 15rem;
		left: 7rem;
		position: relative;
	}
	.main-menu {
		padding: 1rem 0rem;
	}
	.main-menu ul {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: row;
		padding: .5rem 2rem 0rem 2rem;
	}
	.main-menu .nav-cta li a {
		margin: 0rem 1rem;
		font-size: 1.1rem;
	}
	.navbar-toggler span {
		color: white;
		position: relative;
		left: 23rem;
	}
	.circle-bg {
		height: 25rem;
		width: 25rem;
		top: 5rem;
	}
	.w-100 {
		width: auto !important;
		height: 30rem;
	}
	.carousel-caption p {
		font-size: 1.2rem;
	}
	.carousel-caption h2 {
		font-size: 2.5rem;
		line-height: 3rem;
	}
	.circle-bg {
		height: 25rem;
		width: 25rem;
		top: -2rem;
		z-index: 2;
		left: 1.4rem;
	}
	.circle-bg h3 {
		font-size: 2.5rem;
		margin-top: 5rem;
	}
	.circle-bg p {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.circle-bg .doctor img {
		top: 0rem;
          padding: .85rem;
	}
	.circle-bg .doctor p {
		font-size: 1.5rem;
		line-height: 1.5rem;
		margin-top: 2rem;
		left: 2rem;
	}
	.intro-info {
		padding: 2rem 3rem;
		margin-top: 3rem;
	}
	.card {
		box-shadow: 1px 1px 18px #e0e0e0;
		margin: 0rem 2.5rem 2rem 2.5rem;
	}
	.light-btn {
		font-size: 1.2rem;
	}
	.top-menu a {
   		margin: 0rem 1rem;
   		font-size: 1rem;
    }
	.footer p {
		margin-top: 2rem;
		font-size: 1rem;
		padding: 0rem 0rem;
	}
	.footer {
		padding: 4rem 2rem 2rem 2rem;
	}
	.footer ul {
		padding-left: 2rem;
		margin-left: 1rem;
	}
	.banner {
		padding: 8rem 4rem;
		text-align: center;
	}
	.about-content .banner {
		margin-bottom: 0rem;
	}
	.about-img-1 {
		width: 100%;
	}
	.panel-bg {
		margin-top: -4rem;
		padding: 6rem 4rem;
	}
	.about-content .bg-pattern {
		margin-top: -15rem;
	}
	.about-text {
		padding: 6rem 4rem;
	}
	.what-we-treat-1, .what-we-treat-2 {
		right: 0rem;
		width: 100%;
	}

	.what-we-treat-content .text-area {
		margin: auto;
		padding: 6rem 3rem 0rem 3rem;
	}
	.main-btn {
		font-size: .75rem;
        padding: .5rem;
	}
	.what-we-treat-2 {
		margin-top: -5rem;
	}
	.contact-us-content .bg-pattern {
		width: 100%;
		margin-top: -12rem;
	}
	.contact-us-content .banner h2 {
		font-size: 2.35rem;
		line-height: 3rem;
	}
	.contact-us-content .banner {
		margin-bottom: 0;
	}
	.contact-us-content .text-area {
		padding: 4rem 3rem;
		text-align: center;
	}
	.contact-form {
		padding: 50px 50px 50px 50px;
	}
	.form {
	    margin-top: 2rem;
	}
	.privacy-policy-content .section {
		padding: 0rem 3rem;
	}
	.patient-resources-content .banner h2 {
		font-size: 3rem;
    	line-height: 3.8rem;
	}
	.resources-container {
		padding: 0rem 3rem;
	}
	.resources-container img {
		margin-bottom: 2rem;
	}
	.text-area {
		margin: auto;
		padding: 6rem 3rem;
	}
	.contact-us-content a {
		color: #1a3b59;
	}
    .custom-100 {
     	padding: 1rem 3rem;
    }
    .service-list-bg-1 {
        margin-bottom: 2rem;
    }
  	.service-list-bg-2 {
        margin-bottom: 2rem;
    }
    .privacy-policy-content .banner h2 {
        font-size: 3rem;
      	line-height: 3rem;
    }
    .small {
        font-size: 1rem !important;
        padding: .75rem 1rem;
        position: relative;
        top: 2rem;
        font-weight: 600;
        letter-spacing: 3px;
	}
	.video {
		position: absolute;
		z-index: 1000;
		height: 250px;
		width: 100%;
		background: black;
		top: auto;
		left: 0;
	}
	.w-100 {
		height: 40rem;
	}
	.carousel-caption {
		bottom: 18%;
	}
  	.custom-102 {
    	padding: 1rem 1rem;
	}
    .home-text {
        padding: 6rem 2rem 8rem 2rem;
    }
    .home-text p {
        font-size: 2rem;
    }
    .home-text h2 {
        font-size: 2.55rem;
        line-height: 2.55rem;
        letter-spacing: 5px;
        margin: 1rem 0rem;
    }
    .home-hero {
        height: 48rem;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    .row.doctor {
        margin-left: -5rem;
  }
  .circle-bg .doctor p {
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-top: 1rem;
    left: 1rem;
}
}

/* iphone */
@media only screen and (max-width: 375px) {
	.main-menu .nav-cta li a {
		margin: 0rem 1rem;
		font-size: 1rem;
	}
	.logo {
		left: 5.5rem;
	}
	.navbar-toggler span {
		left: 20rem;
	}
	.circle-bg {
		height: 22.5rem;
		width: 22.5rem;
	}
	.circle-bg h3 {
		font-size: 2.5rem;
		margin-top: 3rem;
	}
	.menu-bar ul li a {
		font-size: 1.5rem;
	}
}

/* galaxy s5 */
@media only screen and (max-width: 360px) {
	.logo {
		left: 3.5rem;
	}
	.main-menu .nav-cta li a {
		margin: 0rem 1rem;
		font-size: .8rem;
	}
	.navbar-toggler span {
		left: 16rem;
	}
	.carousel-caption h2 {
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
	.circle-bg {
		left: -.5rem;
	}
	.bg-pattern {
		width: 100%;
		margin-top: -48rem;
	}
	.light-btn {
		font-size: .8rem;
	}
	h2 {
		font-size: 1.8rem;
	}
	p {
		font-size: 1.2rem;
		line-height: 2.2rem;
	}
	.card-body {
		min-height: 28rem;
	}
    .small {
      font-size: .7rem !important;
      letter-spacing: 2px !important;
      padding: .75rem 1rem !important;
    }
}

/* iphone 5 */
@media only screen and (max-width: 320px) {
	.main-btn {
		font-size: .65rem;
		padding: .5rem;
	}
	.contact-us-content .banner h2 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}