﻿@media only screen and (max-width:1140px) {
.top-menu ul li { margin:0 0 0 15px; }
}

@media only screen and (max-width:1024px) {
.logo img { height:80px; margin-top:2px; }
.top-contact { float:right; margin-top:5px; }
.top-contact a.email { margin:0 15px; }
.top-contact a.social { margin:0; }
.top-contact a.book-online { margin:0 0 0 15px; }
.top-menu { float:right; margin-top:5px; }
.top-menu ul li { margin:0 0 0 15px; }

#bannerwrapper .metaslider .caption-wrap { margin-top:42px; }
#bannerwrapper .metaslider .caption h1 { font-size:36px; line-height:46px; }

#middlewrapper { margin-top:98px; }
.form-wrapper { background-attachment:scroll; }

.copyright { padding:15px 0; }
.copyright .left { width:100%; text-align:center; }
.copyright .right { width:100%; margin-top:10px; text-align:center; }
}

@media only screen and (max-width:1023px) {
#headerwrapper { float:left; position:static; margin-top:36px; padding:10px 0; }
.logo img { height:80px; margin-top:0; }
.top-right { margin-top:18px; }
.top-menu { display:none; }
button#rmp_menu_trigger-423 { width:100%!important; left:0!important; right:0!important; top:0px!important; padding:0 15px; height:36px; z-index:8!important; border-radius:0!important; text-align:right; cursor:pointer; }
button#rmp_menu_trigger-423:before { content:"MENU"; color:#FFFFFF; left:15px; position:absolute; font-weight:700; }
button#rmp_menu_trigger-423 .responsive-menu-box { float:right }
#responsive-menu-container { width:280px!important; z-index:99999!important }
#responsive-menu-container li.current-menu-item a, #responsive-menu-container li.current-menu-ancestor a, #responsive-menu-container li ul li.current-menu-ancestor a { color:#000000!important }
#responsive-menu-container li.current-menu-item ul li a, #responsive-menu-container li.current-menu-ancestor li a, #responsive-menu-container li ul li.current-menu-ancestor li a { color:#ffffff!important }
#responsive-menu-container li.current-menu-ancestor li.current-menu-item a, #responsive-menu-container li.current-menu-ancestor li:hover a { color:#000000!important }
#responsive-menu-container li.current-menu-ancestor a .responsive-menu-subarrow, #responsive-menu-container li.current-menu-item a .responsive-menu-subarrow { color:#000000!important }
#responsive-menu-container li a .responsive-menu-subarrow-active { color:#ffffff!important }

.top-contact a.phone { background-position:center; padding:0; width:30px; height:30px; line-height:30px; text-indent:-9999px; margin:0 2px; }
.top-contact a.email { background-position:center; padding:0; width:30px; height:30px; line-height:30px; text-indent:-9999px; margin:0 2px; }
.top-contact a.social { font-size:16px; line-height:26px; width:30px; margin:0 2px; }
.top-contact a.book-online { font-size:14px;  margin:0 0 0 2px;  padding:4px 15px; }

#bannerwrapper .metaslider .caption-wrap { margin-top:0; }
#bannerwrapper .metaslider .caption h1 { font-size:30px; line-height:40px; }

.welcome-section { padding:40px 0 30px 0; }

#middlewrapper { margin-top:0; }
.form-wrapper { padding:40px 0; }
.form-wrapper p { margin-bottom:20px; }

.container { padding:40px 0 30px 0; }
.blue-bg .opening-hrs { max-width:inherit; float:left; }
.blue-bg { padding:15px; }
.contact-image { width:100%; }
.blue-bg .contact { width:100%; }
.corona-text { margin:-40px 0 25px 0; }
}

@media only screen and (max-width:900px) {
.video-section .text { width:100%; }
.video-section .video { width:100%; }
.treatment ul li { width:50%; margin:80px -2px 15px -2px; }

.footer .col-1 { width:50%; }
.footer .col-2 { width:50%; padding-right:0; }
.footer .col-3 { width:50%; padding-right:10px; }
.footer .col-4 { width:50%; }
.footer .menu li { margin-bottom:10px; }
.footer table tr td { padding:0 0 10px 5px; }

.team .team-col { width:50%; margin:20px -2px 0 -2px; padding:0 20px }


.blue-bg .col-2 { width:100%; padding:0; }
.alignright { float:none; margin:0;  }
.review-section .google-review { padding:0 15px; }
.review-section .fb-review { padding:0 15px; }
}

