@media (max-width: 1600px) and (min-width: 1401px)  
{
a.btn-appointment 
{
     font-size: 1.5rem
}
.own-content h2 {
    font-size: 6rem;
    line-height: 5rem;
    margin-bottom: 20px;
}
.own-section 
{
    padding: 50px 50px;
}
.own-info 
{
    padding-left: 30px;
}
.wp-commitment-info h2 
{
    font-size: 4rem;
    line-height: 4.5rem;
}
.wp-commitment 
{
    padding: 50px 50px;
}
.service-banner-content {
    padding: 50px 150px 50px 50px;
}
.service-banner-content h1
{
    font-size: 6rem;
    line-height: 5.5rem;
}
.auto-services-section 
{
    padding: 50px 50px 0px 50px;
}
.wp-contact-info {
    padding-right: 50px;
}
.wp-contact-info h2 {
        font-size: 2.5rem;
    line-height: 3.5rem;
}
.wp-contact-info p {
    font-size: 1.2rem;
    margin-top: 20px;
}
h2.red-shape-heading {
    font-size: 3.5rem;
}
.wp-commitment-info p.highlight
{
    margin-top: 20px;
}
}


@media (max-width: 1400px) and (min-width: 1201px)  
{
a.btn-appointment , .top-info a , ul.navbar-nav li a , .own-content h4
{
     font-size: 1.3rem
}
a.btn-appointment
{
  padding:7px 30px;
}
ul.navbar-nav 
{
    margin-top: 20px;
}
.own-content h2 {
           font-size: 5rem;
        line-height: 4rem;
    margin-bottom: 20px;
}
.own-content p 
{
    font-size: 1rem;
    line-height: 1.5rem;
}
.own-content p.highlight 
{
    font-size: 1.3rem;
    margin-bottom: 40px;
}
.benefit-icon img 
{
    width: 72px;
    height: 77px;
}
.own-section 
{
    padding: 50px 50px;
}
.own-info 
{
    padding-left: 30px;
}
.testimonial p 
{
    font-size: 1.3rem;
    line-height: 1.9rem;
}
.testimonial cite {
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-top: 20px;
}
.wp-commitment-info h2 
{
	font-size: 3.3rem;
    line-height: 3.7rem;
}
.wp-commitment-info p , .wp-commitment-info ul li
{
    font-size: 1rem;
    line-height: 1.5rem;
	 
}
.wp-commitment-info p.highlight
{
	margin-top: 20px;
}
.wp-commitment 
{
    padding: 50px 50px;
}
.wp-contact 
{
    padding: 40px 30px;
}
.wp-contact label , .gform_fields label , .gform_fields legend
{
     font-size: 1.3rem !important;
}
.wp-contact input , .gform_fields input , .ginput_container_date input , .gform_fields select
{
  font-size: 1.3rem !important;
padding: 7px 20px !important;
}
.wp-contact input.submit , body .gform_button 
{
    font-size: 2rem !important;
}
.footer-info p 
{
    font-size: 1.3rem;
}
.footer-button a.btn-appointment {
    font-size: 1.3rem;
    padding: 7px 30px;
}
.service-banner-content {
    padding: 50px 135px 50px 50px;
}
.service-banner-content h1
{
   font-size: 5rem;
        line-height: 4.5rem;
        margin-bottom: 20px;
}
.service-banner-content p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
.service-banner {
    margin-top: -541px;
}
.auto-services-section {
    padding: 50px 50px 0px 50px;
}
.auto-services-section .card .card-header h3 {
    font-size: 1.8rem;
}
.auto-services-section .card .card-header h4 {
    font-size: 1.2rem;
}
.auto-services-section h2 {
    font-size: 3.5rem;
}
.wp-services
{
  padding:40px 50px 70px 50px;
}
.wp-services h2 {
    font-size: 3rem;
    line-height: 3.5rem;
    margin-bottom: 25px;
}
.services-left-column-content p {
    font-size: 2rem;
    line-height: 2.5rem;
}
.wp-contact-info {
    padding-right: 50px;
}
.wp-contact-info h2 {
        font-size: 2rem;
    line-height: 3rem;
}
.wp-contact-info p {
    font-size: 1.5rem;
    margin-top: 20px;
}
h2.red-shape-heading {
    padding: 7px 70px 16px 30px;
     font-size: 3rem;
}
}


