@media only screen and (max-width:991px) {
.side-menu {
    padding: 35px 23px;
}

.appointments .card {
    margin: 30px 0px 0px 0px;
}

.header {
    padding: 12px 10px;
}
}

@media only screen and (max-width:767px) {
.topbar {
    display: none;
}

.banner h6 {
    line-height: 16px;
    font-size: 15px;
}

.banner .btn-default {
    letter-spacing: 0;
    height: inherit;
    line-height: 28px;
    font-size: 12px;
    padding: 0px 23px;
}

.banner h1 {
    line-height: 1;
    font-size: 32px;
    margin: 11px 0px 0px 0px;
}
    
.banner h3 {
    line-height: 1.2;
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 17px;
}

.banner {
	width:100%;
    height: auto;
    padding: 262px 0px 78px 0px;
}

h2 {
    font-size: 24px !important;
    line-height: 38px !important;
}

.medical-consulting {
    text-align: center;
}

.contact-icon {
    line-height: 25px;
    font-size: 15px;
    display: block;
}

.about.homi h2 {
    font-size: 32px !important;
    line-height: 47px !important;
}

.expertise-box h2,.naturopathic-services h2 {
    font-size: 32px !important;
    line-height: 47px !important;
}

.contact-icon:last-child {
    margin-bottom: 15px;
}

.about {
    padding: 100px 0px 0px 0px;
}

.expertise-box {
    padding: 100px 57px;
}

.blog .btn-default {
    padding: 0 9px;
    font-size: 13px;
}

.blog .btn-default::before,
.blog .btn-default::after {
    top: 97px;
}


.btn-default {
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: 0px;
}

.cta-btn .btn-default {
    background: #fff;
    z-index: 2;
    position: relative;
    height: 48px;
    padding: 0 32px;
    font-size: 16px;
    line-height: 47px;
    letter-spacing: 0px;
}

.about-me .img-about {
    margin-bottom: 100px;
    height: 450px;
    object-fit: cover;
}

.about-me {
    background: #1B2C57;
    padding: 0px 0px 70px 0px;
    text-align: center;
}

.about-me h2 {
    font-size: 32px !important;
    line-height: 47px !important;
}

.about-me .p-80 {
    padding-left: 45px;
    padding-right: 45px;
}

.about-me .p-80 {
    padding-left: 45px;
    padding-right: 45px;
}

.about-me ul li .fa {
    margin-right: 0px;
    clear: both;
    display: block;
    margin-bottom: 10px;
}

.about-me ul li {
    font-size: 15px;
}

.upgrade h2 {
    margin-bottom: 30px;
}

.upgrade h2 {
    margin-bottom: 50px;
    font-size: 38px !important;
    line-height: 53px !important;
}

.upgrade h3 {
    font-size: 28px !important;
    line-height: 42px !important;
    margin-bottom: 20px;
}

.feedback h2 {
    font-size: 32px !important;
    line-height: 47px !important;
}

.upgrade {
    padding: 120px 0px;
}

.upgrade p {
    font-size: 20px;
    line-height: 34px;
}

.cta-btn {
    margin-top: 40px;
}

.feedback {
    text-align: center;
}

.feedback-box figure {
    display: inline-block;
    margin-bottom: 40px;
}

.feedback-box {
    border-radius: 55px;
    padding: 73px 50px 120px 50px;
    margin-top: 100px;
}

.feedback-box p {
    font-size: 14px;
    line-height: 19px;
}

.feedback-box .item .d-flex {
    display: block !important;
}

.feedback-box .owl-nav {
    width: calc(100% + 100px);
    left: -50px;
}

.latest-news {
    padding: 70px 0px 210px 0px;
}

.latest-news h2 {
    margin-bottom: 35px;
    font-size: 32px !important;
    line-height: 47px !important;
}

.blog {
    padding-left: 21px;
    padding-right: 21px;
}

.blog .bg {
    padding: 40px 20px;
    background: rgba(30, 33, 40, 0.8);
}

.blog .bg::after {
    height: 100%;
    width: 100%;
}

.blog .img-blog {

}

.blog .bg::after {
    opacity: 0;
}

.blog .bg>div {
    padding: 0px 20px;
}

.appointments {
    padding: 70px 0px 100px 0px;
}

.appointments h2 {
    margin-bottom: 35px;
    font-size: 32px !important;
    line-height: 47px !important;
}

.faq-slider {
    padding: 100px 0px 00px 0px;
    background: #1B2C57;
    overflow: hidden;
}

.faq-slider .img-faq-slider {
    margin-bottom: -15px;
    margin-top: 20px;
}

.faq-slider .faq-carousel {
    padding: 0px 0px;
}

.faq-slider .owl-nav {
    width: calc(100% + 34px);
    left: -17px;
}

.faq-slider .item .faq-text {
    padding: 0px 40px;
}

.faq-slider .faq-text {
    font-size: 18px;
    line-height: 32px;
    line-height: 6vw;
    font-size: 4vw;
}

.about-education {
    padding: 80px 0px;
}

.about-education h2 {
    margin-bottom: 35px;
    font-size: 32px !important;
    line-height: 47px !important;
}

.quote {
    padding: 80px 30px;
    padding: 70px 0px;
}

.quote h2 {
    margin-bottom: 35px;
    font-size: 32px !important;
    line-height: 47px !important;
}

.quote blockquote {
    font-size: 19px;
    line-height: 29px;
}

.foot-contact h2 {
    font-size: 50px !important;
    font-size: 43px !important;
    line-height: 47px !important;
}

.footer {
    text-align: center;
}

.foot-links li {
    padding: 0px 9px;
}

.footer .socials {
    margin-top: 15px;
}

.contactbox {
    padding: 40px 20px;
}

.business-box {
    padding: 40px 20px;
}

.business-box h3 {
    line-height: 30px;
    font-size: 18px;
}

.business-hours {
    padding: 70px 0px;
}

.info-gabi {
    padding: 70px 0px;
}

.stay-connected .social a {
    margin: 10px 10px;
}

.about .quotebox {
    margin-bottom: 40px;
}

.about .quotebox p {
    padding: 30px 30px 55px 30px;
}

.feedback {
    padding: 70px 0px 70px 0px;
}

.feedback h2 {
    margin-bottom: 35px;
}

.faq-slider .faq-name {
    font-size: 14px;
    line-height: 25px;
}

.page-banner h1 {
    font-size: 30px;
}

.page-banner p {
    margin-top: 18px;
    line-height: 30px;
    font-size: 20px;
}

.contact-info h2 {
    font-size: 30px !important;
    line-height: 1.3 !important;
}

.stay-connected {
    padding: 120px 0px;
}

.stimulate-healing {
    padding: 100px 0px;
}

.stimulate-healing p.lg {
    line-height: 30px;
    font-size: 18px;
}

.naturopathic-services.service {
    padding: 70px 0px 0px 0px;
}

.upgrade.improve {
    padding: 100px 0px;
}

.upgrade h3 {
    font-size: 22px;
    line-height: 42px;
}

.upgrade p {
    font-size: 18px;
    line-height: 30px;
}

.about .btn-default {
    margin-bottom: 20px;
}

.about.servicepage {
    padding: 180px 10px 0px 10px;
}

.about.servicepage .btn-default {
    margin-bottom: 70px;
}

.about.servicepage h2 {
    font-size: 32px !important;
    line-height: 47px !important;
}

.contact-form.servicepage .space {
    padding:50px 20px;
}

.accordion-button {
    font-size: 14px;
    letter-spacing: 0px;
}

.stimulate-healing.faq {
    padding: 100px 10px 70px 10px;
}

.footer-contact {
    padding: 70px 10px 87px;
}

.stimulate-healing h3 {
    font-size: 17px;
    line-height: 36px;
    margin-bottom: 20px;
}

.about-section .space-left {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.about-section .row>div {
    padding-left: 20px;
    padding-right: 20px;
}

.scroll-top-button {
    right: 0;
}

.business-hours .row>div {
    padding-left: 15px;
    padding-right: 15px;
}

.stimulate-healing.faq h2 {
    font-size: 32px !important;
    line-height: 47px !important;
    letter-spacing: 0;
}

.footer p {
    margin-bottom: 10px;
}

.feedback-box .owl-nav .owl-prev {
    margin: 0;
}

.feedback-box .owl-nav .owl-next {
    margin: 0;
}

.bloginfo .numbers .text {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    line-height: 30px;
}


.bloginfo .numbers .text span {
    display: inline-block;
    float: left;
}

.bloginfo .checkul ul {
    margin-bottom: 40px;
}
.bloginfo .checkul ul li {
    width: 100%;
}
	
	.naturopathy-info {
    padding-top: 120px;
    padding-bottom: 110px;
}
.bloginfo .bg {
    padding-right: 20px;
    padding-left: 20px;
}
 
.bloginfo .numbers .text span {
    float: none;
    margin-bottom: 10px;
}
 
.bloginfo .numbers .text {
    padding: 20px;
    padding-top: 15px;
    padding-bottom: 25px;
}
	
	#internesprungmarke.faq-slider {
		background-position: 100% 29%;
		padding: 100px 0px 0px 0px;
	}
.faq .accordion-button h3 {
    font-size: 15px;
    line-height: 23px;
}
 
.faq .accordion-button {
    padding-right: 30px !important;
}
 
.faq .accordion-button::after {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -17px;
    width: 18px;
}
 
.faq .accordion-body .accordion-content {
    padding-left: 15px;
    padding-right: 20px;
}	
}

