@media only screen and (max-width:1680px) {
    .service-inner-wrapper .service-info-box .theme-btn .vc_general.vc_btn3 {
        font-size: 16px !important;
    }
    div.service-on-hover {
        max-width: 416px;
        min-height: 276px;
    }
    .general-and-family-dental-service-wrapper .on-hover-box:hover .service-on-hover h4 {
        font-size: 26px;
    }
    .service-on-hover {
        padding: 30px 20px !important;
    }
    .general-and-family-dental-service-wrapper .on-hover-box:hover .service-on-hover {
        transform: translateY(-18%) !important;
    }
    div.general-and-family-dental-service-wrapper .on-hover-box .first-title {
        padding: 0 160px 0px 30px;
        font-size: 26px;
        line-height: 37px;
    }
}
@media only screen and (max-width:1600px) {
    .main-header .main-header__inner .main-header__main-menu {
        padding-left: 15px;
        padding-right: 15px;
    }
    .service-inner-wrapper .service-info-box > .vc_column-inner {
        padding: 70px 39px !important;
    }
    div.service-on-hover {
        max-width: 397px;
        min-height: 307px;
    }
    .general-and-family-dental-service-wrapper .on-hover-box:hover .service-on-hover {
        transform: translateY(-21%) !important;
    }
    div.general-and-family-dental-service-wrapper .on-hover-box .first-title {
        padding: 0 140px 0px 30px;
    }
    div.request-appointment-section .social-icon .vc_col-sm-3 {
        width: 8%;
    }
    .review-section-wrapper .review-white-box h6 {
        font-size: 36px !important;
    }
    
}
@media only screen and (max-width:1599px) {
    div.about-us-section {
        padding-top: 40px !important;
        padding-bottom: 10px !important;
    }
    div.dental-service-main-wrapper {
        padding: 30px 0px;
    }
    body div.our-mission-section {
    padding-top: 60px !important;
    padding-bottom: 25px !important;
    }
    /* div.review-section-wrapper {
        padding: 100px 100px 30px 100px !important;
    } */
    div.new-patient-wrapper-box {
        padding: 60px 15px 82px;
    }
    .add-menu .menu-item, .main-menu .menu-item {
        margin: 0 10px;
    }
    .add-menu>.menu-item>a, .main-menu>.menu-item>a {
        font-size: 14px;
    }
    body div.service-inner-wrapper {
        padding: 80px 50px !important;
    }
    body div.review-section-wrapper {
        padding: 100px 100px 65px 50px !important;
    }
    .general-and-family-dental-service-wrapper .on-hover-box:hover .service-on-hover h4 {
        font-size: 22px;
    }
    .general-and-family-dental-service-wrapper .on-hover-box:hover .service-on-hover {
        transform: translateY(-33%) !important;
    }
    div.service-on-hover {
        max-width: 380px;
        min-height: 297px;
    }
    div.general-and-family-dental-service-wrapper .on-hover-box .first-title {
        padding: 0 115px 0px 30px;
    }
    div.car-dentist-section {
        padding-top: 60px;
    }
    div.request-appointment-inner-wrapper {
        padding: 0px 70px 80px 70px;
    }
}
@media only screen and (max-width:1499px) {
    .service-inner-wrapper .service-info-box .theme-btn .vc_general.vc_btn3 {
        padding: 16px 20px !important;
    }
    div.service-inner-wrapper .service-info-box > .vc_column-inner {
        padding: 70px 25px !important;
    }
    .service-inner-wrapper .service-info-box h3 {
        font-size: 30px;
    }
    
}
@media only screen and (max-width:1399px) {
    a.theme-btn, input[type="submit"],.theme-btn .vc_general.vc_btn3 {font-size: 18px !important;}
    div.general-and-family-dental-service-wrapper .on-hover-box .first-title {
        padding: 0 75px 0px 25px;
       font-size: 22px;
       line-height: 33px;
    }
    div.service-on-hover {
        max-width: 338px;
    }
    div.general-and-family-dental-service-wrapper .on-hover-box:hover .service-on-hover {
        transform: translateY(-32%) !important;
    }
    div.service-inner-wrapper .service-info-box > .vc_column-inner {
        padding: 70px 20px !important;
    }
    .service-inner-wrapper .service-info-box .theme-btn .vc_general.vc_btn3 {
        padding: 16px 15px !important;
    }
    div.service-inner-wrapper .service-info-box > .vc_column-inner {
        padding: 50px 20px !important;
    }
    .main-header  a.theme-btn{
        padding: 15px 25px;
    }
    a.theme-btn, input[type="submit"], .theme-btn .vc_general.vc_btn3 {
        font-size: 16px !important;
    }
    a.inline-module__link {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    .main-header .main-header__inner .main-header__main-menu {
        padding-left: 0px;
       padding-right: 0px;
    }
    .add-menu .menu-item, .main-menu .menu-item {
        margin: 0 7px;
    }
    .main-header .inline-module._separator {
        display: none;
    }
    .main-header__logo-wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }
    div.request-appointment-inner-wrapper {
        padding: 0px 30px 80px 30px;
    }
}
@media only screen and (max-width:1299px) {
    .add-menu .menu-item, .main-menu .menu-item {
        margin: 0 5px;
    }
    .service-inner-wrapper .service-info-box .theme-btn .vc_general.vc_btn3 {
        font-size: 14px !important;
    }
    div.service-on-hover {
        max-width: 316px;
        min-height: 324px;
    }
    div.general-and-family-dental-service-wrapper .on-hover-box:hover .service-on-hover {
        transform: translateY(-45%) !important;
    }
    
    
}
@media only screen and (max-width:1199px) {
    div.about-us-section {
       padding-left: 15px !important;
       padding-right: 15px !important;
       padding-top: 50px !important;
       padding-bottom: 15px !important;
    }
    .revslider-initialised {
        /* height: 77% !important; */
    }
    .about-us-section .theme-underline {
        font-size: 34px;
    }
    .service-info-box {
      width: 60% !important;
    }
    body div.service-inner-wrapper {
        padding: 50px 40px !important;
    }
    div.dental-service-main-wrapper {
        padding: 0px 0px 30px;
    }
    .service-on-hover {
        padding:12px !important;
    }
    div.general-and-family-dental-service-wrapper .on-hover-box .first-title {
        padding: 0 75px 0px 12px;
        font-size: 18px;
        line-height: 28px;
    }
    div.our-service-contact-section {
        padding: 0px !important;
    }
    .our-service-contact-section p {
        font-size: 22px !important;
    }
    .general-and-family-dental-service-wrapper .on-hover-box:hover .service-on-hover h4 {
        font-size: 18px;
    }
    div.main-service-title-space {
        padding-bottom: 25px;
        padding-top: 25px;
    }
    div.car-dentist-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    body div.our-mission-section {
        padding-top: 25px !important;
        padding-bottom: 0px !important;
    }
    body div.review-section-wrapper {
        padding: 50px 42px 50px 42px !important;
    }
    .review-inner-box {
        padding: 40px 25px 60px 25px !important;
    }
    .request-appointment-section {
        padding: 55px 0px 0px 0px !important; 
    }
    h3 {
        font-size: 29px !important;
    }
    div.request-appointment-inner-wrapper {
        padding: 0px 30px 0px 30px;
    }
    div.new-patient-wrapper-box {
        padding: 30px 15px 22px;
    }
    .main-header {
        display: none;
    }
    #wprmenu_bar .bar_logo {
        height: auto;
    }
    .menu_title {
        width: 60% !important;
    }
    .wprmenu_bar .hamburger .hamburger-inner {
        top: 6px;
        height: 2px;
    }
    .wprmenu_bar .hamburger-inner, .wprmenu_bar .hamburger-inner::before, .wprmenu_bar .hamburger-inner::after {
        background: #fff !important;
    }
    .wprmenu_bar .hamburger .hamburger-inner:before {
        top: 8px;
        height: 2px;
    }
    .wprmenu_bar .hamburger .hamburger-inner:after {
        top: 16px;
        width: 20px;
        right: 0;
        height: 2px;
    }
    .hamburger--slider.is-active .hamburger-inner::after {
        transform: translate3d(0,-20px,0) rotate(
    -90deg
    );
        width: 30px;
        top: 20px;
    }
    .hamburger--slider.is-active .hamburger-inner::before {
        transform: rotate(
    -45deg
    ) translate3d(-5.71429px,-6px,0);
        opacity: 0;
    }
    #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right, #mg-widgetmenu-wrap.cbp-spmenu-widget-left, #mg-widgetmenu-wrap.cbp-spmenu-widget-right {
        top: 80px !important;
    }
    html body div.wprm-overlay {
        background: rgba(0,0,0,0.7);
    }
    #wprmenu_bar .menu_title a {
        top: -7px;
    }
    
   
    
}


