@media only screen and (min-width: 1499px) { 
	.container {
		max-width: 1399px;
	}
}

@media only screen and (max-width: 1499px) {
	.container-fluid {
		padding: 0 30px;
	}
	body {
		font-size: 14px;
		line-height: 24px;
	}
	.cta {
		font-size: 14px;
		padding: 13px 30px;
	}
	h1 {
		font-size: 42px;
		line-height: 1.4;
	}
	h2 {
		font-size: 38px;
		line-height: 1.4;
	}
	h3 {
		font-size: 34px;
		line-height: 1.4;
	}
	h4 {
		font-size: 22px;
		line-height: 1.4;
	}
	h5 {
		font-size: 20px;
		line-height: 1.4;
	}
	h6 {
		font-size: 15px;
		line-height: 1.4;
	}
	.p_60 {
		padding: 40px 0;
	}
	.p_100 {
		padding: 80px 0;
	}
	.header_wrapper .navbar .navbar-nav {
		gap: 40px;
	}
	.banner_content p {
		font-size: 18px;
		line-height: 1.4;
	}

	.inverse_content {
		padding: 30px 35px;
	}

	.inverse_wrapper {
		margin-top: -44px;
	}

	.banner_wrapper {
		padding: 60px 0;
	}

	.featured__grid p {
		font-size: 15px;
	}

	.featured__grid_img {
		width: 70px;
		height: 70px;
		padding: 10px;
	}
	.inescapable_wrapper .inescapable_bg {
		padding: 60px;
	}
	.subscription_price {
		padding: 45px 35px;
	}

	.subscription_price span {
		font-size: 14px;
	}

	.subscription_content .accordion-item h2 button {
		padding: 22px;
	}

	.process_content {
		padding: 40px 30px;
	}

	.process_content ul li {
		font-size: 15px;
	}

	.process_content ul {
		gap: 20px;
	}

	.backed_arrows_rt .slick-arrow,
	.seen_arrows .slick-arrow,
	.patient_arrows .slick-arrow {
		font-size: 16px;
	}

	.patient_date li {
		line-height: 1.2;
	}

	.trustpilot_grid {
		padding: 22px;
	}

	.hair_regrowth_hd {
		margin-bottom: 30px;
	}

	.hair_regrowth_content {
		gap: 20px;
	}

	.hair_regrowth_list {
		padding: 20px;
	}

	.hair_regrowth_list img {
		width: 70px;
		height: 70px;
	}

	.hair_loss_grid {
		padding: 60px 50px;
		border-radius: 50px;
	}

	.hair_loss_tbs .nav-link {
		padding: 14px 60px;
	}

	.faq_contact a {
		padding: 18px;
	}
	.footer_list ul li {
		margin-top: 20px;
	}
	.footer_copyright {
		margin-top: 120px;
	}
	.subscription_img img,
	.journey_map img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.patient_slider_imgs ul li  img {
		width: 130px;
		height: 130px;
	}
	.backed_img .cta {
		font-size: 10px;
		padding: 6px 15px;
		width: 100px;
	}

	.backed_img:hover .cta {
		transform: translateY(-16px);
	}

	.backed_txt h6 {
		font-size: 18px;
	}

	.backed_arrows .slides-numbers {
		font-size: 16px;
	}
	.customers_wrapper .container {
		padding: 60px 100px;
		border-radius: 100px;
	}
	.hair_info_txt p {
		font-size: 20px;
	}

	.hair_info_content ul li a {
		padding: 20px 15px;
	}

	.gridstyle_slider ul li a p {
		font-size: 16px;
	}

	.customers_img_after strong, .customers_img_before strong {
		font-size: 12px;
		line-height: 1.2;
	}

	.customers_info_date span {
		font-size: 12px;
	}

	.test_view .test_hd ul i {
		font-size: 10px;
	}
	.banner_inner_txt {
		padding: 100px 60px;
	}

	.behind_mam_txt .nav-pills .nav-link {
		font-size: 16px;
		padding: 15px 45px;
	}

	.behind_mam_txt .tab-content {
		padding: 80px 60px;
	}

	.process_content_help {
		padding: 60px 15px;
	}
	.hair_loss_grid::after {
		width: 330px;
		height: 300px;
	}
	.Question .modal-header .modal-title {
		font-size: 36px;
	}
	label.card-radio-btn h3 {
		font-size: 18px;
	}
}