@media (max-width: 1200px) and (min-width: 992px)  
{
a.btn-appointment , .top-info a , ul.navbar-nav li a , .own-content h4
{
     font-size: 1rem
}
a.btn-appointment
{
  font-size: 1rem;
    padding: 7px 30px;
border-radius: 5px;
}
ul.navbar-nav 
{
    margin-top: 20px;
}
.own-content h2 {
           font-size: 4rem;
        line-height: 3rem;
    margin-bottom: 10px;
}
.own-content p 
{
    font-size: 1rem;
    line-height: 1.5rem;
}
.own-content p.highlight 
{
        font-size: 1.2rem;
        margin-bottom: 28px;
}
.own-section img.mb-3 
{
    margin-bottom: 35px !important;
}
.benefit-icon img 
{
    width: 58px;
        height: 57px;
}
.own-section 
{
    padding: 40px 25px;
}
.own-info 
{
    padding-left: 30px;
}
.testimonial-section {
    padding: 40px 0px;
}
.testimonial p 
{
    font-size: 1rem;
    line-height: 1.5rem;
}
.testimonial cite {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 20px;
}
.rating img {
    max-width: 180px;
    margin-bottom: 25px;
}
.wp-commitment-info h2 
{
    font-size: 2.5rem;
    line-height: 3rem;
}
.contact-form 
{
    margin-top: 40px;
}
.wp-commitment-info p , .wp-commitment-info ul li
 {
   font-size: 0.8rem;
        line-height: 1.3rem;
}
.wp-commitment-info p.highlight 
{
    margin-top: 20px;
}
.wp-commitment-info {
    padding-right: 30px;
}
.wp-commitment 
{
    padding: 40px 25px;
}
.wp-contact 
{
    padding: 40px 30px;
}
.wp-contact label , .gform_fields label , .gform_fields legend
{
     font-size: 1rem !important;
}
.wp-contact input , .gform_fields input , .ginput_container_date input , .gform_fields select
{
  font-size: 1rem !important;
padding: 7px 20px !important;
}
.wp-contact input.submit , body .gform_button 
{
    font-size: 1.5rem !important;
padding: 8px 50px 10px !important;
}
.footer-info p 
{
    font-size: 1rem;
}
.footer-button a.btn-appointment 
{
    font-size: 1rem;
    padding: 7px 30px;
border-radius: 5px;
}
.own-info .mb-4 
{
    margin-bottom: 10px !important;
}
p.benefit-text 
{
    margin-bottom: 0px;
}
    .own-info {
        padding-left: 15px;
 }
.footer-logo img 
{
    max-width: 60px;
 }
.service-banner-content {
    padding: 40px 115px 40px 25px;
}
.service-banner-content h1
{
  font-size: 4rem;
        line-height: 3.8rem;
        margin-bottom: 20px;
}
.service-banner-content p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
.service-banner {
    margin-top: -566px;
}
.auto-services-section {
    padding: 50px 25px 0px 25px;
}
.auto-services-section .card .card-header h3 {
    font-size: 1.8rem;
}
.auto-services-section .card .card-header h4 {
    font-size: 1.2rem;
}
.auto-services-section h2 {
    font-size: 3.5rem;
}
.wp-services
{
  padding:40px 25px 70px 25px;
}
.wp-services h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 25px;
}
.services-left-column-content p {
    font-size: 1.5rem;
    line-height: 2rem;
}
.wp-contact-info {
    padding-right: 50px;
}
.wp-contact-info h2 {
        font-size: 2rem;
    line-height: 3rem;
}
.wp-contact-info p {
    font-size: 1.5rem;
    margin-top: 20px;
}
h2.red-shape-heading {
    padding: 6px 70px 15px 30px;
     font-size: 2.5rem;
}
}


@media (max-width: 1024px) and (min-width: 992px)  
{

}

