@charset "utf-8";
/* CSS Document */
@media (min-width: 2048px) and (max-width: 2500px) {

}
@media (min-width: 1707px) and (max-width: 2048px) {

}
@media (min-width: 1525px) and (max-width: 1707px) {

}
@media (min-width: 1366px) and (max-width: 1525px) {
    body {font-size: 14px; line-height: 26px;}
    .container{width:100%; max-width:1200px;}
    .navbar-light .navbar-nav.tm-header-list .nav-link {padding: 0 0 0 50px;}
    .tm-carousel-item-text h2 {margin-right: 5%;}
    .tm-h2 {font-size: 76px;}
    .tm-about-us-img {margin-right: 10px;}
    .tm-h4 {font-size: 60px; line-height: 70px;}
    .tm-about-us-text-list li {font-size: 17px; margin-bottom: 20px;}
    .tm-about-us-text {line-height: 28px;}
    .tm-about-us-text-list {margin-top: 40px;}
    .tm-about-us-text .tm-button {margin-top: 25px;}
    .tm-h3 {font-size: 66px; line-height: 78px;}
    .tm-hair-transplant-specialist.tm-custom-padding {padding: 50px 0 40px;}
    .tm-hair-transplant-specialist-panel {padding-left: 25px;}
    .tm-testimonials-panel {padding: 25px 20px 50px;}
    .tm-testimonials-text {font-size: 14px; line-height: 28px;}
} 
@media (min-width: 1200px) and (max-width: 1365px) {
	.tm-hair-transplant-specialist.tm-custom-padding{padding: 40px 0 30px;}
    .tm-hair-transplant-specialist-panel {padding-left: 15px;}
    .tm-h4 {font-size: 52px; line-height: 60px;}
    .tm-h3 {font-size: 60px; line-height: 70px;}    
    .tm-carousel-item-text h2 {margin-bottom: 50px; font-size: 60px;}
    .tm-sec-heading h4 {margin-bottom: 46px;}
    .navbar-light .navbar-nav.tm-header-list .nav-link {padding: 0 0 0 50px;}
    .tm-header-top-left span {font-size: 12px;}
}
@media (min-width: 1024px) and (max-width: 1200px){
    body {font-size: 14px; line-height: 24px;}
    .tm-header-top-left span {font-size: 10px;}
    .tm-header-btn li a {margin-left: 50px;}
    .navbar-light .navbar-nav.tm-header-list .nav-link {padding: 0 0 0 36px;}
    .tm-carousel-item-text h2 {margin-right: 0;}
    .tm-h2 {font-size: 70px;}
    .tm-carousel-item-text p {font-size: 14px;}
    .tm-carousel-item-text h2 {margin-bottom: 50px;}
    .tm-carousel-item-text h2::after {bottom: -20px;}
    .tm-h5 {font-size: 34px;}
    .tm-call-to-us-panel {padding: 0 20px;}
    .tm-button {width: 250px; height: 54px; line-height: 52px; font-size: 11px; margin-top: 10px;}
    .tm-h4 {font-size: 46px; line-height: 52px;}
    .tm-about-us-text-heading h4 {margin-bottom: 44px;}
    .tm-about-us-text {line-height: 24px;}
    .tm-about-us-text-list li {font-size: 18px; margin-bottom: 20px;}
    .tm-about-us-text .tm-button {margin-top: 20px;}
    .tm-about-us-img {margin-right: 0;}
    .tm-h3 {font-size: 52px; line-height: 60px;}
    .tm-transplant-results-text {padding: 58px 32px;}
    .tm-testimonials-panel {margin: 20px 10px;}
    .tm-testimonials-text {line-height: 24px; font-size: 14px;}
    .tm-testimonials-panel {padding: 30px 15px 60px;}
    .magnific-img {margin: 15px 9px !important;}
}

