/*
Theme Name: Chiropractor Appointify Theme
Theme URI: http://www.dfythemes.com
Description: Wordpress theme, responsive and has custom style for mobile devices
Version: 1.0
Author: http://www.dfythemes.com
*/

@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');

a, a:focus, a:hover{ outline:none; text-decoration:none;}


html, body{ background:#fff; margin:0;  padding:0; color:#6e6d7a; font-size:14px; line-height:24px; font-family: 'Raleway', sans-serif;  font-weight:500;
 overflow-x:hidden;  }

h1, h2{font-family: 'Raleway', sans-serif; font-weight:700; color:#0d0c22; }
h3, h4, h5, h6{font-family: 'Raleway', sans-serif; font-weight:600; color:#0d0c22;}

.btn{   border:#26d8ff 1px solid; box-shadow:0px 15px 20px rgba(41,178,255,.2); background:#26d8ff!important; font-size:16px; 
font-family: 'Raleway', sans-serif; font-weight:500; color:#fff; border-radius:3px; padding:8px 15px!important; position:relative;}
.btn:hover{background:none!important; color:#26d8ff; border:#26d8ff 1px solid;} 

.btn2:hover{background:none; color:#26d8ff; border:#26d8ff 1px solid; box-shadow:none;}
.btn2{ background:#26d8ff; color:#fff; box-shadow:0px 15px 20px rgba(41,178,255,.2);} 

.btn3{ padding-right:60px!important;}
.btn3 .r_arw{ width:48px; position:absolute; border-radius:0px 3px 3px 0px; right:-1px; top:-1px; height:105%; background:#2d2d3a; text-align:center; display:flex; align-items:center; justify-content:center;}
.btn3:hover .r_arw{ background:#26d8ff;}

.img_full{ width:100%;}

.lh28{ line-height:28px;}

.clearfix{ clear:both; display:block;}

.bx_all_wrap{ padding:60px 0px;} 


ul{ margin:0; padding:0;} ul li{ list-style:none;} .white{ color:#fff;} .m_t_0{ margin-top:0 !important;}  


#mainheader{ position:relative; z-index:9999; background:#fff;}  

.topbar{  background-image: linear-gradient(to right, #2f057b , #5f3cbb); padding:15px 0px; color:#fff;}
.link3 a{ color:#fff;} .link3 a:hover{ color:#fff; text-decoration:underline;}

.social_top a{ display:inline-block; margin-left:5px; width:20px; height:20px; background:#26d8ff; color:#fff; font-size:13px; text-align:center; line-height:21px; border-radius:4px;} 
.social_top a:hover{ background:#fff; color:#26d8ff;}

.navbar{ padding:20px 0px; background:#fff; -webkit-box-shadow: 0 32px 30px -30px rgba(0,0,0,.08); -moz-box-shadow: 0 32px 30px -30px rgba(0,0,0,.08); 
box-shadow: 0 32px 30px -30px rgba(0,0,0,.08);} 

.navbar-brand{ padding:0px; color:#26d8ff; }

.navbar-nav > li{padding:0px 20px; line-height:16px; display:inline-block;   position:relative; }  
.navbar-nav > li > a{ padding:5px 0px!important; color:#405874; font-weight:500; font-size:18px; text-transform:uppercase;} 
.navbar-nav > li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li:hover > a{ color:#26d8ff; background:none; text-decoration:none;} 

.dropdown-menu {
    padding: 15px;
    margin-top: 10px;
    
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: transparent !important;
}

.dropdown-menu li{ padding:0 !important;  border:none;}  
.dropdown-menu li:last-child{ margin:0px 0px 0px;}
.dropdown-menu li a{ display:block; padding:5px 0px; color:#fff; white-space:inherit; line-height:22px; }  
.dropdown-menu li a:hover{ color:#fdca15;} 



.navbar-expand-md .navbar-nav .dropdown-menu{ background-image: linear-gradient(to right, #7f65f6 , #4f3da1);  top:14px; border:none; border-radius:3px; padding:5px;} 
.navbar-expand-md .navbar-nav .dropdown-menu ul{ padding:5px 10px; } 
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid{ display:block;} 


#myCarousel{ background:#fff; }
#myCarousel .carousel-control-next, #myCarousel .carousel-control-prev{ width:auto;} 
#myCarousel .carousel-control-next{ padding-right:10px;} 
#myCarousel .carousel-control-prev{ padding-left:10px;}

#myCarousel .carousel-indicators{ z-index:999; bottom:25px;} 
#myCarousel .carousel-indicators li{ background:#fff; cursor:pointer;} 
#myCarousel .carousel-indicators li.active{ background:#db1a23;}   

#myCarousel  .carousel-control-prev i, #myCarousel  .carousel-control-next i{ width:44px; height:44px; text-align:center; font-size:25px; border-radius:0; display:inline-block; background:#26d8ff; text-align:center; line-height:44px; color:#fff;}


.slider_caption{ position:absolute; left:0px; top:0px; height:100%; width:100%; display:flex; align-items:center;} 
.s_descrip{ width:100%; max-width:914px; margin:0 auto;} 
.s_descrip h1{ color:#fff; font-weight:800; text-transform:uppercase; font-size:60px; line-height:75px;}
.s_descrip p{ color:#fff; font-size:16px; font-weight:600;}


/*=============================formbapp====================================*/

.bookanappointment{ background:#fff; padding:40px 50px; border-radius:15px; box-shadow:0px 4px 100px rgba(0,0,0,.06); color:#545454; font-family: 'Poppins', sans-serif; font-weight:400; font-size:16px;} 
#myWizard .h4{font-family: 'Poppins', sans-serif; font-weight:600; color:#405874; font-size:20px; margin-bottom:50px;} 

#myWizard li.active > a.hidden-xs {
 display: block!important;
}
#myWizard li.active > a.visible-xs {
    display: none!important; 
}

#myWizard .nav-pills.nav-wizard > li{ width:20%; text-align:center;} 
#myWizard .nav-pills.nav-wizard > li:first-child{ text-align:left;} 
#myWizard .nav-pills.nav-wizard > li:last-child{ text-align:right;}

#myWizard .nav-pills.nav-wizard > li a {
color:#cbcbcb; font-size:18px; font-family: 'Poppins', sans-serif; font-weight:500;
  padding:0px;
}

#myWizard .nav-pills.nav-wizard > li:hover a {
color: #cbcbcb;
}

#myWizard .nav-pills.nav-wizard > li.active a, #myWizard .nav-pills.nav-wizard > li a.active {
 color:#405874;
}

#myWizard .tab-content .tab-pane.active.fade{opacity:1; display:block;}

#myWizard .navbar{ padding:0px;} 

#myWizard .progress{ background:none; border-radius:0; position:relative;} 
#myWizard .progress:before{ content:""; width:100%; height:1px; background:#d6dce4; position:absolute; left:0px; top:50%;} 
#myWizard .progress .progress-bar{ background:#26d8ff; border-radius:8px; position:relative; z-index:5; 
text-indent:-9999px;} 

#myWizard .tab-content h5{font-family: 'Poppins', sans-serif; font-weight:500; color:#405874; font-size:18px; margin-bottom:12px;} 

.txt_bkapp{ border:#aebac9 1px solid; height:42px !important; padding-left:10px; border-radius:6px; padding-right:35px !important; color:#405874; font-family: 'Poppins', sans-serif; font-weight:400; font-size:16px; outline:none; 
-webkit-appearance:none; -moz-appearance:none; box-shadow:none !important; appearance:none; background:#fff url(https://engageleads-launches.s3.us-west-2.amazonaws.com/Offline/AppointifyV2/themes/chiropractor/images/select_dw_arrow.png) no-repeat right center;} 
.txt_bkapp:focus{border:#26d8ff 1px solid;} 

.txt_bkapp2{ outline:none; border:#aebac9 1px solid; height:42px; border-radius:6px; padding:0px 14px;  color:#756d6d; font-family: 'Poppins', sans-serif; font-weight:400; font-size:16px; 
-webkit-appearance:none; -moz-appearance:none; box-shadow:none !important; appearance:none; background:#fff;} 
.txt_bkapp2:focus{border:#26d8ff 1px solid;}

.txt_bkapp2::-webkit-input-placeholder{color:#405874;opacity:1;} 
.txt_bkapp2::-moz-placeholder{color:#405874;opacity:1;} 
.txt_bkapp2:-ms-input-placeholder{color:#405874;opacity:1;} 
.txt_bkapp2::-ms-input-placeholder{color:#405874;opacity:1;} 
.txt_bkapp2::placeholder{color:#405874;opacity:1;} 



/* The customcheck */
.customcheck {
    display: inline-block; width:25px; height:25px;
    position: relative;
   
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff; border:#26d8ff 1px solid;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background:#26d8ff; border:none !important;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 9px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.weektable{ padding-top:15px;}
.weektable table tr td{ text-align:center;} 
.weektable table tr:first-child td{ color:#222222; font-size:14px; padding-bottom:8px; font-family: 'Poppins', sans-serif; font-weight:500; } 

.app_bk_btn1{ width:130px; height:50px;}


.fw500{ font-weight:500;} .fw600{ font-weight:600;} 

.timetable ul li{ width:19%; float:left; margin-right:1.25%; margin-bottom:1.25%;} 
.timetable ul li:nth-child(5n+5){ margin-right:0px;} 

.timedate{background:#26d8ff; font-size:16px; border-radius:8px; 
font-family: 'Poppins', sans-serif; font-weight:500; color:#fff; border-radius:8px; width:100%; text-align:center; padding:10px 5px; text-align:center;} 

.timetable ul li .customcheck{ width:100%;   color:#000000; font-size:16px;  padding:6px 10px; border:#d6d6d6 1px solid; border-radius:8px;
font-family: 'Poppins', sans-serif; font-weight:400; height:auto; } 
.timetable ul li .customcheck .checkmark{ display:inline-block; position:relative; top:4px; margin-right:5px; border:#d6d6d6 1px solid;;} 
.fxtime{ position:relative; top:-2px;} 


.nextprev_wrap a{ display:inline-block; margin:0px 5px; text-decoration:none; width:28px; height:28px; border-radius:6px; background:#ebebeb; color:#000; text-align:center; line-height:28px; font-size:20px;} .nextprev_wrap a:hover{ background:#26d8ff; color:#fff;} 

.fon18{ font-size:18px;} .font16{ font-size:16px;} .drk_clr{ color:#1f1b1b;}


.light_chk_bx .customcheck{ width:100%;   color:#000000; font-size:16px;  font-family: 'Poppins', sans-serif; font-weight:400; height:auto; } 
.light_chk_bx .customcheck .checkmark{ display:inline-block; position:relative; top:4px; margin-right:5px; border:#d6d6d6 1px solid;;} 
.light_chk_bx .subtxt_p{ position:relative; top:-2px;}  

.center_sml_cl{ width:160px; margin:0 auto;}


/*=============================formbapp end====================================*/  

.serv_col{ background:#fff; padding:45px 40px; text-align:center; margin-bottom:30px; box-shadow:0px 4px 20px rgba(0,0,0,.06);}
.serv_col h4{ font-size:18px; margin:22px 0px 12px;}
.serv_col p{ font-size:16px; line-height:26px;} 

.ab_md table tr td .abnumber{ color:#5ec5ff; font-size:35px; font-family: 'Poppins', sans-serif;  font-weight:700;} 
.ab_md table tr td p{ font-size:16px; color:#0d0c22; text-transform:uppercase; padding-top:14px;}

.team_cl{ box-shadow:0px 4px 20px rgba(0,0,0,.06); text-align:center; }
.team_cl figcaption{ padding:20px 10px;}
.team_cl figure{ position:relative;}
.team_cl figure .overlay{ position: absolute; background:rgba(11,8,49,.3); opacity:0; width:100%; left:0px; top:0px; height:100%; padding-bottom:15px; display:flex; align-items:flex-end; justify-content:center;} 
.team_cl figure .overlay a{ display:inline-block; width:32px; height:32px; margin:0px 5px; font-size:18px; background:#26d8ff; color:#fff; text-align:center; line-height:32px;}
.team_cl figure .overlay a:hover{ background:#fff; color:#26d8ff;}
.team_cl:hover figure .overlay{opacity:1;}
.team_cl figcaption h5{ font-size:20px; font-weight:700;} 



.our_success_stories{box-shadow:0px 4px 20px rgba(0,0,0,.06); background:#fff; padding:50px;} 

.our_blog_cl{ background:#fff;   display:block;   box-shadow:0px 0px 50px rgba(0,0,0,.12); position:relative;}  
.our_blog_cl figure{ margin:0px; padding:0px;}
.our_blog_cl figcaption{ padding:40px 15px 15px; position:relative; } 
.date_blg{ background:#13124d; width:128px; font-size:12px; color:#fff; border-radius:50px; padding:6px 5px 6px; position:absolute; left:50%; margin-left:-64px; top:-18px; text-align:center; border:#fff 4px solid;}
.date_blg a{color:#fff;} 
.our_blog_cl figcaption h4{ font-size:16px; color:#000000;}  .our_blog_cl figcaption h4 a{ color:#000000;}
.link4{ color:#26d8ff;} .link4:hover{ color:#13124d;}

.uix a{ display:inline-block; background:#26d8ff; font-weight:600; color:#fff; border-radius:3px; font-size:12px; padding:3px 15px; margin-right:8px;}
.uix a:hover{ background:#2f057b; color:#fff;} 

.contact_form{ background:#fff; padding:35px;  box-shadow:0px 0px 50px rgba(0,0,0,.06);} 
.txt_bx_f_1{ background:#f7f7f7; margin-bottom:30px; height:50px; border:#f7f7f7 1px solid; color:#000; font-size:14px; box-shadow:none !important; font-family: 'Poppins', sans-serif; font-weight:400; padding:0px 15px;} 
.txt_bx_f_1:focus{border:#26d8ff 1px solid;}

.h210{ height:210px !important; padding-top:10px; padding-left:15px;} 
.contact_form .btn{ width:140px; height:50px;}
.palceholder  label{
   font-wight: normal; margin:0px; font-size:14px; font-family: 'Poppins', sans-serif; 
    olor: #B1B1B1;
  }
.palceholder .star{
    color: #ff2424;
  }


/*#footer{ background-image: linear-gradient(to right, #2f057b , #5f3cbb); } */

.footer_top{ padding:60px 0px; position:relative; z-index:5;}  
.footer_top h5{ font-size:20px; font-weight:700; color:#fff; margin-bottom:28px; }

.social_ftr ul li{ display:inline-block; margin-right:4px;} 
.social_ftr ul li a{ display:block; width:31px; height:31px; font-size:13px; color:#fff; background:#5632af;  text-align:center; line-height:32px;  border-radius:100%;}
.social_ftr ul li a:hover{ background:#fff; color:#5632af;}
 
.contact_us_f ul li{  color:#fff; position:relative; margin-bottom:15px;} .contact_us_f ul li a{ color:#fff; display:block;} 
.contact_us_f ul li:last-child{ margin:0;}


.footer_bottom{ padding:0px 0px 30px;  color:#fff;  position:relative; z-index:5;}  
.footer_bottom hr{border-top:1px solid rgba(255,255,255,.5); margin-bottom:30px; margin-top:0px;}
.link2 a{ color:#ffffff; display:inline-block; margin-left:20px;} .link2 a:hover{ text-decoration:underline;}  

.menuftr ul li a{ color:#fff; display:block; margin-bottom:10px;}  .menuftr ul li a:hover{ text-decoration:underline;}

.opening_hours table tr td{ padding:20px 0px 6px; border-bottom:#fff 1px dotted;} 
.opening_hours table tr:first-child td{ padding-top:0px;} 
.opening_hours table tr td:last-child{ text-align:right;} 


.test_descrip{ background:url(https://engageleads-launches.s3.us-west-2.amazonaws.com/Offline/AppointifyV2/themes/chiropractor/images/comment_ic.png) no-repeat center top; padding-top:25px; font-size:16px; font-weight:600; line-height:26px;} 
.title2 span{ display:inline-block; position:relative;} 
/*.title2 span:before{ content:""; position:absolute; left:-40px; top:0px; background:url(https://engageleads-launches.s3.us-west-2.amazonaws.com/Offline/AppointifyV2/themes/chiropractor/images/comment_ic.png) no-repeat center top; width:20px; height:14px;}*/

 
.testimonial h6{  color:#26d8ff; font-size:13px;} 

#myCarousel2{ padding-bottom:90px;}

#myCarousel2 .carousel-indicators li { width:50px; height:auto; text-indent:inherit; cursor:pointer; opacity:0.5;}
#myCarousel2 .carousel-indicators li.active{ width:60px; opacity:1; top:-5px;}
#myCarousel2 .carousel-indicators li img{ border-radius:100%;} 
#myCarousel2 .carousel-indicators{ bottom:0px;} 
#myCarousel2  .carousel-control-prev i, #myCarousel2  .carousel-control-next i{ width:44px; height:44px; text-align:center; font-size:25px; border-radius:100%; display:inline-block; background:#26d8ff; text-align:center; line-height:44px; color:#fff;} 

.linght26{ line-height:26px;} .givebest{ font-size:25px; color:#000;} 

.inner_head_title{background-size:cover; min-height:224px; padding:15px 0px;}
.inner_head_title h1{ color:#fff; text-transform:uppercase; font-weight:800; margin:0px; font-size:30px;} 

.breadcrumb_sec{ background:#fff; padding:12px 0px; box-shadow:0px 15px 15px rgba(0,0,0,.03);}
.breadcrumb_sec .breadcrumb{ background:none; margin:0px;  padding:0px;} 
.breadcrumb_sec .breadcrumb li{color:#6e6d7a; font-size:16px; font-weight:500;}
.breadcrumb_sec .breadcrumb li a{ color:#6e6d7a;} 
.breadcrumb_sec .breadcrumb-item + .breadcrumb-item::before{ content:""; width:7px !important; height:7px!important; padding:0px; margin:0px 8px; background:#26d8ff; border-radius:30px;} 

#myCarousel3 .slide_lnk{ width:65px; position:absolute; right:0px; top:-50px; text-align:right;} 
#myCarousel3 .slide_lnk a{ width:28px; height:28px; position:relative; background:#26d8ff; color:#fff; font-size:16px; line-height:24px; display:inline-block;} 


.our_history_number{background-size:cover;} 

.oh_title h2{ color:#fff; text-transform:uppercase; font-size:25px; }
.oh_title p{ color:#fff; font-weight:600; font-size:16px;} 

.our_history_number .ab_md table tr td .abnumber{ color:#fff; font-weight:600;}
.our_history_number .ab_md table tr td p{ color:#fff; font-weight:500;} 

.newpatient{background-size:cover; padding:40px 0px; text-align:center;} 
.newpatient h3{ margin:0px; color:#fff; font-size:25px; font-weight:700; display:inline-block; margin:0px 25px;}
.newpatient .btn{ box-shadow:none; border-radius:50px; padding:12px 25px;} 


.get_your_life{padding:80px 0px;} 
.get_your_life h2{ color:#fff; font-size:35px; font-weight:700;} 
.get_your_life p{ color:#fff; font-size:18px; font-weight:600; } 

.nw_btn{ box-shadow:none !important; border-radius:50px; padding:12px 25px;}  

.contact_sm_cl{ background:#fff; padding:20px 30px; min-height:140px; display:flex; border:#fff 1px solid; align-items:center; box-shadow:0px 0px 15px rgba(0,0,0,.1);}  
.contact_sm_cl i{ width:56px; height:56px; background:#26d8ff; border-radius:100%; font-size:20px; color:#fff; text-align:center; line-height:56px;} 
.contact_sm_cl figcaption{ padding-left:25px; font-size:16px; font-weight:600; color:#000; width:80%;} 
.contact_sm_cl figcaption a{ color:#000;} 
.contact_sm_cl:hover{border:#26d8ff 1px solid;} 



.error_cl{ width:480px; margin:0 auto;} 
.error_cl .cl_a{ font-size:150px; line-height:150px; color:#0d0c22; font-family: 'Poppins', sans-serif; font-weight:800;}  
.error_cl .cl_a span{ color:#26d8ff;}
.error_cl .cl_b{ text-align:left !important; padding-left:10px;}
.error_cl .cl_b .error_txt_1{ font-size:65px; line-height:70px; font-weight:500; color:#0d0c22; letter-spacing:0px;}
.error_cl .cl_b .error_txt_2{ font-size:22px; font-weight:500; color:#0d0c22;} 



.drk_gry{ color:#262626;} .font13{ font-size:13px;} 
.share a{ display:inline-block; margin-left:5px;} 
.share a img{ background:#fff; border:#fff 3px solid; border-radius:100%; box-shadow:0px 0px 12px rgba(0,0,0,.2);}  
.share a:hover{opacity:0.7;}
.search_r{ position:relative;}
.search_r .form-control{ border:none; box-shadow:none !important; background:#f3f6f7; height:60px; border-radius:0px; padding:6px 70px 6px 20px;} 
.search_r .btn{ width:70px; height:60px; border:none !important; border-radius:15px 0px 0px 15px; position:absolute; right:0px; top:0px; background:#26d8ff url(https://engageleads-launches.s3.us-west-2.amazonaws.com/Offline/AppointifyV2/themes/chiropractor/images/search_ic.png) no-repeat center center; box-shadow:none !important;} 
.search_r .btn:hover{ background:#0d0c22 url(https://engageleads-launches.s3.us-west-2.amazonaws.com/Offline/AppointifyV2/themes/chiropractor/images/search_ic.png) no-repeat center center;}
.fon20{ font-size:20px;}  .font25{ font-size:25px;} 


.ul2 ul li{ position:relative; padding-left:20px; margin-bottom:6px; color:#000;} 
.ul2 ul li:before{ content:""; width:6px; height:6px; background:#92919b; border-radius:50px; position:absolute; left:0px; top:8px;}

.btn_rw a{ font-size:14px; line-height:18px; box-shadow:none !important; font-weight:700; padding:4px 8px; border-radius:0px; margin:2px 15px 2px 0px;} 
.btn_rw a:last-child{ margin:0px;} 
.pnkbtn{ background:#f96380; border:#f96380 1px solid;}
.pnkbtn:hover{ background:none; color:#f96380; border:#f96380 1px solid;}  

.txt_sky_clr{ color:#26d8ff; font-size:16px; font-weight:600;} .black{ color:#000;} 

.newsletter{ background:#0d0c22; padding: 45px; text-align:center;}
.newsletter h2{ text-transform:uppercase; font-weight:500; color:#fff; letter-spacing:0.15em; margin-bottom:15px;} 

.newsletter form .form-control{ border:none; box-shadow:none !important; border-radius:0px; background:#fff; height:48px; padding-right:106px}
.newsletter form{ position:relative;} .newsletter form .btn{ width:96px; border:none !important; box-shadow:none !important; height:38px; position:absolute; top:5px; right:5px; border-radius:0px; padding:0px;}
.newsletter form .btn:hover{ background:#0d0c22; color:#fff;} 

.fw400{ font-weight:400;} 

.recent_post_cl h3, .categories h3{ text-transform:uppercase; text-align:center; margin-bottom:10px; color:#0d0c22; letter-spacing:0.15em; font-size:25px; font-weight:400;} 

.recent_post_cl ul li{ border-bottom:#dadade 1px solid; padding:20px 15px;}
.recent_post_cl ul li a{ display:block; position:relative; padding-left:20px; color:#0d0c22; font-size:16px; background:url(https://engageleads-launches.s3.us-west-2.amazonaws.com/Offline/AppointifyV2/themes/chiropractor/images/arrow_right4.png) no-repeat left top; background-position:0px 7px;} 
.recent_post_cl ul li a:hover{ color:#26d8ff;} 

.categories select{ -webkit-appearance:none; -moz-appearance:none; box-shadow:none !important; appearance:none; background:#f3f6f7 url(https://engageleads-launches.s3.us-west-2.amazonaws.com/Offline/AppointifyV2/themes/chiropractor/images/select_dw_arrow.png) no-repeat right center; color:#000; height:60px; width:100%; border:none; padding:0px 30px 0px 15px; font-size:16px; font-family: 'Raleway', sans-serif;  font-weight:400;}
  

@media (min-width:768px){
.navbar-nav li:hover .dropdown-menu{ display:block; }
    
    }

@media (min-width:992px) and (max-width:1199px){  

.navbar-nav > li{ padding:0px 15px;}  .navbar-nav > li > a{ font-size:14px;} 
.contact_sm_cl figcaption{ font-size:14px; padding-left:15px;} .contact_sm_cl{ padding:20px;} 
.contact_sm_cl{ min-height:105px;}  .newsletter{ padding:20px;}


}


@media (min-width:768px) and (max-width:991px){  

/*=======================bookappointmentform=======================================*/

#myWizard .nav-pills.nav-wizard > li a{ font-size:16px;} 
#myWizard .tab-content h5{ font-size:14px; margin-bottom:8px;} .weektable{ padding-top:7px; margin:0px -15px;} 
.weektable table tr:first-child td{ font-size:12px;} .txt_bkapp, .txt_bkapp2{ font-size:14px;} 
.timetable ul li{ width:24%;  margin-right:1.25% !important; } 
.timetable ul li:nth-child(4n+4){  margin-right:0 !important; } 

/*=======================bookappointmentform end=======================================*/ 

.social_top a{ margin-left:-1px;} .navbar-nav > li{ padding:0px 8px;} .navbar-nav > li > a{ font-size:13px;} 
.opening_hours.ml-4, .menuftr.ml-5{ margin-left:0px !important;}  

#navbarCollapse .btn{ font-size:12px; padding-left:10px; padding-right:10px;} 
#navbarCollapse .btn.btn2{ margin-right:6px !important;} .s_descrip h1{ font-size:40px; line-height:50px;} 
.serv_col{ padding:15px;} .ab_md table tr td .abnumber{ font-size:25px;} .ab_md table tr td p{ font-size:12px; padding-top:8px; line-height:16px;} 
.our_blog_cl{ margin-bottom:30px;} .cantrust{ margin-top:25px;} .contact_sm_cl{ margin-bottom:25px; min-height:110px;} 
.contact_sec_2 .contact_form h2{ font-size:23px;} 
.contact_sec_2 .contact_form{ padding:15px;} 
.newsletter{ padding:15px;} .newsletter h2{ font-size:25px; letter-spacing:0px;} 

.newsletter form .btn{ width:74px; font-size:12px;} 
.newsletter form .form-control{ padding-right:82px;}

}


@media (max-width:767px){ 
.navbar-toggler{ background:#26d8ff; transition:0.5s; background-size:200% auto; position:absolute; right:15px; top:0px; outline:none; border:none !important; padding:4px 8px; border-radius:0px;  color:#fff; line-height:inherit; z-index:9999; line-height:10px; outline:none;} 
.navbar-toggler:hover{outline:none; background:#000; color:#fff;}  .navbar-toggler:focus{ outline:none;}
.navbar-toggler-icon{ width:auto; height:auto;}  .navbar-nav{ margin-right:0; padding:10px 15px 15px;  margin-bottom:0px; text-align:center;}   
.navbar-brand{ display:inline-block; margin:0;} .navbar{ padding:20px 15px;}
.navbar-nav li{ display:block; border:none; padding:0; margin-bottom:5px;} .navbar-expand-md .navbar-nav .nav-link{ padding:10px 0px !important;  font-size:14px; border:none;}    
#navbarCollapse{ background:#323772; padding-bottom:25px; position:absolute; width:100%; right:0px; top:10px; text-align:center; border-radius:0;}   
.navbar-nav > li::before{ display:none;} 

.navbar-expand-md .navbar-nav .dropdown-menu{ background:#3d158e; text-align:center; margin-top:0px;} 
.dropdown-menu li a:hover{ color:#000;}  
.navbar-nav > li > a{ color:#fff;} 
.navbar-nav > li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li:hover > a{ color:#26d8ff;}


/*=======================bookappointmentform=======================================*/
.bookanappointment{ padding:20px;} #myWizard .tab-content h5{ font-size:15px; margin-bottom:8px;} 
.txt_bkapp, .txt_bkapp2{ font-size:14px;} 

/*=======================bookappointmentform end=======================================*/ 

.topbar{ text-align:center;} .address, .phone_t, .email_t{ margin:2px 0px 3px !important; display:block !important;} 
.social_top.text-right{ text-align:center !important;} .social_top a{ margin:0px 2px;} 

.opening_hours { margin:30px 0px !important;} .menuftr{ margin-left:0px  !important; margin-bottom:30px;} 
.footer_top h5{ margin-bottom:12px;} .footer_bottom, .footer_bottom .text-right{ text-align:center !important;}  

#myCarousel figure img{object-fit:cover; height:400px;} #myCarousel .s_descrip h1{ font-size:30px; line-height:40px; margin-bottom:10px !important;} 
#myCarousel .s_descrip p{ font-size:12px; margin-bottom:0px !important; line-height:18px;} 
.about_descrip{ padding-top:20px;} .ab_md table tr td .abnumber{ font-size:25px;} .ab_md table tr td p{ font-size:12px; line-height:18px; padding-top:5px;} 
.team_cl, .our_blog_cl{ margin-bottom:30px;} .our_success_stories{ padding:25px;} .test_descrip{ font-size:14px; line-height:22px; padding:25px 30px 0px;} 
#myCarousel2 .carousel-control-prev{ left:-20px;} 
#myCarousel2 .carousel-control-next{ right:-20px;} .title2 span{ padding-top:20px;} .title2 span::before{ left:0px;} 
.inner_head_title{ min-height:120px;} .oh_title{ margin-bottom:20px;} .newpatient{ padding:25px 0px;} 
.newpatient h3{ display:block; margin:0px 0px 10px; font-size:20px;} 

.contact_sm_cl{ min-height:inherit; padding:20px 15px; margin-bottom:20px;} 
.contact_sec_2 .contact_form{ padding:20px; margin-bottom:25px;} 
.map iframe{ height:300px !important;} .contact_sec_2.bx_all_wrap{ padding-top:0px !important;} 

.error_cl .cl_a{ font-size:130px;} .newsletter{ margin-top:30px; padding:30px;}


} 



@media (min-width:451px) and (max-width:767px){ 

/*=======================bookappointmentform=======================================*/
.timetable ul li{ width:32.25%;  margin-right:1.25% !important; } 
.timetable ul li:nth-child(3n+3){  margin-right:0 !important; }  
.timedate, .timetable ul li .customcheck{ font-size:14px;}
/*=======================bookappointmentform end=======================================*/

}

@media (max-width:479px){  
.error_cl{ max-width:375px;} 
.error_cl .cl_a{ font-size:100px; line-height:90px;} .error_cl .cl_b .error_txt_1{ font-size:42px; line-height:40px;} 
.error_cl .cl_b .error_txt_2{ font-size:15px;}


}


@media (max-width:450px){ 

/*=======================bookappointmentform=======================================*/
#myWizard .nav-pills.nav-wizard > li a{ font-size:14px;}  
.timetable ul li{ width:49%;  margin-right:2% !important; margin-bottom:2%; } 
.timetable ul li:nth-child(2n+2){  margin-right:0 !important; }  
/*=======================bookappointmentform end=======================================*/

}



