:root {
    --brand-text-color:#074276;
    --brand-link-color:#f4872e;
}

.brand-title-color {
    color: var(--brand-text-color) !important;
}

@media only screen and (max-width: 767px) {
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding:0px 30px;
}  

h1, .h1 {
    font-size:30px;
} 

h2, .h2 {
    font-size:30px;
}

h3, .h3 {
    font-size: 24px;
}

.topbar {
    padding: 8px 0px;
}

header .navbar-brand img {
    height: 40px;
}

header {
    padding:15px;
}

header .navbar {
    padding: 0px;
    display:flex;
    justify-content: space-between;
}

.main-sidemenu-btn span {
    background-color:var(--brand-text-color);
    height: 3px;
}

.page-banner {
    background: #fff !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.page-banner h1 {
    color: var(--brand-text-color);
}

.contact-page-info  {
    font-size: 18px;
}

.form-box {
    margin-top: 40px;
    padding: 10%;
}

.contact-page-info .mt-80 , .learn-services .mt-50{
    margin-top: 40px;
}

.learn-services .gx-5 {
    --bs-gutter-y:1rem;
}

.logos .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
}

.logos .owl-nav .owl-prev {
    float: left;
}

.logos .owl-nav .owl-next {
    float: right;
}

.logos .owl-nav button.owl-next, .logos .owl-nav button.owl-prev {
    background: linear-gradient(rgba(0,0,0,0.5)) !important;
    padding: 0px 15px !important;
    border-radius: 0px;
}

.logos .owl-nav button span {
    color: #fff;
    font-size: 24px;
}

.exceptional-care .care-group {
    margin-top: 30px;
}

.exceptional-care .care-box {
    width: 100%;
}

.about-img-section img {
    margin-bottom: 30px;
    display: inline-block;
    height: auto;
}

.recent-blog .blog-box {
    margin-bottom: 20px;
}



/*** GENERAL SECTION PADDING ***/
.page-banner, .contact-page-info, .learn-services, .why-choose, .service-area, .about-img-section, .exceptional-care, .recent-blog {
    padding: 50px 0px;
}
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding:0px 20px;
}  

h1, .h1 {
    font-size:41px;
} 

h2, .h2 {
    font-size:41px;
}

h3, .h3 {
    font-size: 24px;
}
header {
    padding:15px;
}

header .navbar {
    padding: 0px;
    display:flex;
    justify-content: space-between;
}

.main-sidemenu-btn span {
    background-color:var(--brand-text-color);
    height:3px;
}

.page-banner {
    background: #fff !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.page-banner h1 {
    color: var(--brand-text-color);
}

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

.learn-services .gx-5 {
    --bs-gutter-x:2rem;
    --bs-gutter-y:2rem;
}

.logos .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
}

.logos .owl-nav .owl-prev {
    float: left;
}

.logos .owl-nav .owl-next {
    float: right;
}

.logos .owl-nav button.owl-next, .logos .owl-nav button.owl-prev {
    background: linear-gradient(rgba(0,0,0,0.5)) !important;
    padding: 0px 15px !important;
    border-radius: 0px;
}

.logos .owl-nav button span {
    color: #fff;
    font-size: 24px;
}

footer h4 {
    margin-top: 30px;
}



/*** GENERAL SECTION PADDING ***/
.page-banner, .contact-page-info, .learn-services, .why-choose {
    padding: 50px 0px;
}
}

@media only screen and (min-width: 768px)and (max-width: 991px) {

}

@media only screen and (min-width: 992px)and (max-width: 1199px) {

}

@media only screen and (min-width: 1200px)and (max-width: 1399px) {

}