@media only screen and (min-width:768px) and (max-width:991px) {
.topbar .container {
    max-width: 100%;
}

.topbar ul.social {
    padding: 0px 8px;
    margin-left: 10px;
    margin-right: 30px;
    margin-right: 12px;
}

.topbar .col-md-12 {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    align-items: center;
}

.topbar .yellowbtn {
    margin-left: 40px;
    margin: 10px 10px;
    padding: 0 14px;
}

.banner h6 {
    line-height: 1.2;
}

.banner h1 {
    line-height: 1.5;
    font-size: 70px;
}
    
.banner h3 {
    line-height: 1.2;
    font-size: 30px;
}

.banner {
    height: auto;
    padding: 180px 0px;
}

h2 {
    font-size: 25px !important;
    line-height: 35px !important;
}

.contact-icon {
    line-height: 25px;
    font-size: 15px;
}

.contact-icon:last-child {
    margin-bottom: 15px;
}

.about {
    padding: 70px 0px 70px 0px;
}

.expertise-box {
    padding: 70px 25px;
}

.btn-default {
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: 0px;
}

.about-me {
    padding: 70px 0px;
    position: relative;
    background: #1B2C57;
}

.about-me .img-about {
    position: absolute;
    top: 0;
    left: 0;
    width: 50% !important;
    object-fit: cover;
    height: 100%;
}

.about-me .p-80 {
    padding-left: 15px;
    padding-right: 15px;
}

.about-me ul li {
    font-size: 15px;
}

.upgrade h2 {
    margin-bottom: 30px;
}

.upgrade {
    padding: 80px 0px;
}

.upgrade p {
    font-size: 20px;
    line-height: 34px;
}

.cta-btn {
    margin-top: 40px;
}


.latest-news {
    padding: 70px 0px 210px 0px;
}

.latest-news h2 {
    margin-bottom: 35px;
}

.blog .bg>div {
    padding: 0px 20px;
}

.appointments {
    padding: 70px 0px 180px 0px;
}

.appointments h2 {
    margin-bottom: 35px;
}

.faq-slider {
    background: #1B2C57 url(../img/naturopathic-medical-doctor-in-arizona-dr-gabi-malina.png.webp) bottom right no-repeat;
    background-size: auto 89%;
    padding: 100px 0px;
}

.faq-slider .faq-carousel {
    padding: 0px 0px;
}

.faq-slider .owl-nav {
    top: 106%;
    width: calc(100% + 0px);
    left: 0px;
}

.faq-slider .faq-text {
    font-size: 18px;
    line-height: 32px;
}

.about-education {
    padding: 80px 0px;
}

.about-education h2 {
    margin-bottom: 35px;
}

.quote {
    padding: 80px 0px;
}

.quote h2 {
    margin-bottom: 35px;
}

.foot-links li {
    padding: 0px 9px;
}

.contactbox p {
    min-height: 50px;
}

.contactbox .icon {
    min-height: 60px;
}

.contact-info h2 {
    font-size: 30px !important;
    line-height: 1.3 !important;
}

.business-box h3 {
    line-height: 30px;
    font-size: 18px;
}

.page-banner h1 {
    font-size: 35px;
    line-height: 60px;
}

.page-banner p {
    font-size: 18px;
}

.stimulate-healing p.lg {
    line-height: 28px;
    font-size: 19px;
}

.stimulate-healing h3 {
    font-size: 19px;
    line-height: 38px;
    margin-bottom: 30px;
}

.upgrade.improve {
    padding: 150px 0px;
}

.contact-form.servicepage .space {
    padding-right: 30px;
    padding-left: 30px;
}

.scroll-top-button {
    right: 0;
}

.business-hours .row>div {
    padding-left: 15px;
    padding-right: 15px;
}

.about.homi {
    padding: 70px 0px 0px 0px;
}

.about .quotebox {
    margin-bottom: 80px;
}

section.foot-contact h2 {
    font-size: 55px !important;
    line-height: 50px !important;
}

.about.servicepage {
    padding: 70px 10px 0px 10px;
}

.about.servicepage .btn-default {
    margin-bottom: 50px;
}


.feedback-box .owl-nav .owl-prev {
    margin: 0;
}

.feedback-box .owl-nav .owl-next {
    margin: 0;
}

.feedback-box .owl-nav {
    width: calc(100% + 146px);
    left: -73px;
}

.topbar ul li {
    font-size: 14px;
    padding: 10px 6px;
}

.about-section .full-column-custom p {
    margin-bottom: 20px;
}

.contactbox {
    padding: 35px 20px;
}
.bloginfo .bg {
    padding-right: 20px;
    padding-left: 20px;
}
.bloginfo .checkul ul li {
    width: 49%;
}
	
.faq .accordion-button h3 {
    font-size: 16px;
}	
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.topbar .container {
    max-width: 100%;
}

.topbar ul.social {
    padding: 0px 8px;
    margin-left: 10px;
    margin-right: 10px;
}

.topbar .yellowbtn {
    font-size: 12px;
    line-height: 27px;
    margin-left: 11px;
    padding: 0 9px;
}
    
.banner h6 {
    line-height: 1.2;
    /* font-size: 16px; */
}

.banner h1 {
    line-height: 1.5;
    font-size: 90px;
}
    
.banner h3 {
    line-height: 1.2;
    font-size: 65px;
}

.banner {
    height: auto;
    padding: 240px 0px 180px 0px;
}

h2 {
    font-size: 34px !important;
    line-height: 45px !important;
}

.header {
    padding: 0px 10px;
}
    
.expertise-box {
    padding: 75px 40px;
}

.naturopathic-services .rowspace>div {
    padding-left: 5px;
    padding-right: 5px;
}

.service-box {
    padding-top: 35px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.about-me .p-80 {
    padding-left: 30px;
    padding-right: 30px;
}

.faq-slider {
    background: #1B2C57 url(../img/naturopathic-medical-doctor-in-arizona-dr-gabi-malina.png.webp) bottom right no-repeat;
    background-size: auto 89%;
    padding: 100px 0px;
}

.faq-slider .owl-nav {
    width: calc(100% + 40px);
    left: -13px;
}

.page-banner h1 {
    font-size: 28px;
    line-height: 46px;
}

.page-banner p {
    line-height: 30px;
    font-size: 19px;
}

.naturopathic-services p {
    font-size: 15px;
}

.upgrade.improve {
    padding: 150px 0px;
}

.upgrade.improve h2 {
    font-size: 42px !important;
    line-height: 60px !important;
}

.btn-default {
    height: 50px;
    padding: 0 20px;
    font-size: 15px;
}

.about .quotebox {
    margin-bottom: 80px;
}

.feedback-box .owl-nav .owl-prev {
    margin: 0;
}

.feedback-box .owl-nav .owl-next {
    margin: 0;
}

.feedback-box .owl-nav {
    width: calc(100% + 146px);
    left: -73px;
}

.topbar ul li {
    font-size: 14px;
    padding: 10px 12px;
}

.full-column-custom {
    width: 100%;
}

.about-section .full-column-custom p {
    margin-bottom: 20px;
}

.contactbox {
    padding: 35px 10px;
}

}

@media only screen and (min-width:1212px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1212px;
}

}


@media only screen and (min-width:1200px) and (max-width:1399px) {
.faq-slider {
    background: #1B2C57 url(../img/naturopathic-medical-doctor-in-arizona-dr-gabi-malina.png.webp) bottom right no-repeat;
    background-size: auto 95%;
    padding: 150px 0px;
}

.stimulate-healing p.lg {
    line-height: 34px;
    font-size: 22px;
}

}


@media only screen and (min-width:768px) {
.about-me {
    position: relative;
    background: #1B2C57;
}

.about-me .img-about {
    position: absolute;
    top: 0;
    left: 0;
    width: 50% !important;
    object-fit: cover;
    height: 100%;
}

}

@media only screen and (min-width: 992px) {
.header .navbar-light .navbar-nav>.menu-item-has-children:hover ul.sub-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
	
	.navbar-light .navbar-nav .nav-item ul.sub-menu li:hover>a, .navbar-light .navbar-nav .nav-item ul.sub-menu li.active>a {
		color: #3c3950 !important;
		background: #fff !important;
		border-color: #8A99C8FF;
	}

	.header.inner-header .navbar-light .navbar-nav .nav-item.current_page_item>.nav-link {
		background: #fff !important;
	}
}