@media only screen and (max-width:991px) {
.service-area .general-and-family-dental-service-wrapper .vc_col-sm-3 {
  width: 50% !important;
}
div.service-on-hover {
    max-width: 385px;
    min-height: 60%;
}
div.general-and-family-dental-service-wrapper .on-hover-box:hover .service-on-hover {
    transform: translateY(1%) !important;
}
.service-info-box {
    width: 70% !important;
}
.our-service-contact-section {
    flex-direction: column;
}
.our-service-contact-section  .text-right {
    text-align: center;
}
.our-service-contact-section  .vc_col-sm-9,.our-service-contact-section .vc_col-sm-3 {
    width: 100%;
}
.our-service-contact-section .vc_col-sm-3  .vc_btn3-container.vc_btn3-left {
    text-align: center;
}
.our-service-contact-section p {
    padding: 12px 0px 25px;
}
.our-mission-section .mission--main-title-text .vc_col-sm-4 {
    width: 100% !important;
}
div.our-mission-section .aio-icon-component {
    margin-bottom: 40px !important;
}
.our-mission-section .aio-icon-box .aio-ibd-block h3 br {
 display: none;
}
.our-mission-section p {
    margin-bottom: 60px !important;
}
.request-appointment-section .vc_col-sm-8,.request-appointment-section  .vc_col-sm-4{
    width: 100% !important;
}
div.new-patient-wrapper-box {
    padding: 10px 15px 5px;
}
.new-patient-wrapper-box p {
    font-size: 18px !important;
}
.main-footer .row {
    flex-direction: column;
    display: flex;
  }
  .main-footer .row .col-sm-4 {
      width: 100%;
  }
  .main-footer .theme-widget {
      padding-bottom: 0px;
  }
  .main-footer  figure img {
      margin-bottom: 40px;
  }
  .main-footer {
      padding-top: 15px;
  }
  .main-footer #menu-footer-quick-links li {
      width: 33.33%;
  }
  .footer_copyright .container {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
  .bottom-footer .copy-right-left {
    justify-content: center;
    margin-bottom: 12px;
  }
  .footer_copyright .text-right {
      text-align: center;
      
  }
.header-top-toggle {
    display: flex !important; 
    z-index: 9999;
    align-items: center;
    justify-content: center;
}
/* #wprmenu_bar {
    top: 47px;
} */
.top-header {
    display: block !important;
    padding: 0;
}
html body div#wprmenu_bar {
    height: 80px;
    top: 48px;
}