@media only screen and (max-width: 1199px) {
	.featured__grid {
		padding: 0 20px;
	}
	.footer_copyright {
		margin-top: 100px;
	}
	.customers_txt {
		margin: 0 10px;
	}
	.references_slider .slick-slide {
		padding: 0 10px;
	}
	.customers_wrapper .container {
		padding: 40px;
		border-radius: 50px;
	}
	.behind_mam_txt .nav {
		gap: 20px;
	}

	.behind_mam_txt .nav-pills .nav-link {
		font-size: 14px;
	}

	.behind_mam_txt .tab-content {
		padding: 60px 30px;
	}

	.banner_inner_txt {
		padding: 60px 30px 80px;
	}
	.radio_col {
        width: 50%;
    }
    .Question .modal-header .modal-title {
        font-size: 27px;
    }
    .Quiz-model .modal-content {
        padding: 50px 20px 30px;
    }
    label.card-radio-btn h3 {
        font-size: 15px;
        line-height: 1.4;
    }
    .showSingle.btn.cta {
        font-size: 14px;
    }
    .sign_up_head .float_text {
        padding: 30px;
    }
    .float_text_inner h4 {
        font-size: 22px;
    }
    .float_text_footer h4 {
        font-size: 20px;
    }
    .subscribe_condition p {
        font-size: 14px;
    }
    .sign_up_form .form-control {
        font-size: 14px;
        height: 45px;
    }

}


