@media (max-width: 1199.98px){
    .hero-title{
        font-size:44px;
    }
}

@media (max-width: 991.98px){
    body{
        padding-top:78px;
    }

    .hero-section{
        min-height:auto;
        align-items:flex-start;
        padding:60px 0 48px;
    }

    .hero-section .container,
    .hero-section .row{
        min-height:auto;
    }

    .hero-badge{
        margin-bottom:16px;
    }

    .hero-title{
        font-size:38px;
        margin-bottom:16px;
    }

    .hero-subtitle{
        font-size:16px;
        margin-bottom:22px;
    }

    .section-space{
        padding:70px 0;
    }

    .cms-sidebar{
        position:fixed;
        top:0;
        left:-280px;
        transition:.25s ease;
        box-shadow:0 15px 50px rgba(0,0,0,.18);
    }

    .cms-sidebar.show{
        left:0;
    }

    .cms-header{
        padding:16px 18px;
    }

    .cms-content{
        padding:18px;
    }

    .page-banner{
        padding:60px 0 50px;
    }

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

    .product-thumb{
        height:220px;
    }

    .site-logo-horizontal{
        width:250px;
        max-height:60px;
    }
}

@media (max-width: 767.98px){
    .custom-navbar{
        padding:6px 0;
    }

    .custom-navbar .container{
        display:flex;
        align-items:center;
        justify-content:space-between;
        min-height:60px;
    }

    .navbar-brand{
        display:flex;
        align-items:center;
        margin-right:0;
        padding-top:0;
        padding-bottom:0;
        line-height:1;
    }

    .navbar-brand-logo-only{
        display:flex;
        align-items:center;
        width:100%;
        max-width:260px;
        margin-left:-8px;
    }

    .site-logo-horizontal{
        display:block;
        width:230px;
        max-width:100%;
        max-height:64px;
        height:auto;
        object-fit:contain;
        padding-top:2px;
    }

    .navbar-toggler{
        display:flex;
        align-items:center;
        justify-content:center;
        align-self:center;
        padding:7px 9px;
        line-height:1;
    }

    .brand-name{
        font-size:14px;
    }

    .hero-title{
        font-size:30px;
    }

    .hero-subtitle{
        font-size:15px;
    }

    .section-title h2{
        font-size:28px;
    }

    .cta-box{
        padding:28px 22px;
    }

    .login-card{
        padding:24px;
    }

    .cms-page-title{
        font-size:18px;
    }

    .cms-stat-value{
        font-size:28px;
    }

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

    .filter-card,
    .sidebar-card,
    .contact-form-box,
    .product-detail-box,
    .content-box,
    .article-detail-box{
        padding:18px;
    }

    .product-thumb,
    .article-card img{
        height:200px;
    }

    .latest-article-item img{
        width:70px;
        height:70px;
    }
}