.active {
    top: 0 !important;
}
.team_section_content.staff-team .modal-dialog {
    max-width: 700px;
    width: auto;
}
.header-top-toggle a {
    width: 45% !important;
    background-image: url('/wp-content/uploads/2021/09/button-static.jpg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #ffffff !important;
    font-weight: 700;
}
.header-top-toggle a:hover {
    background-image: url('/wp-content/uploads/2021/09/button-hover.jpg') !important;
}
.header-top-toggle i {
    display: none;
}
}

@media screen and (min-width:768px) and (max-width:1030px)
{
    #wprmenu_bar .menu_title{top: 0 !important;}
}



@media only screen and (max-width:767px) {
    div.about-us-section {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 15px !important;
        padding-bottom: 0px !important;
    }
    div.about-us-section .wpb_single_image {
        margin-bottom: 0px !important;
    }
    .about-us-section .theme-underline {
        font-size: 22px;
        line-height: 0px;
    }
    .about-us-section h1 {
        line-height: 30px;
    }
    body div.service-inner-wrapper {
        padding: 25px 15px !important;
    }
    div.service-inner-wrapper .service-info-box > .vc_column-inner {
        padding: 26px 15px !important;
    }
    .service-info-box {
        width: 100% !important;
    }
    .service-area .general-and-family-dental-service-wrapper .vc_col-sm-3 {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    div.service-on-hover {
        max-width: 100%;
    }
    .service-inner-wrapper .service-info-box h3 {
        font-size: 18px !important;
        text-align: center;
    }
    h3 {
        font-size: 22px !important;
    }
    div.our-dental-services-section {
        padding-bottom: 14px !important;
    }
    .our-service-contact-section p {
        font-size: 18px !important;
    }
    body div.our-mission-section {
        padding-top: 15px !important;
        padding-bottom: 0px !important;
    }
    body div.review-section-wrapper {
        padding: 30px 15px !important;
    }
    div.review-inner-box {
        padding: 30px 20px 45px 20px !important;
    }
    .review-section-wrapper .review-white-box h6 {
        font-size: 28px !important;
    }
    .request-appointment-section {
        padding: 42px 0px 0px 0px !important;
    }
    div.request-appointment-section .wpcf7-form {
        margin-top: 30px;
    }
    div.request-appointment-inner-wrapper {
        padding: 0px 20px 0px 20px;
    }
    a.theme-btn, input[type="submit"] 
    {
        width: 100%;
    }
    div.request-appointment-section .contact-us-title-space {
        padding-top: 0px!important;
    }
    div.request-appointment-section .social-icon .vc_col-sm-3 {
        width: 10%;
        float: left;
    }
    div.new-patient-wrapper-box {
        padding: 0px 15px 0px;
    }
    .new-patient-wrapper-box p {
        font-size: 16px !important;
    }
    .main-footer .theme-widget {
        padding-top: 30px;
    }
    .bottom-footer .copy-right-left {
        padding: 0px;
    }
    div.request-appointment-section .social-icon .vc_col-sm-3 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {
        font-size: 22px  !important;
        position: relative;
        top: 6px;
    }
    div.request-appointment-section .social-icon .vc_col-sm-3 .vc_icon_element {
        margin-bottom: 0px !important;
    }
    .footer_copyright .container {
        display: flex;
        align-items: center;
        padding: 0 0px;
        font-size: 14px;
    }
    .bottom-footer .inline-module {
        margin: 0px !important;
    }
    div.about-us-section .vc_column-inner {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    div.about-us-section .vc_column-inner   .wpb_text_column {
        margin-bottom: 20px !important;
    }
    .car-dentist-section .team_boxs .modal.fade.in{ 
        padding-top: 400px;
    }
    div.team_section_content.staff-team .modal-dialog {
        top: inherit;
      transform: inherit;
    }
    .therapist-card__detail .therapist-card__title {
        margin-bottom: 0px;
    }
    .request-appointment-section {
        text-align: center;
    }
    .request-appointment-inner-wrapper .social-icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    div.main-footer {
        text-align: center;
    }
    .main-footer #menu-footer-quick-links li {
        width: 100% !important;
        margin-bottom: 5px !important;
    }
    .main-footer .hour-list label {
        width: 100% !important;
    }
    .main-footer .hour-list {
        padding-bottom: 15px !important;
    }
   
    .active .menu_title
    {
        top: 0 !important;
    }
}

@media only screen and (max-width:375px) {
    div.header-top-toggle a {
        max-width: 170px;
        padding: 5px 7px !important;
       font-size: 14px !important;
    }
    html body div#wprmenu_bar {
        top: 46px;
    }
    .car-dentist-section .team_boxs .modal.fade.in{ 
        padding-top: 550px !important;
    }
}