@media only screen and (max-width:767px) {
#bannerwrapper .metaslider .caption-wrap { background:#f3f3f3!important; position:relative; top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); margin-top:0; text-align:center; padding:10px 0 25px 0; }
#bannerwrapper .metaslider .caption h1 { font-size:20px; line-height:26px; }
#bannerwrapper .metaslider .flex-control-nav { bottom:15px!important; }
#bannerwrapper .flex-control-paging li a { border:1px solid #6786a7; position:relative; }

.welcome-section { padding:25px 0 10px 0; }
.welcome-section h2 { font-size:20px; margin-bottom:15px; line-height:24px; }
.welcome-section h2 span { font-size:18px; }
h2 { font-size:20px; }
.treatment h2 { font-size:24px; }

h4 { font-size:18px; }
.video-section { padding:15px; margin:0 0 30px 0; }

.video-section .text p { margin-bottom:15px; }

.treatment ul li { margin:40px -2px 15px -2px; }
.treatment ul li:before { font-size:70px; top:-50px; line-height:70px; }

.review-section { padding:30px 0 10px 0; }
.review-section .wrapper { max-width:530px; }
.review-section .google-review { width:100%; padding:0; }
.review-section .fb-review { width:100%; padding:0; }

.review-section .google-review i { font-size:30px; margin-bottom:20px; }
.review-section .fb-review i { font-size:30px; margin-bottom:20px; }

.form-wrapper { padding:25px 0; }

.form-wrapper h2 { font-size:24px; }
.footer { padding:20px 0 0px 0; }
.footer .col-3 { width:100%; padding-right:0; }
.footer .col-4 { width:100%; }

h1 { font-size:24px; margin-bottom:15px; }
h2 { font-size:20px; }

.container { padding:25px 0 10px 0; }


.blue-bg { padding:15px;}
/* accordian */
.AccordionPanelTab { background:url(../images/plus.png) right 10px no-repeat #5780ac; font-size:16px; }
.AccordionPanelOpen .AccordionPanelTab { background:url(../images/minus.png) right 10px no-repeat #5780ac; }
.fees-table table tr td { width:auto; }

.plan-table table thead tr th { padding:5px 10px; width:auto; }
.plan-table table tbody tr td { padding:5px 10px; width:auto; }

#bannerwrapper iframe { height:200px; }
.container { min-height:inherit; }
.corona-text { margin:-25px 0 25px 0; }
}
@media only screen and (max-width:735px) {
    .contact_bottom_line .container {
        flex-wrap: wrap;
    }
    .contact_bottom_line .container .hour_right{
        padding-top: 30px;
    }
}

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

}

@media only screen and (max-width:599px) {
.video-section .video iframe { height:270px; }
}

@media only screen and (max-width:480px) {
.logo { width:100%; text-align:center; }
.logo img { display:inline-block; }
.top-right { width:100%; text-align:center; border-top:1px solid #CCCCCC; margin-top:10px; padding-top:10px; }
.top-contact { width:100%; text-align:center; margin:0; }
.form-wrapper .row .col { width:100%; margin-bottom:15px; }

.team .team-col { width:100%; padding:0; }
a.dark-btn { margin:10px 7px; }
}

@media only screen and (max-width:479px) {
.treatment ul li { width:100%; margin:40px -2px 20px -2px; }
.treatment ul li a h4 { margin-bottom:10px; font-size:20px; }

.footer .col-1 { width:100%; }
.footer .col-2 { width:100%; }
.contact-hrs .opening-hrs table tr td { font-size:14px; }
a.purple-btn { margin:10px 7px; }
.top-contact a.book-online { margin:8px 0; }
.wp-block-button__link span { display:block; }
a.dark-btn span { display:block; }
}