@media (min-width: 767px) and (max-width: 1024px) {
    body {font-size: 14px; line-height: 24px;}
}
@media (min-width: 992px) and (max-width: 1024px) {
    .navbar-light .navbar-nav.tm-header-list .nav-link {padding: 0 0 0 32px;}
    .tm-header-btn li a {margin-left: 40px;}
    .tm-carousel-item-text h2 {margin-right: 0;font-size: 46px;line-height: 56px; margin-bottom: 50px;} 
    .tm-carousel-item-text h2::after {bottom: -24px;}
    .tm-carousel-item-text p {font-size: 14px;}
    .tm-call-to-us-panel-text {font-size: 13px;line-height: 22px;}
    .tm-about-us-img {margin-right: 0;}
    .tm-h4 {font-size: 50px;line-height: 58px;}
    .tm-h5 {font-size: 30px;}
    .tm-about-us-text-list li {font-size: 14px;}
    .tm-about-us-text-heading h4 {margin-bottom: 40px;}
    .tm-about-us-text-heading h4::after {bottom: -15px;}
    .tm-about-us-text-list {margin-top: 20px;}
    .tm-about-us-text .tm-button {margin-top: 10px;}
    .tm-h3 {font-size: 56px; line-height: 66px;}
    .magnific-img {margin: 15px 8px !important;}
}
@media only screen and (max-width: 991px) { 
	.navbar-toggle { float: left;margin: 0; height: 45px; width: 45px; border-radius: 0;z-index: 1}
	.navbar-toggle .icon-bar { width: 24px; background: #7f73bb;transition: .5s ease;}
	.navbar-toggle.collapsed .icon-bar:nth-child(2){transform: rotate(0)translateY(0)translateX(0);}
	.navbar-toggle.collapsed .icon-bar:nth-child(3){opacity:1}
	.navbar-toggle.collapsed .icon-bar:nth-child(4){transform:rotate(0)translateY(0)translateX(0);}
	.navbar-toggle .icon-bar:nth-child(2){transform: rotate(-45deg)translateY(5px)translateX(-5px);}
	.navbar-toggle .icon-bar:nth-child(3){opacity: 0}
	.navbar-toggle .icon-bar:nth-child(4){transform:rotate(45deg)translateY(-4px)translateX(-3px);}
    .tm-navbar-brand {width: 200px;}
    .navbar-light .navbar-nav.tm-header-list .nav-link {padding: 5px 0; border-bottom: 1px solid;}
    .tm-header-btn li a {margin-left: 0; margin-top: 15px;}
    .tm-header{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); position: relative; z-index: 1;}
    .tm-header-top {padding: 15px 0;}
    .tm-h2 {font-size: 38px; line-height: 48px;}
    .tm-carousel-item-text h2 {margin-right: 0; margin-bottom: 40px;}
    .tm-carousel-item-text h2::after {bottom: -20px;}    
    .tm-h5 {font-size: 28px;}
    .tm-h4 {font-size: 40px; line-height: 50px;}
    .tm-about-us-text-heading h4 {margin-bottom: 50px;}
    .tm-about-us-text-list li {font-size: 18px;}
    .tm-h6 {font-size: 28px;}
    .tm-h3 {font-size: 40px; line-height: 48px;}
    .tm-about-us-text {margin-top: 30px;}
    .tm-world-class-experience-panel-text {padding: 40px 40px 30px;}
    .magnific-img {margin: 15px 5px !important;}
    .tm-hair-transplant-specialist {background: none !important;}
    .tm-hair-transplant-specialist-panel {padding-left: 0; margin-top: 30px;}
    .tm-transplant-results-text {top: 0;left: 0;}
    .tm-transplant-results-img img{width: 100%;}
    .tm-footer-adrs span {font-size: 18px;}
    .tm-call-to-us-panel {padding: 0;}
    .tm-call-to-us-panel-text {font-size: 13px;line-height: 22px;}
    .tm-header-menu.d-flex.align-items-center {
    position: unset !important;
}
.tm-header-menu.d-flex.align-items-center {
    display: inline-block !important;
}
.tm-header-menu.d-flex.align-items-center {
    display: block !important;
    padding: 12px 0;
    height: auto;
}
#return-to-top i {font-size: 24px;}
#return-to-top {width: 44px;height: 44px;}
}


