header#header .menuzord-brand img {
    max-width: 200px;
}

header#header .menuzord-brand img {
    max-height: 55px;
}

header#header .header-nav-wrapper.tm-sticky-menu .menuzord-brand img {
    max-height: 40px;
}

.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown {
    min-width: 260px;
}

@media (min-width: 50px) {
    body.tm-vertical-nav header#header {
        width: px;
    }

    body.tm-vertical-nav .main-content,
    body.tm-vertical-nav footer.footer {
        margin-left: px;
    }

    body.tm-vertical-nav .elementor-top-section.elementor-section-boxed>.elementor-container {
        max-width: px !important;
        width: px !important;
    }
}

@media (min-width: 1200px) {
    .side-panel-container {
        width: px;
    }

    .side-panel-container {
        right: -px;
    }
}

body.tm-boxed-layout {
    background-color: #444;
}

.tm-page-title {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

body,
p {
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    --body-font-family: Plus Jakarta Sans;
    --body-font-size: 16px;
    --body-font-weight: 400;
    --body-line-height: 30px;
}

.tm-sc-section-title .title-wrapper .title,
.tm-sc-section-title .title-wrapper h2.title {
    font-family: Cormorant;
    font-weight: 400;
    font-size: 54px;
    line-height: 60px;
    --section-title-font-size: 54px;
    --section-title-line-height: 60px;
    --section-title-font-family: Cormorant;
    --section-title-font-weight: 400;
}

.tm-sc-section-title .title-wrapper .sub-title-outer .subtitle {
    font-family: Cormorant;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .10px;
    --section-title-subtitle-font-size: 18px;
    --section-title-subtitle-line-height: 22px;
    --section-title-subtitle-font-family: Cormorant;
    --section-title-subtitle-font-weight: 600;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: Cormorant;
    font-weight: 400;
    --heading-font-family: Cormorant;
    --headings-font-weight-h1: 400;
    --headings-font-weight-h2: 400;
    --headings-font-weight-h3: 400;
    --headings-font-weight-h4: 400;
    --headings-font-weight-h5: 400;
    --headings-font-weight-h6: 400;
}

h1,
.h1 {
    font-family: Cormorant;
    font-weight: 400;
    font-size: 60px;
    line-height: 65px;
    --h1-font-size: 60px;
}

h2,
.h2 {
    font-family: Cormorant;
    font-weight: 400;
    font-size: 54px;
    line-height: 60px;
    --h2-font-size: 54px;
}

h3,
.h3 {
    font-family: Cormorant;
    font-weight: 400;
    font-size: 34px;
    line-height: 40px;
    --h3-font-size: 34px;
}

h4,
.h4 {
    font-family: Cormorant;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    --h4-font-size: 24px;
}

h5,
.h5 {
    font-size: 20px;
    line-height: 24px;
    --h5-font-size: 20px;
}

h6,
.h6 {
    font-size: 16px;
    line-height: 20px;
    --h6-font-size: 16px;
}

.btn:not(.btn-lg):not(.btn-sm):not(.btn-xs) {
    font-family: Barlow Condensed;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .10px;
}

/* ===============================================
   RESPONSIVE TYPOGRAPHY - Media Queries
=============================================== */

/* Large Tablets and Desktop (1200px and up) */
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 60px;
        line-height: 65px;
    }
    
    h2, .h2 {
        font-size: 54px;
        line-height: 60px;
    }
    
    .tm-sc-section-title .title-wrapper .title,
    .tm-sc-section-title .title-wrapper h2.title {
        font-size: 54px;
        line-height: 60px;
    }
}

/* Tablets (768px to 1199px) */
@media (max-width: 1199px) and (min-width: 768px) {
    h1, .h1 {
        font-size: 48px;
        line-height: 52px;
        --h1-font-size: 48px;
    }
    
    h2, .h2 {
        font-size: 42px;
        line-height: 48px;
        --h2-font-size: 42px;
    }
    
    h3, .h3 {
        font-size: 28px;
        line-height: 34px;
        --h3-font-size: 28px;
    }
    
    h4, .h4 {
        font-size: 22px;
        line-height: 28px;
        --h4-font-size: 22px;
    }
    
    h5, .h5 {
        font-size: 18px;
        line-height: 22px;
        --h5-font-size: 18px;
    }
    
    h6, .h6 {
        font-size: 16px;
        line-height: 20px;
        --h6-font-size: 16px;
    }
    
    .tm-sc-section-title .title-wrapper .title,
    .tm-sc-section-title .title-wrapper h2.title {
        font-size: 42px;
        line-height: 48px;
        --section-title-font-size: 42px;
        --section-title-line-height: 48px;
    }
    
    .tm-sc-section-title .title-wrapper .sub-title-outer .subtitle {
        font-size: 16px;
        line-height: 20px;
        --section-title-subtitle-font-size: 16px;
        --section-title-subtitle-line-height: 20px;
    }
    
    body, p {
        font-size: 15px;
        line-height: 28px;
        --body-font-size: 15px;
        --body-line-height: 28px;
    }
    
    .btn:not(.btn-lg):not(.btn-sm):not(.btn-xs) {
        font-size: 15px;
        line-height: 19px;
        padding: 12px 25px;
    }
}