@media (max-width: 991px) and (min-width: 769px)  
{
.container, .container-md, .container-sm {
        max-width: 100% !important;
    }
.mobile
{
  display:block !important;
}
.desktop
{
  display:none !important;
}
.mobile-header
{
    background: url('../images/bkgd-mobile.webp') no-repeat;
      position: relative;
      color: #fff;
min-height:inherit;

}
	    .mobile-header:before {
        position: absolute;
        top: 0px;
        left: 0px;
        /*background: rgba(0, 0, 0, 0.7);*/
        content: "";
        width: 100%;
        height: 100%;
    }
.main-nav {
  inset: 0;
  background: #febe00;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  overflow-y: auto;
position: relative;
}

.main-nav.active {
  opacity: 1;
  visibility: visible;
}

.main-nav ul {
list-style: none;
        padding: 0;
        margin: 0;
        text-align: left;
        width: 100%;
position: relative;
}

.main-nav a {
color: #000;
        text-decoration: none;
        font-size: 1.5rem;
        font-family: "barlow-condensed";
        font-weight: 600;
        padding: 5px 15px;
        transition: color 0.3s;
        width: 100%;
        display: flex;
}



.menu-item-has-children > a {
  position: relative;
  padding-right: 55px;
}

.dropdown-icon {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.5rem;
        pointer-events: none;
}

.sub-menu {
  margin-top: 5px;
  display: none;
  flex-direction: column;
  padding-left:15px !important;
}

.sub-menu.show {
  display: flex;
}

.sub-menu a {
  font-size: 1.2rem;
  padding: 6px 15px;
}

.menu-toggle {
  background: none;
  border: none;
  cursor: pointer;
}

.menu-icon,
.menu-icon::before,
.menu-icon::after {
  display: block;
       width: 35px;
        height: 3px;
  background: #febe00;
  position: relative;
  transition: all 0.3s ease;
	top: -5px;
}

.menu-icon::before,
.menu-icon::after {
  content: "";
  position: absolute;
  left: 0;
}

.menu-icon::before { top: -9px; }
.menu-icon::after { top: 9px; }

.menu-toggle[aria-expanded="true"] .menu-icon {
  background: transparent;
}

.menu-toggle[aria-expanded="true"] .menu-icon::before {
  transform: rotate(45deg);
  top: 0;
}

.menu-toggle[aria-expanded="true"] .menu-icon::after {
  transform: rotate(-45deg);
  top: 0;
}

.mobile-top-header
{
  padding:20px 15px 12px 15px;
	position:relative;
}
a.btn-appointment {
    background-color: transparent;
     padding: 0px;
}
img.mobile-logo
{
  max-width:278px;
}
.top-info a img 
{
    height: 31px;
}
.top-bar {
    padding: 15px 0px;
	position:relative;
}
ul.navbar-nav 
{
    margin-top: 20px;
}



.own-section img.mb-3 
{
    margin-bottom: 35px !important;
}
.own-image img
{
    width:100%;
height:auto;
}


.own-section 
{
    padding: 40px 40px;
}





.contact-form 
{
    margin-top: 40px;
}

.wp-commitment-info {
    padding:40px 30px 30px 30px;
}
.wp-commitment 
{
    padding: 40px 40px;
}
.wp-contact 
{
    padding: 40px 30px;
}
.wp-contact .col-sm-6 {
        flex: 0 0 auto;
        width: 100%;
    }

.wp-contact input
{
}
.wp-contact input.submit 
{
}
.footer {

    text-align: center;
}
.footer .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
justify-content: center !important;
    }
.own-info .mb-4 
{
    margin-bottom: 30px !important;
}
p.benefit-text 
{
    margin-bottom: 0px;
}
    .own-info {
        padding-left: 0px;
text-align:center;
 }
    .footer-logo img {
        max-width: 60px;
        float: none;
        margin: 20px 12px;
    }
.wp-commitment-info .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
img.jon-img
{
  width: 400px;
    height: 400px;
    margin: 0px auto;
    display: block;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #fff;
}
.wp-commitment-info h2 
{
 font-size: 3.5rem;
 line-height: 4rem;
}
.banner-container .col-md-7 , .banner-container .col-md-5
{
    flex: 0 0 auto;
     width: 100%;
}
.service-banner-content {
    padding: 40px 40px;
text-align:center;
clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);
}
.banner-container
{
  background: inherit !important;
}

.service-banner-content h1 {
    font-size: 3.875rem;
    line-height: 4rem;
    margin-bottom: 10px;
}
.service-banner .container , .commitment-section .container , .auto-service .container , .services-auto-section .container
{
  padding:0px;
}

.service-banner {
    margin-top: 0px;
}

.service-banner
{
  overflow: hidden;
}
.banner-container .text-content {
    padding-right: 15px;
}
.auto-services-section {
    padding: 50px 40px 0px 40px;
}
.auto-services-section .card .card-header h3 {
    font-size: 1.8rem;
}
.auto-services-section .card .card-header h4 {
    font-size: 1.2rem;
}
.auto-services-section h2 {
    font-size: 3.5rem;
}
.wp-services
{
  padding:40px 40px 40px 40px;
}
.wp-services h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 25px;
}
.services-left-column-content p {
    font-size: 1.5rem;
    line-height: 2rem;
    text-align:center;
}
.wp-services .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

