@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1050px){
	.number {
    position: absolute;
    top: 21%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
}
.number {
    position: absolute;
    top: 23%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
}
.counter_stats h5 {
    position: absolute;
    top: 25%;
    left: -36px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 40px !important;
    color: #fff;
}
.counter_stats h6 {
    position: absolute;
    top: 25%;
    left: 58px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    color: #fff;
}
.form-outline02 span a {
    position: absolute;
    bottom: -28px;
    font-size: 11px;
    text-align: left;
    color: #999;
}
	.get_touch a {
    padding: 10px 25px;
    font-size: 12px;}
		.banner_details h2 {
    font-size: 15px !important;
     }
.banner_details h5 {
    font-size: 13px !important;
}
.banner_details {
    top: 6% !important; left: 42% !important;
}
.top_right p a {
    font-size: 11px !important;
}
.navbar { margin-bottom:10px !important;}
.membership a {
    padding: 7px 36px !important;
    font-size: 13px !important;}
	
	.vieall a {
    padding: 6px 36px !important;
    font-size: 14px !important;}
	
	.navbar-light .navbar-nav .nav-link {
    font-size: 15px !important;
	text-align: right !important;
border-bottom: 1px solid #fbfbfb !important;
    }
a.more {
    float: left;
    padding: 10px 22px !important;
    font-size: 13px;
    color: #333;
    border-radius: 50px;
    border: 2px solid #383090;
    margin-top: 10px;
    transition: all ease 0.5s;
}	
.project-tab .nav-link {
    padding: 5px !important;
    font-size: 11px !important;
}
.description{padding:10px;}
/*journey{display:none;}*/
.reasons_box {
    width: 135px !important;
    height: 135px !important;
    float: left;
    border-radius: 100%;
    border: 1px solid #5e52e3;
    padding: 16px;
    color: #fff;
    position: relative;
    margin-right: 11px !important; margin-bottom:10px !important;
}
.reasons_box h5 {
    font-size: 14px !important;
    color: #fff;
    position: absolute;
    top: 46px !important;
    bottom: 0px;
    left: 5px;
    right: 0px;
    text-align: center;
    line-height: 1.7;
}
.pdl {
    font-size: 11px !important;
}
.bg-purple {
    padding: 20px 22px !important;
    font-size: 12px !important;
}
.bg-blue {
	padding: 20px 22px !important;
    font-size: 12px !important;
	}
	
.form_field {
    padding: 40px 50px !important;
}
.profiled h2 {
    font-size: 12px !important;
}
span.profile_time {
    font-size: 12px !important;
}
.apointment {
    width: 95% !important; padding: 40px 34px !important;
}
.top_rating {width:44%;}	
	}