@media only screen and (max-width: 767px){
    body {font-size: 14px;}
    .tm-header-top-right {text-align: center;}
    .tm-header-top-left{text-align: center;}
    .tm-about-us-text {line-height: 26px; margin-top: 30px;}
    .tm-call-to-us-panel {margin: 20px 0;}
    .tm-call-to-us {padding: 40px 0;}
    .tm-about-us-img {margin-right: 0;}
    .tm-about-us-text .tm-button {margin-top: 20px;}
    .tm-custom-padding {padding: 50px 0;}
    .tm-world-class-experience-panel-text {padding: 25px 20px;}
    .tm-transplant-results-text {padding: 40px 20px; top: 0; left: 0; line-height: 26px;}
    .tm-sec-heading h4 {margin-bottom: 40px;}
    .tm-sec-heading h4::after {bottom: -20px;}
    .tm-hair-transplant-specialist {background: none !important;}
    .tm-hair-transplant-specialist-panel {padding-left: 0;margin-top: 30px;}
    .tm-footer-no img{width: 30px; margin-right: 20px;}
    .tm-footer-no a {font-size: 30px;}
    .tm-footer-adrs span img {margin-right: 20px; width: 25px;}
    .tm-footer-adrs span {font-size: 12px; line-height: 20px;}
    .tm-testimonials-panel {margin: 20px 10px; padding: 20px 20px 40px;}
    .tm-carousel-item-text {position: relative;z-index: 1;}
    .banner-overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.7);}
    .tm-video-sec {padding: 60px 0;}
    .tm-footer-copyright p {font-size: 15px;}   
    .tm-footer-copyright {padding: 20px 0;}
    .tm-carousel-item {background-position: 80% 100%;}
    .tm-carousel-item {height: 400px;}
    .tm-carousel-item-text-top {font-size: 20px;padding: 5px 30px;margin-bottom: 20px;}
    .tm-button {width: 250px;height: 50px; line-height: 48px; font-size: 11px; margin-top: 10px;}
	
	.dp-cus-img-io::after {top: -18px;}
}
@media only screen and (max-width: 480px) {	    
    .tm-header-top-left span img {margin-right: 5px;width: 16px;}
    .tm-header-top {padding: 10px 0;}
    .tm-header-top-left span {font-size: 10px;}
    #search input[type="search"] {font-size: 28px !important;}
    .tm-carousel-item-text h2 {margin-right: 0; margin-bottom: 40px; font-size: 36px !important; line-height: 1;}
    .tm-carousel-item-text h2::after {bottom: -20px;width: calc(100% - 10px);}
    .tm-carousel-item-text p {font-size: 13px; line-height: 22px;}
    .tm-button {width: 234px; height: 50px; line-height: 47px; font-size: 10px; margin-top: 10px;}
    .tm-h4 {font-size: 28px; line-height: 36px;}
    .tm-about-us-text-heading h4 {margin-bottom: 30px;}
    .tm-about-us-text-heading h4::after {bottom: -15px; height: 1px;}
    .tm-about-us-text-list {column-count: 1;}    
    .tm-about-us-text-list li {font-size: 15px;}
    .tm-h5 {font-size: 26px;}
    .tm-call-to-us-panel-text h5 {margin: 10px 0;}
    .tm-call-to-us-panel {padding: 0;}
    .tm-h3 {font-size: 32px;line-height: 44px;}
    .tm-footer-copyright p {font-size: 10px;}
    .tm-footer-copyright {padding: 15px 0;}
    .tm-h6 {font-size: 24px;}    
    #return-to-top i {font-size: 22px;}
    #return-to-top {width: 40px;height: 40px; bottom: 58px;right: 10px;}
    
}