.wp-contact-info {
    padding-right: 30px;
}
.wp-contact-info h2 {
        font-size: 2rem;
    line-height: 3rem;
}
.wp-contact-info p {
    font-size: 1.5rem;
    margin-top: 20px;
}
h2.red-shape-heading {
    padding: 6px 70px 15px 30px;
     font-size: 2.5rem;
}
.services-auto-section .col-6
{
    flex: 0 0 auto;
    width: 50% !important;
}
.top-bar a.btn-appointment:hover {
        background-color: transparent !important;
border:none;
box-shadow: inherit !important;
	
}
.top-bar a.btn-appointment:focus{
        background-color: transparent !important;
border:none;
box-shadow: inherit !important;
}
.footer a.btn-appointment:hover {
        background-color: transparent !important;
border:none;
box-shadow: inherit !important;
}
.footer a.btn-appointment:focus{
        background-color: transparent !important;
border:none;
box-shadow: inherit !important;
}
}



@media (max-width: 768px)  
{
.container, .container-sm {
        max-width: 100% !important;
    }
.mobile
{
  display:block !important;
}
.desktop
{
  display:none !important;
}
.mobile-header
{
    background: url('../images/bkgd-mobile.webp') no-repeat;
      position: relative;
      color: #fff;
min-height:inherit;

}
.mobile-header:before
{  
  position: absolute;
  top:0px;
  left:0px;
  /*background:rgba(0,0,0,0.7);*/
  content:"";
  width:100%;
  height:100%;
}
.mobile-top-header
{
  padding:20px 0px 12px 0px;
	position:relative;
}
a.btn-appointment {
        padding: 7px 30px 9px;
        font-size: 1.5rem;
        margin: 0px;
}
.top-bar a.btn-appointment:hover {
        background-color: transparent !important;
border:none;
box-shadow: inherit !important;
	
}
.top-bar a.btn-appointment:focus{
        background-color: transparent !important;
border:none;
box-shadow: inherit !important;
}

img.mobile-logo
{
  max-width:190px;
}
.top-info a img 
{
    height: 31px;
}
.top-bar {
    padding: 10px 0px;
position: relative;
}
ul.navbar-nav 
{
    margin-top: 20px;
}

.slider-dots {
    margin-top: 15px;
}

.own-section img.mb-3 
{
    margin-bottom: 0px !important;
}
.own-image img
{
    width:100%;
height:auto;
}

.wp-contact-info h3 {
    font-size: 1.5rem;
    line-height: 2rem;
}
.own-section 
{
    padding: 40px 15px;
margin-top: 15px;
}





.contact-form 
{
    margin-top: 40px;
}

.wp-commitment-info {
    padding:40px 15px;
}
.wp-commitment 
{
    padding: 40px 15px;
margin-bottom: 40px;
}
.wp-contact 
{
    padding: 40px 15px;
}
.wp-contact .col-sm-6 {
        flex: 0 0 auto;
        width: 100%;
    }
.mobile-hide
	{
		display:none;
	}
.wp-contact input
{
}
.wp-contact input.submit , body .gform_button  {
          padding: 12px 50px 17px !important;
        font-size: 2rem !important;
        margin-top: 25px !important;
        border-radius: 5px !important;
}
.footer {

    text-align: center;
}
.footer .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
justify-content: center !important;
    }
.footer a.btn-appointment {
      
        font-size: 1.125rem;
    }

.footer a.btn-appointment:hover {
        background-color: transparent !important;
border:none;
box-shadow: inherit !important;
}
.footer a.btn-appointment:focus{
        background-color: transparent !important;
border:none;
box-shadow: inherit !important;
}
footer-info p {
    margin-bottom: 22px;
}
.own-info .mb-4 
{
    margin-bottom: 30px !important;
}
p.benefit-text 
{
    margin-bottom: 0px;
}
    .own-info {
        padding-left: 0px;
text-align:center;
 }
    .footer-logo img {
        max-width: 60px;
        float: none;
        margin: 20px  12px 0px 12px;
    }