@media screen and (max-width:640px){
.buy_now a.buy_btn {
    padding: 12px 40px;
    font-size: 14px;
    color: #fff;
    background: #383090;
    border-radius: 50px;
    margin-top: 10px;
    transition: all ease 0.5s;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-bottom: 0px !important;
    float: left;
    margin: 4px;
        margin-bottom: 4px;
}
	.center_box {
    width: 100% !important;
    margin: 0 auto;
     }
	 .description_step {
    margin-top: 0px;
    height: 100px;
    margin-left: 15px;
}
	 .carousel-indicators li.active {
    opacity: 1;
    width: 40px;
    height: 40px;
    border: 2px solid #311B92;
}
.white_bg_color { display:none;}
.stepper .move_content:nth-child(1):hover{ padding-bottom:400px;}
.stepper .move_content:nth-child(2):hover{ padding-bottom:100px;}
.stepper .move_content:nth-child(3):hover{ padding-bottom:220px;}
.description_step img {
    width: 101px;
    margin-top: 11px;
}
.carousel-indicators li {
    opacity: 0.5;
    margin: 0px !important;
    border: 1px solid #ccc;
    padding: 5px;
}
	.list-view-filter .containers .card .content {
    position: absolute;
    right: -360px;
    transition: right 0.5s;
        transition-delay: 0s;
    transition-delay: 0s;
    transition-delay: 0s;
    background-color: #403894; background:rgba(64, 56, 148, 0.8);
    transition-delay: 0.20s;
    top: 0px;
    height: 100%;
    width: 100%;
}
.nav-fill .nav-item, .nav-fill > .dnts_p {
    margin-right:0px !important;
}
.list-view-filter .containers .card:hover .content {
    bottom: 0  !important;
    transition-delay: 0s;
}
	.banner_home img{height: 176px;}
.next_step {background-image: linear-gradient(90deg, #fff 51%, #fff 50%) !important;}
.fixed_button a {
    position: relative !important;
    left: 0px !important;
    bottom: 32px !important;
}
.carousel-indicators li { margin:5px 7px;}
.description_step h3 {
    color: #383090; font-size:14px;
}
.left_wht_box h4 {
    color: #383090;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-family: Roboto;
    text-align: center;
}
span.border_line {
    width: 68px;
    height: 2px;
    background: #D0B030;
    display: flex;
    text-align: center;
    margin: 15px auto;
}
.left_wht_box p{text-align:center;}
.description_step p {
    color: #383090; font-size:12px;
}
.circle_box {
    width: 50% !important;
    float: left;
    position: relative;
}
.number { font-size:15px; position: absolute;
top: 33%;}
.logo_section img {
    border: 1px solid #cecece;
    height:auto;
}
.heading_text h2 { font-size:24px;}
.treatments p {
    font-size: 13px;}
.left_wht_box { width: 100%; margin-bottom:20px; padding: 29px 10px !important;}
.stepper {
   position: relative !important;
right: 0px;
width: 85%;
left: 31px;
}
.login_p{ background:#383090; padding:10px 10px; float: left; width: 100%;}
.login_pd{ padding:10px; background:#fff; text-align:center; border-radius:100%; float: left; width: 70px;
height: 70px;
line-height: 2.6;}
.sidenav .closebtn {
position: absolute !important;
top: 13% !important;
/*right: 14% !important;*/
float: right;
text-align: right;
background: #2d2971;
}
.detailp_login{float:left; padding-left:15px; color:#fff; font-size:14px;}
.mb_show span{padding: 10px 10px;
width: 100%;
float: left;
background-color: #1E194D;
color: #fff;}
.mb_show span p{ margin-bottom:0px; font-size: 12px;}
.mb_show a{float: left;
width: 100%;
padding: 10px 22px;
border-bottom: 1px solid #242155;
font-size: 12px;
color: #383090;
font-weight: 600;
letter-spacing: 0.8px;}
.mb_show a:hover{ color:#383090;}
.sidenav {
    background-color: #fff;
}
.mb_show {
    display:block;
}
.desktop{display:none;}	
.navbar {
    padding: 6px 0px;
    float: right !important;
    margin-bottom:0px !important;
    width: 100%;
}
a.ic {display:none;}
.top_leftteam {
    margin-top: 5px;
}
.top_header{display:none;}
.top_rating {width:34%;}

	.form_field {
    padding: 40px 50px !important;
}
.profiled h2 {
    font-size: 10px !important;
}
span.profile_time {
    font-size: 10px !important;
}

.apointment {
    width: 100% !important; padding: 20px 17px !important;
}
.carousel-indicators {
margin-left: 0% !important;
bottom: -79px !important;
display: -webkit-box !important;
}
.carousel-indicators li {
    width: 38px !important;
    height: 38px !important;
}
.loader1 {
    display: block;
    position: relative;
    left: 35% !important;
    top: 42%;
}
.footer_list { margin-left:0px !important;}
.banner_details h5 { margin-bottom:3px !important;}
.banner_details a {
padding: 5px 5px !important;
font-size: 8px !important;
color: #383090;
border-radius: 50px;
margin: 4px 3px;
float: left;
transition: all ease 0.5s;
}
.banner_details img {
    width: 13px !important;
}
.top_left p {text-align: center;}
.form-outline {width: 360px;}
.navbar-nav { background:#f4f4f4;}
.banner_details h2 { font-size: 26px;}
.banner_details h5 {font-size: 14px;}
.banner_details p { color: #333; font-size: 9px; margin-bottom: 7px;}
.bg_box{padding:10px;}
.bg_box a {position: relative;
top: 4px;
left: 0px;}
.bg_box img{text-align: center;
margin: 0 auto;
width: 100%;}
/*.logo_section { display:none;}*/
.counter_stats img{text-align:center; width: 165px;}
.mb_center{text-align:center; margin-bottom: 30px;}
.footer_left_box {
    width:100%;
    float: left;
    padding: 50px 0px;
    background: #383090; 
}
.ft_details {
    margin-left: 8%;
}
.right_set{width:100%; float:left;}
.footer_list {
    padding: 14px 20px !important; float:left; background: #1e194d;
}
.social_link ul li a {
    padding: 10px;
    text-align: center;
    border-radius: 100%;
    margin: 0px 4px;
    background: #383090;
    width: 38px;
    height: 38px;
    display: block;
    line-height: 1.1;
    color: #fff;
    transition: all ease 0.5s;
}
.top_right span {
    margin: 1px 10px;
}
.top_right {
    margin: 5px 0px; text-align: center;
}
.login {
    width: 90% !important;
}
.pdl {
    font-size: 11px !important;
}
.bg-purple {
    padding: 20px 22px !important;
    font-size: 12px !important;
}
.bg-blue {
	padding: 20px 22px !important;
    font-size: 12px !important;
	}
select.distance {
    float: left;
    width: 45%;
    border-radius: 30px;
    padding: 5px 10px;
}
.list.grid-view-filter li {
    margin: 12px 13px;
    width: 100% !important;
    text-align: center;
    padding: 12px 13px;
}
select.search_fil {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background-color: #EFEFFF;
    padding: 7.5px;
    font-size: 11px;
    height: 38px;
}
.team_text img {
    float: left;
    padding: 10px 10px;
    border-radius: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.ontext {
    float: left;
    margin-top: 10px;
    padding: 0px 20px;
    width: 100%;
}
.ontext_right {
    float: left;
    padding: 20px;
    width: 100%;
    margin-top: 0.8%;
}
.form-outline02 span a {
    position: absolute;
    right: -70px;
    top: 6px;
    font-size: 11px;
    text-align: left;
    color: #999;
}
img.pr_p {
    border-radius: 100%;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.nav-fill .nav-item, .nav-fill > .nav-link {padding: 5px 3px !important;
margin-bottom: 10px !important;
font-weight: 500;
font-size: 10px !important}
span.border_r img {
    position: absolute;
    left: -1px;
    width: 57px;
    top: 37px;
}

.ontext h3, .ontext h4, .ontext h5, .ontext p{ text-align:center;}
.ontext_right h5, .ontext_right p{ text-align:center;}
.right_set{ background:#1e194d;}

/*Dipesh changes*/
.loginbox .sub_mit{ margin-left: 10px; margin-top: 20px;}

.loginbox .rpass{
    width:100%!important;
    
}
.loginbox .apointment .clininclogin{
    right:20px; bottom:20px;
}

.loginbox .form_field {
     padding: 10px !important; 
}

.p-50{
    padding:0 !important;
}
}

/*@media screen and (min-device-width: 320px) and (max-device-width: 420px)
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 499px) 
and (-webkit-min-device-pixel-ratio: 3)*/
@media screen and (max-width:360px){
	span.border_r img {
    position: absolute;
    left: -1px;
    width: 57px;
    top: 37px;
}
.accordion_privacy{ display:none !important;}
.ft_details .certified_mgn{ margin-left:0px !important;}
.border_tst{bottom: -15px; width:100%;}
.profle_pic_d{ text-align:center !important; width:50% !important; margin:0 auto !important;}
/*.profle_pic_d img{ width:50% !important; text-align:center;}*/
.form-outline{ left:0;}
.subscribe h3{ text-align:center;}
.subscribe p{text-align:center;}
.right_set{ background:#1e194d;}
input.search_top{padding: 9.6px 26px !important}
.serch_icon_teeth{left: 26% !important;}
.ontext_right{ text-align:center;}
.team_text{ text-align:center;}
.team_text img{ width:60% !important; float:none !important;}
.team h2{font-size: 28px;}
.about_d{text-align:center !important;}
img.pr_p{ width:70% !important;}
.bottom_dt{background: #FFF !important; color:#66667A !important;}
.detail_left{box-shadow:none !important;}
.nav-fill .nav-item, .nav-fill > .nav-link{padding: 5px 5px !important; margin-right: 5px !important; font-size: 12px !important; background: #383090 !important; color:#FFF !important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background: #d8b54b !important;}
.category_details h3{ margin-top:20px;}
.compare .pdl{ font-size:14px !important; line-height:18px !important;}
.prs_box span{ width:100% !important; margin-bottom:10px;}
span.border_r img {left: 0px; top:48px; width:70px;}
.cash_s h3{margin-top:10px;}
.cashstudies .cash_studies_box h3{font-size: 24px !important;}
.about_banner h2{ margin-top:0;}
.team_center .team_box{ text-align:center !important; margin-bottom:10px;}

	}

@media screen and (max-width:767px){
	.cash_s h3 {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}
a.case_b { margin-top:12px;}
a.details_b {
    font-size: 11px;
    padding: 7px 11px;
}
ul.social li a {
    padding: 6px;
    font-size: 16px;
    border: 1px solid #383090;
    color: #383090;
    border-radius: 100%;
    width: 31px;
    height: 31px;
    display: block;
    text-align: center;
    line-height: 1.2;
    transition: all ease 0.5s;
}
ul.social li {
    margin-right: 1px;
}
.bottom_dt { font-size:11px;}
	.list.grid-view-filter li {
    margin: 12px 13px;
    width: 44%;
    text-align: center;
    padding: 12px 13px;
}
.locaiton_search {
    padding: 30px 10%;
}
.form-outline02 span a {
    position: absolute;
    right: -70px;
    top: 6px;
    font-size: 11px;
    text-align: left;
    color: #999;
}
.accordion_privacy{ display:none !important;}
.ft_details .certified_mgn{ margin-left:0px !important;}
.border_tst{bottom: -15px; width:100%;}


}

@media (min-width: 640px) {
  td,th {
    display:table-cell !important;
  }
  td,th {
    width: 330px;
  
  }
  td+td, th+th {
    width: auto;
  }

}
@media screen and (min-device-width: 320px) and (max-device-width: 640px) {
	
	.banner_details h2 {
    font-size: 26px;
}

.banner_details h5 {
    font-size: 14px !important;
}
.banner_details p {
    color: #333;
    font-size: 12px;
    margin-bottom: 7px;
}
.banner_details a{padding: 5px 10px !important; font-size: 9px !important;}

.banner_details {
    top: 12%;
    left: 43% ;
}

.top_details_cont h3{font-size: 30px !important;}
.top_details_cont p {font-size: 21px !important;}
.nav-fill .nav-item, .nav-fill > .nav-link {padding: 5px 10px !important; font-size: 13px !important}
.profle_pic_d{ text-align:center !important; width:50% !important; margin:0 auto !important}
/*.profle_pic_d img{ width:50% !important; text-align:center;}*/
.form-outline{ left:0;}
.subscribe h3{ text-align:center;}
.subscribe p{text-align:center;}
.right_set{ background:#1e194d;}
input.search_top{padding: 9.6px 26px !important}
.serch_icon_teeth{left: 26% !important;}
.ontext_right{ text-align:center;}
.team_text{ text-align:center !important;}
.team_text img{ width:60% !important; float:none !important;}
.about_d{text-align:center !important;}
img.pr_p{ width:70% !important;}
.bottom_dt{background: #FFF !important; color:#66667A !important;}
.detail_left{box-shadow:none !important;}
.nav-fill .nav-item, .nav-fill > .nav-link{padding: 5px 5px !important; margin-right: 5px !important; font-size: 12px !important; background: #383090 !important; color:#FFF !important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background: #d8b54b !important;}
.category_details h3{ margin-top:20px;}
.compare .pdl{ font-size:14px !important; line-height:18px !important;}
/*span.border_r img {left: 3px; top: 74px; width:100px;}*/
span.border_r img {left: -6px; top: 55px; width:100px;}
.cash_s h3{margin-top:10px;}
.cashstudies .cash_studies_box h3{font-size: 24px !important;}
.about_banner h2{ margin-top:0;}
.team_center .team_box{ text-align:center !important; margin-bottom:10px;}
.carousel-indicators{ left:inherit !important; right:inherit !important; text-align:center !important;}
.prs_box span{ width:100% !important; margin-bottom:10px;}
.myprogress{ width:100%; margin:0 !important;}
.myprogress .circle{ margin:0 !important; margin-bottom:180px !important;}
.details_j{ left:64px !important;}
.details_j, .details_j2{ width:270px !important;}
/*.details_j{ left:64px !important; position:inherit !important; height:250px;}
.details_j p{ padding:20px !important; width:100% !important; }
.details_j2{ left:64px !important; position:inherit !important; height:250px;}
.details_j2 p{ padding:20px !important; width:100% !important; }*/
/*.journey{display:none;}*/

/*.journey .myprogress{ width:}*/
.tat_d{ display:none !important;}
.about_d{ padding-bottom:0 !important;}
.form-outline button{padding: 8px 20px !important;}
.pac-container{ width:150px !important;}
input.teethGum01{right: calc(-10% + 220px) !important;}
#msform .teethGum01, #msform .teethGum02, #msform .teethGum03  { padding: 4px 10px !important;}
#msform .previous, #msform .next { padding: 4px 30px;}
#msform input, #msform textarea { font-size:10px !important;}
input.teethGum03 {right: calc(115% - 330px) !important;}
input.teethGum02{right: calc(127% - 380px) !important;}
#symptoms1 span, #symptoms2 span, #symptoms3 span{ font-size:10px !important;}
#symptoms1 img, #symptoms2 img, #symptoms3 img{ width:50% !important;}
#symptoms1 img{ float:right !important;}
#symptoms1 span{ float:left !important; position:absolute; margin-top: 51px;
margin-left: -30px;}
#symptoms2 span{ float:right !important; margin-top: 70px;}
#symptoms3 span{ float:right !important;}
ul#progressbar li span{ font-size:10px !important; text-transform: capitalize !important;}
/*.prodiv h4{ font-size:9px !important;}*/
.prodiv h4 .alert{padding:8px 1px !important; display:block !important;}
.prodiv label{ display:block !important;}

/*Dipesh Changes*/

.loginbox .apointment .clininclogin{
    right:0;
}
.subcribnow .form-group {
     margin: 10px 20px; 
}
.input_icon img{
    top:32px;
}
  .subcribnow .mg00{ margin-right: 20px !important;}
    .subcribnow .mg02{ margin-left: 20px !important;}
    .subcribnow .billinfo{
        font-size:17px !important;
    }
 
    #progressbar li {
    font-size: 12px;
}

 /*to decrease font size of membership details page*/
 .font-dash .row .roundbox{
     font-size:18px !important;
     min-height:120px;
 }
 .member_board_left h3{
     background-color:#383090;
     color:#fff;
 }
 .wbox h4{
     font-size:24px;
 }
  .wbox span{
      font-size:16px;
  }
}
#verifyOtp{
    display: flex;
    flex-direction: column;
    height: 195px;   
}