/* Active navigation state */
.tp-main-menu-ai > nav > ul > li.jayco-nav-current-item > a,
.tp-main-menu-ai > nav > ul > li.jayco-nav-current-parent > a {
        color: var(--tp-theme-1);
    font-weight: 600;
}

.tp-main-menu-ai > nav > ul > li.jayco-nav-current-item.has-dropdown > a > span,
.tp-main-menu-ai > nav > ul > li.jayco-nav-current-parent.has-dropdown > a > span {
    color: var(--tp-theme-1);
}

.dropdown-white-bg nav ul li .tp-submenu li.jayco-nav-current-item > a {
    background-color: #F8F8FB;
    color: var(--tp-theme-2);
}

.tp-offcanvas-menu ul li.jayco-nav-current-item > a,
.tp-offcanvas-menu ul li.jayco-nav-current-parent > a {
    color: var(--tp-common-black);
    font-weight: 600;
}

.tp-offcanvas-menu .tp-submenu li.jayco-nav-current-item > a {
    background-color: #F8F8FB;
    color: var(--tp-common-black);
}

@media only screen and (max-width: 1399px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
     .tp-feature-md-item { 
    padding: 20px 20px; 
}
    .tp-feature-md-content h4 {
    font-size: 18px; 
}
     
.tp-portfolio-horizontal-title { 
    font-size: 70px; 
}

    
}

@media screen and (max-width: 1280px) and (max-height: 800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1180px;
    } 
     .tp-main-menu-ai > nav > ul > li > a { 
    padding: 5px 22px;
    font-size: 13px; 
}
.tp-btn-md {
    padding: 8px 20px; 
    font-size: 14px; 
}
.tp-arrow-angle { 
    width: 20px;
    height: 20px; 
}
.tp-header-md-contact ul li { 
    font-size: 13px; 
}
.tp-feature-md-content p {
    font-size: 14px;
}
    .tp-feature-md-content h4 {
        font-size: 16px;
    }
    .home-abu p {
    width: 80%;
    font-size: 15px;
}
    .tp-portfolio-horizontal-title {
        font-size: 60px;
    }
    .tp-portfolio-horizontal-tag { 
    font-size: 18px; 
}
.tp-portfolio-horizontal-disc { 
    font-size: 15px;
}
.cst-service-item-title {
    font-size: 22px; 
}
.cst-service-item-content p {
    font-family: var(--tp-ff-body);
    font-size: 16px;
}
     .our-values h3 {
    font-size: 22px;
}
.our-values p {
    font-size: 16px;
}
.latest-ser .tp-service-md-title-wrap h2 {
    font-size: 26px; 
}
.latest-ser .tp-service-md-title-wrap p {
    font-size: 14px;
}
.al-section-shop-title { 
    font-size: 32px; 
}
.ais-section-title {
    font-size: 22px; 
}
.ar-footer-widget-content p { 
    font-size: 15px; 
}
.ar-footer-widget-title {
    font-size: 20px; 
    margin-bottom: 13px; 
}
.ar-footer-widget-menu ul li:not(:last-child) {
    margin-bottom: 4px;
}
.ar-footer-widget-menu ul li a {
    font-size: 14px; 
}
.ar-footer-widget-info a { 
    font-size: 14px; 
}
.ar-footer-widget-info p { 
    gap: 5px; 
    font-size: 13px;
}
.ar-footer-widget-info h6 { 
    font-size: 14px;
}
.ar-copyright-text p, .ar-copyright-text a, .ar-copyright-social p, .ar-copyright-social a {
    font-size: 14px; 
}
.tp-cta-wd-content h2 { 
    font-size: 63px; 
}
.ban p {
    width: clamp(25px, 3.8vw, 25px);
    height: clamp(25px, 3.8vw, 25px); 
    font-size: clamp(16px, 1vw, 16px); 
}
     
}

@media (max-width: 1024px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
    }
     



}

@media (max-width: 991px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
    }
     






    
  }

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1420px;
    }
     
}
@media (min-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1550px;
    }
    

}


@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1700px;
    }
}