.wp-commitment-info .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
img.jon-img
{
  width: 230px;
    height: 230px;
    margin: 0px auto;
    display: block;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #fff;
}
.wp-commitment-info h2 {
font-size: 1.5rem;
        line-height: 2rem;
        margin-top: 20px;
}
.own-content h2 {
    font-size: 5rem;
    line-height: 4rem;
    margin-bottom: 20px;
}
.own-content h4 {
    font-size: 1.3rem;
}
.testimonial-section {
    padding: 35px 0px;
}
.service-banner
{
  overflow: hidden;
}
.service-banner-content {
    padding: 40px 25px;
text-align:center;
}

.service-banner-content h1 {
    font-size: 3.875rem;
    line-height: 4rem;
    margin-bottom: 10px;
}
.service-banner .container , .commitment-section .container , .auto-service .container , .services-auto-section .container
{
  padding:0px;
}
.service-banner-content
{
 clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);

}
.banner-container
{
  background: inherit !important;
}
.banner-container .text-content {
    padding-right: 15px;
}
.service-banner {
    margin-top: 0px;
}
.auto-services-section {
    padding: 50px 25px 0px 25px;
}
.auto-services-section .card .card-header h3 {
    font-size: 1.8rem;
}
.auto-services-section .card .card-header h4 {
    font-size: 1.2rem;
}
.auto-services-section h2 {
            font-size: 1.8rem;
        line-height: 2rem;
}
.auto-services-section .card {
    margin-top: 10px;
}
.wp-services
{
  padding:40px 25px 40px 25px;
}
.wp-services h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 25px;
}
.services-left-column-content p {
    font-size: 1.5rem;
    line-height: 2rem;
    text-align:center;
}



.main-nav {
  inset: 0;
  background: #febe00;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
position: relative;
}

.main-nav.active {
  opacity: 1;
  visibility: visible;
}

.main-nav ul {
list-style: none;
        padding: 0;
        margin: 0;
        text-align: left;
        width: 100%;
position: relative;
}

.main-nav a {
color: #000;
        text-decoration: none;
        font-size: 1.5rem;
        font-family: "barlow-condensed";
        font-weight: 600;
        padding: 5px 15px;
        transition: color 0.3s;
        width: 100%;
        display: flex;
	text-transform: uppercase;
}

.contact-info {
    padding: 40px 0px 0px;
}
.wp-contact-info {
    padding-right: 0px;
}
.wp-contact-info h2 {
   font-size: 2.5rem;
        line-height: 3.5rem;
}
.wp-contact-info p {
    font-size: 1.2rem;
    margin-top: 20px;
}

.menu-item-has-children > a {
  position: relative;
  padding-right: 55px;
}
.services-box img
{
  width:100%;
height:auto;
}
h2.red-shape-heading {
    padding: 5px 25px 12px 15px;
     font-size: 2rem;
	left: -1px;
}
.dropdown-icon {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.5rem;
        pointer-events: none;
}
.wp-commitment-info p , .wp-commitment-info ul li {
    font-size: 1.125rem;
    line-height: 1.7rem;
}
.footer-info p {
    font-size: 1.125rem;
    line-height: 1.5rem;
}
.footer-info p span.border
{
	display:none;
}
.footer-info p a 
{
    margin-right: 0px;
    margin-left: 10px;
}
.sub-menu {
  margin-top: 5px;
  display: none;
  flex-direction: column;
  padding-left:15px !important;
}

.sub-menu.show {
  display: flex;
}

.sub-menu a {
  font-size: 1.2rem;
  padding: 6px 15px;
}

.menu-toggle {
  background: none;
  border: none;
  cursor: pointer;
}

.menu-icon,
.menu-icon::before,
.menu-icon::after {
  display: block;
         width: 35px;
        height: 3px;
  background: #febe00;
  position: relative;
  transition: all 0.3s ease;
	top: -5px;
}

.menu-icon::before,
.menu-icon::after {
  content: "";
  position: absolute;
  left: 0;
}

.menu-icon::before { top: -9px; }
.menu-icon::after { top: 9px; }

.menu-toggle[aria-expanded="true"] .menu-icon {
  background: transparent;
}

.menu-toggle[aria-expanded="true"] .menu-icon::before {
  transform: rotate(45deg);
  top: 0;
}

.menu-toggle[aria-expanded="true"] .menu-icon::after {
  transform: rotate(-45deg);
  top: 0;
}

}

@media (min-width:1200px) and (max-width:1600px) {
  .wp-commitment { 
    padding:60px 40px !important;;
  }
}