/* Mobile Large (481px to 767px) */
@media (max-width: 767px) and (min-width: 481px) {
    h1, .h1 {
        font-size: 36px;
        line-height: 42px;
        --h1-font-size: 36px;
    }
    
    h2, .h2 {
        font-size: 32px;
        line-height: 38px;
        --h2-font-size: 32px;
    }
    
    h3, .h3 {
        font-size: 24px;
        line-height: 30px;
        --h3-font-size: 24px;
    }
    
    h4, .h4 {
        font-size: 20px;
        line-height: 26px;
        --h4-font-size: 20px;
    }
    
    h5, .h5 {
        font-size: 18px;
        line-height: 22px;
        --h5-font-size: 18px;
    }
    
    h6, .h6 {
        font-size: 16px;
        line-height: 20px;
        --h6-font-size: 16px;
    }
    
    .tm-sc-section-title .title-wrapper .title,
    .tm-sc-section-title .title-wrapper h2.title {
        font-size: 32px;
        line-height: 38px;
        --section-title-font-size: 32px;
        --section-title-line-height: 38px;
    }
    
    .tm-sc-section-title .title-wrapper .sub-title-outer .subtitle {
        font-size: 16px;
        line-height: 20px;
        --section-title-subtitle-font-size: 16px;
        --section-title-subtitle-line-height: 20px;
    }
    
    body, p {
        font-size: 15px;
        line-height: 26px;
        --body-font-size: 15px;
        --body-line-height: 26px;
    }
    
    .btn:not(.btn-lg):not(.btn-sm):not(.btn-xs) {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 20px;
    }
}

/* Mobile Small (320px to 480px) */
@media (max-width: 480px) {
    h1, .h1 {
        font-size: 28px;
        line-height: 34px;
        --h1-font-size: 28px;
    }
    
    h2, .h2 {
        font-size: 26px;
        line-height: 32px;
        --h2-font-size: 26px;
    }
    
    h3, .h3 {
        font-size: 22px;
        line-height: 28px;
        --h3-font-size: 22px;
    }
    
    h4, .h4 {
        font-size: 18px;
        line-height: 24px;
        --h4-font-size: 18px;
    }
    
    h5, .h5 {
        font-size: 16px;
        line-height: 20px;
        --h5-font-size: 16px;
    }
    
    h6, .h6 {
        font-size: 14px;
        line-height: 18px;
        --h6-font-size: 14px;
    }
    
    .tm-sc-section-title .title-wrapper .title,
    .tm-sc-section-title .title-wrapper h2.title {
        font-size: 26px;
        line-height: 32px;
        --section-title-font-size: 26px;
        --section-title-line-height: 32px;
    }
    
    .tm-sc-section-title .title-wrapper .sub-title-outer .subtitle {
        font-size: 14px;
        line-height: 18px;
        --section-title-subtitle-font-size: 14px;
        --section-title-subtitle-line-height: 18px;
    }
    
    body, p {
        font-size: 14px;
        line-height: 24px;
        --body-font-size: 14px;
        --body-line-height: 24px;
    }
    
    .btn:not(.btn-lg):not(.btn-sm):not(.btn-xs) {
        font-size: 13px;
        line-height: 17px;
        padding: 9px 18px;
    }
}

/* Extra Small Mobile (below 320px) */
@media (max-width: 319px) {
    h1, .h1 {
        font-size: 24px;
        line-height: 30px;
        --h1-font-size: 24px;
    }
    
    h2, .h2 {
        font-size: 22px;
        line-height: 28px;
        --h2-font-size: 22px;
    }
    
    h3, .h3 {
        font-size: 20px;
        line-height: 26px;
        --h3-font-size: 20px;
    }
    
    h4, .h4 {
        font-size: 16px;
        line-height: 22px;
        --h4-font-size: 16px;
    }
    
    .tm-sc-section-title .title-wrapper .title,
    .tm-sc-section-title .title-wrapper h2.title {
        font-size: 22px;
        line-height: 28px;
        --section-title-font-size: 22px;
        --section-title-line-height: 28px;
    }
    
    body, p {
        font-size: 13px;
        line-height: 22px;
        --body-font-size: 13px;
        --body-line-height: 22px;
    }
    
    .btn:not(.btn-lg):not(.btn-sm):not(.btn-xs) {
        font-size: 12px;
        line-height: 16px;
        padding: 8px 16px;
    }
}

/* Additional responsive adjustments for better readability */
@media (max-width: 767px) {
    /* Improve line spacing on mobile for better readability */
    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 15px;
    }
    
    p {
        margin-bottom: 15px;
    }
    
    /* Better spacing for section titles on mobile */
    .tm-sc-section-title .title-wrapper {
        margin-bottom: 20px;
    }
    
    /* Adjust header navigation logo size */
    header#header .menuzord-brand img {
        max-height: 45px;
        max-width: 160px;
    }
    
    header#header .header-nav-wrapper.tm-sticky-menu .menuzord-brand img {
        max-height: 35px;
    }
}

/* Ultra-wide screens (1400px and up) */
@media (min-width: 1400px) {
    h1, .h1 {
        font-size: 70px;
        line-height: 75px;
        --h1-font-size: 70px;
    }
    
    h2, .h2 {
        font-size: 60px;
        line-height: 66px;
        --h2-font-size: 60px;
    }
    
    .tm-sc-section-title .title-wrapper .title,
    .tm-sc-section-title .title-wrapper h2.title {
        font-size: 60px;
        line-height: 66px;
        --section-title-font-size: 60px;
        --section-title-line-height: 66px;
    }
}