@media only screen and (max-width:767px) {

    .menu_title
    {
        width: 75% !important;
        top: 0 !important;
    }
}
@media only screen and (max-width:320px) {
    div.header-top-toggle a {
        max-width: 150px;
        
    }
    .car-dentist-section .team_boxs .modal.fade.in{ 
        padding-top: 620px !important;
    }
    input[type="submit"] {
        font-size: 14px !important;
        padding: 15px 15px !important;
    }
    .request-appointment-inner-wrapper h3.right-border,h3{
        font-size: 18px !important;
    }
    .review-section-wrapper .review-white-box h6 {
        font-size: 22px !important;
    }
    div.review-section-wrapper .review-white-box h4 {
        color: #32EEC7;
        font-size: 45px;
        margin-top: 20px;
    }
    a.theme-btn, input[type="submit"], .theme-btn .vc_general.vc_btn3 {
        font-size: 14px !important;
        padding: 15px 15px !important;
    }
}

@media screen and (min-width:992px) and (max-width:1030px)
{
    .top-header {
        display: block !important;
        padding: 0;
    }
    .header-top-toggle
    {
        display: block !important;
    }
    .header-top-toggle a {
        width: 45% !important;
        background-image: url('/wp-content/uploads/2021/09/button-static.jpg') !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        color: #ffffff !important;
        font-weight: 700;
    }
    .header-top-toggle a:hover {
        background-image: url('/wp-content/uploads/2021/09/button-hover.jpg') !important;
    }
    .header-top-toggle i {
        display: none;
    }
}