@media only screen and (min-width: 992px) {
	.header_top .container-fluid {
		display: flex;
	}
}
@media only screen and (max-width: 991px) {
	.cta {
		font-size: 13px;
		padding: 12px 25px;
	}
	h1 {
		font-size: 35px;
	}
	h2 {
		font-size: 32px;
	}
	h3 {
		font-size: 28px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 16px;
	}
	h6 {
		font-size: 14px;
	}
	.p_60 {
		padding: 35px 0;
	}
	.p_100 {
		padding: 70px 0;
	}
	.container-fluid {
		padding: 0 15px;
	}
	
	.header_wrapper button.navbar-toggler {
		display: grid;
		padding: 0;
		background: transparent;
		outline: none !important;
		box-shadow: none !important;
		cursor: pointer !important;
		border: 0;
		justify-content: end;
		width: 30px;
	}
	.bars {
		width: 30px;
		height: 3px;
		margin: 3px auto;
		background-color: #000000;
		border-radius: 10px;
		transition: all .3s ease-in-out;
		background-image: none !important;
	}
	.navbar-toggler[aria-expanded="true"] .bars {
		margin: -3px;
		transition: all .3s ease-in-out;
	}
	.navbar-toggler[aria-expanded="true"] .bars.bar2 {
		opacity: 0;
	}
	.navbar-toggler[aria-expanded="true"] .bars.bar1 {
		transform: rotate(45deg);
	}
	.navbar-toggler[aria-expanded="true"] .bars {
		margin: -3px;
		transition: all .3s ease-in-out;
	}
	.navbar-toggler[aria-expanded="true"] .bars.bar3 {
		transform: rotate(-45deg);
	}
	.navbar-toggler[aria-expanded="true"] .bars {
		margin: -4px;
		transition: all .3s ease-in-out;
	}
	.header_wrapper nav.navbar .navbar-collapse {
		position: absolute;
		top: 100%;
		background-color: #fff;
		left: 0;
		right: 0;
		margin: 0;
		z-index: 999;
	}
	.header_wrapper nav.navbar .navbar-nav {
		align-items: start;
		gap: 20px;
		padding: 20px 20px 0;
	}
	.header_wrapper .navbar-collapse form {
		padding: 20px;
	}
	.header_wrapper .navbar-collapse {
		padding: 0;
	}
	.header_wrapper .navbar .navbar-brand.d-none {
		display: block !important;
	}

	.header_top .container-fluid .header_top_logo a {
		display: none;
	}
	.header_top .container-fluid {
		grid-template-columns: repeat(1,1fr);
	}
	.header_top p {
		text-align: center;
	}
	.banner_wrapper .container {
		padding: 0 30px;
	}
	.banner_content p {
		margin: 20px 0 15px;
	}

	.inverse_content {
		padding: 20px;
	}

	.inverse_wrapper {
		margin-top: -34px;
	}

	.inescapable_wrapper .inescapable_bg {
		padding: 40px;
		border-radius: 25px;
	}

	.process_content ul {
		flex-wrap: wrap;
		gap: 20px 0;
		padding: 40px 0;
	}

	.process_content ul li {
		width: 50%;
		gap: 10px;
	}

	.hair_regrowth_hd {
		flex-wrap: wrap;
		gap: 0;
	}

	.hair_regrowth_content {
		grid-template-columns: repeat(2,1fr);
	}

	.patient_hd {
		margin-bottom: 20px;
	}

	.seen_example {
		margin-top: 30px;
	}

	.hair_loss_tbs .nav {
		gap: 20px;
	}

	.hair_loss_grid {
		padding: 30px;
		border-radius: 25px;
	}

	.faq_content h2 {
		margin-bottom: 30px;
	}

	.subscription_content .accordion-item h2 button {
		font-size: 15px;
	}

	.footer_center ul {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.footer_ter_condt ul {
		gap: 15px;
	}

	.footer_ter_condt ul:last-child {
		gap: 5px;
	}

	.footer_copyright p {
		line-height: 1.2;
	}
	.seen_video .overlay img {
		width: 40px;
		height: 40px;
	}
	.hair_info_txt p {
		font-size: 16px;
	}
	.hair_info_content ul li a {
		padding: 15px;
	}
	.hair_info_txt img {
		width: 45px;
		height: 45px;
	}
	.gridstyle_wrapper .container {
		padding: 30px 0;
	}
	.featured__grid {
		padding: 0;
	}
	.customers_slider {
		padding-bottom: 40px;
	}
	.customers_txt {
		padding: 10px 10px 20px;
	}

	.customers_img_after strong, .customers_img_before strong {
		bottom: 10px;
		left: 10px;
		font-size: 11px;
	}

	.customers_img_after strong {
		right: 10px;
		left: auto;
	}

	.hair_loss_grid::after {
		width: 330px;
		height: 300px;
	}
	.customers_wrapper .container {
		padding: 30px 15px;
		border-radius: 30px;
	}
	.patient_slider_imgs ul li img {
		width: 100px;
		height: 100px;
	}
	.patient_date li {
		border-radius: 20px;
		padding: 12px 15px;
	}
	.banner_inner .container {
		padding: 0;
	}
	.journey_map {
		padding: 0 0 30px;
	}

	.behind_mam_txt .nav-pills .nav-link {
		max-width: fit-content;
	}

	.behind_mam_txt .tab-content {
		padding: 50px 15px;
		border-radius: 25px;
	}
	.banner_inner {
		margin-top: 30px;
	}
	.behind_mam_left {
		padding-right: 15px;
	}
}

@media only screen and (max-width: 767px) {
	body {
		font-size: 13px;
		line-height: 22px;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 26px;
	}
	h4 {
		font-size: 16px;
	}
	h5 {
		font-size: 15px;
	}
	.p_60 {
		padding: 30px 0;
	}
	.p_100 {
		padding: 50px 0;
	}
	.cta, .cta_gay {
		line-height: 1.2;
		font-size: 13px;
	}
	.footer_grid {
		grid-template-columns: repeat(3,1fr);
		gap: 30px 15px;
	}
	.footer_list ul li {
		margin-top: 10px;
	}

	.footer_center ul {
		flex-wrap: wrap;
	}

	.footer_logo ul li:last-child img {
		max-width: 120px;
	}

	.footer_ter_condt {
		padding-right: 0;
	}

	.footer_copyright {
		margin-top: 50px;
	}
	.patient_slider_journey, .patient_slider_imgs ul {
		padding: 15px;
	}
	.hair_info_content ul {
		grid-template-columns: repeat(2,1fr);
		gap: 10px;
	}
	.hair_loss_grid::after {
		width: 200px;
		height: 150px;
	}
	.backed_arrows .slides-numbers {
		font-size: 14px;
	}
	.jumbled_table {
		overflow-x: auto;
	}
	.jumbled_table table thead tr th {
		font-size: 16px;
		padding: 18px 15px!important;
	}

	.jumbled_table table tbody tr td {
		font-size: 15px;
		padding: 18px 15px;
	}

	.jumbled_table table tbody tr td.why-text {
		font-size: 14px;
	}
	.banner_inner_txt {
		border-radius: 25px;
		padding: 30px 20px 60px;
	}
	.behind_mam_txt .nav {
		gap: 10px;
	}

	.behind_mam_txt .nav-pills .nav-link {
		padding: 14px 35px;
		font-size: 13px;
	}
	.behind_mam_tbs {
		flex-direction: column-reverse;
	}

	.behind_mam_left {
		width: 100%;
	}

	.behind_mam_right {
		width: 100%;
		margin-bottom: 20px;
	}

	.behind_mam_left h5 {
		margin-bottom: 16px;
	}

	.behind_mam_txt .tab-content {
		padding: 30px 15px;
	}
	.Quiz-model .modal-content .btn-close {
        height: 40px;
        width: 40px;
        font-size: 12px;
    }
    .Quiz-model .modal-dialog {
        width: 100%;
        max-width: 90%;
        margin: auto;
    }
	
	.treatment_info_grid {
		flex-direction: column;
		gap: 20px;
	}
	.treatment_info_grid > div {
		width: 100%;
	}
}

@media only screen and (max-width: 575px) {
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 25px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 15px;
	}
	h5 {
		font-size: 14px;
	}
	h6 {
		font-size: 13px;
	}
	.p_60 {
		padding: 30px 0;
	}
	.p_100 {
		padding: 45px 0;
	}
	.banner_wrapper {
		padding: 80px 0;
	}
	.bars {
		width: 25px;
		height: 2px;
	}

	.navbar-light .navbar-brand img {
		max-width: 100px;
	}

	.banner_content p {
		font-size: 15px;
	}

	.inverse_content ul li p {
		font-size: 14px;
	}

	.inverse_content ul li img {
		max-width: 90px;
	}

	.journey_content p {
		margin: 0 0 20px;
	}

	.featured__grid {
		padding: 0 10px;
	}

	.featured__grid_img {
		width: 55px;
		height: 55px;
		padding: 14px;
	}

	.featured__grid p {
		font-size: 13px;
	}

	.inescapable_wrapper .inescapable_bg {
		padding: 20px;
	}

	.btn_group {
		gap: 15px;
	}

	.subscription_price {
		padding: 20px;
	}

	.subscription_content .accordion-item h2 button {
		padding: 15px;
		font-size: 14px;
	}

	.subscription_TGA {
		padding: 20px;
	}

	.process_content {
		padding: 20px;
	}

	.process_content ul li {
		width: 100%;
		font-size: 14px;
	}

	.process_content ul {
		padding: 20px 0;
	}

	.backed_arrows_rt .slick-arrow,
	.seen_arrows .slick-arrow,
	.patient_arrows .slick-arrow {
		font-size: 14px;
		padding: 10px 20px;
	}

	.trustpilot_grid {
		flex-direction: column;
		border-radius: 25px;
		gap: 20px;
	}

	.trustpilot_grid li {
		flex-direction: column;
	}

	.hair_regrowth_content {
		gap: 10px;
	}

	.hair_regrowth_list {
		padding: 15px;
	}

	.hair_regrowth_list img {
		width: 50px;
		height: 50px;
	}

	.seen_example {
		flex-direction: column;
		gap: 10px;
	}

	.hair_loss_grid {
		padding: 20px;
	}

	.hair_loss_tbs .nav {
		gap: 15px;
	}

	.hair_loss_tbs .nav-link {
		width: 100%;
	}

	.hair_loss_tbs .nav-item {
		width: 100%;
	}

	.faq_content h2 {
		margin-bottom: 20px;
	}
	.faq_contact a {
		flex-direction: column;
		gap: 10px;
		border-radius: 15px;
	}

	.faq_contact {
		margin-bottom: 30px;
	}

	.footer_grid {
		margin: 40px 0 50px;
	}

	.footer_logo ul li:last-child img, .footer_logo ul li img {
		max-width: 80px;
	}

	.footer_ter_condt ul {
		flex-direction: column;
		align-items: start;
		gap: 10px;
	}

	.footer_ter_condt ul:last-child {
		flex-direction: row;
	}

	.footer_copyright {
		margin-top: 30px;
	}
	.banner_wrapper {
		background-position: right;
	}

	.banner_content_quiz {
		flex-direction: column;
		gap: 10px;
	}

	.hair_info_content ul {
		grid-template-columns: repeat(1,1fr);
		gap: 10px;
	}

	.hair_info_txt p {
		font-size: 14px;
	}

	.hair_info_content ul li a {
		padding: 12px;
	}
	.solitary_grid {
		grid-template-columns: repeat(1,1fr);
	}
	.gridstyle_slider ul li a p {
		font-size: 14px;
	}

	.gridstyle_slider ul li a img {
		max-width: 30px;
	}

	.gridstyle_wrapper .container {
		padding: 20px 0;
	}

	.customers_wrapper {
		margin: 0 15px;
	}
	.references_slider .slick-slide {
		padding: 0 5px;
	}
	.backed_arrows {
		padding-top: 20px;
		margin-top: 30px;
	}
	.customers_wrapper .container {
		padding: 15px;
	}
	.customers_slider .slick-dots li button:before {
		font-size: 12px;
	}
	.jumbled_table table thead tr th {
		font-size: 15px;
	}
	.banner_inner {
		margin-top: 20px;
	}
	.Quiz-model .modal-body {
        padding: 0px;
    }
    .card-radio-btn .hair_image {
        max-width: 58px;
    }
    .card_body {
        padding: 20px;
    }
    label.card-radio-btn h3 {
        font-size: 13px;
    }
    .showSingle.btn.cta {
        padding: 10px 20px;
    }
    .Question .modal-header .modal-title {
        font-size: 20px;
    }
    .Quiz-model .modal-content {
        padding: 30px 20px 20px;
    }
    .sign_up_head .float_text {
        padding: 20px;
    }

    .float_text_footer h4 {
        text-align: center;
        font-size: 15px;
    }

    .float_text_inner h4 {
        font-size: 18px;
    }
	.banner_content.home h1 {
		font-size: 42px;
	}
	section.inverse_wrapper {
		padding-top: 0px;
	}
}